.scroller{max-width:80vw}.scroller__inner{object-fit:contain;display:flex;flex-wrap:wrap;gap:0.5rem}.scroller__inner img{border-radius:15px;height:60vh;width:300px;object-fit:cover}.scroller[data-animated="true"]{overflow:hidden}.scroller[data-animated="true"] .scroller__inner{width:max-content;max-width:1280px;flex-wrap:nowrap;animation:scroll var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite}.scroller[data-direction="right"]{--_animation-direction:reverse}.scroller[data-direction="left"]{--_animation-direction:forwards}.scroller[data-speed="fast"]{--_animation-duration:20s}.scroller[data-speed="slow"]{--_animation-duration:60s}@keyframes scroll{to{transform:translate(calc(-50% - 0.5rem))}}