.ap-brand-showcase{display:block}.ap-brand-showcase__grid{--ap-brand-gap: var(--ap-space-md, 16px);--ap-brand-target: calc(max( min(12rem, (100% - var(--ap-brand-gap)) / 2), (100% - (var(--ap-brand-columns, 4) - 1) * var(--ap-brand-gap)) / var(--ap-brand-columns, 4) ) - 1px) ;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--ap-brand-target),1fr));gap:var(--ap-brand-gap)}.ap-brand-card{display:flex;align-items:center;justify-content:center;padding:var(--ap-space-lg, 24px);min-height:8rem;background:var(--ap-surface, rgb(var(--color-background)));border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--ap-radius, 8px);transition:transform var(--ap-motion, .2s) var(--ap-ease, cubic-bezier(.2, .6, .2, 1)),border-color var(--ap-motion, .2s) var(--ap-ease, cubic-bezier(.2, .6, .2, 1)),box-shadow var(--ap-motion, .2s) var(--ap-ease, cubic-bezier(.2, .6, .2, 1))}.ap-brand-card img{max-width:100%;height:auto;filter:grayscale(1);opacity:.65;transition:filter var(--ap-motion, .2s) var(--ap-ease, ease),opacity var(--ap-motion, .2s) var(--ap-ease, ease)}.ap-brand-card__placeholder{font-size:1.6rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-align:center;line-height:1.2;color:rgba(var(--color-foreground),.72);transition:color var(--ap-motion, .2s) var(--ap-ease, ease)}@media(hover:hover){.ap-brand-card:hover .ap-brand-card__placeholder{color:var(--ap-accent, rgb(var(--color-button)))}}.ap-brand-card:focus-visible{outline:2px solid var(--ap-accent, rgb(var(--color-button)));outline-offset:2px}@media(hover:hover){.ap-brand-card:hover{transform:translateY(-3px);border-color:rgba(var(--color-foreground),.2);box-shadow:var(--ap-shadow-lg, 0 8px 24px rgba(0, 0, 0, .12))}.ap-brand-card:hover img{filter:grayscale(0);opacity:1}}@media(prefers-reduced-motion:reduce){.ap-brand-card,.ap-brand-card img{transition:none}.ap-brand-card:hover{transform:none}}@media screen and (min-width:750px){.ap-brand-showcase__grid{--ap-brand-gap: var(--ap-space-lg, 24px)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-brand-showcase.css.map */