.scroller__inner{display:flex;gap:1rem}.scroller[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent)}.scroller-horizontal .scroller__inner{width:max-content;flex-wrap:nowrap;animation:scroll-horizontal var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite}.scroller-horizontal[data-direction=right]{--_animation-direction:reverse}.scroller-horizontal[data-direction=left]{--_animation-direction:forwards}.scroller-vertical .scroller__inner{flex-direction:column;height:max-content;animation:scroll-vertical var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite}.scroller-vertical[data-direction=down]{--_animation-direction:reverse}.scroller-vertical[data-direction=up]{--_animation-direction:forwards}.scroller[data-speed=fast]{--_animation-duration:40s}.scroller[data-speed=slow]{--_animation-duration:60s}@keyframes scroll-horizontal{to{transform:translateX(calc(-50%))}}@keyframes scroll-vertical{to{transform:translateY(calc(-50%))}}