.logoloop{position:relative;overflow:hidden;--logoloop-gap:32px;--logoloop-logoHeight:28px}.logoloop--horizontal{width:100%}.logoloop__track{display:flex;width:max-content;will-change:transform;user-select:none}.logoloop__item,.logoloop__list{display:flex;align-items:center}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1}.logoloop__link,.logoloop__node{display:inline-flex;align-items:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain}.logoloop--fade{--logoloop-fade-band:clamp(64px,15%,200px);--logoloop-fade-mask:linear-gradient(to right,transparent 0,transparent calc(var(--logoloop-fade-band) * 0.16),rgba(0,0,0,0.38) calc(var(--logoloop-fade-band) * 0.46),rgba(0,0,0,0.76) calc(var(--logoloop-fade-band) * 0.72),#000 var(--logoloop-fade-band),#000 calc(100% - var(--logoloop-fade-band)),rgba(0,0,0,0.76) calc(100% - var(--logoloop-fade-band) * 0.72),rgba(0,0,0,0.38) calc(100% - var(--logoloop-fade-band) * 0.46),transparent calc(100% - var(--logoloop-fade-band) * 0.16),transparent 100%);-webkit-mask-image:var(--logoloop-fade-mask);mask-image:var(--logoloop-fade-mask)}.logoloop--scale-hover .logoloop__item{transition:transform .3s ease}.logoloop--scale-hover .logoloop__item:hover{transform:scale(1.08)}.mq-logo{position:relative;display:inline-flex;align-items:center}.mq-logo .lobe-flex{display:flex;align-items:center;gap:.12em}.mq-logo__base,.mq-logo__hover{display:inline-flex;align-items:center;transition:opacity .35s ease}.mq-logo__base{color:#868b95;opacity:.85}.mq-logo__hover{position:absolute;inset:0;color:#ededee;opacity:0}.mq-logo:hover .mq-logo__base{opacity:0}.mq-logo:hover .mq-logo__hover{opacity:1}