.scroller[data-animated=true]{cursor:grab;-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,30s) linear infinite;animation-play-state:running;flex-wrap:nowrap;width:max-content}.scroller[data-direction=right] .scroller__inner{animation-direction:reverse}.scroller[data-direction=left] .scroller__inner{animation-direction:normal}.scroller[data-speed=fast] .scroller__inner{--_animation-duration:30s}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.scroller.dragging .scroller__inner,.scroller:hover .scroller__inner{animation-play-state:paused}