.marquee-container{--marquee-duration:40s;--marquee-gap:1rem;display:flex;overflow:hidden;padding:.5rem;gap:var(--marquee-gap)}.marquee-container.horizontal{flex-direction:row}.marquee-container.vertical{flex-direction:column}.marquee-content{display:flex;flex-shrink:0;justify-content:space-around;gap:var(--marquee-gap)}.marquee-content.horizontal{flex-direction:row;animation:marquee-horizontal var(--marquee-duration) linear infinite}.marquee-content.vertical{flex-direction:column;animation:marquee-vertical var(--marquee-duration) linear infinite}.marquee-container:has(.marquee-content.pause-on-hover:hover) .marquee-content{animation-play-state:paused}.marquee-content.reverse{animation-direction:reverse}@keyframes marquee-horizontal{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--marquee-gap)))}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--marquee-gap)))}}