.item-grid{--grid-gap:12px;--grid-items:4;--grid-perc:calc(100%/var(--grid-items));--min-item-width:16rem;--min-width:calc(var(--min-item-width) - var(--grid-gap));--max-width:calc(var(--grid-perc) - var(--grid-gap));gap:12px;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(max(calc(16rem - 12px),calc(25% - 12px)),1fr));grid-template-columns:repeat(auto-fill,minmax(max(var(--min-width),var(--max-width)),1fr))}.grid-1 .item-grid{--grid-items:1}.grid-2 .item-grid{--grid-items:2}.grid-3 .item-grid{--grid-items:3}.grid-4 .item-grid{--grid-items:4}.grid-5 .item-grid{--grid-items:5}