.grid-template-columns-1 { grid-template-columns: 1fr; }
.grid-template-columns-2 { grid-template-columns: repeat(2, 1fr); }
.grid-template-columns-3 { grid-template-columns: repeat(3, 1fr); }
.grid-template-columns-4 { grid-template-columns: repeat(4, 1fr); }
.grid-template-columns-6 { grid-template-columns: repeat(6, 1fr); }
.grid-template-columns-8 { grid-template-columns: repeat(8, 1fr); }
.grid-template-columns-10 { grid-template-columns: repeat(10, 1fr); }
.grid-template-columns-12 { grid-template-columns: repeat(12, 1fr); }

.grid-template-rows-1 { grid-template-rows: 1fr; }
.grid-template-rows-2 { grid-template-rows: repeat(2, 1fr); }
.grid-template-rows-3 { grid-template-rows: repeat(3, 1fr); }
.grid-template-rows-4 { grid-template-rows: repeat(4, 1fr); }
.grid-template-rows-6 { grid-template-rows: repeat(6, 1fr); }
.grid-template-rows-8 { grid-template-rows: repeat(8, 1fr); }
.grid-template-rows-10 { grid-template-rows: repeat(10, 1fr); }
.grid-template-rows-12 { grid-template-rows: repeat(12, 1fr); }

.grid-gap-0 { gap: 0px; }
.grid-gap-1 { gap: 1px; }
.grid-gap-2 { gap: 2px; }
.grid-gap-3 { gap: 3px; }
.grid-gap-4 { gap: 4px; }
.grid-gap-5 { gap: 5px; }
.grid-gap-6 { gap: 6px; }
.grid-gap-7 { gap: 7px; }
.grid-gap-8 { gap: 8px; }
.grid-gap-9 { gap: 9px; }
.grid-gap-10 { gap: 10px; }
.grid-gap-20 { gap: 20px; }
.grid-gap-30 { gap: 30px; }
.grid-gap-40 { gap: 40px; }
.grid-gap-50 { gap: 50px; }
.grid-gap-60 { gap: 60px; }
.grid-gap-70 { gap: 70px; }
.grid-gap-80 { gap: 80px; }
.grid-gap-90 { gap: 90px; }
.grid-gap-100 { gap: 100px; }

.grid-column-gap-0 { column-gap: 0px; }
.grid-column-gap-1 { column-gap: 1px; }
.grid-column-gap-2 { column-gap: 2px; }
.grid-column-gap-3 { column-gap: 3px; }
.grid-column-gap-4 { column-gap: 4px; }
.grid-column-gap-5 { column-gap: 5px; }
.grid-column-gap-6 { column-gap: 6px; }
.grid-column-gap-7 { column-gap: 7px; }
.grid-column-gap-8 { column-gap: 8px; }
.grid-column-gap-9 { column-gap: 9px; }
.grid-column-gap-10 { column-gap: 10px; }
.grid-column-gap-20 { column-gap: 20px; }
.grid-column-gap-30 { column-gap: 30px; }
.grid-column-gap-40 { column-gap: 40px; }
.grid-column-gap-50 { column-gap: 50px; }
.grid-column-gap-60 { column-gap: 60px; }
.grid-column-gap-70 { column-gap: 70px; }
.grid-column-gap-80 { column-gap: 80px; }
.grid-column-gap-90 { column-gap: 90px; }
.grid-column-gap-100 { column-gap: 100px; }

.grid-row-gap-0 { row-gap: 0px; }
.grid-row-gap-1 { row-gap: 1px; }
.grid-row-gap-2 { row-gap: 2px; }
.grid-row-gap-3 { row-gap: 3px; }
.grid-row-gap-4 { row-gap: 4px; }
.grid-row-gap-5 { row-gap: 5px; }
.grid-row-gap-6 { row-gap: 6px; }
.grid-row-gap-7 { row-gap: 7px; }
.grid-row-gap-8 { row-gap: 8px; }
.grid-row-gap-9 { row-gap: 9px; }
.grid-row-gap-10 { row-gap: 10px; }
.grid-row-gap-20 { row-gap: 20px; }
.grid-row-gap-30 { row-gap: 30px; }
.grid-row-gap-40 { row-gap: 40px; }
.grid-row-gap-50 { row-gap: 50px; }
.grid-row-gap-60 { row-gap: 60px; }
.grid-row-gap-70 { row-gap: 70px; }
.grid-row-gap-80 { row-gap: 80px; }
.grid-row-gap-90 { row-gap: 90px; }
.grid-row-gap-100 { row-gap: 100px; }