@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,.group\/marquee:focus-within .marquee-pause-on-hover,.fs-announcement:focus .marquee-pause-on-hover{animation-play-state:paused}.announcement-ribbon-static{display:none}@media (prefers-reduced-motion:reduce){.announcement-ribbon-static{display:flex}.announcement-ribbon-moving{display:none}.marquee-horizontal,.marquee-vertical{animation:none}.marquee-horizontal:not(:first-child),.marquee-vertical:not(:first-child){display:none}}}