.marquee{display:flex;gap:2.14rem;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);overflow:hidden;user-select:none}.marquee__group{align-items:center;animation:scroll-x 60s linear infinite;display:flex;flex-shrink:0;gap:2.14rem;justify-content:space-around;min-width:100%}.marquee--reverse .marquee__group{animation-delay:-3s;animation-direction:reverse}@keyframes scroll-x{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 2.14rem))}}.marquee{gap:6rem}.marquee__group{animation:scroll-x 120s linear infinite;gap:6rem}