.brand-directory__header{max-width:72rem;margin:0 auto 4rem;text-align:center}.brand-directory__title{margin:0}.brand-directory__description{margin-top:1.6rem}.brand-directory__description>:first-child{margin-top:0}.brand-directory__description>:last-child{margin-bottom:0}.brand-directory__alphabet{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 1.6rem;margin:0 0 4.8rem;padding:0;list-style:none}.brand-directory__alphabet-link{display:inline-flex;align-items:center;justify-content:center;min-width:3.6rem;min-height:3.6rem;border:.1rem solid rgba(var(--color-border),var(--buttons-border-opacity));color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:var(--font-size-static-xs);line-height:1;text-decoration:none;transition:border-color var(--duration-default),background-color var(--duration-default)}.brand-directory__alphabet-link:hover,.brand-directory__alphabet-link:focus-visible{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05)}.brand-directory__groups{display:grid;gap:4.8rem}.brand-directory__group{scroll-margin-top:12rem}.brand-directory__letter{margin:0 0 2rem;padding-bottom:1.2rem;border-bottom:.1rem solid rgba(var(--color-border),var(--buttons-border-opacity))}.brand-directory__list{display:grid;grid-template-columns:repeat(var(--brand-directory-columns-mobile),minmax(0,1fr));gap:1.6rem 2.4rem;margin:0;padding:0;list-style:none}.brand-directory__link{display:inline-block;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:var(--font-size-static-xs);letter-spacing:var(--font-heading-letter-spacing);line-height:1.4;text-decoration:none;text-transform:var(--font-heading-text-transform);text-underline-offset:.4rem}.brand-directory__link:hover,.brand-directory__link:focus-visible{text-decoration:underline}.brand-directory__empty{margin:0;text-align:center}@media screen and (min-width:750px){.brand-directory__list{grid-template-columns:repeat(var(--brand-directory-columns-desktop),minmax(0,1fr))}}@media screen and (max-width:749px){.brand-directory__header{margin-bottom:3.2rem}.brand-directory__alphabet{gap:.6rem;margin-bottom:3.6rem}.brand-directory__alphabet-link{min-width:3.4rem;min-height:3.4rem}.brand-directory__groups{gap:3.6rem}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/section-brand-directory.css.map */