.logoloop{--logoloop-gap:32px;--logoloop-logo-height:28px;--logoloop-fade-width:clamp(24px, 8%, 120px);width:100%;position:relative;overflow:hidden}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-block:calc(var(--logoloop-logo-height) * .12)}.logoloop__track{z-index:0;-webkit-user-select:none;user-select:none;will-change:transform;width:max-content;display:flex;position:relative}.logoloop--vertical .logoloop__track{flex-direction:column;width:100%;height:max-content}.logoloop__list{align-items:center;gap:var(--logoloop-gap);padding:0 var(--logoloop-gap) 0 0;flex:none;margin:0;list-style:none;display:flex}.logoloop--vertical .logoloop__list{padding:0 0 var(--logoloop-gap);flex-direction:column}.logoloop__item{font-size:var(--logoloop-logo-height);flex:none;line-height:1}.logoloop__node,.logoloop__link{align-items:center;display:inline-flex}.logoloop__item img{width:auto;height:var(--logoloop-logo-height);object-fit:contain;pointer-events:none;-webkit-user-drag:none;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block}.dark .logoloop__item img{filter:invert()}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform-origin:50%;transform:scale(1.15)}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{border-radius:4px;text-decoration:none;transition:opacity .2s}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline-offset:3px;outline:2px solid}.logoloop--fade:not(.logoloop--fade-color){-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--logoloop-fade-width), #000 calc(100% - var(--logoloop-fade-width)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--logoloop-fade-width), #000 calc(100% - var(--logoloop-fade-width)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--logoloop-fade-width), #000 calc(100% - var(--logoloop-fade-width)), transparent 100%)}.logoloop--vertical.logoloop--fade:not(.logoloop--fade-color){-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--logoloop-fade-width), #000 calc(100% - var(--logoloop-fade-width)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--logoloop-fade-width), #000 calc(100% - var(--logoloop-fade-width)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--logoloop-fade-width), #000 calc(100% - var(--logoloop-fade-width)), transparent 100%)}.logoloop--fade-color:before,.logoloop--fade-color:after{z-index:10;width:var(--logoloop-fade-width);pointer-events:none;content:"";position:absolute;top:0;bottom:0}.logoloop--fade-color:before{background:linear-gradient(to right, var(--logoloop-fade-color), transparent);left:0}.logoloop--fade-color:after{background:linear-gradient(to left, var(--logoloop-fade-color), transparent);right:0}.logoloop--vertical.logoloop--fade-color:before,.logoloop--vertical.logoloop--fade-color:after{width:100%;height:var(--logoloop-fade-width);left:0;right:0}.logoloop--vertical.logoloop--fade-color:before{background:linear-gradient(to bottom, var(--logoloop-fade-color), transparent);top:0;bottom:auto}.logoloop--vertical.logoloop--fade-color:after{background:linear-gradient(to top, var(--logoloop-fade-color), transparent);top:auto;bottom:0}.logoloop--static{overflow:visible}.logoloop.logoloop--static.logoloop--fade{-webkit-mask-image:none;mask-image:none}.logoloop--static.logoloop--fade-color:before,.logoloop--static.logoloop--fade-color:after{display:none}.logoloop--static .logoloop__track{will-change:auto;transform:translate(0,0)!important}.logoloop--static.logoloop--horizontal .logoloop__track,.logoloop--static.logoloop--horizontal .logoloop__list{width:100%}.logoloop--static.logoloop--horizontal .logoloop__list{flex-wrap:wrap;justify-content:center;padding:0}.logoloop--static.logoloop--vertical{height:auto!important}.logoloop--static.logoloop--vertical .logoloop__list{padding:0}@media (prefers-reduced-motion:reduce){.logoloop__track{will-change:auto;transform:translate(0,0)!important}.logoloop__item img,.logoloop__node,.logoloop__link{transition:none}}