.logo-loop{--loop-fade:var(--page-bg);width:min(520px,100%);padding:4px 0;position:relative;overflow:hidden}.logo-loop:before,.logo-loop:after{content:"";z-index:2;pointer-events:none;width:58px;position:absolute;top:0;bottom:0}.logo-loop:before{background:linear-gradient(90deg, var(--loop-fade), rgba(var(--panel-rgb), 0));left:0}.logo-loop:after{background:linear-gradient(270deg, var(--loop-fade), rgba(var(--panel-rgb), 0));right:0}.logo-loop__track{will-change:transform;gap:12px;width:max-content;animation:22s linear infinite logo-loop-scroll;display:flex}.logo-loop:hover .logo-loop__track{animation-play-state:paused}.logo-loop__item{border:1px solid var(--line);background:var(--panel-soft);min-height:36px;color:var(--accent);white-space:nowrap;box-shadow:0 10px 28px rgba(var(--accent-rgb), .12);border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex}.logo-loop__item:hover{box-shadow:0 14px 34px rgba(var(--accent-rgb), .2);transform:scale(1.06)}@keyframes logo-loop-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.logo-loop__track{animation:none}.logo-loop__item{transition:none}}