.logo-scroller{padding:0;max-width:100vw}.logo-scroller,.logo-scroller__container{position:relative;overflow:hidden;width:100%}.logo-scroller__container{max-width:100%}.logo-scroller__container:after,.logo-scroller__container:before{content:"";position:absolute;top:0;bottom:0;width:75px;z-index:2;pointer-events:none}.logo-scroller__container:before{left:0;background:linear-gradient(90deg,hsl(0,0%,100%) 30%,hsla(0,0%,100%,.8) 60%,hsla(0,0%,100%,0))}.logo-scroller__container:after{right:0;background:linear-gradient(270deg,hsl(0,0%,100%) 30%,hsla(0,0%,100%,.8) 60%,hsla(0,0%,100%,0))}.dark .logo-scroller__container:before{background:linear-gradient(90deg,hsl(0,0%,0%) 30%,hsla(0,0%,0%,.8) 60%,hsla(0,0%,0%,0))}.dark .logo-scroller__container:after{background:linear-gradient(270deg,hsl(0,0%,0%) 30%,hsla(0,0%,0%,.8) 60%,hsla(0,0%,0%,0))}.logo-scroller__inner{display:flex;width:-moz-max-content;width:max-content;animation:scroll 120s linear infinite;will-change:transform}.logo-scroller__item{display:flex;align-items:center;justify-content:center;width:200px;margin:0;padding:10px;flex-shrink:0}.logo-scroller__image{width:auto;height:120px;max-width:100%;-o-object-fit:contain;object-fit:contain;filter:invert(1) grayscale(100%) opacity(.8);transition:filter .3s ease,transform .3s ease}.logo-scroller__image:hover{filter:invert(1) grayscale(0) opacity(1);transform:scale(1.05)}.dark .logo-scroller__image{filter:grayscale(100%) opacity(.8)}.dark .logo-scroller__image:hover{filter:grayscale(0) opacity(1);transform:scale(1.05)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:640px){.logo-scroller__item{width:150px;padding:5px}}