.mouse-setup-backdrop{background-image:radial-gradient(at 50% 25%,#6ee7b70e,#0000 65%),linear-gradient(#94a3b806 1px,#0000 1px),linear-gradient(90deg,#94a3b806 1px,#0000 1px);background-size:auto,48px 48px,48px 48px}.mouse-setup-option{background:#090e17;border:1px solid #ffffff09;border-radius:12px;min-width:0;padding:10px 16px}.mouse-setup-values{text-align:right;flex-shrink:0;display:grid;overflow:hidden}.mouse-setup-value{opacity:0;transform:translateY(var(--value-offset));color:#a7f3d0;grid-area:1/1;font-size:15px;font-weight:650;line-height:22px;transition:opacity .16s ease-out,transform .2s cubic-bezier(.23,1,.32,1)}.mouse-setup-value[data-selected=true]{opacity:1;transform:translateY(0)}.mouse-setup-range{height:30px;margin-top:2px;position:relative}.mouse-setup-track{background:linear-gradient(to right, #6ee7b7 var(--range-fill), #293442 var(--range-fill));border-radius:4px;height:4px;position:absolute;inset:13px 11px auto}.mouse-setup-notch{background:#526071;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translate(-50%,-50%)}.mouse-setup-notch[data-filled=true]{background:#6ee7b7}.mouse-setup-range input{appearance:none;cursor:pointer;accent-color:#6ee7b7;background:0 0;outline:none;width:100%;height:30px;margin:0;display:block;position:relative}.mouse-setup-range input::-webkit-slider-runnable-track{background:0 0;height:4px}.mouse-setup-range input::-moz-range-track{background:0 0;height:4px}.mouse-setup-range input::-webkit-slider-thumb{appearance:none;background:#142c27;border:5px solid #6ee7b7;border-radius:50%;width:22px;height:22px;margin-top:-9px;transition:box-shadow .15s ease-out;box-shadow:0 0 0 4px #090e17}.mouse-setup-range input::-moz-range-thumb{box-sizing:border-box;background:#142c27;border:5px solid #6ee7b7;border-radius:50%;width:22px;height:22px;transition:box-shadow .15s ease-out;box-shadow:0 0 0 4px #090e17}.mouse-setup-range input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #090e17,0 0 0 5px #a7f3d0}.mouse-setup-range input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #090e17,0 0 0 5px #a7f3d0}.mouse-setup-range input:active{cursor:grabbing}.mouse-setup-stops{height:14px;margin-inline:11px;position:relative}.mouse-setup-stops span{white-space:nowrap;color:#8996a8;font-size:10px;line-height:14px;transition:color .15s;position:absolute;transform:translate(-50%)}.mouse-setup-stops span:first-child{transform:none;left:-11px!important}.mouse-setup-stops span:last-child{transform:translate(-100%);left:calc(100% + 11px)!important}.mouse-setup-stops span[data-selected=true]{color:#a7f3d0}.mouse-setup-swatch{transition:background-color .15s,border-color .15s,transform .15s}.mouse-setup-swatch[aria-pressed=true]{background:#6ee7b714;border-color:#6ee7b7}.mouse-setup-start{transition:background-color .15s,transform .15s cubic-bezier(.23,1,.32,1)}.mouse-setup-switch-thumb{transition:transform .18s cubic-bezier(.23,1,.32,1),background-color .18s}.mouse-setup-start:active,.mouse-setup-swatch:active{transform:scale(.97)}.mouse-setup-option[data-keyboard=true] .mouse-setup-value,.mouse-setup-option[data-keyboard=true] .mouse-setup-stops span{transition:none}@media (hover:hover) and (pointer:fine){.mouse-setup-start:hover{background-color:#a7f3d0}.mouse-setup-swatch:hover{background-color:#ffffff14}.mouse-setup-range input:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #6ee7b71f}.mouse-setup-range input:hover::-moz-range-thumb{box-shadow:0 0 0 4px #6ee7b71f}}@media (prefers-reduced-motion:reduce){.mouse-setup *,.mouse-setup :before,.mouse-setup :after{transition:none!important;animation:none!important}}