@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-25%)}}@keyframes marquee-reverse{0%{transform:translate(-25%)}to{transform:translate(0)}}.marquee-container{width:100%}.marquee-content{display:flex;width:max-content;animation:marquee var(--marquee-duration, 30s) linear infinite;will-change:transform}.marquee-reverse{animation-name:marquee-reverse}.hover-pause:hover .marquee-content{animation-play-state:paused}