.header-login {
  display: inline-flex;
}

.header-login__link {
  text-decoration: none;
}

.header-login__icon {
  color: var(--color-background-14, #12161f);
}

.header-login__icon--user.hidden,
.header-login__icon--guest.hidden {
  display: none;
}

.header-login[data-auth-state='user'] .header-login__link {
  padding-inline: 1rem;
}

.header-login[data-auth-state='user'] .header-login__icon-wrap::after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  background-color: var(--color-opai-purple, #8d59ff);
  border: 1px solid var(--color-background-7, #f8f9fa);
}