.brand-directory{display:block}.brand-directory__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.4rem}.brand-directory__heading.title{margin:0}.brand-directory__search{max-width:36rem}.brand-directory__search .brand-directory__search-input,.brand-directory__search .brand-directory__search-input:focus,.brand-directory__search .brand-directory__search-input:not(:placeholder-shown){padding-right:4.4rem}.brand-directory__search-icon{position:absolute;top:50%;right:1.5rem;z-index:2;display:flex;width:1.6rem;height:1.6rem;transform:translateY(-50%);color:rgba(var(--color-foreground),.75);pointer-events:none}.brand-directory__search-icon svg{width:100%;height:100%}.brand-directory__letters{margin-bottom:3rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.brand-directory__letters ul{display:flex;flex-wrap:wrap;gap:.2rem;margin:0;padding:0 0 1.5rem}.brand-directory__letter{display:inline-flex;align-items:center;justify-content:center;min-width:4.4rem;height:4.4rem;font-size:1.5rem;letter-spacing:.1rem;color:rgb(var(--color-foreground));text-decoration:none}a.brand-directory__letter:hover{text-decoration:underline;text-underline-offset:.3rem}.brand-directory__letter--empty{color:rgba(var(--color-foreground),.3);pointer-events:none}.brand-directory__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2.4rem}@media screen and (min-width:750px){.brand-directory__groups{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}}.brand-directory__group{scroll-margin-top:10rem}.brand-directory__group[hidden],.brand-directory__item[hidden]{display:none}.brand-directory__group-heading{margin:0 0 1rem;padding-bottom:.8rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.brand-directory__link{display:inline-block;padding:.6rem 0;font-size:1.6rem;color:rgb(var(--color-foreground));text-decoration:none;word-break:break-word}.brand-directory__link:hover{text-decoration:underline;text-underline-offset:.3rem}.brand-directory__empty{margin:2rem 0 0;color:rgba(var(--color-foreground),.75)}@media screen and (max-width:749px){.brand-directory__letters ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.brand-directory__letters ul::-webkit-scrollbar{display:none}.brand-directory__letters li{flex-shrink:0}.brand-directory__search{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/component-brand-directory.css.map */