.marquee{--gap:2.5rem;position:relative;overflow:hidden;user-select:none}.marquee,.marquee__content{display:flex;gap:var(--gap)}.marquee__content{flex-shrink:0;justify-content:space-around;min-width:100%}.marquee__content>*{flex:0 0 auto}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}.enable-animation .marquee__content{animation:scroll 60s linear infinite}.marquee--reverse .marquee__content{animation-direction:reverse}.marquee--hover-pause:hover .marquee__content{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.marquee__content{animation-play-state:paused!important}}