.no-connection-message {
  position: fixed;
  width: 100vw;
  height: calc(100% - 41px);
  border: 1px solid var(--color-border-quaternary);
  border-top: none;
  top: 40px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--space-800, 32px);
  text-align: center;
}
.no-connection-message h1 {
  color: var(--color-text-pure);
  font-family: var(--font-family-brand);
  font-size: var(--font-size-600);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-800);
  margin: 0 0 8px;
}
.no-connection-message p {
  color: var(--color-text-primary);
  font-family: var(--font-family-brand);
  font-size: var(--font-size-400);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-600);
  margin: 0;
}