.emptyState {
  margin: 0;
  padding: 6rem 2rem;
  text-align: center;
  color: var(--color-dim);
  font: var(--font-ui);
  font-weight: normal;
  letter-spacing: var(--font-title-spacing);
  background: var(--color-highlight);
  border-radius: var(--border-radius);

  h1 {
    font: var(--font-body-bold);
    margin: 0 0 2em;

    code {
      color: var(--color-dim);
    }
  }

  &.is-error {
    h1, > u-icon {
      color: var(--color-error);
    }

    pre {
      width: 100%;
      white-space: pre-wrap;
      overflow-wrap: break-word;
      text-align: left;
      font-size: 1.1rem;
      margin-bottom: 3rem;
    }
  }

  &.error-type-stack {
    margin: 3rem 0;
    padding: 3rem 2rem;
  }

  .ly-rowStack {
    justify-content: center;
  }

  &.is-fullscreen {
    display: grid;
    align-content: center;
    height: 100vh;
  }
}