.brand-tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(9.5rem,100%),1fr));gap:.5rem;margin:0;padding:0;list-style:none}.brand-tiles-grid>li{display:contents}.brand-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;min-height:5.5rem;padding:.75rem .625rem;border-radius:var(--radius);background-color:var(--color-surface-sunken);color:var(--color-foreground);text-align:center;text-decoration:none;transition:background-color .15s ease,color .15s ease}.brand-tile:hover,.brand-tile:focus-visible{background-color:var(--color-selected);color:var(--color-on-selected)}.brand-tile:focus-visible{outline:none;box-shadow:var(--focus-ring)}.brand-tile__mark{display:block;width:100%;height:2.5rem}.brand-tile__image{width:100%;height:100%;object-fit:contain}.brand-tile__name{font-family:var(--font-display--family);font-weight:var(--font-display--weight);font-size:1.25rem;line-height:1;text-transform:uppercase}.brand-tile__count,.brand-tile__hint{font-size:var(--text-xs);line-height:1.2}.brand-tile__count{color:var(--color-foreground-muted)}.brand-tile:hover .brand-tile__count{color:inherit}.brand-tile__hint{font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-primary)}.brand-tile__hint[hidden]{display:none}.brand-tiles-grid--row{grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:48rem){.brand-tiles-grid--row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:80rem){.brand-tiles-grid--row{grid-template-columns:repeat(8,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/brand-tile.css.map */
