/* empty: der Zustand einer Liste, in der noch nichts steht. Ein Satz, was
   fehlt, ein Satz was passiert, wenn der erste Eintrag da ist. Die Aktion
   steht oben auf der Seite, nicht hier. */
.empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-6) 0;
}

.empty__title {
  font-size: var(--text-lg);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
}

.empty__text {
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
  color: var(--color-text-muted);
}