/* Transparent brand artwork, shared across public pages. */
html body header .top .logo,
html body .site-footer .footer-logo,
html body .foot-logo span,
html body.auth-page .auth-brand .logo {
  display: block;
  width: 112px;
  height: 42px;
  flex: 0 0 112px;
  background: transparent var(--site-logo-image) center / contain no-repeat;
  border: 0;
  border-radius: 4px;
  color: transparent;
  font-size: 0;
}
html body.auth-page .auth-brand .logo {
  width: 224px;
  height: 84px;
  box-shadow: none;
}
@media (max-width: 768px) {
  html body header .top .logo {
    width: 90px;
    height: 34px;
    flex-basis: 90px;
  }
}