.rail{--rail-gap:20px;margin-top:72px;position:relative}.rail-track{grid-auto-flow:column;grid-auto-columns:calc((100% - 4 * var(--rail-gap)) / 4.3);gap:var(--rail-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:-8px;padding:8px;scroll-padding-inline:8px;display:grid;overflow:auto hidden}.rail-track::-webkit-scrollbar{display:none}.rail-track>*{scroll-snap-align:start;min-width:0}.rail.is-over .rail-track{cursor:grab}.rail-track.is-drag{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.rail-track.is-drag *{pointer-events:none}.rail-btn{top:calc(var(--rail-ph,220px) / 2);z-index:2;border:1px solid var(--line);background:var(--surface);width:52px;height:52px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-top:-26px;padding:0;transition:opacity .2s,background .15s,color .15s;display:flex;position:absolute;box-shadow:0 8px 24px #0b1a3a24}.rail-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}.rail-btn svg{width:22px;height:22px}.rail-btn.prev{left:-26px}.rail-btn.prev svg{transform:scaleX(-1)}.rail-btn.next{right:-26px}.rail-btn:disabled{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.rail-btn{transition:none}}@media (max-width:1040px){.rail-track{grid-auto-columns:calc((100% - 2 * var(--rail-gap)) / 2.3)}}@media (max-width:680px){.rail{--rail-gap:16px;margin-top:48px}.rail-track{margin:-8px calc(-1 * var(--gutter));padding:8px var(--gutter);scroll-padding-inline:var(--gutter);grid-auto-columns:82%}.rail-btn{display:none}}