.grid {
    display: grid;
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}
.gap-0 {
    gap: 0;
}
.gap-x-0 {
    column-gap: 0;
}
.gap-y-0 {
    row-gap: 0;
}
.gap-1 {
    gap: 0.5rem;
}
.gap-x-1 {
    column-gap: 0.5rem;
}
.gap-y-1 {
    row-gap: 0.5rem;
}
.gap-2 {
    gap: 0.75rem;
}
.gap-x-2 {
    column-gap: 0.75rem;
}
.gap-y-2 {
    row-gap: 0.75rem;
}
.gap-3 {
    gap: 1rem;
}
.gap-x-3 {
    column-gap: 1rem;
}
.gap-y-3 {
    row-gap: 1rem;
}
.gap-4 {
    gap: 1.5rem;
}
.gap-x-4 {
    column-gap: 1.5rem;
}
.gap-y-4 {
    row-gap: 1.5rem;
}
.gap-5 {
    gap: 2rem;
}
.gap-x-5 {
    column-gap: 2rem;
}
.gap-y-5 {
    row-gap: 2rem;
}
.gap-6 {
    gap: 3rem;
}
.gap-x-6 {
    column-gap: 3rem;
}
.gap-y-6 {
    row-gap: 3rem;
}
.gap-7 {
    gap: 5rem;
}
.gap-x-7 {
    column-gap: 5rem;
}
.gap-y-7 {
    row-gap: 5rem;
}
.gap-auto {
    gap: auto;
}
.gap-x-auto {
    column-gap: auto;
}
.gap-y-auto {
    row-gap: auto;
}
.col-start-1 {
    grid-column-start: 1;
}
.col-end-1 {
    grid-column-end: 1;
}
.col-span-1 {
    grid-column: span 1 / span 1;
}
.row-start-1 {
    grid-row-start: 1;
}
.row-end-1 {
    grid-row-end: 1;
}
.row-span-1 {
    grid-row: span 1 / span 1;
}
.col-start-2 {
    grid-column-start: 2;
}
.col-end-2 {
    grid-column-end: 2;
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.row-start-2 {
    grid-row-start: 2;
}
.row-end-2 {
    grid-row-end: 2;
}
.row-span-2 {
    grid-row: span 2 / span 2;
}
.col-start-3 {
    grid-column-start: 3;
}
.col-end-3 {
    grid-column-end: 3;
}
.col-span-3 {
    grid-column: span 3 / span 3;
}
.row-start-3 {
    grid-row-start: 3;
}
.row-end-3 {
    grid-row-end: 3;
}
.row-span-3 {
    grid-row: span 3 / span 3;
}
.col-start-4 {
    grid-column-start: 4;
}
.col-end-4 {
    grid-column-end: 4;
}
.col-span-4 {
    grid-column: span 4 / span 4;
}
.row-start-4 {
    grid-row-start: 4;
}
.row-end-4 {
    grid-row-end: 4;
}
.row-span-4 {
    grid-row: span 4 / span 4;
}
.col-start-5 {
    grid-column-start: 5;
}
.col-end-5 {
    grid-column-end: 5;
}
.col-span-5 {
    grid-column: span 5 / span 5;
}
.row-start-5 {
    grid-row-start: 5;
}
.row-end-5 {
    grid-row-end: 5;
}
.row-span-5 {
    grid-row: span 5 / span 5;
}
.col-start-6 {
    grid-column-start: 6;
}
.col-end-6 {
    grid-column-end: 6;
}
.col-span-6 {
    grid-column: span 6 / span 6;
}
.row-start-6 {
    grid-row-start: 6;
}
.row-end-6 {
    grid-row-end: 6;
}
.row-span-6 {
    grid-row: span 6 / span 6;
}
.col-start-7 {
    grid-column-start: 7;
}
.col-end-7 {
    grid-column-end: 7;
}
.col-span-7 {
    grid-column: span 7 / span 7;
}
.row-start-7 {
    grid-row-start: 7;
}
.row-end-7 {
    grid-row-end: 7;
}
.row-span-7 {
    grid-row: span 7 / span 7;
}
.col-start-8 {
    grid-column-start: 8;
}
.col-end-8 {
    grid-column-end: 8;
}
.col-span-8 {
    grid-column: span 8 / span 8;
}
.col-span-full {
    grid-column: 1/-1;
}
.row-start-8 {
    grid-row-start: 8;
}
.row-end-8 {
    grid-row-end: 8;
}
.row-span-8 {
    grid-row: span 8 / span 8;
}
@media (max-width: 575px) {
    .xs\:grid {
        display: grid;
    }
    .xs\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
@media (min-width: 576px) {
    .sm\:grid {
        display: grid;
    }
    .sm\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .sm\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .sm\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .sm\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .sm\:gap-0 {
        gap: 0;
    }
    .sm\:gap-x-0 {
        column-gap: 0;
    }
    .sm\:gap-y-0 {
        row-gap: 0;
    }
    .sm\:gap-1 {
        gap: 0.5rem;
    }
    .sm\:gap-x-1 {
        column-gap: 0.5rem;
    }
    .sm\:gap-y-1 {
        row-gap: 0.5rem;
    }
    .sm\:gap-2 {
        gap: 0.75rem;
    }
    .sm\:gap-x-2 {
        column-gap: 0.75rem;
    }
    .sm\:gap-y-2 {
        row-gap: 0.75rem;
    }
    .sm\:gap-3 {
        gap: 1rem;
    }
    .sm\:gap-x-3 {
        column-gap: 1rem;
    }
    .sm\:gap-y-3 {
        row-gap: 1rem;
    }
    .sm\:gap-4 {
        gap: 1.5rem;
    }
    .sm\:gap-x-4 {
        column-gap: 1.5rem;
    }
    .sm\:gap-y-4 {
        row-gap: 1.5rem;
    }
    .sm\:gap-5 {
        gap: 2rem;
    }
    .sm\:gap-x-5 {
        column-gap: 2rem;
    }
    .sm\:gap-y-5 {
        row-gap: 2rem;
    }
    .sm\:gap-6 {
        gap: 3rem;
    }
    .sm\:gap-x-6 {
        column-gap: 3rem;
    }
    .sm\:gap-y-6 {
        row-gap: 3rem;
    }
    .sm\:gap-7 {
        gap: 5rem;
    }
    .sm\:gap-x-7 {
        column-gap: 5rem;
    }
    .sm\:gap-y-7 {
        row-gap: 5rem;
    }
    .sm\:gap-auto {
        gap: auto;
    }
    .sm\:gap-x-auto {
        column-gap: auto;
    }
    .sm\:gap-y-auto {
        row-gap: auto;
    }
    .sm\:col-start-1 {
        grid-column-start: 1;
    }
    .sm\:col-end-1 {
        grid-column-end: 1;
    }
    .sm\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .sm\:row-start-1 {
        grid-row-start: 1;
    }
    .sm\:row-end-1 {
        grid-row-end: 1;
    }
    .sm\:row-span-1 {
        grid-row: span 1 / span 1;
    }
    .sm\:col-start-2 {
        grid-column-start: 2;
    }
    .sm\:col-end-2 {
        grid-column-end: 2;
    }
    .sm\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .sm\:row-start-2 {
        grid-row-start: 2;
    }
    .sm\:row-end-2 {
        grid-row-end: 2;
    }
    .sm\:row-span-2 {
        grid-row: span 2 / span 2;
    }
    .sm\:col-start-3 {
        grid-column-start: 3;
    }
    .sm\:col-end-3 {
        grid-column-end: 3;
    }
    .sm\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .sm\:row-start-3 {
        grid-row-start: 3;
    }
    .sm\:row-end-3 {
        grid-row-end: 3;
    }
    .sm\:row-span-3 {
        grid-row: span 3 / span 3;
    }
    .sm\:col-start-4 {
        grid-column-start: 4;
    }
    .sm\:col-end-4 {
        grid-column-end: 4;
    }
    .sm\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .sm\:row-start-4 {
        grid-row-start: 4;
    }
    .sm\:row-end-4 {
        grid-row-end: 4;
    }
    .sm\:row-span-4 {
        grid-row: span 4 / span 4;
    }
    .sm\:col-start-5 {
        grid-column-start: 5;
    }
    .sm\:col-end-5 {
        grid-column-end: 5;
    }
    .sm\:col-span-5 {
        grid-column: span 5 / span 5;
    }
    .sm\:row-start-5 {
        grid-row-start: 5;
    }
    .sm\:row-end-5 {
        grid-row-end: 5;
    }
    .sm\:row-span-5 {
        grid-row: span 5 / span 5;
    }
    .sm\:col-start-6 {
        grid-column-start: 6;
    }
    .sm\:col-end-6 {
        grid-column-end: 6;
    }
    .sm\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .sm\:row-start-6 {
        grid-row-start: 6;
    }
    .sm\:row-end-6 {
        grid-row-end: 6;
    }
    .sm\:row-span-6 {
        grid-row: span 6 / span 6;
    }
    .sm\:col-start-7 {
        grid-column-start: 7;
    }
    .sm\:col-end-7 {
        grid-column-end: 7;
    }
    .sm\:col-span-7 {
        grid-column: span 7 / span 7;
    }
    .sm\:col-span-full {
        grid-column: 1/-1;
    }
    .sm\:row-start-7 {
        grid-row-start: 7;
    }
    .sm\:row-end-7 {
        grid-row-end: 7;
    }
    .sm\:row-span-7 {
        grid-row: span 7 / span 7;
    }
    .sm\:col-start-8 {
        grid-column-start: 8;
    }
    .sm\:col-end-8 {
        grid-column-end: 8;
    }
    .sm\:col-span-8 {
        grid-column: span 8 / span 8;
    }
    .sm\:col-span-full {
        grid-column: 1/-1;
    }
    .sm\:row-start-8 {
        grid-row-start: 8;
    }
    .sm\:row-end-8 {
        grid-row-end: 8;
    }
    .sm\:row-span-8 {
        grid-row: span 8 / span 8;
    }
}
@media (min-width: 768px) {
    .md\:grid {
        display: grid;
    }
    .md\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .md\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .md\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .md\:gap-0 {
        gap: 0;
    }
    .md\:gap-x-0 {
        column-gap: 0;
    }
    .md\:gap-y-0 {
        row-gap: 0;
    }
    .md\:gap-1 {
        gap: 0.5rem;
    }
    .md\:gap-x-1 {
        column-gap: 0.5rem;
    }
    .md\:gap-y-1 {
        row-gap: 0.5rem;
    }
    .md\:gap-2 {
        gap: 0.75rem;
    }
    .md\:gap-x-2 {
        column-gap: 0.75rem;
    }
    .md\:gap-y-2 {
        row-gap: 0.75rem;
    }
    .md\:gap-3 {
        gap: 1rem;
    }
    .md\:gap-x-3 {
        column-gap: 1rem;
    }
    .md\:gap-y-3 {
        row-gap: 1rem;
    }
    .md\:gap-4 {
        gap: 1.5rem;
    }
    .md\:gap-x-4 {
        column-gap: 1.5rem;
    }
    .md\:gap-y-4 {
        row-gap: 1.5rem;
    }
    .md\:gap-5 {
        gap: 2rem;
    }
    .md\:gap-x-5 {
        column-gap: 2rem;
    }
    .md\:gap-y-5 {
        row-gap: 2rem;
    }
    .md\:gap-6 {
        gap: 3rem;
    }
    .md\:gap-x-6 {
        column-gap: 3rem;
    }
    .md\:gap-y-6 {
        row-gap: 3rem;
    }
    .md\:gap-7 {
        gap: 5rem;
    }
    .md\:gap-x-7 {
        column-gap: 5rem;
    }
    .md\:gap-y-7 {
        row-gap: 5rem;
    }
    .md\:gap-auto {
        gap: auto;
    }
    .md\:gap-x-auto {
        column-gap: auto;
    }
    .md\:gap-y-auto {
        row-gap: auto;
    }
    .md\:col-start-1 {
        grid-column-start: 1;
    }
    .md\:col-end-1 {
        grid-column-end: 1;
    }
    .md\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .md\:row-start-1 {
        grid-row-start: 1;
    }
    .md\:row-end-1 {
        grid-row-end: 1;
    }
    .md\:row-span-1 {
        grid-row: span 1 / span 1;
    }
    .md\:col-start-2 {
        grid-column-start: 2;
    }
    .md\:col-end-2 {
        grid-column-end: 2;
    }
    .md\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .md\:row-start-2 {
        grid-row-start: 2;
    }
    .md\:row-end-2 {
        grid-row-end: 2;
    }
    .md\:row-span-2 {
        grid-row: span 2 / span 2;
    }
    .md\:col-start-3 {
        grid-column-start: 3;
    }
    .md\:col-end-3 {
        grid-column-end: 3;
    }
    .md\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .md\:row-start-3 {
        grid-row-start: 3;
    }
    .md\:row-end-3 {
        grid-row-end: 3;
    }
    .md\:row-span-3 {
        grid-row: span 3 / span 3;
    }
    .md\:col-start-4 {
        grid-column-start: 4;
    }
    .md\:col-end-4 {
        grid-column-end: 4;
    }
    .md\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .md\:row-start-4 {
        grid-row-start: 4;
    }
    .md\:row-end-4 {
        grid-row-end: 4;
    }
    .md\:row-span-4 {
        grid-row: span 4 / span 4;
    }
    .md\:col-start-5 {
        grid-column-start: 5;
    }
    .md\:col-end-5 {
        grid-column-end: 5;
    }
    .md\:col-span-5 {
        grid-column: span 5 / span 5;
    }
    .md\:row-start-5 {
        grid-row-start: 5;
    }
    .md\:row-end-5 {
        grid-row-end: 5;
    }
    .md\:row-span-5 {
        grid-row: span 5 / span 5;
    }
    .md\:col-start-6 {
        grid-column-start: 6;
    }
    .md\:col-end-6 {
        grid-column-end: 6;
    }
    .md\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .md\:row-start-6 {
        grid-row-start: 6;
    }
    .md\:row-end-6 {
        grid-row-end: 6;
    }
    .md\:row-span-6 {
        grid-row: span 6 / span 6;
    }

    .md\:col-start-7 {
        grid-column-start: 7;
    }
    .md\:col-end-7 {
        grid-column-end: 7;
    }
    .md\:col-span-7 {
        grid-column: span 7 / span 7;
    }
    .md\:row-start-7 {
        grid-row-start: 7;
    }
    .md\:row-end-7 {
        grid-row-end: 7;
    }
    .md\:row-span-7 {
        grid-row: span 7 / span 7;
    }
    .md\:col-start-8 {
        grid-column-start: 8;
    }
    .md\:col-end-8 {
        grid-column-end: 8;
    }
    .md\:col-span-8 {
        grid-column: span 8 / span 8;
    }
    .md\:col-span-full {
        grid-column: 1/-1;
    }
    .md\:row-start-8 {
        grid-row-start: 8;
    }
    .md\:row-end-8 {
        grid-row-end: 8;
    }
    .md\:row-span-8 {
        grid-row: span 8 / span 8;
    }
}
@media (min-width: 1024px) {
    .lg\:grid {
        display: grid;
    }
    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .lg\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .lg\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .lg\:gap-0 {
        gap: 0;
    }
    .lg\:gap-x-0 {
        column-gap: 0;
    }
    .lg\:gap-y-0 {
        row-gap: 0;
    }
    .lg\:gap-1 {
        gap: 0.5rem;
    }
    .lg\:gap-x-1 {
        column-gap: 0.5rem;
    }
    .lg\:gap-y-1 {
        row-gap: 0.5rem;
    }
    .lg\:gap-2 {
        gap: 0.75rem;
    }
    .lg\:gap-x-2 {
        column-gap: 0.75rem;
    }
    .lg\:gap-y-2 {
        row-gap: 0.75rem;
    }
    .lg\:gap-3 {
        gap: 1rem;
    }
    .lg\:gap-x-3 {
        column-gap: 1rem;
    }
    .lg\:gap-y-3 {
        row-gap: 1rem;
    }
    .lg\:gap-4 {
        gap: 1.5rem;
    }
    .lg\:gap-x-4 {
        column-gap: 1.5rem;
    }
    .lg\:gap-y-4 {
        row-gap: 1.5rem;
    }
    .lg\:gap-5 {
        gap: 2rem;
    }
    .lg\:gap-x-5 {
        column-gap: 2rem;
    }
    .lg\:gap-y-5 {
        row-gap: 2rem;
    }
    .lg\:gap-6 {
        gap: 3rem;
    }
    .lg\:gap-x-6 {
        column-gap: 3rem;
    }
    .lg\:gap-y-6 {
        row-gap: 3rem;
    }
    .lg\:gap-7 {
        gap: 5rem;
    }
    .lg\:gap-x-7 {
        column-gap: 5rem;
    }
    .lg\:gap-y-7 {
        row-gap: 5rem;
    }
    .lg\:gap-auto {
        gap: auto;
    }
    .lg\:gap-x-auto {
        column-gap: auto;
    }
    .lg\:gap-y-auto {
        row-gap: auto;
    }
    .lg\:col-start-1 {
        grid-column-start: 1;
    }
    .lg\:col-end-1 {
        grid-column-end: 1;
    }
    .lg\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .lg\:row-start-1 {
        grid-row-start: 1;
    }
    .lg\:row-end-1 {
        grid-row-end: 1;
    }
    .lg\:row-span-1 {
        grid-row: span 1 / span 1;
    }
    .lg\:col-start-2 {
        grid-column-start: 2;
    }
    .lg\:col-end-2 {
        grid-column-end: 2;
    }
    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .lg\:row-start-2 {
        grid-row-start: 2;
    }
    .lg\:row-end-2 {
        grid-row-end: 2;
    }
    .lg\:row-span-2 {
        grid-row: span 2 / span 2;
    }
    .lg\:col-start-3 {
        grid-column-start: 3;
    }
    .lg\:col-end-3 {
        grid-column-end: 3;
    }
    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .lg\:row-start-3 {
        grid-row-start: 3;
    }
    .lg\:row-end-3 {
        grid-row-end: 3;
    }
    .lg\:row-span-3 {
        grid-row: span 3 / span 3;
    }
    .lg\:col-start-4 {
        grid-column-start: 4;
    }
    .lg\:col-end-4 {
        grid-column-end: 4;
    }
    .lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .lg\:row-start-4 {
        grid-row-start: 4;
    }
    .lg\:row-end-4 {
        grid-row-end: 4;
    }
    .lg\:row-span-4 {
        grid-row: span 4 / span 4;
    }
    .lg\:col-start-5 {
        grid-column-start: 5;
    }
    .lg\:col-end-5 {
        grid-column-end: 5;
    }
    .lg\:col-span-5 {
        grid-column: span 5 / span 5;
    }
    .lg\:row-start-5 {
        grid-row-start: 5;
    }
    .lg\:row-end-5 {
        grid-row-end: 5;
    }
    .lg\:row-span-5 {
        grid-row: span 5 / span 5;
    }
    .lg\:col-start-6 {
        grid-column-start: 6;
    }
    .lg\:col-end-6 {
        grid-column-end: 6;
    }
    .lg\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .lg\:row-start-6 {
        grid-row-start: 6;
    }
    .lg\:row-end-6 {
        grid-row-end: 6;
    }
    .lg\:row-span-6 {
        grid-row: span 6 / span 6;
    }

    .lg\:col-start-7 {
        grid-column-start: 7;
    }
    .lg\:col-end-7 {
        grid-column-end: 7;
    }
    .lg\:col-span-7 {
        grid-column: span 7 / span 7;
    }
    .lg\:row-start-7 {
        grid-row-start: 7;
    }
    .lg\:row-end-7 {
        grid-row-end: 7;
    }
    .lg\:row-span-7 {
        grid-row: span 7 / span 7;
    }
    .lg\:col-start-8 {
        grid-column-start: 8;
    }
    .lg\:col-end-8 {
        grid-column-end: 8;
    }
    .lg\:col-span-8 {
        grid-column: span 8 / span 8;
    }
    .lg\:col-span-full {
        grid-column: 1/-1;
    }
    .lg\:row-start-8 {
        grid-row-start: 8;
    }
    .lg\:row-end-8 {
        grid-row-end: 8;
    }
    .lg\:row-span-6 {
        grid-row: span 8 / span 8;
    }
}
@media (min-width: 1330px) {
    .xl\:grid {
        display: grid;
    }
    .xl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .xl\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
   .xl\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
   .xl\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .xl\:gap-0 {
        gap: 0;
    }
    .xl\:gap-x-0 {
        column-gap: 0;
    }
    .xl\:gap-y-0 {
        row-gap: 0;
    }
    .xl\:gap-1 {
        gap: 0.5rem;
    }
    .xl\:gap-x-1 {
        column-gap: 0.5rem;
    }
    .xl\:gap-y-1 {
        row-gap: 0.5rem;
    }
    .xl\:gap-2 {
        gap: 0.75rem;
    }
    .xl\:gap-x-2 {
        column-gap: 0.75rem;
    }
    .xl\:gap-y-2 {
        row-gap: 0.75rem;
    }
    .xl\:gap-3 {
        gap: 1rem;
    }
    .xl\:gap-x-3 {
        column-gap: 1rem;
    }
    .xl\:gap-y-3 {
        row-gap: 1rem;
    }
    .xl\:gap-4 {
        gap: 1.5rem;
    }
    .xl\:gap-x-4 {
        column-gap: 1.5rem;
    }
    .xl\:gap-y-4 {
        row-gap: 1.5rem;
    }
    .xl\:gap-5 {
        gap: 2rem;
    }
    .xl\:gap-x-5 {
        column-gap: 2rem;
    }
    .xl\:gap-y-5 {
        row-gap: 2rem;
    }
    .xl\:gap-6 {
        gap: 3rem;
    }
    .xl\:gap-x-6 {
        column-gap: 3rem;
    }
    .xl\:gap-y-6 {
        row-gap: 3rem;
    }
    .xl\:gap-7 {
        gap: 5rem;
    }
    .xl\:gap-x-7 {
        column-gap: 5rem;
    }
    .xl\:gap-y-7 {
        row-gap: 5rem;
    }
    .xl\:gap-auto {
        gap: auto;
    }
    .xl\:gap-x-auto {
        column-gap: auto;
    }
    .xl\:gap-y-auto {
        row-gap: auto;
    }
    .xl\:col-start-1 {
        grid-column-start: 1;
    }
    .xl\:col-end-1 {
        grid-column-end: 1;
    }
    .xl\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .xl\:row-start-1 {
        grid-row-start: 1;
    }
    .xl\:row-end-1 {
        grid-row-end: 1;
    }
    .xl\:row-span-1 {
        grid-row: span 1 / span 1;
    }
    .xl\:col-start-2 {
        grid-column-start: 2;
    }
    .xl\:col-end-2 {
        grid-column-end: 2;
    }
    .xl\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .xl\:row-start-2 {
        grid-row-start: 2;
    }
    .xl\:row-end-2 {
        grid-row-end: 2;
    }
    .xl\:row-span-2 {
        grid-row: span 2 / span 2;
    }
    .xl\:col-start-3 {
        grid-column-start: 3;
    }
    .xl\:col-end-3 {
        grid-column-end: 3;
    }
    .xl\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .xl\:row-start-3 {
        grid-row-start: 3;
    }
    .xl\:row-end-3 {
        grid-row-end: 3;
    }
    .xl\:row-span-3 {
        grid-row: span 3 / span 3;
    }
    .xl\:col-start-4 {
        grid-column-start: 4;
    }
    .xl\:col-end-4 {
        grid-column-end: 4;
    }
    .xl\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .xl\:row-start-4 {
        grid-row-start: 4;
    }
    .xl\:row-end-4 {
        grid-row-end: 4;
    }
    .xl\:row-span-4 {
        grid-row: span 4 / span 4;
    }
    .xl\:col-start-5 {
        grid-column-start: 5;
    }
    .xl\:col-end-5 {
        grid-column-end: 5;
    }
    .xl\:col-span-5 {
        grid-column: span 5 / span 5;
    }
    .xl\:row-start-5 {
        grid-row-start: 5;
    }
    .xl\:row-end-5 {
        grid-row-end: 5;
    }
    .xl\:row-span-5 {
        grid-row: span 5 / span 5;
    }
    .xl\:col-start-6 {
        grid-column-start: 6;
    }
    .xl\:col-end-6 {
        grid-column-end: 6;
    }
    .xl\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .xl\:row-start-6 {
        grid-row-start: 6;
    }
    .xl\:row-end-6 {
        grid-row-end: 6;
    }
    .xl\:row-span-6 {
        grid-row: span 6 / span 6;
    }

    .xl\:col-start-7 {
        grid-column-start: 7;
    }
    .xl\:col-end-7 {
        grid-column-end: 7;
    }
    .xl\:col-span-7 {
        grid-column: span 7 / span 7;
    }
    .xl\:row-start-7 {
        grid-row-start: 7;
    }
    .xl\:row-end-7 {
        grid-row-end: 7;
    }
    .xl\:row-span-7 {
        grid-row: span 7 / span 7;
    }
    .xl\:col-start-8 {
        grid-column-start: 8;
    }
    .xl\:col-end-8 {
        grid-column-end: 8;
    }
    .xl\:col-span-8 {
        grid-column: span 8 / span 8;
    }
    .xl\:col-span-full {
        grid-column: 1/-1;
    }
    .xl\:row-start-8 {
        grid-row-start: 8;
    }
    .xl\:row-end-8 {
        grid-row-end: 8;
    }
    .xl\:row-span-8 {
        grid-row: span 8 / span 8;
    }
}