[data-account-link] [data-account-label] {
  display: inline-block;
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-account-link][data-account-state="loading"] {
  opacity: .72;
}

[data-account-link][data-account-state="signed-in"] [data-account-label]::before {
  content: '';
  display: inline-block;
  width: .48rem;
  height: .48rem;
  margin-right: .5rem;
  border-radius: 50%;
  background: #ff7a1a;
  box-shadow: 0 0 12px rgba(255, 122, 26, .66);
  vertical-align: .08rem;
}

[data-account-link][data-account-state="signed-in"] .navarrow,
[data-account-link][data-account-state="signed-in"] .arrow-icon {
  display: none;
}

@media (min-width: 1200px) and (min-height: 560px) and (min-aspect-ratio: 100/95) {
  [data-account-link][data-account-state="signed-in"] #login {
    max-width: min(12rem, calc(var(--u) * 170));
  }
}