.brand-directory{--brand-accent: #ff580d;--brand-line: rgba(var(--text-color) / .14);padding-block:2.5rem 4rem}.brand-directory__head{max-width:46rem;margin:0 auto 2rem;text-align:center}.brand-directory__title{margin:0}.brand-directory__intro{margin-top:.75em;font-size:calc(var(--body-font-size, 1rem) * 1.1)}.brand-directory__subhead{margin:0 0 1rem}.brand-directory__featured{margin-bottom:2.5rem}.brand-directory__featured-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}.brand-directory__featured-card{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;padding:1rem 1.5rem;border:1px solid var(--brand-line);border-radius:.75rem;background:#fff;color:#1a1a1a;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.brand-directory__featured-card:hover,.brand-directory__featured-card:focus-visible{border-color:var(--brand-accent);transform:translateY(-2px)}.brand-directory__featured-logo{display:block;width:100%;height:100%;max-height:3rem;object-fit:contain}.brand-directory__featured-text{font-weight:700;font-size:calc(var(--body-font-size, 1rem) * 1.15);text-align:center}.brand-directory__tools{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:1rem}.brand-directory__search{position:relative;flex:1 1 22rem;max-width:32rem}.brand-directory__search-icon{position:absolute;top:50%;left:1rem;width:1.15rem;height:1.15rem;transform:translateY(-50%);opacity:.6;pointer-events:none}.brand-directory__input{width:100%;height:3rem;padding:0 1rem 0 2.75rem;border:1px solid rgba(var(--text-color) / .3);border-radius:999px;background:rgb(var(--bg-color, 255 255 255));font-size:max(16px,var(--body-font-size, 1rem))}.brand-directory__input:focus{border-color:var(--brand-accent);outline:2px solid var(--brand-accent);outline-offset:1px}.brand-directory__status{margin:0;font-size:calc(var(--body-font-size, 1rem) * .95);opacity:.75}.brand-directory__az{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:2rem;padding-block:.75rem;border-block:1px solid var(--brand-line)}.brand-directory__az-link{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;border-radius:.375rem;font-weight:700;text-decoration:none}a.brand-directory__az-link:hover,a.brand-directory__az-link:focus-visible{background:var(--brand-accent);color:#fff}.brand-directory__az-link.is-empty{opacity:.3}.brand-directory.is-searching .brand-directory__az{visibility:hidden}.brand-directory__group{scroll-margin-top:9rem;margin-bottom:2rem}.brand-directory__letter{margin:0 0 .75rem;color:var(--brand-accent);font-size:calc(var(--body-font-size, 1rem) * 1.5)}.brand-directory__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none}.brand-directory__tile{display:flex;align-items:center;justify-content:center;height:100%;min-height:4.75rem;padding:.75rem 1rem;border:1px solid var(--brand-line);border-radius:.6rem;text-align:center;text-decoration:none;transition:border-color .15s ease}.brand-directory__tile:hover,.brand-directory__tile:focus-visible{border-color:var(--brand-accent)}.brand-directory__tile.has-logo{background:#fff}.brand-directory__tile.is-dark{background:#1a1a1a}.brand-directory__logo{display:block;width:100%;height:3rem;object-fit:contain}.brand-directory__name{min-width:0;font-weight:700;font-size:calc(var(--body-font-size, 1rem) * 1.15);line-height:1.2;letter-spacing:.01em;overflow-wrap:break-word}.brand-directory__item[hidden],.brand-directory__group[hidden]{display:none}.brand-directory__empty{padding:2rem 0;text-align:center}.brand-directory__empty-link{display:inline-block;margin-top:.5rem;color:var(--brand-accent);font-weight:600}@media(max-width:989px){.brand-directory__featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:599px){.brand-directory{padding-block:1.5rem 3rem}.brand-directory__featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.brand-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.brand-directory__tile{min-height:4rem;padding:.6rem .75rem}.brand-directory__logo{height:2.5rem}.brand-directory__name{font-size:var(--body-font-size, 1rem)}.brand-directory__az-link{min-width:1.75rem;height:1.75rem}}@media(prefers-reduced-motion:reduce){.brand-directory__featured-card{transition:none}.brand-directory__featured-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/brand-directory.css.map */