.brands-index{display:block;--brands-index-logo-block: 3.2rem;--brands-index-logo-inline: 10rem}.brands-index [hidden]{display:none}@media screen and (max-width:749px){.brands-index__nav{margin-inline:-1.2rem}}.brands-index__nav-list{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.brands-index__nav-item{flex-shrink:0}.brands-index__nav-button{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.6rem 1.8rem;border:0;background-color:transparent;font-family:inherit;font-size:1.5rem;font-weight:400;line-height:1.2;color:rgb(var(--color-foreground));text-align:start;white-space:nowrap;cursor:pointer}.brands-index__nav-button[aria-current]{padding-inline:2rem;background-color:#70cbff;font-weight:500}.brands-index:not([data-enhanced]) .brands-index__nav-button{cursor:default}.brands-index__nav-button .icon-chevron-right{display:none;inline-size:1.8rem;block-size:1.8rem;flex-shrink:0}.brands-index__pane{padding-block:2.6rem 3.4rem}.brands-index__empty{margin:0;font-size:1.5rem;color:rgb(var(--color-foreground))}.brands-index__empty:not(:empty){margin-block-end:2.4rem}.brands-index__popular-heading{margin-block:0 2.4rem;font-size:2.8rem;font-weight:500;line-height:1.2}.brands-index__wall{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;row-gap:2.8rem;column-gap:1.2rem}.brands-index__wall-item{min-inline-size:0}.brands-index__wall-link{display:flex;align-items:center;justify-content:center;min-block-size:var(--brands-index-logo-block);text-decoration:none;opacity:.92;transition:opacity var(--duration-short) ease}.brands-index__logo{display:block;block-size:var(--brands-index-logo-block);inline-size:auto;max-inline-size:var(--brands-index-logo-inline);object-fit:contain}.brands-index__wall-name{max-inline-size:var(--brands-index-logo-inline);font-size:1.4rem;font-weight:500;line-height:1.2;color:rgb(var(--color-foreground));text-align:center;overflow-wrap:break-word}.brands-index__alphabet-heading{margin-block:4rem 1.6rem;font-size:2rem;font-weight:500;line-height:1.2}.brands-index__tiles{display:flex;flex-wrap:wrap;gap:1.2rem;margin-block-end:4rem}.brands-index__tile{position:relative;display:flex;align-items:center;justify-content:center;inline-size:4rem;block-size:4rem;box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground));font-size:1.6rem;font-weight:400;line-height:1;color:rgb(var(--color-foreground));text-decoration:none;transition:background-color var(--duration-short) ease}.brands-index__tile:after{content:"";position:absolute;top:-.2rem;right:-.2rem;bottom:-.2rem;left:-.2rem}.brands-index__tile--numeric{inline-size:5rem}.brands-index__tile[aria-current]{background-color:#70cbff}.brands-index__tile[aria-disabled]{opacity:.4}.brands-index__letter{padding-block:.8rem 2.2rem;margin-block-end:2.2rem;border-block-end:.1rem solid rgb(var(--color-foreground));scroll-margin-block-start:calc(var(--header-height, 0px) + 1rem)}.brands-index__letter-heading{margin-block:0 1.8rem;font-size:2.4rem;font-weight:500;line-height:1.2}.brands-index__brands{display:grid;grid-template-columns:repeat(2,1fr);row-gap:1.5rem;column-gap:1.8rem}.brands-index__brand{min-inline-size:0}.brands-index__brand-link{font-size:1.5rem;color:rgb(var(--color-foreground));text-decoration:none;overflow-wrap:break-word;transition:opacity var(--duration-short) ease}@media screen and (min-width:990px){.brands-index{--brands-index-logo-block: 4.4rem;--brands-index-logo-inline: 16rem}.brands-index__layout{display:flex;align-items:stretch}.brands-index__nav{flex:0 0 29rem;min-inline-size:0;border-inline-end:.1rem solid rgb(var(--color-foreground))}.brands-index__nav-list{display:block;overflow-x:visible}.brands-index__nav-item{border-block-end:.1rem solid rgb(var(--color-foreground))}.brands-index__nav-button{inline-size:100%;block-size:6rem;padding:0 2rem;font-size:1.7rem;white-space:normal}.brands-index__nav-button .icon-chevron-right{display:block}.brands-index__pane{flex:1 1 0;min-inline-size:0;padding-block:2.4rem 6rem;padding-inline-start:4.4rem}.brands-index__popular-heading{margin-block-end:3.6rem;font-size:4rem}.brands-index__wall{grid-template-columns:repeat(4,1fr);row-gap:4.8rem;column-gap:3rem}.brands-index__alphabet-heading{margin-block:6rem 2rem;font-size:2.4rem}.brands-index__tiles{margin-block-end:6rem}.brands-index__tile{inline-size:4.4rem;block-size:4.4rem}.brands-index__tile--numeric{inline-size:5.4rem}.brands-index__letters{display:grid;grid-template-columns:repeat(2,1fr);column-gap:6.4rem}.brands-index__letter{padding-block:1.4rem 2.6rem;margin-block-end:0}.brands-index__letter-heading{margin-block-end:2.2rem;font-size:3rem}.brands-index__brands{row-gap:1.6rem;column-gap:2.4rem}.brands-index__brand-link{font-size:1.6rem}}@media(hover:hover){.brands-index__wall-link:hover{opacity:1}.brands-index__brand-link:hover{opacity:.55}.brands-index__tile[href]:not([aria-current]):hover{background-color:#f2f3f4}}@media(hover:hover)and (min-width:990px){.brands-index__nav-button:not([aria-current]):hover{background-color:#f2f3f4}}@media(prefers-reduced-motion:reduce){.brands-index__wall-link,.brands-index__brand-link,.brands-index__tile{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-brands-index.css.map */