.eg-rail{--nd:4;--n:var(--nd);--rail-gap:var(--eg-card-gap,20px);position:relative}.eg-rail[data-per-view="1"]{--nd:1}.eg-rail[data-per-view="2"]{--nd:2}.eg-rail[data-per-view="3"]{--nd:3}.eg-rail[data-per-view="5"]{--nd:5}.eg-rail[data-per-view="6"]{--nd:6}.eg-rail__track{gap:var(--rail-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:-8px -4px;padding:8px 4px;scroll-padding-inline:4px;display:flex;overflow-x:auto}.eg-rail__track::-webkit-scrollbar{display:none}.eg-rail__item{flex:0 0 calc((100% - (var(--n) - 1) * var(--rail-gap)) / var(--n));scroll-snap-align:start;min-width:0}.eg-rail__item>*{height:100%}@media (max-width:63.99rem){.eg-rail{--n:min(var(--nd), 3)}}@media (max-width:40rem){.eg-rail:not([data-per-view="1"]) .eg-rail__item{flex-basis:min(76%,280px)}.eg-rail[data-per-view="1"]{--n:1}}.eg-rail__btn{z-index:2;border:1px solid var(--eg-hair);background:var(--eg-surface);width:44px;height:44px;color:var(--eg-ink);box-shadow:var(--eg-shadow-2);cursor:pointer;opacity:0;transition:opacity var(--eg-dur-2) var(--eg-ease-out), transform var(--eg-dur-1) var(--eg-ease-out), background-color var(--eg-dur-2) var(--eg-ease-out);border-radius:50%;place-items:center;margin-block-start:-22px;padding:0;display:none;position:absolute;inset-block-start:50%}.eg-rail__btn:hover{background:var(--eg-canvas-subtle)}.eg-rail__btn:active{transform:scale(.96)}.eg-rail__btn--prev{inset-inline-start:-12px}.eg-rail__btn--next{inset-inline-end:-12px}.eg-rail[data-ready][data-can-prev=true] .eg-rail__btn--prev,.eg-rail[data-ready][data-can-next=true] .eg-rail__btn--next{display:grid}.eg-rail:focus-within .eg-rail__btn{opacity:1}@media (hover:hover){.eg-rail:hover .eg-rail__btn{opacity:1}}@media (hover:none){.eg-rail__btn{display:none!important}}.eg-rail__dots{justify-content:center;gap:2px;margin-block-start:var(--eg-space-4);display:flex}.eg-rail__dot{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.eg-rail__dot:before{content:"";border-radius:var(--eg-radius-pill);background:var(--eg-border);width:8px;height:8px;transition:width var(--eg-dur-3) var(--eg-ease-out), background-color var(--eg-dur-3) var(--eg-ease-out)}.eg-rail__dot:hover:before{background:var(--eg-ink-muted)}.eg-rail__dot[aria-current=true]:before{background:var(--eg-primary);width:24px}@media (prefers-reduced-motion:reduce){.eg-rail__track{scroll-behavior:auto}}