.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:140s}.scroller[data-speed=verySlow]{--_animation-duration:600s}.scroller-inner{-moz-column-gap:.5rem;column-gap:.5rem;width:min-content;padding-block:1rem;display:flex}.scroller[data-animated=true]{overflow:hidden}.scroller-hasmask{-webkit-mask:linear-gradient(90deg,#0000,#fff 20% 80%,#0000);mask:linear-gradient(90deg,#0000,#fff 20% 80%,#0000)}.scroller[data-animated=true] .scroller-inner{animation:scroll var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite;width:max-content}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}