/* DecaVault identity additions. */
.app-nav .brand {
  align-items: center;
  display: flex;
  gap: 0.7rem;
}

.app-nav .brand > img {
  display: block;
  flex: 0 0 auto;
  height: 2.7rem;
  object-fit: contain;
  width: 2.7rem;
}

.app-nav .brand > span {
  display: grid;
  gap: 0.12rem;
}

.auth-logo {
  display: block;
  height: auto;
  margin: 0 auto 1.15rem;
  max-width: 100%;
  width: min(20rem, 100%);
}

@media (max-width: 720px) {
  .app-nav .brand > img {
    height: 2.3rem;
    width: 2.3rem;
  }
}