.marquee{--gap:56px;gap:var(--gap);display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee__group{justify-content:space-around;align-items:center;gap:var(--gap);min-width:100%;animation:marquee-scroll-x var(--duration,32s) linear infinite;flex-shrink:0;display:flex}@media (prefers-reduced-motion:reduce){.marquee__group{animation-play-state:paused}}@keyframes marquee-scroll-x{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--gap)))}}