.scroller{max-width:100%;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}.scroller__inner{display:flex;flex-wrap:nowrap;width:max-content;animation:scroll var(--_animation-duration,40s) var(--_animation-direction,linear) infinite}.scroller[data-speed=fast]{--_animation-duration:20s}.scroller[data-speed=slow]{--_animation-duration:80s}.scroller[data-direction=right]{--_animation-direction:reverse}.scroller:hover .scroller__inner{animation-play-state:paused}@keyframes scroll{to{transform:translate(calc(-50%))}}