.brand { gap: 8px; }
.brand-mark { display: block; width: 32px; height: 32px; flex-shrink: 0; }
.brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-mark .brand-mark-dark { display: none; }
[data-theme="dark"] .brand-mark .brand-mark-light { display: none; }
[data-theme="dark"] .brand-mark .brand-mark-dark { display: block; }

@media (max-width: 600px) {
  .brand-mark { width: 30px; height: 30px; }
}