.rail-wrap{position:relative}.rail{display:flex;align-items:stretch;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-top:2px;padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}.rail-arrow{display:none}@media (hover: hover) and (pointer: fine){.rail-arrow{display:flex;position:absolute;top:40%;z-index:2;width:36px;height:36px;border-radius:9999px;align-items:center;justify-content:center;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-md);cursor:pointer;transition:transform .16s ease,opacity .16s ease}.rail-arrow.is-prev{left:8px}.rail-arrow.is-next{right:8px}.rail-arrow:hover{transform:scale(1.06)}.rail-arrow:active{transform:scale(.94)}}