.slider.svelte-yhjxqj{position:relative;height:16px;display:flex;align-items:center;touch-action:none;cursor:default;--h: 4px}.track.svelte-yhjxqj{position:relative;width:100%;height:var(--h);border-radius:var(--r-pill);background:var(--line-2);overflow:hidden;transition:height var(--t-fast) var(--ease)}.slider.svelte-yhjxqj:hover .track:where(.svelte-yhjxqj),.dragging.svelte-yhjxqj .track:where(.svelte-yhjxqj){--h: 6px;height:var(--h)}.buf.svelte-yhjxqj,.fill.svelte-yhjxqj{position:absolute;inset:0;transform-origin:left;will-change:transform}.buf.svelte-yhjxqj{background:var(--line)}.fill.svelte-yhjxqj{background:var(--fg-2);transition:background-color var(--t-fast) var(--ease)}.slider.svelte-yhjxqj:hover .fill:where(.svelte-yhjxqj),.dragging.svelte-yhjxqj .fill:where(.svelte-yhjxqj){background:var(--fg)}.knob.svelte-yhjxqj{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--white);box-shadow:0 0 0 .5px #0000001f,0 1px 4px #00000040;transform:scale(0);transition:transform var(--t-fast) var(--ease)}.slider.svelte-yhjxqj:hover .knob:where(.svelte-yhjxqj),.dragging.svelte-yhjxqj .knob:where(.svelte-yhjxqj),.slider.svelte-yhjxqj:focus-visible .knob:where(.svelte-yhjxqj){transform:scale(1)}.dragging.svelte-yhjxqj .knob:where(.svelte-yhjxqj){transform:scale(1.15)}