.emptyStateContainer {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.emptyState {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.emptyStateTitle {
  font: var(--grapes-heading-l);
  color: var(--grapes-color-content-primary);
  text-align: center;
  margin: var(--grapes-unit-48) 0 0;
}

.emptyStateSubtitle {
  font: var(--grapes-body-m);
  color: var(--grapes-color-content-secondary-bg-primary);
  text-align: center;
  margin: var(--grapes-unit-16) 0 0;
  text-wrap: balance;
}

.emptyStateTitle,
.emptyStateSubtitle {
  max-width: 600px;
}

.emptyStateActions {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--grapes-unit-24);
  gap: var(--grapes-unit-16);
  padding-bottom: var(--grapes-unit-4);
}