.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColor:#fff;-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden}.logoloop__track{gap:var(--logoloop-gap);will-change:transform;width:max-content;display:flex}.logoloop__list{gap:var(--logoloop-gap);flex-shrink:0;margin:0;padding:0;list-style:none;display:flex}.logoloop__item{height:var(--logoloop-logoHeight);flex-shrink:0;justify-content:center;align-items:center;display:flex}.logoloop__item img{object-fit:contain;pointer-events:none;width:auto;height:100%}.logoloop__node{height:100%;font-size:var(--logoloop-logoHeight);justify-content:center;align-items:center;display:flex}.logoloop__link{height:100%;color:inherit;justify-content:center;align-items:center;text-decoration:none;transition:opacity .2s;display:flex}.logoloop__link:hover{opacity:.7}.logoloop--fade:before,.logoloop--fade:after{content:"";pointer-events:none;z-index:1;width:100px;position:absolute;top:0;bottom:0}.logoloop--fade:before{background:linear-gradient(to right, var(--logoloop-fadeColor), transparent);left:0}.logoloop--fade:after{background:linear-gradient(to left, var(--logoloop-fadeColor), transparent);right:0}.logoloop--scale-hover .logoloop__item{transition:transform .2s}.logoloop--scale-hover .logoloop__item:hover{transform:scale(1.1)}