@keyframes scrollAnimation{0%{transform:translateX(0)}to{transform:translateX(-33.33%)}}.logos-scroll{display:inline-flex;padding:20px 0;animation:scrollAnimation linear infinite;will-change:transform;animation-duration:var(--scroll-duration,30s)}.logo-item{position:relative;cursor:default!important;z-index:1}.logo-item.inline-flex{display:inline-flex;flex-direction:column;align-items:center;padding:0 20px}.logo-item-inner{position:relative;height:5rem;width:7rem;background:rgba(24,24,27,.5);backdrop-filter:blur(8px);border:1px solid rgba(63,63,70,1);border-radius:.75rem;padding:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease-out;pointer-events:auto}@media (min-width:768px){.logo-item-inner{height:6rem;width:9rem}}@media (min-width:1024px){.logo-item-inner{height:7rem;width:11rem}}.logo-item img{display:block;max-width:100%;max-height:100%;object-fit:contain;opacity:.6;transition:all .3s ease-out;filter:grayscale(1) brightness(.75);pointer-events:auto;cursor:inherit}.logo-item:hover{cursor:pointer!important;z-index:10;transform:translateY(-2px) scale(1.05);transition:transform .2s ease-out,z-index 0s}.logo-item:hover .logo-item-inner{background:rgba(39,39,42,.5);border-color:rgba(113,113,122,1);box-shadow:0 4px 6px rgba(0,0,0,.1)}.logo-item:hover img{opacity:1;filter:grayscale(0) brightness(1);transition:all .3s ease-out}.logo-item-name{position:absolute;left:0;right:0;bottom:-1.25rem;text-align:center;font-size:.75rem;color:rgba(255,255,255,.7);opacity:0;white-space:nowrap;transition:opacity .3s ease-out;pointer-events:none}.logo-item:hover .logo-item-name{opacity:1}.logo-item,.logo-item img,.logo-item-inner{backface-visibility:hidden;perspective:1000px;transform-style:preserve-3d}.logos-scroll{pointer-events:auto}.logos-scroll-container{mask-image:linear-gradient(90deg,transparent,black 30%,black 70%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 30%,black 70%,transparent)}