:root{--scroll-duration:50s}.marquee{display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:48px}.marquee:hover>.marquee__group{animation-play-state:paused}.marquee__group{flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-around;gap:48px;min-width:100%;padding:24px 0;animation:scroll-x var(--scroll-duration) linear infinite}@media (prefers-reduced-motion:reduce){.marquee__group{animation-play-state:paused}}.marquee--reverse .marquee__group{animation-direction:reverse;animation-delay:-3s}@keyframes scroll-x{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 48px))}}