.marquee-wrapper{--gap:1rem;--duration:30s;gap:var(--gap);padding:.5rem;display:flex;overflow:hidden}.marquee-track{justify-content:space-around;gap:var(--gap);animation:marquee var(--duration)linear infinite;flex-shrink:0;display:flex}.marquee-track.reverse{animation-direction:reverse}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--gap)))}}