/*
 * Librarium Militaris: what the grid says when it is empty, and how it grows.
 */

@layer components {
  .emptystate {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-80) 0;
    text-align: center;
  }

  .emptystate__icon {
    width: var(--space-64);
    height: var(--space-64);
    color: var(--color-border-strong);
    margin-bottom: var(--space-16);
  }

  .emptystate__title {
    font-family: var(--font-heading);
    font-size: var(--text-20);
    line-height: var(--leading-28);
    color: var(--color-ink-bright);
    margin-bottom: var(--space-8);
  }

  .emptystate__body {
    color: var(--color-ink-dim);
    margin-bottom: var(--space-24);
    max-width: 28rem;
  }

  /* The next page, loaded into the results frame rather than over the page. */
  .loadmore {
    margin-top: var(--space-48);
    text-align: center;
  }
}