.logo-marquee{--speed:30}@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%);--destination-y:0;animation:slide var(--duration)calc(var(--duration) * (var(--index)/var(--count) - var(--count)/(var(--count) + 1)))infinite linear}}@keyframes slide{from{translate:var(--origin-x)0}to{translate:var(--destination-x)var(--destination-y)}}