.brand-index-section{--brand-alphabet-offset: calc(var(--sticky-area-height, 0px) + var(--brand-alphabet-height, 3.5rem))}.brand-index__total{margin-block-start:.5rem;font-size:.875rem;opacity:.7}.brand-index__notice{padding:.75rem 1rem;border:1px dashed rgb(var(--text-color) / .4);font-size:.875rem}.brand-alphabet{display:block;padding-block:.75rem;background:rgb(var(--background));border-block-end:1px solid rgb(var(--text-color) / .12)}.brand-alphabet--sticky{position:sticky;inset-block-start:var(--sticky-area-height, 0px);z-index:2;transition:inset-block-start .2s ease}.brand-alphabet__list{display:flex;gap:.25rem;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.brand-alphabet__list::-webkit-scrollbar{display:none}.brand-alphabet__letter{display:grid;place-items:center;min-width:2.25rem;height:2.25rem;padding-inline:.5rem;border-radius:9999px;font-size:.875rem;font-weight:600;line-height:1;white-space:nowrap;color:rgb(var(--text-color));text-decoration:none;transition:background-color .2s ease,color .2s ease}a.brand-alphabet__letter:hover{background:rgb(var(--text-color) / .08)}.brand-alphabet__letter.is-active,a.brand-alphabet__letter.is-active:hover{background:rgb(var(--text-color));color:rgb(var(--background))}.brand-alphabet__letter.is-disabled{opacity:.3;cursor:default}.brand-alphabet__letter:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}@media screen and (min-width:1000px){.brand-alphabet__list{flex-wrap:wrap;justify-content:center;overflow-x:visible}}.brand-index{scroll-margin-block-start:var(--brand-alphabet-offset)}.brand-index__group{display:grid;gap:1rem;padding-block:1.5rem;scroll-margin-block-start:calc(var(--brand-alphabet-offset) + 1rem)}.brand-index__group+.brand-index__group{border-block-start:1px solid rgb(var(--text-color) / .12)}.brand-index.is-filtered .brand-index__group{border-block-start:0}.brand-index__group[hidden]{display:none}.brand-index__letter{margin:0;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:1.75rem;line-height:1}.brand-index__grid{display:grid;grid-template-columns:repeat(var(--brands-per-row-mobile, 2),minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}@media screen and (min-width:700px){.brand-index__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}@media screen and (min-width:1000px){.brand-index__group{grid-template-columns:5rem minmax(0,1fr);gap:1.5rem;padding-block:2rem}.brand-index__letter{position:sticky;inset-block-start:calc(var(--brand-alphabet-offset) + 1rem);align-self:start;font-size:2.5rem}.brand-index__grid{grid-template-columns:repeat(var(--brands-per-row-desktop, 6),minmax(0,1fr))}}.brand-card{display:flex;flex-direction:column;gap:.625rem;height:100%;color:rgb(var(--text-color));text-decoration:none}.brand-card__media{position:relative;display:grid;place-items:center;aspect-ratio:3 / 2;padding:.75rem;background:var(--brand-tile-background, #ffffff);border:1px solid rgb(var(--text-color) / .08);border-radius:.375rem;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.brand-card__logo{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:76%;height:64%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s ease,filter .2s ease,opacity .2s ease}.brand-card__wordmark{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:1rem;letter-spacing:.06em;text-transform:uppercase;text-align:center;line-height:1.2;overflow-wrap:anywhere}.brand-card__info{display:grid;gap:.125rem;text-align:center}.brand-card__title{font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}.brand-card__count{font-size:.75rem;opacity:.6}@media(hover:hover){.brand-card:hover .brand-card__media{border-color:rgb(var(--text-color) / .25);box-shadow:0 6px 20px rgb(var(--text-color) / .08)}.brand-card:hover .brand-card__logo{transform:scale(1.04)}}.brand-card:focus-visible{outline:none}.brand-card:focus-visible .brand-card__media{outline:2px solid rgb(var(--text-color));outline-offset:2px}.brand-index--grayscale .brand-card__logo{filter:grayscale(1);opacity:.75}.brand-index--grayscale .brand-card:hover .brand-card__logo,.brand-index--grayscale .brand-card:focus-visible .brand-card__logo{filter:grayscale(0);opacity:1}@media(prefers-reduced-motion:reduce){.brand-card__logo,.brand-card__media,.brand-alphabet--sticky{transition:none}.brand-card:hover .brand-card__logo{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map?subset=AAAAIA */