.brands-index,.brands-index *,.brands-index *:before,.brands-index *:after{box-sizing:border-box}.brands-index{color:rgb(var(--color-foreground))}.brands-index__heading{margin:0 0 12px}.brands-index__text{max-width:640px;margin:0 0 24px;color:var(--color-purple-600)}.brands-index__nav{margin:0 0 32px}.brands-index__letters{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.brands-index__letter{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;font-family:var(--font-family-golos);font-size:var(--font-size-body-14);font-weight:var(--font-weight-bold);line-height:var(--line-height-140);color:var(--color-dark-purple-100);text-decoration:none;background-color:var(--color-light-purple-200);border:1px solid var(--color-stroke);border-radius:var(--radius-full);transition:var(--transition-quick)}.brands-index__letter:hover{color:var(--color-white-100);background-color:var(--color-electric-purple-100);border-color:var(--color-electric-purple-100)}.brands-index__groups{display:flex;flex-direction:column;gap:28px}.brands-index__group{display:grid;grid-template-columns:1fr;gap:8px 24px;padding-top:20px;border-top:1px solid var(--color-stroke);scroll-margin-top:120px}.brands-index__group-letter{margin:0;color:var(--color-electric-purple-100)}.brands-index__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;padding:0}.brands-index__link{display:inline-block;padding:4px 0;font-size:var(--font-size-body-15);font-weight:var(--font-weight-semibold);line-height:var(--line-height-140);color:rgb(var(--color-foreground));text-decoration:none}.brands-index__link--highlighted{font-weight:var(--font-weight-extrabold)}.brands-index__link:hover{color:var(--color-electric-purple-100);text-decoration:underline;text-underline-offset:3px}.brands-index__empty{margin:0;color:var(--color-purple-600)}@media screen and (min-width:750px){.brands-index__group{grid-template-columns:80px minmax(0,1fr)}.brands-index__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:990px){.brands-index__nav{padding:8px 0;background-color:rgb(var(--color-background))}.brands-index__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-brands-index.css.map */