section.logo-bar .inner{display:flex;flex-direction:column;gap:3rem}section.logo-bar .inner{text-align:center}section.logo-bar .logos-marquee{--logo-height: 42px;--logo-gap: 4rem;--duration: 60s;position:relative;overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(to right,transparent 0,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 10%,black 90%,transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}section.logo-bar .logos-track{display:flex;width:max-content;will-change:transform;animation:logo-marquee var(--duration) linear infinite}section.logo-bar .logos-group{display:flex;align-items:center;flex-shrink:0;gap:var(--logo-gap);padding-right:var(--logo-gap)}section.logo-bar .logo-item{display:flex;align-items:center;justify-content:center;flex:0 0 auto;height:var(--logo-height)}section.logo-bar .logo-item img{display:block;max-height:100%;width:auto;object-fit:contain}section.logo-bar.greyscale-images.light .logo-item img{filter:saturate(0) brightness(0) invert(1)}section.logo-bar.greyscale-images.dark .logo-item img{filter:saturate(0) brightness(0)}@media(prefers-reduced-motion:reduce){section.logo-bar .logos-track{animation:none}}@keyframes logo-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}