.brand-grid{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.brand-grid__heading{margin:0 0 2.4rem;text-transform:uppercase;font-family:var(--font-heading-family);letter-spacing:-.01em}.brand-grid__heading--center{text-align:center}.brand-grid__heading--left{text-align:left}@media(min-width:750px){.brand-grid__heading{margin-bottom:4rem}}.brand-grid__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--tile-gap, 16px);justify-content:center}.brand-grid__item{flex:0 0 calc((100% - (var(--tile-gap) * (var(--cols-mobile) - 1))) / var(--cols-mobile));min-width:0}@media(min-width:750px){.brand-grid__item{flex-basis:calc((100% - (var(--tile-gap) * (var(--cols-desktop) - 1))) / var(--cols-desktop))}}.brand-grid__tile{display:flex;align-items:center;justify-content:center;gap:1.2rem;width:100%;height:100%;aspect-ratio:var(--tile-aspect, 5 / 2);background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.brand-grid__tile--link:hover,.brand-grid__tile--link:focus-visible{transform:translateY(-.2rem)}.brand-grid__logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;max-width:100%;max-height:70%}.brand-grid__logo img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block}.brand-grid__name{font-size:1.2rem;font-weight:600;line-height:1.15;letter-spacing:.02em;text-transform:uppercase;text-align:left;flex:1;min-width:0}@media(min-width:750px){.brand-grid__name{font-size:1.4rem}}@media(min-width:990px){.brand-grid__name{font-size:1.5rem}}.brand-grid__empty{text-align:center;padding:4rem 2rem;border:.1rem dashed rgb(var(--color-foreground) / .2);border-radius:1.2rem;color:rgb(var(--color-foreground) / .7)}@media(prefers-reduced-motion:reduce){.brand-grid__tile{transition:none}.brand-grid__tile--link:hover,.brand-grid__tile--link:focus-visible{transform:none}}.brand-grid__logo img{width:var(--logo-width-mobile);height:auto;object-fit:contain}@media screen and (min-width:750px){.brand-grid__logo img{width:var(--logo-width-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-brand-grid.css.map */