.brand-carousel{overflow:hidden}.brand-carousel__header{text-align:center;margin-bottom:4rem}.brand-carousel__heading{font-size:2.4rem;font-weight:600;margin:0 0 .8rem;line-height:1.2;letter-spacing:-.02em}.brand-carousel__subheading{font-size:1.6rem;color:rgba(var(--color-foreground),.6);margin:0;line-height:1.5}.brand-carousel .swiper{overflow:hidden}.brand-carousel .swiper-slide{display:flex;align-items:center;justify-content:center;height:auto}.brand-carousel__logo{display:flex;align-items:center;justify-content:center;width:100%;padding:1.6rem;transition:transform .3s ease,filter .3s ease}.brand-carousel__logo img{max-width:100%;height:auto;max-height:var(--brand-logo-height, 60px);width:auto;object-fit:contain}.brand-carousel__logo:hover{transform:scale(1.05)}.brand-carousel__placeholder{font-size:1.6rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(var(--color-foreground),.7);white-space:nowrap;padding:1.2rem 2rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:4px;background:rgba(var(--color-foreground),.03)}.brand-carousel--grayscale .brand-carousel__placeholder{opacity:.5;transition:opacity .3s ease}.brand-carousel--grayscale .brand-carousel__logo:hover .brand-carousel__placeholder{opacity:1}.brand-carousel--grayscale .brand-carousel__logo img{filter:grayscale(100%);opacity:.6;transition:filter .3s ease,opacity .3s ease}.brand-carousel--grayscale .brand-carousel__logo:hover img{filter:grayscale(0%);opacity:1}.brand-carousel__nav{display:flex;gap:1rem;justify-content:center;margin-top:3rem}.brand-carousel__nav-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease;color:rgb(var(--color-foreground))}.brand-carousel__nav-btn:hover{background:rgba(var(--color-foreground),.06);border-color:rgba(var(--color-foreground),.3)}.brand-carousel__nav-btn svg{width:18px;height:18px}.brand-carousel__nav-btn.swiper-button-disabled{opacity:.35;cursor:default}.brand-carousel__nav--hidden{display:none}@media screen and (max-width:989px){.brand-carousel__header{margin-bottom:3rem}.brand-carousel__heading{font-size:2rem}.brand-carousel__logo{padding:1.2rem}}@media screen and (max-width:749px){.brand-carousel__heading{font-size:1.8rem}.brand-carousel__nav{margin-top:2rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-brand-carousel.css.map */