.logoloop{width:100%;position:relative;overflow:hidden}.logoloop--horizontal{min-height:calc(var(--logoloop-logoHeight,28px) + 25px);align-items:center;height:auto;display:flex}.logoloop--vertical{width:var(--logoloop-logoHeight,28px);height:100%}.logoloop__track{will-change:transform;display:flex;position:relative}.logoloop--horizontal .logoloop__track{flex-direction:row}.logoloop--vertical .logoloop__track{flex-direction:column}.logoloop__list{flex-shrink:0;margin:0;padding:0;list-style:none;display:flex}.logoloop--horizontal .logoloop__list{gap:var(--logoloop-gap,32px);flex-direction:row}.logoloop--vertical .logoloop__list{gap:var(--logoloop-gap,32px);flex-direction:column}.logoloop__item{height:var(--logoloop-logoHeight,28px);flex-shrink:0;justify-content:center;align-items:center;padding-block:6px;display:flex}.logoloop__item img,.logoloop__node{width:auto;max-height:100%;transition:transform .25s;display:block}.logoloop__node{font-size:var(--logoloop-logoHeight,28px);color:currentColor;line-height:1}.logoloop__link{height:100%;color:inherit;justify-content:center;align-items:center;text-decoration:none;display:flex}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.12)}.logoloop--fade:before,.logoloop--fade:after{content:"";z-index:1;pointer-events:none;position:absolute}.logoloop--horizontal.logoloop--fade:before{background:linear-gradient(to right,var(--logoloop-fadeColor,white),transparent);width:10%;top:0;bottom:0;left:0}.logoloop--horizontal.logoloop--fade:after{background:linear-gradient(to left,var(--logoloop-fadeColor,white),transparent);width:10%;top:0;bottom:0;right:0}.logoloop--vertical.logoloop--fade:before{background:linear-gradient(to bottom,var(--logoloop-fadeColor,white),transparent);height:10%;top:0;left:0;right:0}.logoloop--vertical.logoloop--fade:after{background:linear-gradient(to top,var(--logoloop-fadeColor,white),transparent);height:10%;bottom:0;left:0;right:0}
.pattern-square{--mx:0;--my:0;--a-x:calc(var(--mx)*8px);--a-y:calc(var(--my)*8px);--b-x:calc(var(--mx)*-6px);--b-y:calc(var(--my)*-6px);--c-x:calc(var(--my)*4px);--c-y:calc(var(--my)*4px);background:repeating-linear-gradient(45deg,#0000 calc(-650%/13)calc(50%/13),#100f0f 0 calc(100%/13),#0000 0 calc(150%/13),#100f0f 0 calc(200%/13),#0000 0 calc(250%/13),#100f0f 0 calc(300%/13))calc(0px + var(--c-x))calc(0px + var(--c-y)),repeating-linear-gradient(45deg,#0000 calc(-650%/13)calc(50%/13),#100f0f 0 calc(100%/13),#0000 0 calc(150%/13),#100f0f 0 calc(200%/13),#0000 0 calc(250%/13),#100f0f 0 calc(300%/13))calc(32px + var(--a-x))calc(32px + var(--a-y)),repeating-linear-gradient(-45deg,#0000 calc(-650%/13)calc(50%/13),#100f0f 0 calc(100%/13),#0000 0 calc(150%/13),#100f0f 0 calc(200%/13),#0000 0 calc(250%/13),#100f0f 0 calc(300%/13))calc(0px + var(--b-x))calc(0px + var(--b-y)),repeating-linear-gradient(-45deg,#0000 calc(-650%/13)calc(50%/13),#100f0f 0 calc(100%/13),#0000 0 calc(150%/13),#100f0f 0 calc(200%/13),#0000 0 calc(250%/13),#100f0f 0 calc(300%/13))calc(32px + var(--a-x))calc(32px + var(--a-y));background-color:#1e1e1e;background-size:64px 64px;width:100%;height:100%}