@media (min-width: 1181px) {
  .top-actions .account-button {
    width: 190px;
    min-width: 190px;
    max-width: 190px;
  }

  .top-actions .account-button > [data-account-name] {
    display: block;
    flex: 1;
    min-width: 0;
    text-align: left;
  }
}

.live-now-indicator {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 11px;
  border: 1px solid #e62b54;
  border-radius: 999px;
  background: #2a0d16;
  color: #ff6686;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: .04em;
  white-space: nowrap;
}
.live-now-indicator { width: 89.55px; min-width: 89.55px; justify-content: center; }
.live-now-indicator[hidden] { display: inline-flex; visibility: hidden; pointer-events: none; }
.note-count[hidden] { display: none; }
.top-actions .make { width: 97.64px; min-width: 97.64px; justify-content: center; }
@media (min-width: 1181px) {
  .top-actions { width: 543.19px; min-width: 543.19px; }
}
.live-now-indicator > span { font-size: 12px; animation: ae-live-pulse 1.5s ease-in-out infinite; }
@keyframes ae-live-pulse { 50% { opacity: .35; } }
.nav .note-nav { color: var(--text); }
.nav .note-nav > .icon { color: currentColor; }
.nav .note-nav.has-unread { color: #ff315f; }
.note-count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin-left: auto; padding: 0 6px; border-radius: 999px; background: #e6234f; color: #fff; font-size: 10px; line-height: 1; }
@media (max-width: 560px) {
  .live-now-indicator { width: 38px; min-width: 38px; justify-content: center; padding: 0; }
  .live-now-indicator b { display: none; }
}