/* GRID */
:root {
    --grid-template-column: repeat(12, minmax(0, 1fr));
    --grid-template-rows: repeat(6, minmax(0, 1fr));
    --grid-column-start: auto;
    --grid-column-end: auto;
    --grid-row-start: auto;
    --grid-row-end: auto;
    --grid-gap: 2;
}

.grid {
    display: grid;
    grid-gap: var(--grid-gap);
    grid-template-columns: var(--grid-template-column);
}

/* Templates */
.grid-cols-1 {
    --grid-template-column: repeat(1, minmax(0, 1fr));
}

/* Column expansion */
.grid-c-1 {
    grid-column: span 1/span 1;
}

/* Cell Column Start/End */
.grid-cs-1 {
    grid-column-start: 1;
}

.grid-ce-1 {
    grid-column-end: 2;
}

/* Templates */
.grid-cols-2 {
    --grid-template-column: repeat(2, minmax(0, 1fr));
}

/* Column expansion */
.grid-c-2 {
    grid-column: span 2/span 2;
}

/* Cell Column Start/End */
.grid-cs-2 {
    grid-column-start: 2;
}

.grid-ce-2 {
    grid-column-end: 3;
}

/* Templates */
.grid-cols-3 {
    --grid-template-column: repeat(3, minmax(0, 1fr));
}

/* Column expansion */
.grid-c-3 {
    grid-column: span 3/span 3;
}

/* Cell Column Start/End */
.grid-cs-3 {
    grid-column-start: 3;
}

.grid-ce-3 {
    grid-column-end: 4;
}

/* Templates */
.grid-cols-4 {
    --grid-template-column: repeat(4, minmax(0, 1fr));
}

/* Column expansion */
.grid-c-4 {
    grid-column: span 4/span 4;
}

/* Cell Column Start/End */
.grid-cs-4 {
    grid-column-start: 4;
}

.grid-ce-4 {
    grid-column-end: 5;
}

/* Templates */
.grid-cols-5 {
    --grid-template-column: repeat(5, minmax(0, 1fr));
}

/* Column expansion */
.grid-c-5 {
    grid-column: span 5/span 5;
}

/* Cell Column Start/End */
.grid-cs-5 {
    grid-column-start: 5;
}

.grid-ce-5 {
    grid-column-end: 6;
}

/* Templates */
.grid-cols-6 {
    --grid-template-column: repeat(6, minmax(0, 1fr));
}

/* Column expansion */
.grid-c-6 {
    grid-column: span 6/span 6;
}

/* Cell Column Start/End */
.grid-cs-6 {
    grid-column-start: 6;
}

.grid-ce-6 {
    grid-column-end: 7;
}

/* Templates */
.grid-cols-7 {
    --grid-template-column: repeat(7, minmax(0, 1fr));
}

/* Column expansion */
.grid-c-7 {
    grid-column: span 7/span 7;
}

/* Cell Column Start/End */
.grid-cs-7 {
    grid-column-start: 7;
}

.grid-ce-7 {
    grid-column-end: 8;
}

/* Templates */
.grid-cols-8 {
    --grid-template-column: repeat(8, minmax(0, 1fr));
}

/* Column expansion */
.grid-c-8 {
    grid-column: span 8/span 8;
}

/* Cell Column Start/End */
.grid-cs-8 {
    grid-column-start: 8;
}

.grid-ce-8 {
    grid-column-end: 9;
}

/* Templates */
.grid-cols-9 {
    --grid-template-column: repeat(9, minmax(0, 1fr));
}

/* Column expansion */
.grid-c-9 {
    grid-column: span 9/span 9;
}

/* Cell Column Start/End */
.grid-cs-9 {
    grid-column-start: 9;
}

.grid-ce-9 {
    grid-column-end: 10;
}

/* Templates */
.grid-cols-10 {
    --grid-template-column: repeat(10, minmax(0, 1fr));
}

/* Column expansion */
.grid-c-10 {
    grid-column: span 10/span 10;
}

/* Cell Column Start/End */
.grid-cs-10 {
    grid-column-start: 10;
}

.grid-ce-10 {
    grid-column-end: 11;
}

/* Templates */
.grid-cols-11 {
    --grid-template-column: repeat(11, minmax(0, 1fr));
}

/* Column expansion */
.grid-c-11 {
    grid-column: span 11/span 11;
}

/* Cell Column Start/End */
.grid-cs-11 {
    grid-column-start: 11;
}

.grid-ce-11 {
    grid-column-end: 12;
}

/* Templates */
.grid-cols-12 {
    --grid-template-column: repeat(12, minmax(0, 1fr));
}

/* Column expansion */
.grid-c-12 {
    grid-column: span 12/span 12;
}

/* Cell Column Start/End */
.grid-cs-12 {
    grid-column-start: 12;
}

.grid-ce-12 {
    grid-column-end: 13;
}

/* Templates */
.grid-rows-1 {
    --grid-template-column: repeat(1, minmax(0, 1fr));
}

/* Row expansion */
.grid-r-1 {
    grid-row: span 1/span 1;
}

/* Cell Row Start/End */
.grid-rs-1 {
    grid-row-start: 1;
}

.grid-re-1 {
    grid-row-end: 2;
}

/* Templates */
.grid-rows-2 {
    --grid-template-column: repeat(2, minmax(0, 1fr));
}

/* Row expansion */
.grid-r-2 {
    grid-row: span 2/span 2;
}

/* Cell Row Start/End */
.grid-rs-2 {
    grid-row-start: 2;
}

.grid-re-2 {
    grid-row-end: 3;
}

