.shop-by-brand{--sbb-cols: var(--sbb-cols-m);display:block}.shop-by-brand__header{margin-bottom:2.4rem}.shop-by-brand__header--center{text-align:center}.shop-by-brand__header--right{text-align:right}.shop-by-brand__heading{margin:0}.shop-by-brand__list{display:grid;grid-template-columns:repeat(var(--sbb-cols),minmax(0,1fr));gap:var(--sbb-gap-m);margin:0;padding:0;list-style:none}.shop-by-brand__item[hidden],.shop-by-brand__actions[hidden]{display:none}.shop-by-brand__item.is-entering{animation:sbb-fade-in .4s ease both}.shop-by-brand__card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--sbb-border);border-radius:var(--sbb-radius);background:var(--sbb-card-bg);color:var(--sbb-name-color);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.shop-by-brand__card--text{justify-content:center}.shop-by-brand__card:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.shop-by-brand__media{position:relative;flex:1 0 auto;aspect-ratio:var(--sbb-ratio);padding:var(--sbb-pad);overflow:hidden;container-type:inline-size}.shop-by-brand__wordmark{display:flex;align-items:center;justify-content:center;height:100%;color:var(--sbb-wordmark-color);font-family:var(--font-heading-family);font-weight:600;font-size:clamp(1.4rem,12cqi,3.2rem);line-height:1.15;letter-spacing:.02em;text-align:center;overflow-wrap:anywhere;transition:transform .35s ease}.shop-by-brand__img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}.shop-by-brand__name{margin-top:auto;padding:1rem 1.2rem;background:var(--sbb-name-bg);font-size:1.4rem;font-weight:600;line-height:1.3;text-align:center;overflow-wrap:anywhere;transition:background-color .25s ease}.shop-by-brand__actions{display:flex;justify-content:center;margin-top:3.2rem}.shop-by-brand__more[aria-busy=true]{opacity:.6;cursor:progress}.shop-by-brand__empty{margin:0;padding:2rem;border:1px dashed rgba(var(--color-foreground),.3);text-align:center}@media(hover:hover){a.shop-by-brand__card:hover .shop-by-brand__name{background:var(--sbb-name-bg-hover)}.shop-by-brand--lift a.shop-by-brand__card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.shop-by-brand--zoom a.shop-by-brand__card:hover .shop-by-brand__img,.shop-by-brand--zoom a.shop-by-brand__card:hover .shop-by-brand__wordmark{transform:scale(1.06)}}.shop-by-brand__progress{display:none}@media screen and (max-width:749px){.shop-by-brand__list{max-width:calc(var(--sbb-cols-m) * var(--sbb-tile-max-m) + (var(--sbb-cols-m) - 1) * var(--sbb-gap-m));margin-inline:auto}.shop-by-brand__media{max-height:var(--sbb-media-max-m)}}@media screen and (max-width:749px){.shop-by-brand--slider .shop-by-brand__list{grid-template-rows:repeat(var(--sbb-rows-m),auto);grid-template-columns:repeat(var(--sbb-m-total-cols),calc((100% - var(--sbb-gap-m) * (var(--sbb-cols-m) - 1)) / var(--sbb-cols-m)));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.shop-by-brand--slider .shop-by-brand__list::-webkit-scrollbar{display:none}.shop-by-brand--slider .shop-by-brand__item{grid-row:var(--m-row);grid-column:var(--m-col)}.shop-by-brand--slider .shop-by-brand__item[hidden]{display:block}.shop-by-brand--slider .shop-by-brand__item--page-start{scroll-snap-align:start;scroll-snap-stop:always}.shop-by-brand--slider .shop-by-brand__actions{display:none}.shop-by-brand--slider .shop-by-brand__progress{display:block;width:min(12rem,40%);height:3px;margin:2rem auto 0;overflow:hidden;border-radius:3px;background:rgba(var(--color-foreground),.15)}.shop-by-brand__progress-bar{display:block;width:calc(100% / var(--sbb-pages));height:100%;border-radius:inherit;background:rgb(var(--color-foreground));transform:translate(calc(var(--sbb-progress, 0) * (var(--sbb-pages) - 1) * 100%))}}@media screen and (min-width:750px){.shop-by-brand{--sbb-cols: var(--sbb-cols-t)}.shop-by-brand__header{margin-bottom:3.2rem}.shop-by-brand__list{gap:var(--sbb-gap)}}@media screen and (min-width:990px){.shop-by-brand{--sbb-cols: var(--sbb-cols-d)}}@media(prefers-reduced-motion:reduce){.shop-by-brand__item.is-entering{animation:none}.shop-by-brand__card,.shop-by-brand__img,.shop-by-brand__wordmark{transition:none}}@keyframes sbb-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/shop-by-brand.css.map */