.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColorAuto:#fff;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto:#0b0b0b}}.logoloop--scale-hover{padding-block:calc(var(--logoloop-logoHeight)*.1)}.logoloop__track{will-change:transform;-webkit-user-select:none;user-select:none;width:max-content;display:flex}.logoloop__list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.logoloop__item{margin-right:var(--logoloop-gap);flex-shrink:0}.logoloop__item img{height:var(--logoloop-logoHeight);object-fit:contain;width:auto;max-width:90vw;image-rendering:-webkit-optimize-contrast;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block}.logoloop--scale-hover .logoloop__item:hover img{transform:scale(1.05)}.logoloop--fade:before,.logoloop--fade:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(to right,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)),transparent);width:clamp(24px,8%,120px);position:absolute;inset:0 auto 0 0}.logoloop--fade:after{background:linear-gradient(to left,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)),transparent);inset:0 0 0 auto}@media (max-width:3199px){.logoloop__item img{height:min(var(--logoloop-logoHeight),350px)}}@media (max-width:2399px){.logoloop__item img{height:min(var(--logoloop-logoHeight),300px)}}@media (max-width:1919px){.logoloop__item img{height:min(var(--logoloop-logoHeight),275px)}}@media (max-width:1535px){.logoloop__item img{height:min(var(--logoloop-logoHeight),250px)}}@media (max-width:1279px){.logoloop__item img{height:min(var(--logoloop-logoHeight),225px)}}@media (max-width:1023px){.logoloop__item img{height:min(var(--logoloop-logoHeight),200px)}}@media (max-width:767px){.logoloop{--logoloop-gap:24px}.logoloop__item img{height:min(var(--logoloop-logoHeight),175px)}}@media (max-width:639px){.logoloop__item img{height:min(var(--logoloop-logoHeight),150px)}}@media (max-width:479px){.logoloop{--logoloop-gap:16px}.logoloop__item img{height:min(var(--logoloop-logoHeight),125px)}}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:none!important}.logoloop__item img{transition:none!important}}
