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

.account-nav__header-icon {
  flex-shrink: 0;
}

.account-nav__header-icon svg {
  width: 2.5rem;
  fill: var(--color-primary);
}

.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);
}