.track.svelte-1ys07q7{--knob:24px;--width:50px;width:var(--width);height:calc(var(--knob) + 4px);border-radius:var(--radius-full);background:var(--color-track);transition:background-color var(--duration) var(--ease);flex-shrink:0;position:relative}.track.svelte-1ys07q7:before{content:"";width:var(--knob);height:var(--knob);border-radius:var(--radius-circle);background:var(--color-white);box-shadow:0 2px 5px color-mix(in srgb, var(--color-black) 11%, transparent);transition:translate var(--duration) var(--ease);position:absolute;top:2px;left:2px;translate:0}@supports not (color:color-mix(in srgb, red, red)){.track.svelte-1ys07q7:before{box-shadow:0 2px 5px rgb(var(--color-black-rgb) / 11%)}}.on.svelte-1ys07q7{background:var(--color-accent)}.on.svelte-1ys07q7:before{translate:calc(var(--width) - var(--knob) - 4px) 0}.sm.svelte-1ys07q7{--knob:20px;--width:40px}