.brand-directory{--brand-directory-line: rgba(var(--color-foreground), .16)}.brand-directory__header{max-width:74rem;margin-bottom:clamp(3.2rem,5vw,6rem)}.brand-directory__eyebrow{color:rgb(var(--color-accent));font-size:1.2rem;font-weight:800;letter-spacing:.16em;margin:0 0 1.2rem;text-transform:uppercase}.brand-directory__title{margin:0;text-transform:uppercase}.brand-directory__intro{color:rgba(var(--color-foreground),.72);font-size:1.8rem;margin-top:1.6rem;max-width:64rem}.brand-directory__search{margin-top:2.4rem;max-width:54rem}.brand-directory__search .field:after{border-bottom:.3rem solid rgb(var(--color-accent))}.brand-directory__status{color:rgba(var(--color-foreground),.68);font-size:1.3rem;font-weight:700;letter-spacing:.06em;margin:1rem 0 0;text-transform:uppercase}.brand-directory__letters{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none;margin:0 0 3.2rem;padding:0}.brand-directory__letter{align-items:center;border:.1rem solid var(--brand-directory-line);color:rgb(var(--color-foreground));display:inline-flex;font-size:1.2rem;font-weight:800;height:4.4rem;justify-content:center;min-width:4.4rem;text-decoration:none}.brand-directory__letter:hover,.brand-directory__letter:focus-visible{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.brand-directory__groups{display:grid;gap:4rem}.brand-directory__group{border-top:.3rem solid rgb(var(--color-foreground));display:grid;gap:2rem;grid-template-columns:6rem minmax(0,1fr);padding-top:1.6rem}.brand-directory__group-title{font-size:3rem;line-height:1;margin:0}.brand-directory__list{display:grid;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.brand-directory__item a{border-bottom:.1rem solid var(--brand-directory-line);color:rgb(var(--color-foreground));display:block;font-size:1.4rem;font-weight:700;min-height:4.8rem;padding:1.3rem 1.2rem 1.3rem 0;text-decoration:none}.brand-directory__item a:hover,.brand-directory__item a:focus-visible{color:rgb(var(--color-accent))}.brand-directory__empty{border:.1rem solid var(--brand-directory-line);padding:2.4rem}@media screen and (max-width:989px){.brand-directory__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.brand-directory__group,.brand-directory__list{grid-template-columns:1fr}}@media(forced-colors:active){.brand-directory__letter,.brand-directory__group,.brand-directory__item a{border-color:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-brand-directory.css.map */