.wheel-selector{width:22px;height:22px;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 2px 10px rgb(0 0 0 / .6)}.wheel-range{-webkit-appearance:none;appearance:none;width:100%;height:14px;padding:0;background:#fff0;border:0;outline:none}.wheel-range::-webkit-slider-runnable-track{height:14px;border:1px solid #5a5a5a;border-radius:7px;background:#3a3a3a}.wheel-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-5px;border:1px solid #1c1c1c;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgb(0 0 0 / .55);cursor:pointer}.wheel-range::-moz-range-track{height:14px;border:1px solid #5a5a5a;border-radius:7px;background:#3a3a3a}.wheel-range::-moz-range-thumb{width:22px;height:22px;border:1px solid #1c1c1c;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgb(0 0 0 / .55);cursor:pointer}.wheel-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 .25rem rgb(13 202 240 / .4)}.wheel-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 .25rem rgb(13 202 240 / .4)}.range-sat::-webkit-slider-runnable-track{background:linear-gradient(90deg,#8f8f8f,#f2f2f2)}.range-sat::-moz-range-track{background:linear-gradient(90deg,#8f8f8f,#f2f2f2)}.range-bright::-webkit-slider-runnable-track{background:linear-gradient(90deg,#000,#fff)}.range-bright::-moz-range-track{background:linear-gradient(90deg,#000,#fff)}.range-r::-webkit-slider-runnable-track{background:linear-gradient(90deg,#2a0000,#f00)}.range-r::-moz-range-track{background:linear-gradient(90deg,#2a0000,#f00)}.range-g::-webkit-slider-runnable-track{background:linear-gradient(90deg,#002a00,#0f0)}.range-g::-moz-range-track{background:linear-gradient(90deg,#002a00,#0f0)}.range-y::-webkit-slider-runnable-track{background:linear-gradient(90deg,#2a2200,#ffe600)}.range-y::-moz-range-track{background:linear-gradient(90deg,#2a2200,#ffe600)}.range-b::-webkit-slider-runnable-track{background:linear-gradient(90deg,#00002a,#06f)}.range-b::-moz-range-track{background:linear-gradient(90deg,#00002a,#06f)}.wheel-preview{box-shadow:0 4px 18px rgb(0 0 0 / .35)}.wheel-copy{cursor:pointer;transition:color .15s ease,background-color .15s ease}.wheel-copy:hover{color:#fff!important;background-color:rgb(255 255 255 / .08)}.wheel-swatch{transition:transform .15s ease,box-shadow .15s ease}.wheel-swatch:hover{transform:scale(1.06);box-shadow:0 4px 14px rgb(0 0 0 / .45)}.wheel-code{cursor:pointer;transition:color .15s ease,background-color .15s ease}.wheel-code:hover{color:#fff!important;background-color:rgb(255 255 255 / .1)}