.slider{-webkit-appearance:none;background:0 0;border-radius:2px;outline:none;width:100%;height:32px}.slider-track{background:var(--color-border);border-radius:2px;height:8px;top:12px}.slider-track.track-0{background:var(--color-primary)}.slider-thumb{background:var(--color-primary);border:3px solid var(--color-card);box-shadow:0 2px 8px color-mix(in oklch, var(--color-primary) 26%, transparent);cursor:grab;border-radius:50%;width:24px;height:24px;transition:all .2s;top:4px}.slider-thumb:hover{box-shadow:0 4px 12px color-mix(in oklch, var(--color-primary) 36%, transparent);transform:scale(1.1)}.slider-thumb:focus-visible{outline:3px solid color-mix(in oklch, var(--color-primary) 32%, transparent);outline-offset:3px}.slider-thumb:active{cursor:grabbing}