/* What the page shows before the dashboard has started. It is replaced when it has. */
.start,
.start-without {
  margin: 0;
  padding: 3rem 1.5rem;
  color: #5b6472;
  font:
    14px / 1.5 system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  text-align: center;
}
.start p {
  max-width: 32rem;
  margin: 0 auto;
}
/* Said only when the start takes long: a dashboard that starts is there within a second or two. */
.start p.start-late {
  margin-top: 0.75rem;
  color: #1f2937;
  opacity: 0;
  animation: start-late 0.3s ease-out 6s forwards;
}
@keyframes start-late {
  to {
    opacity: 1;
  }
}
