@layer compositions {
  .grid {
    display: grid;
    grid-template-columns: repeat(
      auto-fill,
      minmax(var(--grid-min-size, 16rem), 1fr)
    );
    gap: var(--grid-gap, 1rem);
  }
}