/*div.picker
    {
        background: var(--bg);
        border: 1px solid var(--border);
        border-radius: 10px;
        padding: 10px;
        display:flex;
        gap:10px;
        box-shadow: 0 10px 30px rgba(0,0,0,.35);
    }*/

    div.colorpicker
    {
        position:relative;
        width: 560px;
        height: 420px;
        box-sizing: border-box;
        border: 1px solid var(--colorBorder1);

        /*box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);*/
    }

    div.colorpicker-knob
    {
        position:absolute;
        width: 10px; 
        height: 10px;
        border: 2px solid rgba(255, 255, 255, 1.0);
        /*box-shadow: 0 1px 3px rgba(0,0,0,.7);*/
        border-radius: 2px;
        transform: translate(-6px, -6px);
        pointer-events:none;
    }

    div.colorpicker-tonebar
    {
        position:relative;
        width: 32px;
        height: 420px;
        box-sizing: border-box;
        border: 1px solid var(--colorBorder1);
        /*box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);*/
        cursor:pointer;
    }

    div.colorpicker-tonebar-knob
    {
        position:absolute;
        left:-1px;
        right:-2px;
        height:3px;
        background: rgba(255, 255, 255, 1.0);
        box-sizing: border-box;
        border: 1px solid var(--colorBorder1);
        /*box-shadow: 0 1px 2px rgba(0,0,0,.8);*/
        transform: translateY(-1px);
        pointer-events:none;
    }