/* Approved SVG artwork owns its colors, lettering and rounded tile. */
.brand-login-icon {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  object-fit: contain;
  flex-shrink: 0;
}

.sidebar-logo .brand-sidebar-logo {
  display: block;
  width: 156px;
  max-width: calc(100% - 44px);
  height: auto;
  min-width: 0;
  flex: 0 1 156px;
  object-fit: contain;
}

/* Match lettering to the theme; both variants have transparent backgrounds. */
.sidebar-logo .brand-sidebar-logo-light,
:root[data-theme="light"] .sidebar-logo .brand-sidebar-logo-dark {
  display: none;
}

:root[data-theme="light"] .sidebar-logo .brand-sidebar-logo-light {
  display: block;
}