.atlas-brand { display: inline-flex; flex: none; width: 144px; height: 32px; vertical-align: middle; }
.atlas-brand img { display: block; width: 100%; height: 100%; max-width: none; }
.atlas-brand .atlas-brand-dark { display: none; }
html[data-theme='dark'] .atlas-brand .atlas-brand-light { display: none; }
html[data-theme='dark'] .atlas-brand .atlas-brand-dark { display: block; }
@media (forced-colors: active) {
  .atlas-brand { background: CanvasText; mask: url('/brand/atlasrepo-logo-ink.svg') center / contain no-repeat; forced-color-adjust: none; }
  .atlas-brand img { visibility: hidden; }
}