.scroller{width:100%}.scroller__inner{flex-wrap:wrap;gap:10rem;padding-block:1rem;display:flex}@media (max-width:720px){.scroller__inner{gap:5rem}}.scroller[data-animated=true]{-webkit-mask:linear-gradient(90deg,#0000,#fff 20% 80%,#0000);overflow:hidden;-webkit-mask:linear-gradient(80deg,#0000,#fff 20% 80%,#0000);mask:linear-gradient(80deg,#0000,#fff 20% 80%,#0000)}.scroller[data-animated=true] .scroller__inner{width:max-content;animation:scroll var(--_animation-duration,320s) var(--_animation-direction,forwards) linear infinite;flex-wrap:nowrap}.scroller[data-direction=right]{--_animation-direction:reverse}.scroller[data-direction=left]{--_animation-direction:forwards}.scroller[data-speed=fast],.scroller[data-speed=slow]{--_animation-duration:220s}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}