.account-nav__header {
  display: flex;
  align-items: center;
  gap: var(--space-gap);
}

.account-nav__header-icon {
  flex-shrink: 0;
  mask: url("/assets/profile-6aac9dae.svg");
  mask-size: contain;
  background-color: var(--color-primary);
  width: 2.5rem;
  height: 2.5rem;
}

.account-nav__header-name-actions {
  display: flex;
  flex-direction: column;
  width: calc(100% - 2.5rem - var(--space-s));
}

.account-nav__header-name {
  font-size: var(--font-size-m);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.account-nav__header-actions {
  list-style: none;
  display: flex;
}

.account-nav__header-action-item {
  font-size: var(--font-size-s);
  display: flex;
}

.account-nav__header-action-item ~ .account-nav__header-action-item:before {
  content: "•";
  padding-inline: var(--space-xs);
}