.status-stack {
  grid-column: 2;
  display: grid;
  gap: 2px;
  justify-self: center;
  justify-items: center;
}

.topbar > .support-button {
  justify-self: end;
}

.connection-state {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.connection-state[data-state="offline"] {
  color: var(--danger);
}

@media (max-width: 720px) {
  .topbar .status-stack {
    grid-column: 1 / -1;
    justify-self: center;
  }
}
