.brand-grid{color:rgb(var(--color-foreground))}.brand-grid__header{margin-block-end:2rem;text-align:center}.brand-grid__heading{margin:0 0 .5rem}.brand-grid__intro{max-width:60ch;margin:0 auto;opacity:.8}.brand-grid__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--bg-cols-mobile),minmax(0,1fr));gap:var(--bg-gap)}@media(min-width:750px){.brand-grid__list{grid-template-columns:repeat(var(--bg-cols-tablet),minmax(0,1fr))}}@media(min-width:990px){.brand-grid__list{grid-template-columns:repeat(var(--bg-cols-desktop),minmax(0,1fr))}}.brand-grid__item{margin:0;padding:0}.brand-grid__link{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:inherit;height:100%}.brand-grid__tile{width:100%;aspect-ratio:var(--tile-aspect, 1 / 1);display:flex;align-items:center;justify-content:center;padding:var(--bg-tile-padding);background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--bg-tile-radius);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.brand-grid__link:hover .brand-grid__tile,.brand-grid__link:focus-visible .brand-grid__tile{transform:translateY(-2px);border-color:rgba(var(--color-foreground),.18);box-shadow:0 8px 24px rgba(var(--color-foreground),.08)}.brand-grid__link--static{cursor:default}.brand-grid__link--static:hover .brand-grid__tile{transform:none;box-shadow:none;border-color:rgba(var(--color-foreground),.08)}.brand-grid__logo{width:100%;height:100%;object-fit:contain;transform:scale(calc(var(--logo-scale, 100) / 100));transition:transform .2s ease;mix-blend-mode:multiply}.brand-grid__placeholder{font-weight:600;font-size:.95rem;text-align:center;opacity:.6}.brand-grid__name{font-size:.875rem;text-align:center;line-height:1.2;opacity:.85}.brand-grid__empty{padding:3rem 1rem;text-align:center;opacity:.7}@media(prefers-reduced-motion:reduce){.brand-grid__tile,.brand-grid__logo{transition:none}.brand-grid__link:hover .brand-grid__tile,.brand-grid__link:focus-visible .brand-grid__tile{transform:none}}.brand-grid__link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px;border-radius:var(--bg-tile-radius)}
/*# sourceMappingURL=/cdn/shop/t/38/compiled_assets/styles.css.map */