.shop-by-brand{--shop-by-brand-cols-mobile:2;--shop-by-brand-cols-desktop:5;display:block}.shop-by-brand__heading{margin:0 0 calc(6 * var(--space-unit))}.shop-by-brand__search{max-width:480px;margin-bottom:calc(6 * var(--space-unit))}.shop-by-brand__alphabet{z-index:2;gap:calc(2 * var(--space-unit));margin:0 0 calc(6 * var(--space-unit));padding-block:calc(2 * var(--space-unit));background:rgba(var(--bg-color));border-bottom:1px solid rgba(var(--text-color) / .1);flex-wrap:wrap;display:flex;position:sticky;top:0}.shop-by-brand__alphabet-link{min-width:calc(8 * var(--space-unit));padding:calc(1 * var(--space-unit)) calc(2 * var(--space-unit));color:rgb(var(--text-color));transition:background-color var(--ease-duration-fast) var(--ease-standard),opacity var(--ease-duration-fast) var(--ease-standard);border-radius:.25rem;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.shop-by-brand__alphabet-link:hover{background-color:rgba(var(--text-color) / .08)}.shop-by-brand__alphabet-link.is-empty{opacity:.3;pointer-events:none}.shop-by-brand__letter-divider{margin:calc(8 * var(--space-unit)) 0 calc(4 * var(--space-unit));scroll-margin-top:calc(12 * var(--space-unit));font-size:1.5rem;font-weight:600}.shop-by-brand__letter-divider:first-child{margin-top:0}.shop-by-brand__letter-divider[data-hidden]{display:none}.shop-by-brand__grid{grid-template-columns:repeat(var(--shop-by-brand-cols-mobile),minmax(0,1fr));column-gap:var(--column-gap,calc(3 * var(--space-unit)));row-gap:calc(6 * var(--space-unit));margin:0;padding:0;list-style:none;display:grid}@media(min-width:769px){.shop-by-brand__grid{grid-template-columns:repeat(var(--shop-by-brand-cols-desktop),minmax(0,1fr))}}.shop-by-brand__item{list-style:none}.shop-by-brand__card{align-items:center;gap:calc(2 * var(--space-unit));padding:calc(3 * var(--space-unit));color:inherit;border-radius:var(--btn-border-radius,0);background:color-mix(in srgb,rgb(var(--text-color)) 10%,rgb(var(--bg-color,255 255 255)));transition:background-color var(--ease-duration-fast) var(--ease-standard),transform var(--ease-duration-fast) var(--ease-standard);flex-direction:column;text-decoration:none;display:flex}.shop-by-brand__card:hover{background:color-mix(in srgb,rgb(var(--text-color)) 15%,rgb(var(--bg-color,255 255 255)))}.shop-by-brand__card:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.shop-by-brand__media{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.shop-by-brand__logo{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.shop-by-brand__media--monogram{color:rgba(var(--text-color) / .55);background:0 0;font-size:clamp(2rem,6vw,3.5rem);font-weight:600}.shop-by-brand__name{text-align:center;overflow-wrap:break-word;margin:0;font-size:.95rem;font-weight:500}.shop-by-brand__name mark{background:rgba(var(--text-color) / .15);color:inherit;border-radius:.15em;padding:0 .1em}.shop-by-brand__empty{margin:calc(8 * var(--space-unit)) 0;text-align:center;color:rgba(var(--text-color) / .7)}.shop-by-brand__item[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.shop-by-brand__item{opacity:0;transition:opacity var(--ease-duration-base) var(--ease-standard),transform var(--ease-duration-base) var(--ease-standard);transform:translateY(8px)}.shop-by-brand__item.is-visible{opacity:1;transform:none}}.shop-by-brand--card-minimal .shop-by-brand__card{padding:calc(2 * var(--space-unit)) 0;background:0 0}.shop-by-brand--card-minimal .shop-by-brand__card:hover{text-underline-offset:4px;background:0 0;text-decoration:underline}.shop-by-brand--no-sticky-alphabet .shop-by-brand__alphabet{position:static}
/*# sourceMappingURL=/cdn/shop/t/60/assets/shop-by-brand.css.map */