@layer components{@keyframes marquee-x{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}.marquee-horizontal{animation:marquee-x var(--duration) infinite linear}.group\/marquee:hover .marquee-pause-on-hover,.marquee-paused .marquee-horizontal{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.marquee-horizontal{animation-play-state:paused!important}}}