@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.marquee-container{display:flex;overflow:hidden;padding:.5rem;--duration:40s;--gap:1rem;gap:var(--gap)}.marquee-container.vertical{flex-direction:column}.marquee-container.pause-hover:hover .marquee-animation{animation-play-state:paused;-webkit-animation-play-state:paused}.marquee-item{flex-shrink:0;display:flex;justify-content:space-around;gap:var(--gap)}.marquee-animation{animation:marquee var(--duration) linear infinite;-webkit-animation:marquee var(--duration) linear infinite;will-change:transform;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.marquee-animation.vertical{animation:marquee-vertical var(--duration) linear infinite;-webkit-animation:marquee-vertical var(--duration) linear infinite}.marquee-animation.reverse{animation-direction:reverse;-webkit-animation-direction:reverse}@media (pointer:coarse){.marquee-animation{animation-duration:calc(var(--duration) * .9);-webkit-animation-duration:calc(var(--duration) * .9)}}