/* Horizontal brand lockup. Light artwork on light backgrounds, white artwork on dark. */

.logo {
  gap: 0;
}

.brand-logo {
  display: block;
  height: 40px;
  width: auto;
  max-width: min(250px, 58vw);
}

.site-header .brand-logo--dark {
  display: none;
}

[data-theme="dark"] .site-header .brand-logo--light {
  display: none;
}

[data-theme="dark"] .site-header .brand-logo--dark {
  display: block;
}

.footer-logo .brand-logo--light {
  display: none;
}

.footer-logo .brand-logo {
  height: 34px;
  max-width: 220px;
}

.dash-auth-logo .brand-logo {
  height: 36px;
  max-width: 240px;
}

@media (max-width: 480px) {
  .site-header .brand-logo {
    height: 32px;
    max-width: min(210px, 54vw);
  }
}