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

.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--space-3);
  padding: var(--space-16) var(--space-6);
  color: var(--color-text-secondary);
}

.empty-state__icon {
  width: 44px;
  height: 44px;
  color: var(--color-text-tertiary);
}