@layer components{@keyframes marquee-x{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@keyframes marquee-y{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--gap)))}}.marquee-horizontal{animation:marquee-x var(--duration) infinite linear}.marquee-vertical{animation:marquee-y var(--duration) infinite linear}.group\/marquee:hover .marquee-pause-on-hover{animation-play-state:paused}}