.logo-marquee{--speed:30;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.logo-marquee>li{display:-ms-flexbox;display:flex;width:13rem;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}@media(prefers-reduced-motion:no-preference){.logo-marquee{height:4rem;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(90deg,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent)}.logo-marquee>li{--duration:calc(var(--speed) * 1s);--origin-x:calc((var(--count) - var(--index)) * 100%);--destination-x:calc((var(--index) + 1) * -100%);animation:logo-marquee-slide var(--duration)calc(var(--duration) * (var(--index)/var(--count) - var(--count)/(var(--count) + 1)))infinite linear}}@keyframes logo-marquee-slide{from{translate:var(--origin-x)0}to{translate:var(--destination-x)0}}