:root{--transition-slider-duration:30s}.wrapper{display:flex;flex-direction:column;height:clamp(3rem,8vw,100px);justify-content:center;margin-inline:auto;mask-image:linear-gradient(270deg,transparent,#000 20%,#000 80%,transparent);max-width:1536px;overflow:hidden;padding:1vh 0;position:relative;width:90%}.brand-slider{color:#fff;height:auto;width:clamp(3rem,7vw,5rem)}.item{align-items:center;animation-duration:var(--transition-slider-duration);animation-iteration-count:infinite;animation-name:scrollLeft;animation-timing-function:linear;border-radius:6px;left:max(calc(-5rem*var(--amount-brands)),100%);position:absolute;transition:transform .3s}.item:hover{transform:scale(1.1);.item1{animation-play-state:paused}}.item1,.item10,.item11,.item12,.item13,.item14,.item15,.item2,.item3,.item4,.item5,.item6,.item7,.item8,.item9{animation-delay:calc(var(--transition-slider-duration)/var(--amount-brands)*(var(--amount-brands) - var(--item))*-1)}@keyframes scrollLeft{to{left:-60rem}}@media (max-width:1024px){.wrapper{margin-top:3rem}.item{left:max(calc(-3rem*var(--amount-brands)),100%)}}@media (max-height:699px){.wrapper{margin-top:calc(5vh + 100px)}}