.hue-slider{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hue-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#fff;border:2px solid #374151;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000001a}.hue-slider::-moz-range-thumb{width:16px;height:16px;background:#fff;border:2px solid #374151;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000001a}.hue-slider:focus{outline:none}.hue-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #3b82f680}.hue-slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px #3b82f680}