.brand-carousel{overflow:hidden;position:relative;max-width:1600px;margin:0 auto}.brand-carousel__container{position:relative}.brand-carousel__wrapper{overflow:hidden;position:relative}.brand-carousel__track{display:flex;align-items:center;animation:marquee-left var(--marquee-speed) linear infinite;will-change:transform;min-width:200%}.brand-carousel__wrapper.pause-on-hover:hover .brand-carousel__track{animation-play-state:paused}.brand-carousel__item{flex:0 0 auto;padding:0 20px;opacity:var(--brand-opacity, .75);transition:opacity .3s ease;cursor:pointer}.brand-carousel__item:hover{opacity:1}.brand-carousel__link{display:block;text-decoration:none;color:inherit}.brand-carousel__image-wrapper{position:relative;width:160px;padding-bottom:40%;overflow:hidden}.brand-carousel__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease;-webkit-user-drag:none;user-drag:none}.brand-carousel__image--gray{opacity:1}.brand-carousel__image--color,.brand-carousel__item:hover .brand-carousel__image--gray{opacity:0}.brand-carousel__item:hover .brand-carousel__image--color{opacity:1}.brand-carousel__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:rgba(var(--color-body-rgb),.03);fill:var(--color-body)}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-25%)}}@media only screen and (min-width: 768px){.brand-carousel{padding:0 40px}.brand-carousel__item{padding:0 7px}.brand-carousel__image-wrapper{padding-bottom:35%}}@media only screen and (max-width: 767px){.brand-carousel{padding:0 16px}.brand-carousel__item{padding:0 3px}.brand-carousel__image-wrapper{padding-bottom:45%}.brand-carousel__track{animation:marquee-left var(--marquee-speed-mobile) linear infinite}.brand-carousel__track{min-width:300%}}@media only screen and (max-width: 480px){.brand-carousel__item{padding:0 10px}.brand-carousel__image-wrapper{padding-bottom:50%}.brand-carousel__track{min-width:400%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/brand-carousel.css.map */