.scroller{--animation-duration:50s;--animation-direction:forwards;max-width:100%}.scroller,.scroller[data-animated=true]{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,white 5%,white 95%,transparent);mask-image:linear-gradient(90deg,transparent,white 5%,white 95%,transparent)}.scroller__inner{display:flex;gap:1.5rem}.scroller[data-animated=true] .scroller__inner{width:max-content;flex-wrap:nowrap;animation:scroll var(--animation-duration) var(--animation-direction) linear infinite}@keyframes scroll{to{transform:translate3d(-50%,0,0)}}.scroller:hover[data-animated=true] .scroller__inner{animation-play-state:paused}@media (max-width:768px){.scroller[data-animated=true] .scroller__inner{animation-duration:calc(var(--animation-duration) * 1.5)}}