/* ==========================================================================
   Empty state
   ========================================================================== */

/* An empty state is one sentence and one action, left-aligned where the content
   would be: no centred icon, no tall padding. The icon span stays in some markup
   and is not drawn. */
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
  padding: var(--space-3) 0;
  color: var(--color-text-secondary);
}

.empty-state__icon {
  display: none;
}