:host {
  background-color: var(--tds-header-avatar-item-background);
  display: flex;
  height: 84px;
}
:host .user-box {
  gap: 16px;
  width: 100%;
  padding: 0 16px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--tds-nav-dropdown-item-border-color);
}
:host img,
:host slot[name=thumbnail]::slotted(*) {
  width: 34px;
  border-radius: 100%;
}
:host .user-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
:host .user-content .header {
  font: var(--tds-headline-07);
  letter-spacing: var(--tds-headline-07-ls);
}
:host .user-content .subheader {
  font: var(--tds-headline-07);
  letter-spacing: var(--tds-headline-07-ls);
  color: var(--tds-header-avatar-item-color);
}