.avatar.profile-avatar-button {
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #344159;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  flex: 0 0 32px;
  transition: border-color .16s, box-shadow .16s, transform .16s;
}
.avatar.profile-avatar-button:hover,
.avatar.profile-avatar-button:focus-visible {
  border-color: #8064ff;
  box-shadow: 0 0 0 3px #7658ff2f;
  outline: 0;
  transform: translateY(-1px);
}
.avatar.profile-avatar-button img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.account-session-card {
  grid-template-columns: 1fr auto;
  align-items: center;
}
.account-session-card .account-logout { align-self: center; }
.account-session-card #accountLogoutResult { grid-column: 1 / -1; }
@media (max-width: 620px) {
  .account-session-card { grid-template-columns: 1fr; }
  .account-session-card .account-logout { width: 100%; }
}