.brand-slider-section{padding:68px 0}.brand-slider__hd{text-align:center;margin-bottom:36px}.brand-slider__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--orange);margin-bottom:6px}.brand-slider__sub{font-size:.85rem;color:var(--text-mid);margin-top:4px}.brand-slider{position:relative;padding:0 52px}.brand-slider__viewport{overflow:hidden}.brand-slider__track{display:flex;align-items:center;will-change:transform;transition:transform .5s var(--ease)}.brand-slider__item{flex:0 0 calc(100% / var(--bc-per-desktop, 6));box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:20px 26px}.brand-slider__link{display:flex;align-items:center;justify-content:center;width:100%;text-decoration:none;aspect-ratio:16 / 8}.brand-slider__item img{height:auto;width:100%;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.78;transition:filter .2s,opacity .2s,transform .2s}.brand-slider__link:hover img{filter:none;opacity:1;transform:scale(1.05)}.brand-slider__fallback{display:inline-block;background:#2c1a5212;color:var(--purple);font-family:var(--font-body-family);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:6px 14px;border-radius:100px}.brand-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--white);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;padding:0;transition:background .2s,border-color .2s}.brand-slider__arrow:hover{background:var(--purple);border-color:var(--purple)}.brand-slider__arrow svg{width:16px;height:16px;color:var(--text-mid);transition:color .2s}.brand-slider__arrow:hover svg{color:var(--white)}.brand-slider__arrow--prev{left:0}.brand-slider__arrow--next{right:0}@media(max-width:900px){.brand-slider__item{flex-basis:calc(100% / var(--bc-per-tablet, 4))}.brand-slider{padding:0 44px}}@media(max-width:600px){.brand-slider__item{flex-basis:calc(100% / var(--bc-per-mobile, 2));padding:16px 18px}.brand-slider{padding:0 34px}}@media(prefers-reduced-motion:reduce){.brand-slider__track{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-brands-carousel.css.map */
