.shop-by-brand,.shop-by-brand *,.shop-by-brand *:before,.shop-by-brand *:after{box-sizing:border-box}.shop-by-brand{--container-gutter: 12px;--sbb-card-width: 256px;--sbb-radius: var(--radius-card-mobile);--sbb-media-aspect: 3 / 4;--sbb-logo-max-height: calc(var(--sbb-card-width) * .4);--sbb-foot-height: 38px;--sbb-foot-inset: 8px;--sbb-foot-bottom: 10px;--sbb-foot-pad-start: 12px;--sbb-foot-pad-end: 6px;--sbb-badge-size: 22px;--sbb-badge-icon: 10px;--sbb-tab-height: 38px;--sbb-tab-gap: 6px;--sbb-tab-border: var(--overlay-on-dark-outline);color:rgb(var(--color-foreground));overflow-x:clip}.shop-by-brand__inner{display:flex;flex-direction:column}.shop-by-brand__head{display:flex;flex-direction:column;gap:24px}.shop-by-brand__heading{margin:0}.shop-by-brand__tabs{display:flex;align-items:center;min-width:0}.shop-by-brand__tab-row{display:flex;align-items:center;gap:var(--sbb-tab-gap);min-width:0;margin-inline:calc(-1 * var(--container-gutter));padding-inline:var(--container-gutter);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.shop-by-brand__tab-row::-webkit-scrollbar{display:none}.shop-by-brand__tablist{display:flex;flex:0 0 auto;align-items:center;gap:var(--sbb-tab-gap)}.shop-by-brand__tab{flex-shrink:0;height:var(--sbb-tab-height);padding-inline:18px;border:1px solid var(--sbb-tab-border);border-radius:var(--radius-full);background-color:transparent;color:rgb(var(--color-foreground));font-family:var(--font-family-rethink-sans);font-size:var(--font-size-body-13);white-space:nowrap;cursor:pointer;transition:var(--transition-quick)}.shop-by-brand__tab[aria-selected=true]{border-color:rgb(var(--color-button));background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.shop-by-brand__view-all{flex-shrink:0;padding-left:12px;color:rgb(var(--color-foreground));font-size:var(--font-size-body-13);text-decoration:underline;text-decoration-skip-ink:none;text-underline-position:from-font;white-space:nowrap;transition:var(--transition-quick)}.shop-by-brand__panels{margin-top:12px}.shop-by-brand__slider{display:block;margin-right:calc(-1 * var(--container-gutter))}.shop-by-brand .shop-by-brand__slide{width:var(--sbb-card-width);height:auto}.card-brand{position:relative;display:block;color:inherit;text-decoration:none}.card-brand__media{position:relative;aspect-ratio:var(--sbb-media-aspect);overflow:hidden;border-radius:var(--sbb-radius)}.card-brand__media>picture,.card-brand__media>picture img,.card-brand__placeholder{width:100%;height:100%}.card-brand__media>picture img{object-fit:cover;transition:transform var(--duration-slow) var(--ease-default)}.card-brand__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-media-tint);pointer-events:none}.card-brand__logo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.card-brand__logo-img{width:var(--brand-logo-width, 40%);height:auto;max-height:var(--sbb-logo-max-height);object-fit:contain}.card-brand__foot{position:absolute;right:var(--sbb-foot-inset);bottom:var(--sbb-foot-bottom);left:var(--sbb-foot-inset);z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;height:var(--sbb-foot-height);padding-right:var(--sbb-foot-pad-end);padding-left:var(--sbb-foot-pad-start);border-radius:var(--radius-full);background-color:var(--color-white)}.card-brand__name{overflow:hidden;color:var(--color-ink-strong);font-size:var(--font-size-body-14);font-weight:var(--font-weight-semibold);line-height:var(--line-height-150);letter-spacing:var(--letter-spacing-0);text-overflow:ellipsis;white-space:nowrap}.card-brand__badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--sbb-badge-size);height:var(--sbb-badge-size);border:1px solid transparent;border-radius:var(--radius-full);background-color:var(--color-green-500);color:var(--color-white);transition:var(--transition-quick)}.card-brand__badge .theme-icon{--icon-size: var(--sbb-badge-icon)}.shop-by-brand__controls{display:flex;align-items:center;margin-top:24px;margin-right:var(--container-gutter)}.shop-by-brand__scrollbar.swiper-scrollbar{position:relative;inset:auto;z-index:auto;flex:1;width:auto;height:4px;border-radius:var(--radius-m);background:var(--color-grey-350)}.shop-by-brand__scrollbar .swiper-scrollbar-drag{display:block;border-radius:var(--radius-m);background:var(--color-green-500)}.shop-by-brand__slider.swiper--locked .shop-by-brand__controls{display:none}.card-brand:focus-visible,.shop-by-brand__tab:focus-visible,.shop-by-brand__view-all:focus-visible,.shop-by-brand__panel:focus-visible{outline:2px solid var(--color-green-500);outline-offset:2px}@media screen and (min-width:750px){.shop-by-brand{--container-gutter: 32px;border-top:1px solid var(--color-section-rule);border-bottom:1px solid var(--color-section-rule)}}@media screen and (min-width:990px){.shop-by-brand{--sbb-card-width: 308px;--sbb-radius: var(--radius-card);--sbb-media-aspect: 1 / 1;--sbb-foot-height: 36px;--sbb-badge-size: 36px;--sbb-badge-icon: 16px;--sbb-tab-height: 42px;--sbb-tab-gap: 10px;--sbb-tab-border: var(--color-grey-300)}.shop-by-brand__head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px}.shop-by-brand__heading{flex:0 0 auto;max-width:40%}.shop-by-brand__tabs{flex:1 1 auto;justify-content:flex-end}.shop-by-brand__tab-row{flex:0 1 auto;margin-inline:0;padding-inline:0}.shop-by-brand__tab{font-size:var(--font-size-body-14)}.shop-by-brand__view-all{padding-left:18px;font-size:var(--font-size-body-14);text-decoration:none}.shop-by-brand__panels{margin-top:28px}.card-brand__foot{position:static;gap:12px;height:var(--sbb-foot-height);margin-top:8px;padding-inline:8px;border-radius:0;background-color:transparent}.card-brand__name{color:rgb(var(--color-foreground));font-size:var(--font-size-body-18);line-height:var(--line-height-140)}.card-brand__badge{border-color:var(--overlay-on-dark-border-strong);background-color:var(--overlay-on-dark-surface-strong)}.shop-by-brand__controls{margin-top:28px}}@media(hover:hover){.card-brand:hover .card-brand__media>picture img{transform:scale(1.04)}.card-brand:hover .card-brand__badge{background-color:var(--color-green-700)}.shop-by-brand__tab:not([aria-selected=true]):hover{border-color:rgb(var(--color-foreground))}.shop-by-brand__view-all:hover{color:var(--color-green-500)}}@media(hover:hover)and (min-width:990px){.card-brand:hover .card-brand__badge{border-color:rgb(var(--color-foreground));background-color:var(--overlay-on-dark-border-strong)}}@media(prefers-reduced-motion:reduce){.card-brand__media>picture img,.card-brand:hover .card-brand__media>picture img{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-shop-by-brand.css.map */