.empty-state {
  display: grid;
  justify-items: center;
  gap: var(--space-4);
  padding: var(--space-11) var(--space-7);
  text-align: center;
}

.empty-state__icon {
  display: grid;
  width: var(--icon-2xl);
  height: var(--icon-2xl);
  place-items: center;
  border-radius: var(--radius-circle);
  background: var(--gray-100);
  color: var(--gray-400);
  font-size: var(--icon-xl);
}

.empty-state__title {
  font-size: var(--text-h3);
  font-weight: 600;
}

.empty-state__description {
  color: var(--text-muted);
}