.sliding-logos{--sliding-logos-width: 100%;--sliding-logos-height: 100px;--sliding-logos-elements-displayed: 10;--sliding-logos-element-width: calc(var(--sliding-logos-width) / var(--sliding-logos-elements-displayed));--sliding-logos-animation-duration: calc(var(--sliding-logos-elements) * 2.5s);width:var(--sliding-logos-width);height:var(--sliding-logos-height);background-color:rgba(0,0,0,0);color:var(--clr-gray-dark);overflow:hidden;position:relative;isolation:isolate}.sliding-logos::before,.sliding-logos::after{position:absolute;top:0;width:5rem;height:100%;content:"";z-index:1}.sliding-logos::before{left:0;background:linear-gradient(to right, var(--clr-bg) 0%, transparent 100%)}.sliding-logos::after{right:0;background:linear-gradient(to left, var(--clr-bg) 0%, transparent 100%)}.sliding-logos-content{position:absolute;list-style:none;height:100%;display:flex;animation:scrolling var(--sliding-logos-animation-duration) linear infinite}.sliding-logos-content li{flex-shrink:0;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;gap:5px;text-align:center;width:var(--sliding-logos-element-width);color:var(--clr-sliding-logos);white-space:nowrap}.sliding-logos-content li .sliding-icon{font-size:calc(var(--sliding-logos-height)*1/3)}@keyframes scrolling{0%{transform:translateX(0)}100%{transform:translateX(calc(-1 * var(--sliding-logos-element-width) * var(--sliding-logos-elements)))}}