/* White EPS converted to an alpha mask so the mark can be recolored. */
.brand-logo {
  display: inline-block;
  width: 42px;
  height: 40px;
  flex: 0 0 auto;
  background-color: #ffffff;
  -webkit-mask: url("/static/brand/imvision-logo.png") center / contain no-repeat;
  mask: url("/static/brand/imvision-logo.png") center / contain no-repeat;
}

:root[data-theme="light"] .brand-logo {
  background-color: #1a1a1a;
}

/* Navbar and other dark headers stay dark in both themes. */
:root[data-theme="light"] .navbar .brand-logo,
:root[data-theme="light"] .brand-logo--on-dark,
.navbar .brand-logo,
.brand-logo--on-dark {
  background-color: #ffffff;
}

.brand-logo--lg {
  width: 96px;
  height: 90px;
}