.logo-loop{--logo-loop-gap:48px;--logo-loop-height:34px;--logo-loop-fade:#0b0a12;width:100%;position:relative;overflow:hidden}.logo-loop-track{will-change:transform;width:max-content;display:flex}.logo-loop-list{align-items:center;gap:var(--logo-loop-gap);padding:0 var(--logo-loop-gap) 0 0;margin:0;list-style:none;display:flex}.logo-loop-item{height:var(--logo-loop-height);color:#e8faf9bd;font-size:var(--logo-loop-height);letter-spacing:.02em;white-space:nowrap;flex:none;align-items:center;font-weight:760;line-height:1;transition:color .25s,transform .25s;display:inline-flex}.logo-loop-item>svg{width:var(--logo-loop-height);height:var(--logo-loop-height);fill:currentColor}.logo-loop--scale .logo-loop-item:hover{color:#d9ffff;transform:scale(1.14)}.logo-loop--fade:before,.logo-loop--fade:after{z-index:2;content:"";pointer-events:none;width:clamp(30px,10%,150px);position:absolute;inset-block:0}.logo-loop--fade:before{background:linear-gradient(to right, var(--logo-loop-fade), transparent);left:0}.logo-loop--fade:after{background:linear-gradient(to left, var(--logo-loop-fade), transparent);right:0}@media (prefers-reduced-motion:reduce){.logo-loop-track{transform:none!important}.logo-loop-item{transition:none}}