.brand-index{--brand-index-columns: 2;--brand-index-letter-nav-height: 0px;--brand-index-letter-nav-scroll-gap: 1rem;--brand-index-letter-nav-offset: calc(var(--sticky-area-height, 0px) + var(--brand-index-letter-nav-height) + var(--brand-index-letter-nav-scroll-gap))}.brand-index__header{display:grid;gap:1.25rem}.brand-index__search{max-width:44rem;width:100%;margin:0 auto}.brand-index__search-form{border:none;border-block-end:1px solid rgb(var(--text-color) / .3);border-radius:0;padding:.65rem 0;column-gap:.75rem;transition:border-color .2s}.brand-index__search-form:focus-within{border-block-end-color:rgb(var(--text-color))}.brand-index__search-form .icon{flex-shrink:0;opacity:.65}.brand-index__search-input{width:100%;padding:0}.brand-index__search-input::-webkit-search-cancel-button{display:none}.brand-index__letter-nav-wrap{padding-inline:var(--container-gutter, 1rem)}.brand-index__letter-nav-wrap--sticky{position:sticky;top:var(--sticky-area-height, 0px);z-index:2;background:rgb(var(--background));border-block-end:1px solid rgb(var(--text-color) / .08)}.brand-index__letter-nav{display:flex;flex-wrap:nowrap;align-items:center;gap:.75rem 1.5rem;padding-block:1rem}.brand-index__letter-link{flex-shrink:0;white-space:nowrap}.brand-index__letter-link--inactive{opacity:.35;pointer-events:none}.brand-index__groups{display:grid;gap:4.5rem}.brand-index__group{scroll-margin-block-start:var(--brand-index-letter-nav-offset)}.brand-index__group[hidden]{display:none!important}.brand-index__letter{margin-block-end:2.5rem;border-bottom:1px solid rgb(var(--text-color) / .08);font-style:italic;padding-bottom:.25rem}.brand-index__list{column-count:var(--brand-index-columns);column-gap:2rem;list-style:none;margin:0;padding:0}.brand-index__item{break-inside:avoid;margin-block-end:2rem}.brand-index__item[hidden]{display:none!important}.brand-index__link{display:inline-block}.brand-index__empty{margin:0}@media screen and (max-width:699px){.brand-index:has(.brand-index__letter-nav-wrap--sticky){--brand-index-letter-nav-scroll-gap: 1.5rem}}@media screen and (min-width:700px){.brand-index{--brand-index-columns: 3}.brand-index__letter-nav{justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.25rem;padding-block:1.25rem;padding-left:0;padding-right:0}}@media screen and (min-width:1000px){.brand-index{--brand-index-columns: 4}li.brand-index__item:first-of-type{padding-left:0}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/component-brand-index.css.map */