/* Blank slate: a page or section with nothing to show yet, said calmly in
   the middle — an icon tile, a title and a line of text, maybe one action */
.blank-slate {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  justify-content: center;
  margin-inline: auto;
  max-inline-size: var(--column-narrow);
  padding-block: var(--space-2xl);
  text-align: center;

  p {
    color: var(--color-muted);
  }
}

.blank-slate[data-size="page"] {
  min-block-size: 60dvh;
}