@layer components{.marquee{--marquee-duration:60s;animation:animateMarquee var(--marquee-duration) linear infinite}@keyframes animateMarquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee-pause:hover .marquee{animation-play-state:paused}.marquee:has(.trigger-marquee-pause:hover){animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.marquee{animation:none}}