.ds-empty {
  padding: calc(var(--ds-spacing-unit) * 10);
  text-align: center;
}

.ds-empty--inline {
  grid-column: 1 / -1;
}

.ds-empty__icon {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  margin: 0 auto calc(var(--ds-spacing-unit) * 4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  background: color-mix(in srgb, var(--ds-color-text) 5%, transparent);
}

.ds-empty__title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 900;
  letter-spacing: -0.01em;
}

.ds-empty__text {
  margin: calc(var(--ds-spacing-unit) * 2) auto 0;
  color: var(--ds-color-secondary);
  max-width: 56ch;
}

.ds-empty__actions {
  margin-top: calc(var(--ds-spacing-unit) * 5);
  display: flex;
  gap: calc(var(--ds-spacing-unit) * 3);
  justify-content: center;
  flex-wrap: wrap;
}