.brand-directory{padding-top:var(--brand-directory-padding-top);padding-bottom:var(--brand-directory-padding-bottom);color:var(--color-scheme-text-color, var(--text-color));background:var(--color-scheme-background-color, var(--body-color))}.brand-directory__intro{max-width:760px;margin:0 auto;text-align:center}.brand-directory__eyebrow{margin:0 0 10px;font-family:var(--label-font-stack);font-size:12px;letter-spacing:var(--label-spacing);text-transform:uppercase}.brand-directory__heading{margin:0;font-size:clamp(32px,3.5vw,52px);line-height:1.08}.brand-directory__description{margin-top:14px}.brand-directory__description p:last-child{margin-bottom:0}.brand-directory__tools{max-width:760px;margin:34px auto 28px}.brand-directory__search{position:relative;display:flex;align-items:center;min-height:58px;color:inherit;background:var(--color-primary-background, var(--body-color));border:1px solid var(--color-scheme-border-color, var(--text-color-transparent25));transition:border-color .2s ease,box-shadow .2s ease}.brand-directory__search:focus-within{border-color:currentColor;box-shadow:0 0 0 1px currentColor}.brand-directory__search-icon{position:absolute;top:50%;left:18px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin:0;pointer-events:none;transform:translateY(-50%)}.brand-directory__search-input{width:100%;min-width:0;min-height:56px;padding-block:12px!important;padding-inline:52px!important;color:inherit;background:transparent;border:0;outline:0;box-shadow:none}.brand-directory__search-input::-webkit-search-cancel-button{display:none}.brand-directory__search-input::placeholder{color:currentColor;opacity:.62}.brand-directory__clear{position:absolute;right:6px;top:50%;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:inherit;transform:translateY(-50%)}.brand-directory__clear[hidden]{display:none}.brand-directory__status{margin:12px 0 0;font-size:.9em;text-align:center;opacity:.72}.brand-directory__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-directory__card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:14px 16px;color:inherit;background:var(--color-primary-background, var(--body-color));border:1px solid var(--color-scheme-border-color, var(--text-color-transparent25));text-decoration:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}.brand-directory__card[hidden]{display:none}.brand-directory__card-title{color:inherit;line-height:1.25}.brand-directory__card-arrow{display:inline-flex;flex:0 0 auto;color:inherit;transition:transform .2s ease}.brand-directory__card-arrow svg{color:inherit}@media(hover:hover){.brand-directory__card:hover{color:var(--color-scheme-background-color, var(--body-color))!important;background:var(--color-scheme-text-color, var(--text-color));border-color:var(--color-scheme-text-color, var(--text-color));transform:translateY(-2px)}.brand-directory__card:hover .brand-directory__card-title,.brand-directory__card:hover .brand-directory__card-arrow,.brand-directory__card:hover .brand-directory__card-arrow svg{color:inherit!important}.brand-directory__card:hover .brand-directory__card-arrow{transform:translate(4px)}}.brand-directory__card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.brand-directory__empty{max-width:620px;margin:40px auto 0;padding:36px 24px;text-align:center;background:var(--color-primary-background, var(--body-color));border:1px solid var(--color-scheme-border-color, var(--text-color-transparent25))}.brand-directory__empty[hidden]{display:none}.brand-directory__empty h3,.brand-directory__empty p{margin-top:0}.brand-directory__empty p{margin-bottom:20px}@media screen and (min-width:810px){.brand-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media screen and (min-width:1025px){.brand-directory__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-directory__card{padding:16px 18px}}@media screen and (min-width:1440px){.brand-directory__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media screen and (max-width:480px){.brand-directory__grid{grid-template-columns:1fr}.brand-directory__tools{margin-top:26px;margin-bottom:22px}}@media(prefers-reduced-motion:reduce){.brand-directory__card,.brand-directory__card-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-brand-directory.css.map */