.shop-by-brands{padding-top:var(--section-padding-top, 36px);padding-bottom:var(--section-padding-bottom, 36px)}.shop-by-brands__header{text-align:center;margin-bottom:2.5rem}.shop-by-brands__heading{margin:0;font-weight:400}.shop-by-brands__carousel-wrapper{position:relative;display:flex;align-items:center}.shop-by-brands__list{display:flex;gap:var(--card-gap, 20px);list-style:none;margin:0;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;width:100%;-ms-overflow-style:none;scrollbar-width:none}.shop-by-brands__list::-webkit-scrollbar{display:none}.shop-by-brands__item{flex:0 0 auto;scroll-snap-align:start;width:calc((100% - (var(--cards-desktop, 5) - 1) * var(--card-gap, 20px)) / var(--cards-desktop, 5))}@media screen and (max-width:989px){.shop-by-brands__item{width:calc((100% - var(--card-gap, 20px)) / 2.3)}}.shop-by-brands__card{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background:rgb(var(--color-background-brand-card, 230, 230, 230));border-radius:2px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.shop-by-brands__card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.shop-by-brands__card img{max-width:65%;max-height:45%;object-fit:contain;mix-blend-mode:multiply}.shop-by-brands__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.4}.shop-by-brands__placeholder .placeholder-svg{width:40%}.shop-by-brands__item--view-all{width:auto;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.shop-by-brands__view-all{font-size:1.2rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.shop-by-brands__nav{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:rgb(var(--color-background));box-shadow:0 2px 8px #0000001f;cursor:pointer;z-index:2;color:rgb(var(--color-foreground))}.shop-by-brands__nav--prev{margin-right:12px}.shop-by-brands__nav--next{margin-left:12px}.shop-by-brands__nav:disabled{opacity:.35;cursor:default}.shop-by-brands__nav:not(:disabled):hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}@media screen and (max-width:749px){.shop-by-brands__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-shop-by-brands.css.map */