.carousel-container-brands{background-color:#5e5e51;position:relative}.brands img{height:100%;width:130px;object-fit:contain}.carousel-container-brands img{max-width:180px;object-fit:contain;height:auto}.carousel-alt-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:center;justify-content:center;gap:2rem}@media screen and (width < 768px){.carousel-container-brands img{max-width:150px!important}}.carousel-item-brands{display:flex;font-size:2.2rem;padding:0 20px;align-items:center;justify-content:center}.scroller{max-width:1200px;margin:auto;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}.scroller__inner{display:flex;flex-wrap:nowrap;gap:1rem}.scroller[data-animated=true] .scroller__inner{width:max-content;animation:scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite}.scroller[data-direction=right]{--_animation-direction: reverse}.scroller[data-direction=left]{--_animation-direction: forwards}.scroller[data-speed=fast]{--_animation-duration: 20s}.scroller[data-speed=slow]{--_animation-duration: 60s}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}
/*# sourceMappingURL=/cdn/shop/t/285/assets/component-brands-carousel-2.css.map */