.m2-brand-img { width:100%; height:100%; object-fit:contain; display:block; }
  .m2-brand-light { display:none; }
  html[data-theme="light"] .m2-brand-dark  { display:none; }
  html[data-theme="light"] .m2-brand-light { display:block; }
  .logo-mark:has(.m2-brand-img),
  .nav-logo-mark:has(.m2-brand-img),
  .sidebar-logo-mark:has(.m2-brand-img),
  .side-logo .mk:has(.m2-brand-img),
  .brand-logo:has(.m2-brand-img) { background:transparent !important; box-shadow:none !important; }
  /* hide the animated bars when a real logo image is shown */
  .sidebar-logo-mark:has(.m2-brand-img)::before,
  .sidebar-logo-mark:has(.m2-brand-img)::after { display:none !important; }