.scroller{margin:0 auto;max-width:100%}.scroller[data-animated=true]{-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] .inner{-webkit-animation:scroll var(--animation-duration,40s) var(--animation-direction,forwards) linear infinite;animation:scroll var(--animation-duration,40s) var(--animation-direction,forwards) linear infinite;flex-wrap:nowrap;width:-webkit-max-content;width:max-content}.scroller[data-direction=right]{--animation-direction:reverse}.scroller[data-direction=left]{--animation-direction:forwards}.scroller[data-speed=slow]{--animation-duration:120s}.scroller[data-speed=medium]{--animation-duration:50s}.scroller[data-speed=fast]{--animation-duration:20s}.scroller .inner{display:flex;flex-wrap:wrap;justify-content:center}@-webkit-keyframes scroll{to{-webkit-transform:translate(calc(-50% - .5rem));transform:translate(calc(-50% - .5rem))}}@keyframes scroll{to{-webkit-transform:translate(calc(-50% - .5rem));transform:translate(calc(-50% - .5rem))}}