.brand-wordmark {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  width: 3.875em;
  height: 1em;
  line-height: 1;
}
.brand-wordmark::after { content: none; }
.brand-wordmark > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-wordmark > .brand-logo-dark { display: none; }
body[data-theme="dark"] .brand-wordmark > .brand-logo-light { display: none; }
body[data-theme="dark"] .brand-wordmark > .brand-logo-dark { display: block; }