.logoloop{--logoloop-gap:32px;--logoloop-logo-height:28px;--logoloop-fade-color:#080b09;width:100%;position:relative;overflow:hidden}.logoloop__track{z-index:0;-webkit-user-select:none;user-select:none;will-change:transform;width:max-content;display:flex;position:relative}.logoloop__list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.logoloop__item{margin-right:var(--logoloop-gap);font-size:var(--logoloop-logo-height);flex:none;line-height:1}.logoloop__node{color:#b7c0b9;align-items:center;gap:.55rem;transition:color .25s,transform .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.logoloop__node svg{width:1em;height:1em}.logoloop__node small{letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;font-weight:500}.logoloop--scale .logoloop__item:hover .logoloop__node{color:#9ed37a;transform:scale(1.14)}.logoloop--fade:before,.logoloop--fade:after{z-index:10;pointer-events:none;content:"";width:clamp(28px,8%,120px);position:absolute;top:0;bottom:0}.logoloop--fade:before{background:linear-gradient(to right, var(--logoloop-fade-color), transparent);left:0}.logoloop--fade:after{background:linear-gradient(to left, var(--logoloop-fade-color), transparent);right:0}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:none!important}.logoloop__node{transition:none}}