.scroller{margin:auto;max-width:1200px}.scroller-inner{display:flex;gap:1rem}.scroller[data-animated=true]{-webkit-mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);overflow:hidden}.scroller[data-animated=true] .scroller-inner{animation:scroll var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite;flex-wrap:nowrap;width:max-content}.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% - .5rem))}}