.scroller{max-width:330px}.scroller__inner{padding-block:10px;display:flex;flex-wrap:wrap-reverse;gap:1rem}.scroller[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#fff 20%,#fff 50%,transparent);mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent)}.scroller[data-animated=true] .scroller__inner{width:-moz-max-content;width:max-content;flex-wrap:nowrap;animation:scroll var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite}.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}.scrollerLTR{max-width:330px}.scrollerLTR__inner{padding-block:10px;display:flex;flex-wrap:wrap-reverse;gap:1rem}.scrollerLTR[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#fff 20%,#fff 50%,transparent);mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent)}.scrollerLTR[data-animated=true] .scrollerLTR__inner{width:-moz-max-content;width:max-content;flex-wrap:nowrap;animation:scroll var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite}.scrollerLTR[data-direction=left]{--_animation-direction:forwards}.scrollerLTR[data-direction=right]{--_animation-direction:reverse}.scrollerLTR[data-speed=fast]{--_animation-duration:20s}.scrollerLTR[data-speed=slow]{--_animation-duration:60s}@keyframes scroll{to{transform:translateX(calc(-30%))}}