.logo-slider{--gap:90px;display:flex;flex-direction:column;gap:var(--spacing-10x);overflow:clip}.logo-track-wrapper{align-items:center;display:flex;flex-flow:row;position:relative;z-index:0;&:after,&:before{background:linear-gradient(90deg,#fff,rgb(from #fff r b g/0));content:"";height:100%;inset:0 auto auto 0;position:absolute;width:12.5%;z-index:1}@media (max-width:820px){&:after,&:before{width:100px}}@media (max-width:640px){&:after,&:before{width:50px}}&:after{inset:0 0 auto auto;transform:rotate(180deg)}}.logo-track{align-items:center;display:flex;flex:none;gap:var(--gap);justify-content:flex-start;padding-right:var(--gap)}.logo-slider .logo{object-fit:contain}@keyframes logoScroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}