.brands{overflow:hidden;white-space:nowrap;padding:10px 0}.brands.brands_gradient{max-width:calc(100% - var(--main-padding) - var(--main-padding));margin:0 auto}.brands.brands_gradient:before,.brands.brands_gradient:after{content:"";height:100%;position:absolute;top:0;width:40px;z-index:10}@media screen and (min-width: 1200px){.brands.brands_gradient:before,.brands.brands_gradient:after{width:160px}}.brands.brands_gradient:after{right:0;background:linear-gradient(-90deg, rgba(var(--color-background), 1) 60%, rgba(var(--color-background), 0.7) 70%, rgba(var(--color-background), 0.6) 80%, rgba(var(--color-background), 0.4) 100%)}.brands.brands_gradient::before{left:0;background:linear-gradient(90deg, rgba(var(--color-background), 1) 60%, rgba(var(--color-background), 0.7) 70%, rgba(var(--color-background), 0.6) 80%, rgba(var(--color-background), 0.4) 100%)}.brands .brands-wrapper{display:inline-block;white-space:nowrap;animation:brands-scroll var(--speed) linear infinite}.brands .brands-wrapper .brands-items{display:flex;align-items:center;gap:80px}.brands .brands-wrapper .brands-items .brands__item{display:inline-block}.brands .brands-wrapper .brands-items img{height:100%}@keyframes brands-scroll{from{transform:translateX(100%)}to{transform:translateX(-100%)}}