.brands-index{--brands-columns: 6;--brands-mobile-columns: 2;--brands-column-gap: 2rem;--brands-row-gap: 4rem;--brands-logo-height: 6.25rem;--brands-heading-color: #101828;--brands-name-color: #101828}.brands-index__inner{display:flex;flex-direction:column;align-items:stretch;gap:2.5rem;width:100%}.brands-index__heading{margin:0;width:100%;color:var(--brands-heading-color);text-align:left}.brands-index__heading--center{text-align:center}.brands-index__heading--right{text-align:right}.brands-index__empty{margin:0;opacity:.6}.brands-index__grid{display:grid;grid-template-columns:repeat(var(--brands-mobile-columns),minmax(0,1fr));column-gap:var(--brands-column-gap);row-gap:var(--brands-row-gap);width:100%;margin:0;padding:0;list-style:none}.brands-index__item{display:flex;min-width:0}.brands-index__tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;width:100%;text-decoration:none;color:inherit}.brands-index__tile:hover .brands-index__logo{opacity:.75}.brands-index__tile:focus-visible{outline:2px solid var(--color-primary-900);outline-offset:4px}.brands-index__logo-frame{display:flex;align-items:center;justify-content:center;width:100%;height:var(--brands-logo-height)}.brands-index__logo{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transition:opacity var(--animation-speed, .2s) ease}.brands-index__tile--grayscale .brands-index__logo{mix-blend-mode:luminosity}.brands-index__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#1018280a;border-radius:.25rem}.brands-index__placeholder-svg{width:100%;height:100%;opacity:.35}.brands-index__name{color:var(--brands-name-color);font-size:.8125rem;font-weight:600;letter-spacing:.04em;line-height:1.3;text-align:center;text-transform:uppercase;text-wrap:balance}@media screen and (min-width:750px){.brands-index__grid{grid-template-columns:repeat(var(--brands-columns),minmax(0,1fr))}}@media screen and (max-width:749px){.brands-index{--brands-logo-height: 5rem}.brands-index__inner{gap:1.75rem}.brands-index__grid{row-gap:calc(var(--brands-row-gap) * .6)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/theme-c-brands-index.css.map */