.scroller{max-width:100%;-webkit-mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}.scroller,.scroller[data-animated=true]{overflow:hidden}.scroller[data-animated=true] .scroller-inner{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=normal]{--animation-duration:40s}.scroller[data-speed=slow]{--animation-duration:80s}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}