.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColor:var(--color-background);width:100%;position:relative;overflow:hidden}.logoloop--horizontal{height:calc(var(--logoloop-logoHeight) + 16px)}.logoloop--vertical{flex-direction:column;width:auto;display:flex}.logoloop__track{will-change:transform;display:flex}.logoloop--horizontal .logoloop__track{flex-direction:row}.logoloop--vertical .logoloop__track{flex-direction:column}.logoloop__list{align-items:center;gap:var(--logoloop-gap);flex-shrink:0;margin:0;padding:0;list-style:none;display:flex}.logoloop--horizontal .logoloop__list{padding-right:var(--logoloop-gap);flex-direction:row}.logoloop--vertical .logoloop__list{padding-bottom:var(--logoloop-gap);flex-direction:column}.logoloop__item{height:var(--logoloop-logoHeight);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s ease-out;display:flex}.logoloop__item img{height:var(--logoloop-logoHeight);-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto}.logoloop__node{justify-content:center;align-items:center;height:100%;display:flex}.logoloop__link{height:100%;color:inherit;justify-content:center;align-items:center;text-decoration:none;display:flex}.logoloop__link:focus{outline-offset:4px;border-radius:4px;outline:2px solid}.logoloop--fade:before,.logoloop--fade:after{content:"";z-index:1;pointer-events:none;position:absolute}.logoloop--horizontal.logoloop--fade:before,.logoloop--horizontal.logoloop--fade:after{width:80px;top:0;bottom:0}.logoloop--horizontal.logoloop--fade:before{background:linear-gradient(to right, var(--logoloop-fadeColor), transparent);left:0}.logoloop--horizontal.logoloop--fade:after{background:linear-gradient(to left, var(--logoloop-fadeColor), transparent);right:0}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{height:80px;left:0;right:0}.logoloop--vertical.logoloop--fade:before{background:linear-gradient(to bottom, var(--logoloop-fadeColor), transparent);top:0}.logoloop--vertical.logoloop--fade:after{background:linear-gradient(to top, var(--logoloop-fadeColor), transparent);bottom:0}.logoloop--scale-hover .logoloop__item:hover{transform:scale(1.15)}.logoloop--grayscale .logoloop__item img,.logoloop--grayscale .logoloop__node{filter:grayscale();opacity:.6;transition:filter .3s,opacity .3s,transform .2s ease-out}.logoloop--grayscale .logoloop__item:hover img,.logoloop--grayscale .logoloop__item:hover .logoloop__node{filter:grayscale(0%);opacity:1}