.brand-directory{--brand-directory-logo-height: 4.8rem}.brand-directory__inner{display:flex;flex-direction:column}.brand-directory__hero{background-color:var(--brand-directory-hero-bg, #f5f3f0);background-image:radial-gradient(rgba(0,0,0,.04) .6px,transparent .6px);background-size:4px 4px;padding:4.8rem 0 3.6rem;margin-inline:calc(50% - 50vw);padding-inline:max(1.5rem,calc(50vw - var(--page-width, 1200px) / 2))}.brand-directory__hero-content{max-width:72rem;margin-inline:auto;text-align:center}.brand-directory__title{margin:0 0 1rem;color:rgb(var(--color-foreground))}.brand-directory__subtitle{margin:0 auto 2.4rem;max-width:42rem;font-size:1.5rem;line-height:1.5}.brand-directory__search{position:relative;width:100%;max-width:52rem;min-width:0;margin-inline:auto}.brand-directory__search-icon{position:absolute;inset-inline-start:1.6rem;top:50%;transform:translateY(-50%);display:flex;color:rgba(var(--color-foreground),.45);pointer-events:none}.brand-directory__search-input{width:100%;min-height:4.8rem;padding:.8rem 1.6rem .8rem 4.4rem;border-radius:999px;border:1px solid rgba(var(--color-foreground),.12);background:rgb(var(--color-background));font-size:1.4rem}.brand-directory__search-input:focus{border-color:rgba(var(--color-foreground),.35);outline:none;box-shadow:0 0 0 1px rgba(var(--color-foreground),.08)}.brand-directory__search-input::-webkit-search-cancel-button{-webkit-appearance:none}.brand-directory__body{padding-block-start:0}.brand-directory__tabs-wrap{border-block-end:1px solid rgba(var(--color-foreground),.12);overflow:hidden}.brand-directory__tabs{display:flex;flex-wrap:nowrap;align-items:center;gap:.8rem 2.4rem;padding-block:1.6rem 1.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.brand-directory__tabs::-webkit-scrollbar{display:none}.brand-directory__tabs-icon{display:flex;color:rgba(var(--color-foreground),.55);flex-shrink:0}.brand-directory__tab{flex-shrink:0;padding:0;border:0;background:none;font-family:inherit;font-size:1.4rem;font-weight:500;line-height:1.4;white-space:nowrap;color:rgba(var(--color-foreground),.45);cursor:pointer;transition:color var(--animation-fast),font-weight var(--animation-fast)}.brand-directory__tab:hover,.brand-directory__tab:focus-visible{color:rgb(var(--color-foreground))}.brand-directory__tab.is-active,.brand-directory__tab[aria-selected=true]{font-weight:700;color:rgb(var(--color-foreground))}.brand-directory__az-wrap{border-block-end:1px solid rgba(var(--color-foreground),.12)}.brand-directory__az-wrap[hidden]{display:none!important}.brand-directory__az-placeholder{display:none;width:100%}.brand-directory__az-placeholder:not([hidden]){display:block}.brand-directory__az-wrap.is-pinned .brand-directory__az-toolbar{position:fixed;inset-inline:0;top:var(--brand-directory-az-sticky-top, 0);z-index:31;width:100%;max-width:100%;padding-block:.8rem .6rem;background-color:rgb(var(--color-background));border-block-end:1px solid rgba(var(--color-foreground),.12);box-shadow:0 4px 12px rgba(var(--color-foreground),.06)}.brand-directory__az-wrap.is-pinned .brand-directory__az-scroll{width:100%;max-width:var(--page-width, 120rem);margin-inline:auto;padding-inline:var(--page-padding, 1.5rem);box-sizing:border-box}.brand-directory__az-wrap.is-pinned .brand-directory__az{padding-block:0 .6rem}.brand-directory__az-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.brand-directory__az-scroll::-webkit-scrollbar{display:none}.brand-directory__az{display:flex;align-items:flex-end;justify-content:space-between;gap:.15rem;width:100%;min-width:100%;padding-block:1.2rem 1rem}.brand-directory__az-letter{flex:0 0 auto;min-width:1.35rem;height:auto;padding:0;font-weight:600;font-size:clamp(.78rem,.9vw,.92rem);line-height:1;color:rgb(var(--color-foreground));border-radius:0;text-align:center;cursor:pointer}.brand-directory__az-letter--compact{flex:0 0 auto;min-width:auto;padding-inline:.35rem;font-size:.78em}.brand-directory__az-letter-inner{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;padding-block:.25rem .4rem;white-space:nowrap;border-block-end:2px solid transparent;transition:color var(--animation-fast),border-color var(--animation-fast),opacity var(--animation-fast)}.brand-directory__az-letter.is-active .brand-directory__az-letter-inner{border-block-end-color:rgb(var(--color-foreground));font-weight:700}.brand-directory__az-letter.is-disabled{opacity:.28;cursor:default;pointer-events:none;font-weight:500}.brand-directory__az-letter:not(.is-disabled):not(.is-active):hover .brand-directory__az-letter-inner{opacity:.75}.brand-directory__panels{padding-block:2.4rem 0}.brand-directory__panel{display:block}.brand-directory__panel[hidden]{display:none!important}.brand-directory__letter-group{margin-block-end:2.8rem;scroll-margin-top:calc(var(--brand-directory-az-sticky-top, var(--header-height, 0px)) + var(--brand-directory-az-height, 5.2rem) + 1.2rem)}.brand-directory__letter-group.is-letter-focused .brand-directory__section-bar{outline:2px solid rgba(var(--color-foreground),.35);outline-offset:2px}.brand-directory__letter-group.is-hidden,.brand-directory__letter-group[data-hidden=true]{display:none}.brand-directory__letter-group[data-letter-empty],.brand-directory__letter-group--empty{display:none!important;margin-block-end:0}.brand-directory__letter-group--empty .brand-directory__section-bar{margin-block-end:0}.brand-directory__section-bar{display:flex;align-items:center;min-height:4rem;margin-block-end:0;padding:.8rem 1.6rem;border-radius:999px;background:var(--brand-directory-bar-bg, #f2ebe0)}.brand-directory__section-bar-text{font-size:1.9rem;font-weight:700;line-height:1.2;color:rgb(var(--color-foreground))}.brand-directory__panel-grid{margin-block-start:0}.brand-directory__panel-grid .brand-directory__section-bar+.brand-directory__grid,.brand-directory__section-bar+.brand-directory__grid{margin-block-start:0}.brand-directory__grid{margin-block-start:0}.brand-directory__block{display:contents}.brand-directory .brand-directory__wrapper{--pd-y: 2rem;--pd-x: 1.2rem;min-height:11rem}.brand-directory__link{text-decoration:none;gap:.8rem;padding-block:.4rem}.brand-directory__logo{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--brand-directory-logo-height)}.brand-directory__logo-img{display:block;width:auto;height:auto;max-width:100%;max-height:140px;object-fit:contain}.brand-directory__logo-placeholder{display:block;width:4rem;height:2.4rem;border-radius:.4rem;background:rgba(var(--color-foreground),.06)}.brand-directory__name{display:block;max-width:100%;font-size:1rem;font-weight:500;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:rgba(var(--color-foreground),.45);display:none}.brand-directory__cell.is-hidden,.brand-directory__cell[data-hidden=true]{display:none!important}.brand-directory__empty,.brand-directory__no-results{padding:2.4rem 0;text-align:center}.brand-directory__no-results[hidden]{display:none!important}@media(max-width:767.98px){.brand-directory__hero{padding:3.2rem 0 2.8rem}.brand-directory__hero-content{width:100%;padding-inline:clamp(1rem,4vw,1.6rem);box-sizing:border-box}.brand-directory__subtitle{font-size:1.4rem;margin-bottom:2rem}.brand-directory__search{max-width:none}.brand-directory__search-input{min-height:4.4rem;padding:.6rem 1.4rem .6rem 4rem;font-size:1.6rem}.brand-directory__search-icon{inset-inline-start:1.4rem}.brand-directory__tabs-wrap{margin-inline:calc(var(--page-padding) * -1);padding-inline:var(--page-padding)}.brand-directory__tabs{gap:0 1.6rem;scroll-padding-inline:var(--page-padding)}.brand-directory__tab{font-size:1.3rem}.brand-directory__az-wrap:not(.is-pinned){margin-inline:calc(var(--page-padding) * -1);padding-inline:var(--page-padding)}.brand-directory__az-wrap.is-pinned .brand-directory__az-scroll{padding-inline:var(--page-padding)}.brand-directory__az{justify-content:flex-start;gap:.2rem;min-width:max-content;padding-block:1rem .8rem;scroll-padding-inline:var(--page-padding)}.brand-directory__az-letter{font-size:1.3rem;min-width:1.5rem}.brand-directory__az-letter--compact{padding-inline:.4rem}.brand-directory .brand-directory__wrapper{--pd-y: 1.4rem;--pd-x: .8rem;min-height:9rem}.brand-directory{--brand-directory-logo-height: 3.6rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-brand-directory.css.map */