.logoloop{--logoloop-gap:28px;--logoloop-logoHeight:20px;--logoloop-fadeColor:#080808;position:relative;overflow:visible}.logoloop__track{will-change:transform;-webkit-user-select:none;user-select:none;z-index:0;width:max-content;display:flex;position:relative}.logoloop__list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.logoloop__item{margin-right:var(--logoloop-gap);flex:none}.logoloop__link{background:#ffffff0a;border:1px solid #ffffff12;border-radius:999px;justify-content:center;align-items:center;min-width:130px;min-height:50px;padding:0 20px;text-decoration:none;transition:transform .25s,border-color .25s;display:inline-flex;overflow:visible}.logoloop__item img{height:var(--logoloop-logoHeight);object-fit:contain;-webkit-user-drag:none;filter:grayscale()brightness(1.2);opacity:.75;width:auto;max-width:100px;transition:opacity .25s,filter .25s;display:block}.logoloop--scale-hover .logoloop__link:hover{border-color:#ffffff1f;transform:translateY(-2px)}.logoloop--scale-hover .logoloop__link:hover img{opacity:1;filter:grayscale()brightness(1.35)}.logoloop__link:focus-visible{outline-offset:2px;outline:2px solid #ffffff3d}.logoloop--fade:before,.logoloop--fade:after{content:"";pointer-events:none;z-index:10;width:clamp(40px,10%,140px);position:absolute;top:0;bottom:0}.logoloop--fade:before{background:linear-gradient(to right, var(--logoloop-fadeColor) 0%, transparent 100%);left:0}.logoloop--fade:after{background:linear-gradient(to left, var(--logoloop-fadeColor) 0%, transparent 100%);right:0}