.brand-carousel{--brand-primary: #ff6600;--brand-background: hsl(220, 10%, 8%);--brand-border: hsl(220, 10%, 25%);--brand-text: #fafafa;--brand-text-muted: hsl(220, 10%, 65%);position:relative;width:100%;padding:64px 0;background-color:var(--brand-background);overflow:hidden}.brand-carousel__header{text-align:center;margin-bottom:24px;padding:0 20px}.brand-carousel__title{font-family:var(--text-font-family);font-size:16px;letter-spacing:.3em;text-transform:uppercase;color:var(--brand-text-muted);margin:0}.brand-carousel .swiper{width:100%;padding:0 40px}.brand-carousel .swiper-wrapper{display:flex}.brand-carousel__item{flex:0 0 auto;width:calc(20% - 16px);min-width:160px;max-width:200px;display:flex;align-items:center;justify-content:center;padding:0 20px;min-height:100px;filter:grayscale(100%) opacity(.5);transition:all .5s ease}.brand-carousel__item:hover{filter:grayscale(0%) opacity(1)}.brand-carousel__item img{width:100%;height:auto;max-height:60px;object-fit:contain;object-position:center}.brand-carousel__item--text{font-family:var(--heading-font-family);font-size:clamp(2.5rem,2vw,2rem);letter-spacing:-1px;text-transform:uppercase;color:var(--brand-text);text-align:center;white-space:nowrap}.brand-carousel .swiper-button-prev,.brand-carousel .swiper-button-next{width:48px;height:48px;background:transparent;border:2px solid var(--brand-border);color:var(--brand-text-muted);transition:all .3s ease}.brand-carousel .swiper-button-prev:hover,.brand-carousel .swiper-button-next:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.brand-carousel .swiper-button-prev:after,.brand-carousel .swiper-button-next:after{display:none}.brand-carousel .swiper-button-prev svg,.brand-carousel .swiper-button-next svg{width:20px;height:20px;fill:currentColor}.brand-carousel .swiper-pagination{position:relative;margin-top:32px}.brand-carousel .swiper-pagination-bullet{width:8px;height:8px;background:var(--brand-border);opacity:1}.brand-carousel .swiper-pagination-bullet-active{background:var(--brand-primary)}.brand-carousel .swiper-scrollbar{background:var(--brand-border);height:2px;margin:32px 40px 0}.brand-carousel .swiper-scrollbar-drag{background:var(--brand-primary)}@media screen and (max-width:1024px){.brand-carousel__item{width:calc(25% - 16px);min-width:140px}}@media screen and (max-width:768px){.brand-carousel{padding:48px 0}.brand-carousel .swiper{padding:0 60px}.brand-carousel__title{font-size:14px;letter-spacing:.2em}.brand-carousel__item{width:calc(33.333% - 16px);min-width:100px;padding:16px}}@media screen and (max-width:480px){.brand-carousel .swiper{padding:0 50px}.brand-carousel__item{width:calc(50% - 16px);min-width:80px}}.brand-carousel--light{--brand-background: #f5f5f5;--brand-text: #1a1a1a;--brand-text-muted: #666666;--brand-border: #e0e0e0}.brand-carousel--bordered{border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border)}.brand-carousel--hide-nav .swiper-button-prev,.brand-carousel--hide-nav .swiper-button-next{display:none}
/*# sourceMappingURL=/cdn/shop/t/61/assets/brand-carousel.css.map */