.logoloop{--logoloop-duration:18s;--logoloop-gap:48px;--logoloop-logo-height:28px;width:100%;position:relative;overflow:hidden}.logoloop__track{width:max-content;animation:logoloop-scroll-left var(--logoloop-duration) linear infinite;display:flex}.logoloop:hover .logoloop__track{animation-play-state:paused}.logoloop--right .logoloop__track{animation-name:logoloop-scroll-right}.logoloop__list{align-items:center;gap:var(--logoloop-gap);padding:0 var(--logoloop-gap) 0 0;flex-shrink:0;margin:0;list-style:none;display:flex}.logoloop__item{height:var(--logoloop-logo-height);color:#a1a1aa;font-size:calc(var(--logoloop-logo-height) * .62);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;align-items:center;font-weight:800;line-height:1;transition:color .2s,transform .2s;display:inline-flex}.logoloop__item img{width:var(--logoloop-logo-height);height:var(--logoloop-logo-height);object-fit:contain;margin-right:10px}.logoloop__item:hover{color:#fff;transform:scale(1.05)}.logoloop__fade{z-index:1;pointer-events:none;width:clamp(32px,10%,120px);position:absolute;top:0;bottom:0}.logoloop__fade--left{background:linear-gradient(to right, var(--color-brand-black), transparent);left:0}.logoloop__fade--right{background:linear-gradient(to left, var(--color-brand-black), transparent);right:0}@keyframes logoloop-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes logoloop-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.logoloop__track{animation-play-state:paused}}