.brand-directory{scroll-behavior:smooth}.brand-directory__header{max-width:760px;margin-bottom:calc(10 * var(--space-unit))}.brand-directory__heading{margin:0 0 calc(4 * var(--space-unit))}.brand-directory__intro{font-size:1.1em}.brand-directory__featured{margin-bottom:calc(12 * var(--space-unit))}.brand-directory__featured h2{margin:0 0 calc(5 * var(--space-unit))}.brand-directory__featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-column-gap);margin:0;padding:0;list-style:none}.brand-directory__featured-card{display:flex;min-height:110px;align-items:center;justify-content:center;padding:calc(5 * var(--space-unit));overflow:hidden;border:1px solid rgb(var(--text-color) / .12);border-radius:var(--overlay-border-radius, 12px);background:rgba(var(--bg-color));color:rgb(var(--heading-color));font-family:var(--heading-font-family);font-size:var(--h5-font-size);font-weight:var(--heading-font-weight);text-align:center;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.brand-directory__featured-card img{width:auto;max-width:100%;height:64px;object-fit:contain}.brand-directory__tools{margin-bottom:calc(12 * var(--space-unit));border-top:1px solid rgb(var(--text-color) / .16);border-bottom:1px solid rgb(var(--text-color) / .16)}.brand-directory__alphabet{display:flex;gap:calc(2 * var(--space-unit));padding:calc(5 * var(--space-unit)) 0;overflow-x:auto;scrollbar-width:thin}.brand-directory__alphabet a,.brand-directory__alphabet span{display:inline-flex;width:34px;min-width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;color:rgb(var(--heading-color));font-family:var(--navigation-font-family);font-weight:var(--navigation-font-weight);line-height:1;text-decoration:none;transition:background-color .2s ease,color .2s ease}.brand-directory__alphabet a:hover,.brand-directory__alphabet a:focus-visible{background:rgb(var(--brand-directory-accent));color:#fff}.brand-directory__alphabet span,.brand-directory__alphabet a[aria-disabled]{opacity:.28;pointer-events:none}.brand-directory__search-row{display:flex;flex-direction:column;gap:calc(5 * var(--space-unit));padding:0 0 calc(6 * var(--space-unit))}.brand-directory__search{width:100%;max-width:520px}.brand-directory__search>label{display:block;margin-bottom:calc(2 * var(--space-unit));color:rgb(var(--heading-color));font-weight:700}.brand-directory__search-field{position:relative}.brand-directory__search-field>.icon{position:absolute;top:50%;left:18px;width:20px;transform:translateY(-50%);pointer-events:none}[dir=rtl] .brand-directory__search-field>.icon{right:18px;left:auto}.brand-directory__search input{width:100%;min-height:52px;padding-right:50px;padding-left:50px;border:var(--input-border-width) solid rgb(var(--text-color) / .25);border-radius:var(--input-lg-border-radius, var(--input-border-radius));background:rgb(var(--input-bg-color));color:rgb(var(--input-text-color));font:inherit}.brand-directory__search input:focus{border-color:rgb(var(--brand-directory-accent));outline:2px solid rgb(var(--brand-directory-accent) / .2);outline-offset:1px}.brand-directory__search-field button{position:absolute;top:50%;right:8px;width:38px;height:38px;padding:9px;transform:translateY(-50%);border:0;background:transparent;color:currentColor;cursor:pointer}[dir=rtl] .brand-directory__search-field button{right:auto;left:8px}.brand-directory__count{margin:0;white-space:nowrap}.brand-directory__groups{display:grid;gap:calc(14 * var(--space-unit))}.brand-directory__group{display:grid;grid-template-columns:64px minmax(0,1fr);scroll-margin-top:calc(var(--header-height, 120px) + 20px)}.brand-directory__group>h2{margin:0;color:rgb(var(--brand-directory-accent));font-size:var(--h3-font-size)}.brand-directory__list{display:grid;grid-template-columns:repeat(var(--brand-directory-columns-mobile),minmax(0,1fr));gap:calc(4 * var(--space-unit)) var(--grid-column-gap);margin:0;padding:calc(2 * var(--space-unit)) 0 calc(10 * var(--space-unit));border-bottom:1px solid rgb(var(--text-color) / .12);list-style:none}.brand-directory__item a{display:inline-flex;flex-direction:column;gap:var(--space-unit);color:rgb(var(--heading-color));font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);line-height:1.35;text-decoration:none;transition:color .2s ease,transform .2s ease}.brand-directory__description{color:rgb(var(--text-color) / .68);font-family:var(--body-font-family);font-size:.85em;font-weight:var(--body-font-weight)}.brand-directory__empty,.brand-directory__setup{padding:calc(10 * var(--space-unit));border-radius:var(--overlay-border-radius, 12px);background:rgb(var(--text-color) / .05);text-align:center}@media(hover:hover){.brand-directory__featured-card:hover{border-color:rgb(var(--brand-directory-accent));box-shadow:0 12px 30px rgb(var(--text-color) / .12);transform:translateY(-3px)}.brand-directory__item a:hover{color:rgb(var(--brand-directory-accent));transform:translate(3px)}[dir=rtl] .brand-directory__item a:hover{transform:translate(-3px)}}@media(min-width:600px){.brand-directory__featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-directory__search-row{flex-direction:row;align-items:flex-end;justify-content:space-between}.brand-directory__count{padding-bottom:14px}.brand-directory__group{grid-template-columns:90px minmax(0,1fr)}}@media(min-width:769px){.brand-directory__list{grid-template-columns:repeat(var(--brand-directory-columns),minmax(0,1fr))}}@media(min-width:1024px){.brand-directory__featured-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:599.98px){.brand-directory__header{margin-bottom:calc(8 * var(--space-unit))}.brand-directory__group{grid-template-columns:46px minmax(0,1fr)}.brand-directory__group>h2{font-size:var(--h4-font-size)}}@media(prefers-reduced-motion:reduce){.brand-directory,.brand-directory *{scroll-behavior:auto!important;transition-duration:.01ms!important}}.brand-directory__name{font-family:var(--body-font-family);font-style:var(--body-font-style, normal);font-weight:var(--body-font-weight)}
/*# sourceMappingURL=/cdn/shop/t/194/assets/brand-directory.css.map */