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