img.nappo-logo,
.shell-brand .nappo-logo,
.brand .nappo-logo,
.admin-nav-brand .nappo-logo,
.ar-home .nappo-logo,
.eg-brand .nappo-logo {
  display: block;
  width: 136px;
  max-width: 100%;
  height: auto;
  flex-shrink: 0;
  object-fit: contain;
}

img.nappo-logo--large {
  width: 192px;
}

img.nappo-logo--compact,
.ar-home .nappo-logo,
.eg-brand .nappo-logo {
  width: 104px;
}

img.nappo-logo--on-dark,
img.nappo-logo--login {
  padding: 0;
  border-radius: 0;
  background: transparent;
}

img.nappo-logo--login {
  box-sizing: border-box;
  width: 216px;
  margin: 0 auto 32px;
}

.nappo-footer-brand,
.nappo-brand-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.footer .nappo-logo,
.tm-attribution .nappo-logo {
  width: 64px;
}

.account-aside > .nappo-logo {
  margin-bottom: 24px;
}

@media (max-width: 760px) {
  .admin-navbar {
    flex-wrap: wrap;
    gap: 16px;
    padding: 14px 20px;
  }

  .admin-nav-brand,
  .admin-nav-actions {
    flex-wrap: wrap;
  }

  .admin-nav-actions {
    gap: 8px;
  }

  .shell-brand .nappo-logo,
  .brand .nappo-logo,
  .admin-nav-brand .nappo-logo {
    width: 112px;
  }

  .ar-home .nappo-logo,
  .eg-brand .nappo-logo {
    display: block;
    width: 88px;
    height: auto;
  }
}