.track{position:absolute;white-space:nowrap;will-change:transform;width:100%}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-200px * 4))}}.animate-scroll{animation:scroll linear infinite;display:inline-flex}.marquee-container{width:100%;height:120px;overflow:hidden;position:relative;mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.marquee{width:100%;height:100%;position:absolute;display:flex;align-items:center}.marquee-track{display:flex;width:max-content;will-change:transform}.marquee.left .marquee-track{animation:scroll-left 40s linear infinite}.marquee.right .marquee-track{animation:scroll-right 40s linear infinite}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(calc(-200px * 4))}}@keyframes scroll-right{0%{transform:translateX(calc(-200px * 4))}to{transform:translateX(0)}}.marquee:hover .marquee-track{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}