.app-nav .app-account-link,
.app-nav .app-admin-link {
  color: var(--muted);
  font-size: 11px;
  white-space: nowrap;
}

.app-nav .app-account-link:hover,
.app-nav .app-account-link.is-signed-in {
  color: var(--ink);
}

.app-nav .app-account-link {
  display: inline-flex;
  align-items: center;
  border: 1px solid #cbdacb;
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.48);
}

.app-nav .app-admin-link {
  color: #9aa79d;
  font-size: 10px;
}

.app-nav .account-session {
  color: #6d9277;
  font-size: 10px;
  white-space: nowrap;
}

.app-nav .app-admin-link {
  display: none;
}

.app-nav .app-admin-link[data-role-visible="true"] {
  display: inline-flex;
}

@media (max-width: 700px) {
  .app-nav .app-admin-link,
  .app-nav .account-session {
    display: none;
  }

  .app-nav .app-account-link {
    font-size: 10px;
  }
}