.abc-brand-index{color:var(--abc-text);padding-block:var(--abc-top) var(--abc-bottom)}.abc-brand-index__inner{margin-inline:auto;max-width:1200px;padding-inline:20px}.abc-brand-index__heading{color:var(--abc-accent);font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 .75rem}.abc-brand-index__introduction{margin-bottom:1.5rem}.abc-brand-index__nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2.5rem}.abc-brand-index__letter{align-items:center;background:var(--abc-button-bg);border:0;border-radius:6px;color:var(--abc-text);display:inline-flex;flex:0 0 40px;font-size:.95rem;font-weight:700;justify-content:center;min-height:40px;text-decoration:none;transition:background-color .16s ease,color .16s ease,transform .16s ease}.abc-brand-index__letter:hover,.abc-brand-index__letter:focus-visible,.abc-brand-index__letter--active{background:var(--abc-accent);color:#fff;transform:translateY(-1px)}.abc-brand-index__letter--disabled{cursor:default;opacity:.28}.abc-brand-index__group{border-top:1px solid color-mix(in srgb,var(--abc-text) 16%,transparent);padding-block:1.5rem}.abc-brand-index__group[hidden]{display:none}.abc-brand-index__brands{display:grid;gap:10px 32px;grid-template-columns:repeat(3,minmax(0,1fr))}.abc-brand-index__brands p{margin:0}.abc-brand-index__brands a{color:var(--abc-text);text-decoration-color:transparent;text-underline-offset:.2em}.abc-brand-index__brands a:hover,.abc-brand-index__brands a:focus-visible{color:var(--abc-accent);text-decoration-color:currentColor}@media screen and (max-width:749px){.abc-brand-index__inner{padding-inline:16px}.abc-brand-index__nav{flex-wrap:nowrap;margin-inline:-16px;overflow-x:auto;padding:4px 16px 12px;scrollbar-width:thin}.abc-brand-index__letter{flex-basis:38px;min-height:38px}.abc-brand-index__brands{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:430px){.abc-brand-index__brands{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.abc-brand-index__letter{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/66/compiled_assets/styles.css.map?subset=AQ */