.picker{background:#fffffff2;box-sizing:border-box;pointer-events:auto;min-width:280px;padding:20px;width:100%}.slider-container{margin-bottom:15px}.slider-label{flex-direction:column;display:flex;gap:5px}.label-text{font-weight:500;font-size:16px;color:#000}.slider{-webkit-appearance:none;pointer-events:auto;position:relative;appearance:none;background:#ddd;cursor:pointer;z-index:10001;outline:none;width:100%;height:8px}.slider::-webkit-slider-thumb{box-shadow:0 2px 4px #0003;-webkit-appearance:none;border:2px solid white;background:#4a4a4a;border-radius:50%;appearance:none;cursor:pointer;height:18px;width:18px}.slider::-moz-range-thumb{box-shadow:0 2px 4px #0003;border:2px solid white;background:#4a4a4a;border-radius:50%;cursor:pointer;height:18px;width:18px}.slider-hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.slider-saturation{background:linear-gradient(to right,gray,#0ff)}.slider-lightness{background:linear-gradient(to right,#000,#0ff,#fff)}