input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand-accent);cursor:pointer;border:2px solid color-mix(in oklab, var(--brand-accent) 85%, black);width:18px;height:18px;box-shadow:0 0 0 3px color-mix(in oklab, var(--brand-accent) 20%, transparent);border-radius:50%;transition:box-shadow .15s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px color-mix(in oklab, var(--brand-accent) 25%, transparent)}input[type=range]::-moz-range-thumb{background:var(--brand-accent);cursor:pointer;border:2px solid color-mix(in oklab, var(--brand-accent) 85%, black);border-radius:50%;width:18px;height:18px}input[type=range].canvas-slider{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--slider-accent,var(--brand-accent)) 0 var(--slider-fill,0%), #3f3f46 var(--slider-fill,0%) 100%);border-radius:9999px;height:4px}input[type=range].canvas-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fafafa;border:none;border-radius:50%;width:12px;height:12px;transition:transform .12s;box-shadow:0 1px 3px #0000008c}input[type=range].canvas-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 1px 3px #0000008c}input[type=range].canvas-slider:focus-visible::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 1px 3px #0000008c}input[type=range].canvas-slider::-moz-range-track{background:0 0;border-radius:9999px;height:4px}input[type=range].canvas-slider::-moz-range-thumb{background:#fafafa;border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #0000008c}