.marquee{position:absolute;--gap:2rem;--dur:20s;display:flex;width:100%;overflow:hidden;user-select:none;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee__track{display:flex;align-items:center;gap:var(--gap);flex-shrink:0;min-width:100%;animation:marquee var(--dur) linear infinite;will-change:transform;backface-visibility:hidden}.marquee:hover .marquee__track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-100%)}}@media (prefers-reduced-motion:reduce){.marquee__track{animation:none}}.marquee__track{margin-right:var(--gap)}