.section-brands-directory{--brands-border: rgba(var(--color-foreground), .14)}.brands-directory__heading{margin:0 0 2.4rem;text-align:center}.brands-directory__letter-nav-wrap{margin-bottom:2.4rem;overflow-x:auto}.brands-directory__letter-nav{align-items:stretch;border:.1rem solid var(--brands-border);display:inline-flex;flex-wrap:nowrap;min-width:100%}.brands-directory__letter-nav-item{border-right:.1rem solid var(--brands-border);margin:0}.brands-directory__letter-nav-item:last-child{border-right:0}.brands-directory__letter-nav-button{background:transparent;border:0;color:rgb(var(--color-foreground));cursor:pointer;font-size:1.25rem;font-weight:600;letter-spacing:.02em;line-height:1;min-width:3.4rem;padding:1.1rem .9rem;text-transform:uppercase;transition:background-color .18s ease,color .18s ease}.brands-directory__letter-nav-button:hover,.brands-directory__letter-nav-button:focus-visible,.brands-directory__letter-nav-button.is-active{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.brands-directory__letter-nav-button.is-disabled{cursor:not-allowed;opacity:.35}.brands-directory__groups{display:grid;gap:2.8rem}.brands-directory__group{display:block}.brands-directory__group.is-hidden{display:none}.brands-directory__group-heading{color:rgb(var(--color-button));font-size:clamp(2rem,2.8vw,2.8rem);margin:0 0 1rem}.brands-directory__brand-list{column-gap:3rem;columns:2;margin:0;padding:0}.brands-directory__brand-item{break-inside:avoid;margin:0 0 .7rem;padding-inline-start:1.2rem;position:relative}.brands-directory__brand-item:before{content:"\b7";left:0;position:absolute;top:0}.brands-directory__brand-link{color:rgb(var(--color-foreground));text-decoration:none}.brands-directory__brand-link:hover,.brands-directory__brand-link:focus-visible{text-decoration:underline}.brands-directory__empty{margin:0;opacity:.75}@media screen and (min-width:990px){.brands-directory__brand-list{columns:5}}@media screen and (max-width:749px){.brands-directory__heading{text-align:left}.brands-directory__letter-nav-button{min-width:3.1rem;padding:1rem .8rem}.brands-directory__brand-list{columns:1}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-brands-directory.css.map */