.logo-slider-wrapper{mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);overflow:hidden;position:relative;width:100%}.logo-header{color:#333;font-size:1.2em;font-weight:400;margin-bottom:40px;text-align:center}.logo-slider{align-items:center;animation:slide var(--slider-duration,60s) linear infinite;animation-play-state:running;display:flex;flex-wrap:nowrap;gap:150px;height:auto;justify-content:flex-start;margin-bottom:40px;width:100%}.logo-slider:hover{animation-play-state:paused}.grayscale{filter:grayscale(100%)}@keyframes slide{0%{transform:translateX(-90%)}to{transform:translateX(-700%)}}.logo-slider img{height:px;transition:filter .3s ease}.logo-slider:after,.logo-slider:before{content:"";display:flex;flex:0 0 auto;gap:150px;width:100%}@media (min-width:768px) and (max-width:1023px){.logo-slider{animation-duration:calc(var(--slider-duration, 60s)*.6667);gap:150px}}@media (max-width:767px){.logo-slider{animation-duration:calc(var(--slider-duration, 60s)*.3333);gap:150px}}