.hue-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);border-radius:9999px;display:block;height:.75rem;margin-left:auto;margin-right:auto;position:relative;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:linear;width:100%;z-index:10}.hue-slider,.hue-slider:focus{outline:2px solid transparent;outline-offset:2px}.hue-slider::-moz-range-track{-moz-appearance:none;-webkit-appearance:none;appearance:none;opacity:0;outline:2px solid transparent;outline-offset:2px}.hue-slider::-ms-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;outline:2px solid transparent;outline-offset:2px}.hue-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;cursor:pointer;height:1.25rem;width:1.25rem;--tw-border-opacity:1;border-color:rgb(var(--color-gray-300)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hue-slider::-webkit-slider-thumb:active,.hue-slider::-webkit-slider-thumb:hover:active{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:grabbing}.hue-slider::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;cursor:pointer;height:1.25rem;width:1.25rem;--tw-border-opacity:1;border-color:rgb(var(--color-gray-300)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hue-slider::-moz-range-thumb:active,.hue-slider::-moz-range-thumb:hover:active{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:grabbing}.hue-slider::-ms-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;cursor:pointer;height:1.25rem;width:1.25rem;--tw-border-opacity:1;border-color:rgb(var(--color-gray-300)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hue-slider::-ms-thumb:active,.hue-slider::-ms-thumb:hover:active{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:grabbing}