.logo-loop{width:100%;position:relative;overflow:hidden}.logo-loop[data-fade=true]:before,.logo-loop[data-fade=true]:after{content:"";z-index:2;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.logo-loop[data-fade=true]:before{background:linear-gradient(to right, var(--fade-color,#0d1117) 0%, transparent 100%);left:0}.logo-loop[data-fade=true]:after{background:linear-gradient(to left, var(--fade-color,#0d1117) 0%, transparent 100%);right:0}.logo-loop__track{gap:0;width:max-content;display:flex}.logo-loop__track--paused{animation-play-state:paused!important}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.logo-loop__item{cursor:default;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:12px 22px;transition:transform .2s,opacity .2s;display:flex}.logo-loop__item:hover{opacity:1!important}.logo-loop[data-scale=true] .logo-loop__item:hover{transform:scale(1.25)}.logo-loop__icon{opacity:.7;filter:grayscale(.3);justify-content:center;align-items:center;font-size:28px;transition:opacity .2s,filter .2s;display:flex}.logo-loop__item:hover .logo-loop__icon{opacity:1;filter:grayscale(0)drop-shadow(0 0 8px)}.logo-loop__label{font-size:.6rem;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;color:#ffffff4d;text-transform:uppercase;white-space:nowrap;transition:color .2s}.logo-loop__item:hover .logo-loop__label{color:#ffffffb3}