/* Templates */
.grid-rows-3 {
    --grid-template-column: repeat(3, minmax(0, 1fr));
}

/* Row expansion */
.grid-r-3 {
    grid-row: span 3/span 3;
}

/* Cell Row Start/End */
.grid-rs-3 {
    grid-row-start: 3;
}

.grid-re-3 {
    grid-row-end: 4;
}

/* Templates */
.grid-rows-4 {
    --grid-template-column: repeat(4, minmax(0, 1fr));
}

/* Row expansion */
.grid-r-4 {
    grid-row: span 4/span 4;
}

/* Cell Row Start/End */
.grid-rs-4 {
    grid-row-start: 4;
}

.grid-re-4 {
    grid-row-end: 5;
}

/* Templates */
.grid-rows-5 {
    --grid-template-column: repeat(5, minmax(0, 1fr));
}

/* Row expansion */
.grid-r-5 {
    grid-row: span 5/span 5;
}

/* Cell Row Start/End */
.grid-rs-5 {
    grid-row-start: 5;
}

.grid-re-5 {
    grid-row-end: 6;
}

/* Templates */
.grid-rows-6 {
    --grid-template-column: repeat(6, minmax(0, 1fr));
}

/* Row expansion */
.grid-r-6 {
    grid-row: span 6/span 6;
}

/* Cell Row Start/End */
.grid-rs-6 {
    grid-row-start: 6;
}

.grid-re-6 {
    grid-row-end: 7;
}

.grid-ce-end {
    grid-column-end: -1;
}

.grid-re-end {
    grid-row-end: -1;
}

.grid-ce-auto {
    grid-column-end: auto;
}

.grid-re-auto {
    grid-row-end: auto;
}

