.horizontal-rail{min-width:0}.horizontal-rail__track{display:flex;gap:1rem;margin:-6px;padding:6px 6px 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:6px;scrollbar-width:thin;scrollbar-color:var(--color-rose) var(--surface-soft)}.horizontal-rail__track>*{flex:0 0 calc(100% - 2.5rem);min-width:0;scroll-snap-align:start}.horizontal-rail__controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}.horizontal-rail__controls[hidden]{display:none}.horizontal-rail--controls-center .horizontal-rail__controls{justify-content:center}.horizontal-rail__position{color:var(--color-muted);font-size:.875rem;font-variant-numeric:tabular-nums}.horizontal-rail__buttons{display:flex;gap:.5rem}.horizontal-rail__buttons button:disabled{opacity:.35;cursor:default}.horizontal-rail__buttons svg{width:1.25rem;height:1.25rem}.horizontal-rail--quiet .horizontal-rail__track{scrollbar-width:none;padding-bottom:6px}.horizontal-rail--quiet .horizontal-rail__track::-webkit-scrollbar{display:none}.horizontal-rail--quiet .horizontal-rail__buttons{gap:0}.horizontal-rail--quiet .horizontal-rail__buttons svg{width:1.125rem;height:1.125rem}.horizontal-rail--quiet .horizontal-rail__button{color:var(--color-burgundy);background:transparent;transition:color var(--motion-fast)}.horizontal-rail--quiet .horizontal-rail__button:hover:not(:disabled){color:var(--color-wine)}.horizontal-rail--quiet .horizontal-rail__button:focus-visible{outline:2px solid var(--color-burgundy);outline-offset:3px}@media(prefers-reduced-motion:reduce){.horizontal-rail--quiet .horizontal-rail__button{transition:none}}@media(min-width:390px)and (max-width:639px){.horizontal-rail--compact .horizontal-rail__track{gap:.75rem}.horizontal-rail--compact .horizontal-rail__track>*{flex-basis:calc((100% - .75rem)/2)}}@media(min-width:640px){.horizontal-rail__track>*{flex-basis:18rem}.horizontal-rail--mobile .horizontal-rail__track{display:grid;gap:1.5rem;margin:0;padding:0;overflow:visible;scroll-snap-type:none}.horizontal-rail--mobile .horizontal-rail__controls{display:none}}@media(min-width:768px){.horizontal-rail__track{gap:1.5rem}.horizontal-rail__track>*{flex-basis:20rem}.horizontal-rail--mobile .horizontal-rail__track{gap:2rem}}