.rail-wrap{position:relative}.rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-flow:column;gap:.75rem;display:grid;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}.rail{margin-inline:-1rem;padding:.5rem 1rem .75rem;scroll-padding-inline:1rem}@media (min-width:768px){.rail{gap:1rem;margin-inline:-.25rem;padding-inline:.25rem;scroll-padding-inline:.25rem}}@media (hover:hover) and (pointer:fine){.rail{scrollbar-width:thin}.rail::-webkit-scrollbar{height:6px;display:block}.rail::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}}.rail--poster{grid-auto-columns:minmax(200px,62%)}@media (min-width:480px){.rail--poster{grid-auto-columns:220px}}@media (min-width:1024px){.rail--poster{grid-auto-columns:240px}}.rail--wide{grid-auto-columns:minmax(260px,82%)}@media (min-width:768px){.rail--wide{grid-auto-columns:360px}}.rail--compact{grid-auto-columns:140px}@media (min-width:768px){.rail--compact{grid-auto-columns:168px}}.rail__item{min-width:0}.rail__nav{display:none}@media (hover:hover) and (pointer:fine){.rail__nav{z-index:2;border:1px solid var(--color-border);background:var(--color-surface);width:44px;height:44px;box-shadow:var(--shadow-md);color:var(--color-ink);border-radius:50%;place-items:center;font-size:1.75rem;line-height:1;display:grid;position:absolute;top:35%}.rail__nav:hover{background:var(--color-bg)}.rail__nav[hidden]{display:none}}.rail__nav--prev{left:-12px}.rail__nav--next{right:-12px}