:root {
  --sys-logo-h: 32px;
  --sys-logo-max-w: 168px;
}

.theme-logo--light {
  display: none !important;
}

.theme-logo--dark {
  display: block !important;
}

html[data-theme='light'] .theme-logo--dark {
  display: none !important;
}

html[data-theme='light'] .theme-logo--light {
  display: block !important;
}

.sidebar-brand-logo,
.auth-brand-logo {
  height: var(--sys-logo-h) !important;
  max-height: var(--sys-logo-h) !important;
  max-width: var(--sys-logo-max-w) !important;
  width: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.auth-brand-logo {
  margin: 0;
  display: block;
  object-position: center center;
}

@media (max-width: 768px) {
  :root {
    --sys-logo-h: 28px;
    --sys-logo-max-w: 140px;
  }
}