.logo-loop{--loop-duration:20s;--loop-hover-duration:20s;--logo-gap:32px;width:100%;position:relative;overflow:hidden}.logo-loop--fade:before,.logo-loop--fade:after{content:"";pointer-events:none;z-index:2;width:80px;position:absolute;top:0;bottom:0}.logo-loop--fade:before{background:linear-gradient(to right,var(--fade-color,#fff)0%,transparent 100%);left:0}.dark .logo-loop--fade:before{background:linear-gradient(to right,var(--fade-color-dark,#1a1625)0%,transparent 100%)}.logo-loop--fade:after{background:linear-gradient(to left,var(--fade-color,#fff)0%,transparent 100%);right:0}.dark .logo-loop--fade:after{background:linear-gradient(to left,var(--fade-color-dark,#1a1625)0%,transparent 100%)}.logo-loop__track{gap:var(--logo-gap);width:-moz-fit-content;width:fit-content;animation-name:loop-horizontal;animation-duration:var(--loop-duration);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-wrap:nowrap;animation-timing-function:linear;animation-iteration-count:infinite;display:flex;transform:translateZ(0)}.logo-loop__track--scale .logo-loop__link:hover .logo-loop__item,.logo-loop__track--scale .logo-loop__item:hover{transform:scale(1.05)}.logo-loop__link{color:inherit}.logo-loop__item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0f172a;background:rgba(255,255,255,.15);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:max-content;min-width:120px;margin:0;padding:.5rem 1rem;font-weight:600;transition:transform .3s;display:flex}.dark .logo-loop__item{color:#f1f5f9;background:rgba(0,0,0,.2)}.logo-loop__item img,.logo-loop__image{height:var(--logo-height);width:var(--logo-height);-o-object-fit:contain;object-fit:contain}.logo-loop__text{letter-spacing:.02em;font-size:1rem}.logo-loop__icon{font-size:calc(var(--logo-height)*.7)}@keyframes loop-horizontal{0%{transform:translate(0)translateZ(0)}to{transform:translate(-25%)translateZ(0)}}.logo-loop__track[data-direction=right]{animation-name:loop-horizontal-right}@keyframes loop-horizontal-right{0%{transform:translate(-25%)translateZ(0)}to{transform:translate(0)translateZ(0)}}.logo-loop__track[data-direction=up],.logo-loop__track[data-direction=down]{flex-direction:column;animation-name:loop-vertical}@keyframes loop-vertical{0%{transform:translateY(0)translateZ(0)}to{transform:translateY(-25%)translateZ(0)}}.logo-loop__track[data-direction=down]{animation-name:loop-vertical-down}@keyframes loop-vertical-down{0%{transform:translateY(-25%)translateZ(0)}to{transform:translateY(0)translateZ(0)}}
