.rail-scroller{scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;--fade-start:0px;--fade-end:0px;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%)}.rail-scroller::-webkit-scrollbar{display:none}.rail-track>*{scroll-snap-align:start}[data-rail][data-more-start]>.rail-scroller{--fade-start:2.5rem}[data-rail][data-more-end]>.rail-scroller{--fade-end:2.5rem}[data-rail][data-dragging]>.rail-scroller{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.rail-arrow{display:none}@media (hover:hover) and (pointer:fine){.rail-arrow{visibility:hidden;opacity:0;transition:opacity .16s var(--ease-joya), visibility 0s linear .16s;display:grid}[data-rail][data-more-start]>.rail-arrow[data-dir=prev],[data-rail][data-more-end]>.rail-arrow[data-dir=next]{visibility:visible;opacity:1;transition-delay:0s}}.rail-progress{display:none}@supports (animation-timeline:scroll()){[data-rail]{timeline-scope:--rail}.rail-scroller{scroll-timeline:--rail x}.rail-progress{visibility:hidden;display:block}[data-rail][data-more-start]>.rail-progress,[data-rail][data-more-end]>.rail-progress{visibility:visible}.rail-progress>span{transform-origin:0;animation:linear both rail-progress;animation-timeline:--rail}}@keyframes rail-progress{0%{transform:scaleX(.08)}to{transform:scaleX(1)}}