.brands-dir{--brands-card-border: rgba(0, 0, 0, .08);--brands-sticky-top: var(--header-height, 0px)}.brands-dir__search-wrap{max-width:420px;margin:0 auto 24px}.brands-dir__search{width:100%;padding:12px 18px;border:1px solid var(--brands-card-border);border-radius:999px;background:#fff;color:rgb(var(--text-color));font-size:1rem;-webkit-appearance:none;appearance:none}.brands-dir__search:focus{outline:none;border-color:rgb(var(--heading-color))}.brands-dir__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;position:sticky;top:var(--brands-sticky-top);z-index:3;background:rgb(var(--section-background));padding-top:8px;padding-bottom:8px}.brands-dir__pill{display:inline-block;padding:8px 16px;border:1px solid var(--brands-card-border);border-radius:999px;color:rgb(var(--text-color));text-decoration:none;font-size:.875rem;line-height:1.4;transition:border-color .15s ease-in-out,background .15s ease-in-out,color .15s ease-in-out}.brands-dir__pill:hover{border-color:rgb(var(--heading-color))}.brands-dir__pill.is-active{background:rgb(var(--heading-color));border-color:rgb(var(--heading-color));color:rgb(var(--section-background))}@media screen and (max-width:740px){.brands-dir__pills{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(-1 * var(--container-gutter, 20px));padding-inline:var(--container-gutter, 20px);padding-bottom:4px}.brands-dir__pills::-webkit-scrollbar{display:none}.brands-dir__pill{flex:none}}.brands-dir__letters{position:sticky;top:calc(var(--brands-sticky-top) + var(--brands-pills-h, 56px));z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:2px;padding:10px 0;margin-bottom:8px;background:rgb(var(--section-background))}.brands-dir__letters a{min-width:30px;padding:4px 6px;border-radius:6px;text-align:center;text-decoration:none;color:rgb(var(--text-color));font-weight:600;font-size:.875rem}.brands-dir__letters a:hover{background:#0000000f}.brands-dir__letters a.is-empty{opacity:.25;pointer-events:none}@media screen and (max-width:740px){.brands-dir__letters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--container-gutter, 20px));padding-inline:var(--container-gutter, 20px)}.brands-dir__letters::-webkit-scrollbar{display:none}}.brands-dir__group{scroll-margin-top:calc(var(--brands-sticky-top) + 64px);margin-bottom:32px}.brands-dir__group[hidden]{display:none!important}.brands-dir__letter{margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid var(--brands-card-border);font-size:1.25rem}.brands-dir__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none}.brands-dir__item{margin:0}.brands-dir__item[hidden]{display:none!important}.brands-dir__card{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;padding:14px 10px 12px;border:1px solid var(--brands-card-border);border-radius:var(--block-border-radius-reduced, 8px);background:#fff;text-decoration:none;color:rgb(var(--text-color));transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.brands-dir__card:hover{border-color:rgb(var(--heading-color));box-shadow:0 2px 10px #0000000f}.brands-dir__logo{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2 / 1;overflow:hidden}.brands-dir__logo img{max-width:85%;max-height:100%;width:auto;height:auto;object-fit:contain}.brands-dir__initial{font-size:2rem;font-weight:700;color:rgb(var(--heading-color));opacity:.35}.brands-dir__name{text-align:center;font-size:.8125rem;line-height:1.3}@media screen and (max-width:740px){.brands-dir__list{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px}.brands-dir__card{padding:10px 8px}}.brands-dir__empty{padding:40px 0;text-align:center;color:rgb(var(--text-color));opacity:.7}
/*# sourceMappingURL=/cdn/shop/t/107/assets/brands.css.map */