/* Canonical identity shared by the portal and /marca/. SVGs own logo colors and proportions. */
.brand-mark { display: inline-block; flex: 0 0 auto; width: 1.5em; height: 1.5em; line-height: 1; }
.brand-mark img { width: 100%; height: 100%; }
.brand-art-light { display: block; }
.brand-art-dark { display: none; }
:root[data-theme="dark"] .brand-art-light { display: none; }
:root[data-theme="dark"] .brand-art-dark { display: block; }
.brand-logo-art { display: block; width: 90px; }
.brand-logo-art img { width: 100%; height: auto; }
.brand-signature-art { width: 100%; }
.brand-signature-art img { display: block; width: 100%; height: auto; }

/* Compact application signatures retain the masters’ colors and proportions. */
.mley-search-brand { display: inline-flex; flex: 0 0 auto; align-items: center; }
.mley-search-brand .brand-mark { width: 28px; height: 28px; }
.mley-account-brand { display: inline-flex; align-items: center; }
.mley-account-brand .brand-logo-art { width: 100px; }