@layer components{.slider{gap:var(--space-2xs);flex-direction:column;min-width:11.25rem;display:flex}.slider .slider-header{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.7, 1rem);letter-spacing:.005em;color:var(--ink-muted);gap:var(--space-s);justify-content:space-between;font-weight:700;display:flex}.slider .react-aria-SliderTrack{cursor:pointer;align-items:center;width:100%;height:1.75rem;display:flex;position:relative}.slider .react-aria-SliderTrack:before{border:var(--stroke-thin) solid var(--rule-strong);border-radius:var(--radius-full);content:"";width:100%;height:.75rem;position:absolute}.slider .fill{background:var(--ink);border-radius:var(--radius-full);height:.75rem;width:var(--fill,0%);position:absolute}.slider .react-aria-SliderThumb[data-focus-visible],.slider .react-aria-SliderThumb:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.slider .react-aria-SliderThumb{background:var(--ink);border-radius:var(--radius-full);cursor:pointer;width:.5rem;height:1.5rem;top:50%}.slider .react-aria-SliderThumb[data-dragging]{width:.75rem;height:1.75rem}}