.slider{border-radius:var(--radius-full);background:var(--black-5);scrollbar-width:none;align-items:center;gap:2px;max-width:100%;padding:3px;display:inline-flex;position:relative;overflow-x:auto}.slider::-webkit-scrollbar{display:none}.slider[data-fade-start=true]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--space-lg));-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--space-lg));mask-image:linear-gradient(to right, transparent, #000 var(--space-lg))}.slider[data-fade-end=true]{-webkit-mask-image:linear-gradient(to left, transparent, #000 var(--space-lg));-webkit-mask-image:linear-gradient(to left, transparent, #000 var(--space-lg));mask-image:linear-gradient(to left, transparent, #000 var(--space-lg))}.slider[data-fade-start=true][data-fade-end=true]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--space-lg), #000 calc(100% - var(--space-lg)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--space-lg), #000 calc(100% - var(--space-lg)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--space-lg), #000 calc(100% - var(--space-lg)), transparent)}@media (pointer:coarse){.slider-option:after{content:"";position:absolute;inset:-4px 0}}.slider-thumb{width:var(--w,0px);border-radius:var(--radius-full);background:var(--white);box-shadow:var(--shadow-subtle);pointer-events:none;translate:var(--x,0px) 0;transition:translate var(--fade) var(--ease-sheet), width var(--fade) var(--ease-sheet);position:absolute;top:3px;bottom:3px;left:0}.slider:not([data-ready]) .slider-thumb{transition:none}.slider-option{border-radius:var(--radius-full);height:36px;min-height:36px;color:var(--content);font:inherit;font-size:var(--text-sm);white-space:nowrap;background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:0 13px;font-weight:600;display:inline-flex;position:relative}.slider-option:hover,.slider-option[aria-selected=true]{color:var(--title);background:0 0}.slider-count{color:var(--content);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.slider-option[aria-selected=true] .slider-count{color:var(--title)}
