.brand-index{display:block}.brand-index [hidden]{display:none!important}.brand-index__top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.6rem 3rem;margin-bottom:2.4rem}.brand-index__intro{min-width:0}.brand-index__title{margin:0}.brand-index__text{max-width:64rem;margin-top:1.2rem}.brand-index__text>:first-child{margin-top:0}.brand-index__text>:last-child{margin-bottom:0}.brand-index__list-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.4rem;margin:0 0 1.6rem}.brand-index__heading{margin:0}.brand-index__count{margin:0;font-size:1.4rem;color:rgba(var(--color-foreground),.65)}.brand-index__search{width:100%}.brand-index__field{position:relative}.brand-index__input{height:4.6rem;padding:0 1.4rem 0 4.4rem;border-radius:var(--button-radius, .6rem);font-size:1.6rem}.brand-index__input::-webkit-search-decoration{-webkit-appearance:none}.brand-index__search-icon{position:absolute;top:50%;left:1.4rem;width:1.8rem;height:1.8rem;transform:translateY(-50%);color:rgba(var(--color-foreground),.6);pointer-events:none}.brand-index__search-icon svg{display:block;width:100%;height:100%}.brand-index__logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 3.2rem;padding:0;list-style:none}.brand-index__logo{margin:0}.brand-index__logo-link{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 2;padding:1.4rem;background:rgb(var(--color-background));border:.1rem solid rgb(var(--color-border));border-radius:var(--button-radius, .6rem);transition:border-color var(--duration-default) ease,box-shadow var(--duration-default) ease}.brand-index__logo-link:hover,.brand-index__logo-link:focus-visible{border-color:rgb(var(--color-base-accent));box-shadow:0 0 0 .1rem rgb(var(--color-base-accent))}.brand-index__logo-img{width:100%;height:100%;object-fit:contain}.brand-index__letters{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 3.2rem}.brand-index__letter{display:inline-flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;padding:0 .8rem;border:.1rem solid rgb(var(--color-border));border-radius:var(--button-radius, .6rem);font-size:1.4rem;font-weight:600;line-height:1;color:rgb(var(--color-foreground));text-decoration:none;transition:background-color var(--duration-default) ease,color var(--duration-default) ease,border-color var(--duration-default) ease}a.brand-index__letter:hover,a.brand-index__letter:focus-visible{background-color:rgb(var(--color-base-accent));border-color:rgb(var(--color-base-accent));color:rgb(var(--color-background))}.brand-index__letter--empty{opacity:.3;pointer-events:none}.brand-index__groups{columns:2;column-gap:2.4rem}.brand-index__group{break-inside:avoid;margin:0 0 2.8rem;scroll-margin-top:10rem}.brand-index__group-title{margin:0 0 .8rem;padding-bottom:.6rem;border-bottom:.1rem solid rgb(var(--color-border));font-size:calc(var(--font-heading-scale) * 3.2rem);line-height:1}.brand-index__list{margin:0;padding:0;list-style:none}.brand-index__item{margin:0}.brand-index__link{display:inline-block;padding:.7rem 0;font-size:1.5rem;line-height:1.4;color:rgb(var(--color-foreground));text-decoration:none;overflow-wrap:anywhere}.brand-index__link:hover,.brand-index__link:focus-visible{color:rgb(var(--color-base-accent));text-decoration:underline;text-underline-offset:.3rem}.brand-index__empty{margin:0;font-size:1.5rem}.brand-index__clear{font-size:inherit;text-decoration:underline;text-underline-offset:.3rem}@media screen and (min-width:750px){.brand-index__search{width:34rem}.brand-index__input{font-size:1.4rem}.brand-index__letter{min-width:3.6rem;height:3.6rem}.brand-index__link{padding:.5rem 0}.brand-index__logos{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.6rem}.brand-index__groups{columns:3;column-gap:3rem}.brand-index__group{scroll-margin-top:12rem}}@media screen and (min-width:990px){.brand-index__logos{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.brand-index__groups{columns:var(--brand-index-columns, 5);column-gap:4rem}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-brand-index.css.map */
