.mz-brandgrid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));display:grid}.mz-brandcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);display:grid;overflow:hidden}.mz-brandcard[data-suspended]{opacity:.75}.mz-brandcard__banner{background:var(--b-bg,var(--surface-2));block-size:5.5rem;padding-inline:var(--space-5);border-block-end:4px solid var(--b-primary,var(--steel-300));align-items:center;display:flex;position:relative}.mz-brandcard__logo{object-fit:contain;border-radius:var(--radius-control);background:#ffffffb3;block-size:56px;inline-size:56px}.mz-brandcard__mono{background:var(--b-primary,var(--steel-500));block-size:56px;inline-size:56px;color:var(--b-on-primary,#fff);font-size:var(--fs-2xl);font-weight:var(--fw-heavy);border-radius:50%;place-items:center;display:grid}.mz-brandcard__swatches{gap:4px;display:flex;position:absolute;inset-block-end:var(--space-3);inset-inline-end:var(--space-4)}.mz-brandcard__swatches i{border:1px solid #00000026;border-radius:50%;block-size:14px;inline-size:14px}.mz-brandcard__body{gap:var(--space-2);padding:var(--space-4) var(--space-5) var(--space-5);display:grid}.mz-brandcard__body h3{font-size:var(--fs-lg);gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.mz-subline{gap:var(--space-3);font-size:var(--fs-xl);flex-wrap:wrap;align-items:center;display:flex}.mz-a-card[data-late]{border-color:color-mix(in oklab, var(--danger) 45%, var(--border));border-inline-start:4px solid var(--pomegranate)}.mz-result{gap:var(--space-4);max-inline-size:32rem;padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);border-inline-start:6px solid var(--border-strong);justify-items:start;display:grid}.mz-result svg{block-size:48px;inline-size:48px}.mz-result[data-state=ok]{border-inline-start-color:var(--pistachio)}.mz-result[data-state=ok] svg{color:var(--pistachio)}.mz-result[data-state=bad]{border-inline-start-color:var(--pomegranate)}.mz-result[data-state=bad] svg{color:var(--pomegranate)}.mz-result[data-state=wait] svg{color:var(--saffron-edge)}.mz-result h2{font-size:var(--fs-2xl)}
