@layer components {
  .collection-items__add {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-4);
  }

  .collection-items__review {
    margin-block-start: var(--space-3);
  }

  .collection-items__empty {
    max-inline-size: var(--measure-tight);
    font: var(--type-body);
    color: var(--color-ink-muted);
    text-wrap: pretty;
  }

  .collection-items {
    margin-block-start: var(--space-3);
  }
}