:root{--logo-height:40px;--item-gap:60px;--scroll-duration:22s}
.logo-scroll{background:#130f25;padding-bottom:40px}
.logo-scrolling{padding:24px 0;overflow:hidden}
.logo-scrolling:has(.logo-bar-scrolling[data-disable-scroll]){padding:unset;overflow:unset}
.logo-scrolling:has(.logo-bar-scrolling[data-disable-scroll]) .logo-track{display:unset;width:unset}
.logo-scrolling:has(.logo-bar-scrolling[data-disable-scroll]) .logos{margin-right:unset}
.logo-bar-scrolling[data-disable-scroll] .logo-track{animation:none !important;transform:translateX(0) !important;max-width:1600px}
.logo-bar-scrolling[data-disable-scroll]{flex-wrap:wrap;display:flex;justify-content:center;align-items:center}
.logo-bar-scrolling[data-disable-scroll] .logo-track .sequence{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}
@media screen and (min-width:1440px){.logo-bar-scrolling[data-disable-scroll] .logo-track .sequence{padding:var(--padding-32,32px) var(--margin-100,100px);gap:var(--margin-60,60px)}
}
@media screen and (min-width:1024px) and (max-width:1439px){.logo-bar-scrolling[data-disable-scroll] .logo-track .sequence{padding:var(--padding-32,32px) var(--margin-1024,60px);gap:var(--margin-24,24px) var(--margin-60,60px)}
}
@media screen and (max-width:1023px){.logo-bar-scrolling[data-disable-scroll] .logo-track .sequence{padding:var(--padding-32,32px) var(--margin-640,24px);gap:var(--margin-24,24px) var(--margin-60,60px)}
}
.logo-track{display:flex;width:max-content;will-change:transform;animation:marquee var(--scroll-duration) linear infinite}
.sequence{display:flex;flex:0 0 auto;align-items:center}
.logos{flex:0 0 auto;display:inline-flex;align-items:center;margin-right:var(--item-gap)}
.logo-image{height:var(--logo-height);width:auto;display:block}
@keyframes marquee{from{transform:translateX(0)}
to{transform:translateX(calc(-1 * var(--loop-distance, 50%)))}
}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none;transform:none}
}