.scroller[data-animated=true] .scroller__inner{animation:marqueeScroll var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite;animation-play-state:running}.scroller[data-animated=true]:hover .scroller__inner{animation-play-state:paused}.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 marqueeScroll{to{transform:translate(calc(-50% - .5rem))}}