@layer components {
  /* Base
  /* -------------------------------------------------------------------------- */

  /* Shown in place of a collection when there is nothing to list yet */
  .blank-slate {
    color: var(--color-ink-muted);
    gap: var(--block-space-half);
  }

  /* Elements
  /* -------------------------------------------------------------------------- */

  .blank-slate__message {
    font-size: var(--text-small);
    margin: 0;
  }
}