.logo-slider{--speed:30s;--height:64px;--box:160px;--gap:28px;position:relative}.logo-viewport{mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent);overflow:hidden;width:100%}.logo-track{animation:logo-scroll var(--speed) linear infinite;display:flex;width:max-content;will-change:transform}.logo-slider:hover .logo-track{animation-play-state:paused}.logo-group{align-items:center;display:flex;gap:var(--gap);list-style:none;margin:0;padding:12px 0}.logo-item{align-items:center;display:inline-flex;flex:0 0 auto;height:var(--height);justify-content:center;width:var(--box)}.logo-item img{height:auto;max-height:calc(var(--height) - 8px);max-width:calc(var(--box) - 16px);object-fit:contain;transition:transform .16s ease;width:auto}.logo-item img:hover{transform:scale(1.04)}@keyframes logo-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}