@media screen and (min-width: 768px) {
    .grid-sm {
        display: grid;
        grid-gap: var(--grid-gap);
        grid-template-columns: var(--grid-template-column);
    }
    /* Templates */
    .grid-cols-1-sm {
        --grid-template-column: repeat(1, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-1-sm {
        grid-column: span 1/span 1;
    }
    /* Cell Column Start/End */
    .grid-cs-1-sm {
        grid-column-start: 1;
    }
    .grid-ce-1-sm {
        grid-column-end: 2;
    }
    /* Templates */
    .grid-cols-2-sm {
        --grid-template-column: repeat(2, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-2-sm {
        grid-column: span 2/span 2;
    }
    /* Cell Column Start/End */
    .grid-cs-2-sm {
        grid-column-start: 2;
    }
    .grid-ce-2-sm {
        grid-column-end: 3;
    }
    /* Templates */
    .grid-cols-3-sm {
        --grid-template-column: repeat(3, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-3-sm {
        grid-column: span 3/span 3;
    }
    /* Cell Column Start/End */
    .grid-cs-3-sm {
        grid-column-start: 3;
    }
    .grid-ce-3-sm {
        grid-column-end: 4;
    }
    /* Templates */
    .grid-cols-4-sm {
        --grid-template-column: repeat(4, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-4-sm {
        grid-column: span 4/span 4;
    }
    /* Cell Column Start/End */
    .grid-cs-4-sm {
        grid-column-start: 4;
    }
    .grid-ce-4-sm {
        grid-column-end: 5;
    }
    /* Templates */
    .grid-cols-5-sm {
        --grid-template-column: repeat(5, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-5-sm {
        grid-column: span 5/span 5;
    }
    /* Cell Column Start/End */
    .grid-cs-5-sm {
        grid-column-start: 5;
    }
    .grid-ce-5-sm {
        grid-column-end: 6;
    }
    /* Templates */
    .grid-cols-6-sm {
        --grid-template-column: repeat(6, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-6-sm {
        grid-column: span 6/span 6;
    }
    /* Cell Column Start/End */
    .grid-cs-6-sm {
        grid-column-start: 6;
    }
    .grid-ce-6-sm {
        grid-column-end: 7;
    }
    /* Templates */
    .grid-cols-7-sm {
        --grid-template-column: repeat(7, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-7-sm {
        grid-column: span 7/span 7;
    }
    /* Cell Column Start/End */
    .grid-cs-7-sm {
        grid-column-start: 7;
    }
    .grid-ce-7-sm {
        grid-column-end: 8;
    }
    /* Templates */
    .grid-cols-8-sm {
        --grid-template-column: repeat(8, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-8-sm {
        grid-column: span 8/span 8;
    }
    /* Cell Column Start/End */
    .grid-cs-8-sm {
        grid-column-start: 8;
    }
    .grid-ce-8-sm {
        grid-column-end: 9;
    }
    /* Templates */
    .grid-cols-9-sm {
        --grid-template-column: repeat(9, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-9-sm {
        grid-column: span 9/span 9;
    }
    /* Cell Column Start/End */
    .grid-cs-9-sm {
        grid-column-start: 9;
    }
    .grid-ce-9-sm {
        grid-column-end: 10;
    }
    /* Templates */
    .grid-cols-10-sm {
        --grid-template-column: repeat(10, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-10-sm {
        grid-column: span 10/span 10;
    }
    /* Cell Column Start/End */
    .grid-cs-10-sm {
        grid-column-start: 10;
    }
    .grid-ce-10-sm {
        grid-column-end: 11;
    }
    /* Templates */
    .grid-cols-11-sm {
        --grid-template-column: repeat(11, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-11-sm {
        grid-column: span 11/span 11;
    }
    /* Cell Column Start/End */
    .grid-cs-11-sm {
        grid-column-start: 11;
    }
    .grid-ce-11-sm {
        grid-column-end: 12;
    }
    /* Templates */
    .grid-cols-12-sm {
        --grid-template-column: repeat(12, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-12-sm {
        grid-column: span 12/span 12;
    }
    /* Cell Column Start/End */
    .grid-cs-12-sm {
        grid-column-start: 12;
    }
    .grid-ce-12-sm {
        grid-column-end: 13;
    }
    /* Templates */
    .grid-rows-1-sm {
        --grid-template-column: repeat(1, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-1-sm {
        grid-row: span 1/span 1;
    }
    /* Cell Row Start/End */
    .grid-rs-1-sm {
        grid-row-start: 1;
    }
    .grid-re-1-sm {
        grid-row-end: 2;
    }
    /* Templates */
    .grid-rows-2-sm {
        --grid-template-column: repeat(2, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-2-sm {
        grid-row: span 2/span 2;
    }
    /* Cell Row Start/End */
    .grid-rs-2-sm {
        grid-row-start: 2;
    }
    .grid-re-2-sm {
        grid-row-end: 3;
    }
    /* Templates */
    .grid-rows-3-sm {
        --grid-template-column: repeat(3, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-3-sm {
        grid-row: span 3/span 3;
    }
    /* Cell Row Start/End */
    .grid-rs-3-sm {
        grid-row-start: 3;
    }
    .grid-re-3-sm {
        grid-row-end: 4;
    }
    /* Templates */
    .grid-rows-4-sm {
        --grid-template-column: repeat(4, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-4-sm {
        grid-row: span 4/span 4;
    }
    /* Cell Row Start/End */
    .grid-rs-4-sm {
        grid-row-start: 4;
    }
    .grid-re-4-sm {
        grid-row-end: 5;
    }
    /* Templates */
    .grid-rows-5-sm {
        --grid-template-column: repeat(5, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-5-sm {
        grid-row: span 5/span 5;
    }
    /* Cell Row Start/End */
    .grid-rs-5-sm {
        grid-row-start: 5;
    }
    .grid-re-5-sm {
        grid-row-end: 6;
    }
    /* Templates */
    .grid-rows-6-sm {
        --grid-template-column: repeat(6, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-6-sm {
        grid-row: span 6/span 6;
    }
    /* Cell Row Start/End */
    .grid-rs-6-sm {
        grid-row-start: 6;
    }
    .grid-re-6-sm {
        grid-row-end: 7;
    }
    .grid-ce-end-sm {
        grid-column-end: -1;
    }
    .grid-re-end-sm {
        grid-row-end: -1;
    }
    .grid-ce-auto-sm {
        grid-column-end: auto;
    }
    .grid-re-auto-sm {
        grid-row-end: auto;
    }
}
@media screen and (min-width: 1024px) {
    .grid-md {
        display: grid;
        grid-gap: var(--grid-gap);
        grid-template-columns: var(--grid-template-column);
    }
    /* Templates */
    .grid-cols-1-md {
        --grid-template-column: repeat(1, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-1-md {
        grid-column: span 1/span 1;
    }
    /* Cell Column Start/End */
    .grid-cs-1-md {
        grid-column-start: 1;
    }
    .grid-ce-1-md {
        grid-column-end: 2;
    }
    /* Templates */
    .grid-cols-2-md {
        --grid-template-column: repeat(2, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-2-md {
        grid-column: span 2/span 2;
    }
    /* Cell Column Start/End */
    .grid-cs-2-md {
        grid-column-start: 2;
    }
    .grid-ce-2-md {
        grid-column-end: 3;
    }
    /* Templates */
    .grid-cols-3-md {
        --grid-template-column: repeat(3, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-3-md {
        grid-column: span 3/span 3;
    }
    /* Cell Column Start/End */
    .grid-cs-3-md {
        grid-column-start: 3;
    }
    .grid-ce-3-md {
        grid-column-end: 4;
    }
    /* Templates */
    .grid-cols-4-md {
        --grid-template-column: repeat(4, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-4-md {
        grid-column: span 4/span 4;
    }
    /* Cell Column Start/End */
    .grid-cs-4-md {
        grid-column-start: 4;
    }
    .grid-ce-4-md {
        grid-column-end: 5;
    }
    /* Templates */
    .grid-cols-5-md {
        --grid-template-column: repeat(5, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-5-md {
        grid-column: span 5/span 5;
    }
    /* Cell Column Start/End */
    .grid-cs-5-md {
        grid-column-start: 5;
    }
    .grid-ce-5-md {
        grid-column-end: 6;
    }
    /* Templates */
    .grid-cols-6-md {
        --grid-template-column: repeat(6, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-6-md {
        grid-column: span 6/span 6;
    }
    /* Cell Column Start/End */
    .grid-cs-6-md {
        grid-column-start: 6;
    }
    .grid-ce-6-md {
        grid-column-end: 7;
    }
    /* Templates */
    .grid-cols-7-md {
        --grid-template-column: repeat(7, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-7-md {
        grid-column: span 7/span 7;
    }
    /* Cell Column Start/End */
    .grid-cs-7-md {
        grid-column-start: 7;
    }
    .grid-ce-7-md {
        grid-column-end: 8;
    }
    /* Templates */
    .grid-cols-8-md {
        --grid-template-column: repeat(8, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-8-md {
        grid-column: span 8/span 8;
    }
    /* Cell Column Start/End */
    .grid-cs-8-md {
        grid-column-start: 8;
    }
    .grid-ce-8-md {
        grid-column-end: 9;
    }
    /* Templates */
    .grid-cols-9-md {
        --grid-template-column: repeat(9, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-9-md {
        grid-column: span 9/span 9;
    }
    /* Cell Column Start/End */
    .grid-cs-9-md {
        grid-column-start: 9;
    }
    .grid-ce-9-md {
        grid-column-end: 10;
    }
    /* Templates */
    .grid-cols-10-md {
        --grid-template-column: repeat(10, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-10-md {
        grid-column: span 10/span 10;
    }
    /* Cell Column Start/End */
    .grid-cs-10-md {
        grid-column-start: 10;
    }
    .grid-ce-10-md {
        grid-column-end: 11;
    }
    /* Templates */
    .grid-cols-11-md {
        --grid-template-column: repeat(11, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-11-md {
        grid-column: span 11/span 11;
    }
    /* Cell Column Start/End */
    .grid-cs-11-md {
        grid-column-start: 11;
    }
    .grid-ce-11-md {
        grid-column-end: 12;
    }
    /* Templates */
    .grid-cols-12-md {
        --grid-template-column: repeat(12, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-12-md {
        grid-column: span 12/span 12;
    }
    /* Cell Column Start/End */
    .grid-cs-12-md {
        grid-column-start: 12;
    }
    .grid-ce-12-md {
        grid-column-end: 13;
    }
    /* Templates */
    .grid-rows-1-md {
        --grid-template-column: repeat(1, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-1-md {
        grid-row: span 1/span 1;
    }
    /* Cell Row Start/End */
    .grid-rs-1-md {
        grid-row-start: 1;
    }
    .grid-re-1-md {
        grid-row-end: 2;
    }
    /* Templates */
    .grid-rows-2-md {
        --grid-template-column: repeat(2, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-2-md {
        grid-row: span 2/span 2;
    }
    /* Cell Row Start/End */
    .grid-rs-2-md {
        grid-row-start: 2;
    }
    .grid-re-2-md {
        grid-row-end: 3;
    }
    /* Templates */
    .grid-rows-3-md {
        --grid-template-column: repeat(3, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-3-md {
        grid-row: span 3/span 3;
    }
    /* Cell Row Start/End */
    .grid-rs-3-md {
        grid-row-start: 3;
    }
    .grid-re-3-md {
        grid-row-end: 4;
    }
    /* Templates */
    .grid-rows-4-md {
        --grid-template-column: repeat(4, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-4-md {
        grid-row: span 4/span 4;
    }
    /* Cell Row Start/End */
    .grid-rs-4-md {
        grid-row-start: 4;
    }
    .grid-re-4-md {
        grid-row-end: 5;
    }
    /* Templates */
    .grid-rows-5-md {
        --grid-template-column: repeat(5, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-5-md {
        grid-row: span 5/span 5;
    }
    /* Cell Row Start/End */
    .grid-rs-5-md {
        grid-row-start: 5;
    }
    .grid-re-5-md {
        grid-row-end: 6;
    }
    /* Templates */
    .grid-rows-6-md {
        --grid-template-column: repeat(6, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-6-md {
        grid-row: span 6/span 6;
    }
    /* Cell Row Start/End */
    .grid-rs-6-md {
        grid-row-start: 6;
    }
    .grid-re-6-md {
        grid-row-end: 7;
    }
    .grid-ce-end-md {
        grid-column-end: -1;
    }
    .grid-re-end-md {
        grid-row-end: -1;
    }
    .grid-ce-auto-md {
        grid-column-end: auto;
    }
    .grid-re-auto-md {
        grid-row-end: auto;
    }
}
@media screen and (min-width: 1280px) {
    .grid-lg {
        display: grid;
        grid-gap: var(--grid-gap);
        grid-template-columns: var(--grid-template-column);
    }
    /* Templates */
    .grid-cols-1-lg {
        --grid-template-column: repeat(1, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-1-lg {
        grid-column: span 1/span 1;
    }
    /* Cell Column Start/End */
    .grid-cs-1-lg {
        grid-column-start: 1;
    }
    .grid-ce-1-lg {
        grid-column-end: 2;
    }
    /* Templates */
    .grid-cols-2-lg {
        --grid-template-column: repeat(2, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-2-lg {
        grid-column: span 2/span 2;
    }
    /* Cell Column Start/End */
    .grid-cs-2-lg {
        grid-column-start: 2;
    }
    .grid-ce-2-lg {
        grid-column-end: 3;
    }
    /* Templates */
    .grid-cols-3-lg {
        --grid-template-column: repeat(3, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-3-lg {
        grid-column: span 3/span 3;
    }
    /* Cell Column Start/End */
    .grid-cs-3-lg {
        grid-column-start: 3;
    }
    .grid-ce-3-lg {
        grid-column-end: 4;
    }
    /* Templates */
    .grid-cols-4-lg {
        --grid-template-column: repeat(4, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-4-lg {
        grid-column: span 4/span 4;
    }
    /* Cell Column Start/End */
    .grid-cs-4-lg {
        grid-column-start: 4;
    }
    .grid-ce-4-lg {
        grid-column-end: 5;
    }
    /* Templates */
    .grid-cols-5-lg {
        --grid-template-column: repeat(5, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-5-lg {
        grid-column: span 5/span 5;
    }
    /* Cell Column Start/End */
    .grid-cs-5-lg {
        grid-column-start: 5;
    }
    .grid-ce-5-lg {
        grid-column-end: 6;
    }
    /* Templates */
    .grid-cols-6-lg {
        --grid-template-column: repeat(6, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-6-lg {
        grid-column: span 6/span 6;
    }
    /* Cell Column Start/End */
    .grid-cs-6-lg {
        grid-column-start: 6;
    }
    .grid-ce-6-lg {
        grid-column-end: 7;
    }
    /* Templates */
    .grid-cols-7-lg {
        --grid-template-column: repeat(7, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-7-lg {
        grid-column: span 7/span 7;
    }
    /* Cell Column Start/End */
    .grid-cs-7-lg {
        grid-column-start: 7;
    }
    .grid-ce-7-lg {
        grid-column-end: 8;
    }
    /* Templates */
    .grid-cols-8-lg {
        --grid-template-column: repeat(8, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-8-lg {
        grid-column: span 8/span 8;
    }
    /* Cell Column Start/End */
    .grid-cs-8-lg {
        grid-column-start: 8;
    }
    .grid-ce-8-lg {
        grid-column-end: 9;
    }
    /* Templates */
    .grid-cols-9-lg {
        --grid-template-column: repeat(9, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-9-lg {
        grid-column: span 9/span 9;
    }
    /* Cell Column Start/End */
    .grid-cs-9-lg {
        grid-column-start: 9;
    }
    .grid-ce-9-lg {
        grid-column-end: 10;
    }
    /* Templates */
    .grid-cols-10-lg {
        --grid-template-column: repeat(10, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-10-lg {
        grid-column: span 10/span 10;
    }
    /* Cell Column Start/End */
    .grid-cs-10-lg {
        grid-column-start: 10;
    }
    .grid-ce-10-lg {
        grid-column-end: 11;
    }
    /* Templates */
    .grid-cols-11-lg {
        --grid-template-column: repeat(11, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-11-lg {
        grid-column: span 11/span 11;
    }
    /* Cell Column Start/End */
    .grid-cs-11-lg {
        grid-column-start: 11;
    }
    .grid-ce-11-lg {
        grid-column-end: 12;
    }
    /* Templates */
    .grid-cols-12-lg {
        --grid-template-column: repeat(12, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-12-lg {
        grid-column: span 12/span 12;
    }
    /* Cell Column Start/End */
    .grid-cs-12-lg {
        grid-column-start: 12;
    }
    .grid-ce-12-lg {
        grid-column-end: 13;
    }
    /* Templates */
    .grid-rows-1-lg {
        --grid-template-column: repeat(1, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-1-lg {
        grid-row: span 1/span 1;
    }
    /* Cell Row Start/End */
    .grid-rs-1-lg {
        grid-row-start: 1;
    }
    .grid-re-1-lg {
        grid-row-end: 2;
    }
    /* Templates */
    .grid-rows-2-lg {
        --grid-template-column: repeat(2, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-2-lg {
        grid-row: span 2/span 2;
    }
    /* Cell Row Start/End */
    .grid-rs-2-lg {
        grid-row-start: 2;
    }
    .grid-re-2-lg {
        grid-row-end: 3;
    }
    /* Templates */
    .grid-rows-3-lg {
        --grid-template-column: repeat(3, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-3-lg {
        grid-row: span 3/span 3;
    }
    /* Cell Row Start/End */
    .grid-rs-3-lg {
        grid-row-start: 3;
    }
    .grid-re-3-lg {
        grid-row-end: 4;
    }
    /* Templates */
    .grid-rows-4-lg {
        --grid-template-column: repeat(4, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-4-lg {
        grid-row: span 4/span 4;
    }
    /* Cell Row Start/End */
    .grid-rs-4-lg {
        grid-row-start: 4;
    }
    .grid-re-4-lg {
        grid-row-end: 5;
    }
    /* Templates */
    .grid-rows-5-lg {
        --grid-template-column: repeat(5, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-5-lg {
        grid-row: span 5/span 5;
    }
    /* Cell Row Start/End */
    .grid-rs-5-lg {
        grid-row-start: 5;
    }
    .grid-re-5-lg {
        grid-row-end: 6;
    }
    /* Templates */
    .grid-rows-6-lg {
        --grid-template-column: repeat(6, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-6-lg {
        grid-row: span 6/span 6;
    }
    /* Cell Row Start/End */
    .grid-rs-6-lg {
        grid-row-start: 6;
    }
    .grid-re-6-lg {
        grid-row-end: 7;
    }
    .grid-ce-end-lg {
        grid-column-end: -1;
    }
    .grid-re-end-lg {
        grid-row-end: -1;
    }
    .grid-ce-auto-lg {
        grid-column-end: auto;
    }
    .grid-re-auto-lg {
        grid-row-end: auto;
    }
}
@media screen and (min-width: 1440px) {
    .grid-xl {
        display: grid;
        grid-gap: var(--grid-gap);
        grid-template-columns: var(--grid-template-column);
    }
    /* Templates */
    .grid-cols-1-xl {
        --grid-template-column: repeat(1, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-1-xl {
        grid-column: span 1/span 1;
    }
    /* Cell Column Start/End */
    .grid-cs-1-xl {
        grid-column-start: 1;
    }
    .grid-ce-1-xl {
        grid-column-end: 2;
    }
    /* Templates */
    .grid-cols-2-xl {
        --grid-template-column: repeat(2, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-2-xl {
        grid-column: span 2/span 2;
    }
    /* Cell Column Start/End */
    .grid-cs-2-xl {
        grid-column-start: 2;
    }
    .grid-ce-2-xl {
        grid-column-end: 3;
    }
    /* Templates */
    .grid-cols-3-xl {
        --grid-template-column: repeat(3, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-3-xl {
        grid-column: span 3/span 3;
    }
    /* Cell Column Start/End */
    .grid-cs-3-xl {
        grid-column-start: 3;
    }
    .grid-ce-3-xl {
        grid-column-end: 4;
    }
    /* Templates */
    .grid-cols-4-xl {
        --grid-template-column: repeat(4, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-4-xl {
        grid-column: span 4/span 4;
    }
    /* Cell Column Start/End */
    .grid-cs-4-xl {
        grid-column-start: 4;
    }
    .grid-ce-4-xl {
        grid-column-end: 5;
    }
    /* Templates */
    .grid-cols-5-xl {
        --grid-template-column: repeat(5, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-5-xl {
        grid-column: span 5/span 5;
    }
    /* Cell Column Start/End */
    .grid-cs-5-xl {
        grid-column-start: 5;
    }
    .grid-ce-5-xl {
        grid-column-end: 6;
    }
    /* Templates */
    .grid-cols-6-xl {
        --grid-template-column: repeat(6, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-6-xl {
        grid-column: span 6/span 6;
    }
    /* Cell Column Start/End */
    .grid-cs-6-xl {
        grid-column-start: 6;
    }
    .grid-ce-6-xl {
        grid-column-end: 7;
    }
    /* Templates */
    .grid-cols-7-xl {
        --grid-template-column: repeat(7, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-7-xl {
        grid-column: span 7/span 7;
    }
    /* Cell Column Start/End */
    .grid-cs-7-xl {
        grid-column-start: 7;
    }
    .grid-ce-7-xl {
        grid-column-end: 8;
    }
    /* Templates */
    .grid-cols-8-xl {
        --grid-template-column: repeat(8, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-8-xl {
        grid-column: span 8/span 8;
    }
    /* Cell Column Start/End */
    .grid-cs-8-xl {
        grid-column-start: 8;
    }
    .grid-ce-8-xl {
        grid-column-end: 9;
    }
    /* Templates */
    .grid-cols-9-xl {
        --grid-template-column: repeat(9, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-9-xl {
        grid-column: span 9/span 9;
    }
    /* Cell Column Start/End */
    .grid-cs-9-xl {
        grid-column-start: 9;
    }
    .grid-ce-9-xl {
        grid-column-end: 10;
    }
    /* Templates */
    .grid-cols-10-xl {
        --grid-template-column: repeat(10, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-10-xl {
        grid-column: span 10/span 10;
    }
    /* Cell Column Start/End */
    .grid-cs-10-xl {
        grid-column-start: 10;
    }
    .grid-ce-10-xl {
        grid-column-end: 11;
    }
    /* Templates */
    .grid-cols-11-xl {
        --grid-template-column: repeat(11, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-11-xl {
        grid-column: span 11/span 11;
    }
    /* Cell Column Start/End */
    .grid-cs-11-xl {
        grid-column-start: 11;
    }
    .grid-ce-11-xl {
        grid-column-end: 12;
    }
    /* Templates */
    .grid-cols-12-xl {
        --grid-template-column: repeat(12, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-12-xl {
        grid-column: span 12/span 12;
    }
    /* Cell Column Start/End */
    .grid-cs-12-xl {
        grid-column-start: 12;
    }
    .grid-ce-12-xl {
        grid-column-end: 13;
    }
    /* Templates */
    .grid-rows-1-xl {
        --grid-template-column: repeat(1, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-1-xl {
        grid-row: span 1/span 1;
    }
    /* Cell Row Start/End */
    .grid-rs-1-xl {
        grid-row-start: 1;
    }
    .grid-re-1-xl {
        grid-row-end: 2;
    }
    /* Templates */
    .grid-rows-2-xl {
        --grid-template-column: repeat(2, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-2-xl {
        grid-row: span 2/span 2;
    }
    /* Cell Row Start/End */
    .grid-rs-2-xl {
        grid-row-start: 2;
    }
    .grid-re-2-xl {
        grid-row-end: 3;
    }
    /* Templates */
    .grid-rows-3-xl {
        --grid-template-column: repeat(3, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-3-xl {
        grid-row: span 3/span 3;
    }
    /* Cell Row Start/End */
    .grid-rs-3-xl {
        grid-row-start: 3;
    }
    .grid-re-3-xl {
        grid-row-end: 4;
    }
    /* Templates */
    .grid-rows-4-xl {
        --grid-template-column: repeat(4, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-4-xl {
        grid-row: span 4/span 4;
    }
    /* Cell Row Start/End */
    .grid-rs-4-xl {
        grid-row-start: 4;
    }
    .grid-re-4-xl {
        grid-row-end: 5;
    }
    /* Templates */
    .grid-rows-5-xl {
        --grid-template-column: repeat(5, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-5-xl {
        grid-row: span 5/span 5;
    }
    /* Cell Row Start/End */
    .grid-rs-5-xl {
        grid-row-start: 5;
    }
    .grid-re-5-xl {
        grid-row-end: 6;
    }
    /* Templates */
    .grid-rows-6-xl {
        --grid-template-column: repeat(6, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-6-xl {
        grid-row: span 6/span 6;
    }
    /* Cell Row Start/End */
    .grid-rs-6-xl {
        grid-row-start: 6;
    }
    .grid-re-6-xl {
        grid-row-end: 7;
    }
    .grid-ce-end-xl {
        grid-column-end: -1;
    }
    .grid-re-end-xl {
        grid-row-end: -1;
    }
    .grid-ce-auto-xl {
        grid-column-end: auto;
    }
    .grid-re-auto-xl {
        grid-row-end: auto;
    }
}
@media screen and (min-width: 1680px) {
    .grid-2xl {
        display: grid;
        grid-gap: var(--grid-gap);
        grid-template-columns: var(--grid-template-column);
    }
    /* Templates */
    .grid-cols-1-2xl {
        --grid-template-column: repeat(1, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-1-2xl {
        grid-column: span 1/span 1;
    }
    /* Cell Column Start/End */
    .grid-cs-1-2xl {
        grid-column-start: 1;
    }
    .grid-ce-1-2xl {
        grid-column-end: 2;
    }
    /* Templates */
    .grid-cols-2-2xl {
        --grid-template-column: repeat(2, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-2-2xl {
        grid-column: span 2/span 2;
    }
    /* Cell Column Start/End */
    .grid-cs-2-2xl {
        grid-column-start: 2;
    }
    .grid-ce-2-2xl {
        grid-column-end: 3;
    }
    /* Templates */
    .grid-cols-3-2xl {
        --grid-template-column: repeat(3, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-3-2xl {
        grid-column: span 3/span 3;
    }
    /* Cell Column Start/End */
    .grid-cs-3-2xl {
        grid-column-start: 3;
    }
    .grid-ce-3-2xl {
        grid-column-end: 4;
    }
    /* Templates */
    .grid-cols-4-2xl {
        --grid-template-column: repeat(4, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-4-2xl {
        grid-column: span 4/span 4;
    }
    /* Cell Column Start/End */
    .grid-cs-4-2xl {
        grid-column-start: 4;
    }
    .grid-ce-4-2xl {
        grid-column-end: 5;
    }
    /* Templates */
    .grid-cols-5-2xl {
        --grid-template-column: repeat(5, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-5-2xl {
        grid-column: span 5/span 5;
    }
    /* Cell Column Start/End */
    .grid-cs-5-2xl {
        grid-column-start: 5;
    }
    .grid-ce-5-2xl {
        grid-column-end: 6;
    }
    /* Templates */
    .grid-cols-6-2xl {
        --grid-template-column: repeat(6, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-6-2xl {
        grid-column: span 6/span 6;
    }
    /* Cell Column Start/End */
    .grid-cs-6-2xl {
        grid-column-start: 6;
    }
    .grid-ce-6-2xl {
        grid-column-end: 7;
    }
    /* Templates */
    .grid-cols-7-2xl {
        --grid-template-column: repeat(7, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-7-2xl {
        grid-column: span 7/span 7;
    }
    /* Cell Column Start/End */
    .grid-cs-7-2xl {
        grid-column-start: 7;
    }
    .grid-ce-7-2xl {
        grid-column-end: 8;
    }
    /* Templates */
    .grid-cols-8-2xl {
        --grid-template-column: repeat(8, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-8-2xl {
        grid-column: span 8/span 8;
    }
    /* Cell Column Start/End */
    .grid-cs-8-2xl {
        grid-column-start: 8;
    }
    .grid-ce-8-2xl {
        grid-column-end: 9;
    }
    /* Templates */
    .grid-cols-9-2xl {
        --grid-template-column: repeat(9, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-9-2xl {
        grid-column: span 9/span 9;
    }
    /* Cell Column Start/End */
    .grid-cs-9-2xl {
        grid-column-start: 9;
    }
    .grid-ce-9-2xl {
        grid-column-end: 10;
    }
    /* Templates */
    .grid-cols-10-2xl {
        --grid-template-column: repeat(10, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-10-2xl {
        grid-column: span 10/span 10;
    }
    /* Cell Column Start/End */
    .grid-cs-10-2xl {
        grid-column-start: 10;
    }
    .grid-ce-10-2xl {
        grid-column-end: 11;
    }
    /* Templates */
    .grid-cols-11-2xl {
        --grid-template-column: repeat(11, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-11-2xl {
        grid-column: span 11/span 11;
    }
    /* Cell Column Start/End */
    .grid-cs-11-2xl {
        grid-column-start: 11;
    }
    .grid-ce-11-2xl {
        grid-column-end: 12;
    }
    /* Templates */
    .grid-cols-12-2xl {
        --grid-template-column: repeat(12, minmax(0, 1fr));
    }
    /* Column expansion */
    .grid-c-12-2xl {
        grid-column: span 12/span 12;
    }
    /* Cell Column Start/End */
    .grid-cs-12-2xl {
        grid-column-start: 12;
    }
    .grid-ce-12-2xl {
        grid-column-end: 13;
    }
    /* Templates */
    .grid-rows-1-2xl {
        --grid-template-column: repeat(1, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-1-2xl {
        grid-row: span 1/span 1;
    }
    /* Cell Row Start/End */
    .grid-rs-1-2xl {
        grid-row-start: 1;
    }
    .grid-re-1-2xl {
        grid-row-end: 2;
    }
    /* Templates */
    .grid-rows-2-2xl {
        --grid-template-column: repeat(2, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-2-2xl {
        grid-row: span 2/span 2;
    }
    /* Cell Row Start/End */
    .grid-rs-2-2xl {
        grid-row-start: 2;
    }
    .grid-re-2-2xl {
        grid-row-end: 3;
    }
    /* Templates */
    .grid-rows-3-2xl {
        --grid-template-column: repeat(3, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-3-2xl {
        grid-row: span 3/span 3;
    }
    /* Cell Row Start/End */
    .grid-rs-3-2xl {
        grid-row-start: 3;
    }
    .grid-re-3-2xl {
        grid-row-end: 4;
    }
    /* Templates */
    .grid-rows-4-2xl {
        --grid-template-column: repeat(4, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-4-2xl {
        grid-row: span 4/span 4;
    }
    /* Cell Row Start/End */
    .grid-rs-4-2xl {
        grid-row-start: 4;
    }
    .grid-re-4-2xl {
        grid-row-end: 5;
    }
    /* Templates */
    .grid-rows-5-2xl {
        --grid-template-column: repeat(5, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-5-2xl {
        grid-row: span 5/span 5;
    }
    /* Cell Row Start/End */
    .grid-rs-5-2xl {
        grid-row-start: 5;
    }
    .grid-re-5-2xl {
        grid-row-end: 6;
    }
    /* Templates */
    .grid-rows-6-2xl {
        --grid-template-column: repeat(6, minmax(0, 1fr));
    }
    /* Row expansion */
    .grid-r-6-2xl {
        grid-row: span 6/span 6;
    }
    /* Cell Row Start/End */
    .grid-rs-6-2xl {
        grid-row-start: 6;
    }
    .grid-re-6-2xl {
        grid-row-end: 7;
    }
    .grid-ce-end-2xl {
        grid-column-end: -1;
    }
    .grid-re-end-2xl {
        grid-row-end: -1;
    }
    .grid-ce-auto-2xl {
        grid-column-end: auto;
    }
    .grid-re-auto-2xl {
        grid-row-end: auto;
    }
}

.u-gap-0 {
    gap: 0rem !important;
}

.u-gap-px {
    gap: 1px !important;
}

.u-gap-1 {
    gap: 0.5rem !important;
}

.u-gap-2 {
    gap: 1rem !important;
}

.u-gap-3 {
    gap: 1.5rem !important;
}

.u-gap-4 {
    gap: 2rem !important;
}

.u-gap-5 {
    gap: 2.5rem !important;
}

.u-gap-6 {
    gap: 3rem !important;
}

.u-gap-8 {
    gap: 4rem !important;
}

.u-gap-10 {
    gap: 5rem !important;
}

.u-gap-12 {
    gap: 6rem !important;
}

.u-gap-16 {
    gap: 8rem !important;
}

.u-gap-20 {
    gap: 10rem !important;
}

.u-gap-24 {
    gap: 12rem !important;
}

.u-gap-32 {
    gap: 16rem !important;
}

.u-gap-48 {
    gap: 24rem !important;
}

.u-gap-64 {
    gap: 32rem !important;
}

.u-row-gap-0 {
    row-gap: 0rem !important;
}

.u-row-gap-px {
    row-gap: 1px !important;
}

.u-row-gap-1 {
    row-gap: 0.5rem !important;
}

.u-row-gap-2 {
    row-gap: 1rem !important;
}

.u-row-gap-3 {
    row-gap: 1.5rem !important;
}

.u-row-gap-4 {
    row-gap: 2rem !important;
}

.u-row-gap-5 {
    row-gap: 2.5rem !important;
}

.u-row-gap-6 {
    row-gap: 3rem !important;
}

.u-row-gap-8 {
    row-gap: 4rem !important;
}

.u-row-gap-10 {
    row-gap: 5rem !important;
}

.u-row-gap-12 {
    row-gap: 6rem !important;
}

.u-row-gap-16 {
    row-gap: 8rem !important;
}

.u-row-gap-20 {
    row-gap: 10rem !important;
}

.u-row-gap-24 {
    row-gap: 12rem !important;
}

.u-row-gap-32 {
    row-gap: 16rem !important;
}

.u-row-gap-48 {
    row-gap: 24rem !important;
}

.u-row-gap-64 {
    row-gap: 32rem !important;
}

.u-col-gap-0 {
    col-gap: 0rem !important;
}

.u-col-gap-px {
    col-gap: 1px !important;
}

.u-col-gap-1 {
    col-gap: 0.5rem !important;
}

.u-col-gap-2 {
    col-gap: 1rem !important;
}

.u-col-gap-3 {
    col-gap: 1.5rem !important;
}

.u-col-gap-4 {
    col-gap: 2rem !important;
}

.u-col-gap-5 {
    col-gap: 2.5rem !important;
}

.u-col-gap-6 {
    col-gap: 3rem !important;
}

.u-col-gap-8 {
    col-gap: 4rem !important;
}

.u-col-gap-10 {
    col-gap: 5rem !important;
}

.u-col-gap-12 {
    col-gap: 6rem !important;
}

.u-col-gap-16 {
    col-gap: 8rem !important;
}

.u-col-gap-20 {
    col-gap: 10rem !important;
}

.u-col-gap-24 {
    col-gap: 12rem !important;
}

.u-col-gap-32 {
    col-gap: 16rem !important;
}

.u-col-gap-48 {
    col-gap: 24rem !important;
}

.u-col-gap-64 {
    col-gap: 32rem !important;
}

/* UTILS */
/* Utility classes to help solve some very annoying issues */
.u-pull-left {
    float: left !important;
}

.u-pull-right {
    float: right !important;
}

@media screen and (min-width: 640px) {
    .u-pull-left-sm {
        float: left !important;
    }
}
@media screen and (min-width: 640px) {
    .u-pull-right-sm {
        float: right !important;
    }
}
@media screen and (min-width: 768px) {
    .u-pull-left-md {
        float: left !important;
    }
}
@media screen and (min-width: 768px) {
    .u-pull-right-md {
        float: right !important;
    }
}
@media screen and (min-width: 1024px) {
    .u-pull-left-lg {
        float: left !important;
    }
}
@media screen and (min-width: 1024px) {
    .u-pull-right-lg {
        float: right !important;
    }
}
@media screen and (min-width: 1280px) {
    .u-pull-left-xl {
        float: left !important;
    }
}
@media screen and (min-width: 1280px) {
    .u-pull-right-xl {
        float: right !important;
    }
}