.gx-col-span-1 {
    grid-column: span 1/span 1;
}

.gx-row-span-1 {
    grid-row: span 1/span 1;
}

.gx-row-start-1 {
    grid-row-start: 1;
}

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

.gx-col-start-1 {
    grid-column-start: 1;
}

.gx-col-end-1 {
    grid-column-end: 1;
}

.gx-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: auto;
}

.gx-col-span-2 {
    grid-column: span 2/span 2;
}

.gx-row-span-2 {
    grid-row: span 2/span 2;
}

.gx-row-start-2 {
    grid-row-start: 2;
}

.gx-row-end-2 {
    grid-row-end: 2;
}

.gx-col-start-2 {
    grid-column-start: 2;
}

.gx-col-end-2 {
    grid-column-end: 2;
}

.gx-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
}

.gx-col-span-3 {
    grid-column: span 3/span 3;
}

.gx-row-span-3 {
    grid-row: span 3/span 3;
}

.gx-row-start-3 {
    grid-row-start: 3;
}

.gx-row-end-3 {
    grid-row-end: 3;
}

.gx-col-start-3 {
    grid-column-start: 3;
}

.gx-col-end-3 {
    grid-column-end: 3;
}

.gx-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto;
}

.gx-col-span-4 {
    grid-column: span 4/span 4;
}

.gx-row-span-4 {
    grid-row: span 4/span 4;
}

.gx-row-start-4 {
    grid-row-start: 4;
}

.gx-row-end-4 {
    grid-row-end: 4;
}

.gx-col-start-4 {
    grid-column-start: 4;
}

.gx-col-end-4 {
    grid-column-end: 4;
}

.gx-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: auto;
}

.gx-col-span-5 {
    grid-column: span 5/span 5;
}

.gx-row-span-5 {
    grid-row: span 5/span 5;
}

.gx-row-start-5 {
    grid-row-start: 5;
}

.gx-row-end-5 {
    grid-row-end: 5;
}

.gx-col-start-5 {
    grid-column-start: 5;
}

.gx-col-end-5 {
    grid-column-end: 5;
}

.gx-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: auto;
}

.gx-col-span-6 {
    grid-column: span 6/span 6;
}

.gx-row-span-6 {
    grid-row: span 6/span 6;
}

.gx-row-start-6 {
    grid-row-start: 6;
}

.gx-row-end-6 {
    grid-row-end: 6;
}

.gx-col-start-6 {
    grid-column-start: 6;
}

.gx-col-end-6 {
    grid-column-end: 6;
}

.gx-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: auto;
}

.gx-col-span-7 {
    grid-column: span 7/span 7;
}

.gx-row-span-7 {
    grid-row: span 7/span 7;
}

.gx-row-start-7 {
    grid-row-start: 7;
}

.gx-row-end-7 {
    grid-row-end: 7;
}

.gx-col-start-7 {
    grid-column-start: 7;
}

.gx-col-end-7 {
    grid-column-end: 7;
}

.gx-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-template-rows: auto;
}

.gx-col-span-8 {
    grid-column: span 8/span 8;
}

.gx-row-span-8 {
    grid-row: span 8/span 8;
}

.gx-row-start-8 {
    grid-row-start: 8;
}

.gx-row-end-8 {
    grid-row-end: 8;
}

.gx-col-start-8 {
    grid-column-start: 8;
}

.gx-col-end-8 {
    grid-column-end: 8;
}

.gx-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-rows: auto;
}

.gx-col-span-9 {
    grid-column: span 9/span 9;
}

.gx-row-span-9 {
    grid-row: span 9/span 9;
}

.gx-row-start-9 {
    grid-row-start: 9;
}

.gx-row-end-9 {
    grid-row-end: 9;
}

.gx-col-start-9 {
    grid-column-start: 9;
}

.gx-col-end-9 {
    grid-column-end: 9;
}

.gx-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
    grid-template-rows: auto;
}

.gx-col-span-10 {
    grid-column: span 10/span 10;
}

.gx-row-span-10 {
    grid-row: span 10/span 10;
}

.gx-row-start-10 {
    grid-row-start: 10;
}

.gx-row-end-10 {
    grid-row-end: 10;
}

.gx-col-start-10 {
    grid-column-start: 10;
}

.gx-col-end-10 {
    grid-column-end: 10;
}

.gx-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-template-rows: auto;
}

.gx-col-span-11 {
    grid-column: span 11/span 11;
}

.gx-row-span-11 {
    grid-row: span 11/span 11;
}

.gx-row-start-11 {
    grid-row-start: 11;
}

.gx-row-end-11 {
    grid-row-end: 11;
}

.gx-col-start-11 {
    grid-column-start: 11;
}

.gx-col-end-11 {
    grid-column-end: 11;
}

.gx-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
    grid-template-rows: auto;
}

.gx-col-span-12 {
    grid-column: span 12/span 12;
}

.gx-row-span-12 {
    grid-row: span 12/span 12;
}

.gx-row-start-12 {
    grid-row-start: 12;
}

.gx-row-end-12 {
    grid-row-end: 12;
}

.gx-col-start-12 {
    grid-column-start: 12;
}

.gx-col-end-12 {
    grid-column-end: 12;
}

.gx-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: auto;
}

.align-center {
    align-items: center;
}

.justify-center {
    justify-items: center;
}

.align-content-center {
    align-content: center;
}

.justify-content-center {
    justify-content: center;
}

.self-justify-center {
    justify-self: center;
}

.self-align-center {
    align-self: center;
}

.align-start {
    align-items: start;
}

.justify-start {
    justify-items: start;
}

.align-content-start {
    align-content: start;
}

.justify-content-start {
    justify-content: start;
}

.self-justify-start {
    justify-self: start;
}

.self-align-start {
    align-self: start;
}

.align-end {
    align-items: end;
}

.justify-end {
    justify-items: end;
}

.align-content-end {
    align-content: end;
}

.justify-content-end {
    justify-content: end;
}

.self-justify-end {
    justify-self: end;
}

.self-align-end {
    align-self: end;
}

.align-between {
    align-content: space-between;
}

.justify-between {
    justify-content: space-between;
}

.align-content-between {
    align-content: space-between;
}

.justify-content-between {
    justify-content: space-between;
}

.self-justify-between {
    justify-self: space-between;
}

.self-align-between {
    align-self: space-between;
}

.align-around {
    align-items: space-around;
}

.justify-around {
    justify-items: space-around;
}

.align-content-around {
    align-content: space-around;
}

.justify-content-around {
    justify-content: space-around;
}

.self-justify-around {
    justify-self: space-around;
}

.self-align-around {
    align-self: space-around;
}

.align-evenly {
    align-items: space-evenly;
}

.justify-evenly {
    justify-items: space-evenly;
}

.align-content-evenly {
    align-content: space-evenly;
}

.justify-content-evenly {
    justify-content: space-evenly;
}

.self-justify-evenly {
    justify-self: space-evenly;
}

.self-align-evenly {
    align-self: space-evenly;
}

.align-baseline {
    align-items: baseline;
}

.justify-baseline {
    justify-items: baseline;
}

.align-content-baseline {
    align-content: baseline;
}

.justify-content-baseline {
    justify-content: baseline;
}

.self-justify-baseline {
    justify-self: baseline;
}

.self-align-baseline {
    align-self: baseline;
}

.align-stretch {
    align-items: stretch;
}

.justify-stretch {
    justify-items: stretch;
}

.align-content-stretch {
    align-content: stretch;
}

.justify-content-stretch {
    justify-content: stretch;
}

.self-justify-stretch {
    justify-self: stretch;
}

.self-align-stretch {
    align-self: stretch;
}

.fx-row {
    display: flex;
}

.fx-row-wrap {
    display: flex;
    flex-wrap: wrap;
}

.fx-col {
    display: flex;
    flex-direction: column;
}

.fx-col-wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.gap-4 {
    gap: 4px;
}

.gx-row-gap-4 {
    row-gap: 4px;
}

.gx-col-gap-4 {
    column-gap: 4px;
}

.gap-8 {
    gap: 8px;
}

.gx-row-gap-8 {
    row-gap: 8px;
}

.gx-col-gap-8 {
    column-gap: 8px;
}

.gap-12 {
    gap: 12px;
}

.gx-row-gap-12 {
    row-gap: 12px;
}

.gx-col-gap-12 {
    column-gap: 12px;
}

.gap-16 {
    gap: 16px;
}

.gx-row-gap-16 {
    row-gap: 16px;
}

.gx-col-gap-16 {
    column-gap: 16px;
}

.gap-18 {
    gap: 18px;
}

.gx-row-gap-18 {
    row-gap: 18px;
}

.gx-col-gap-18 {
    column-gap: 18px;
}

.gap-24 {
    gap: 24px;
}

.gx-row-gap-24 {
    row-gap: 24px;
}

.gx-col-gap-24 {
    column-gap: 24px;
}

.gap-32 {
    gap: 32px;
}

.gx-row-gap-32 {
    row-gap: 32px;
}

.gx-col-gap-32 {
    column-gap: 32px;
}

.gap-48 {
    gap: 48px;
}

.gx-row-gap-48 {
    row-gap: 48px;
}

.gx-col-gap-48 {
    column-gap: 48px;
}

.gap-52 {
    gap: 52px;
}

.gx-row-gap-52 {
    row-gap: 52px;
}

.gx-col-gap-52 {
    column-gap: 52px;
}

.gap-56 {
    gap: 56px;
}

.gx-row-gap-56 {
    row-gap: 56px;
}

.gx-col-gap-56 {
    column-gap: 56px;
}

.gap-64 {
    gap: 64px;
}

.gx-row-gap-64 {
    row-gap: 64px;
}

.gx-col-gap-64 {
    column-gap: 64px;
}

.gap-96 {
    gap: 96px;
}

.gx-row-gap-96 {
    row-gap: 96px;
}

.gx-col-gap-96 {
    column-gap: 96px;
}

@media only screen and (max-width: 1440px) {
    .gx-cols-1-xxlg {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .gx-col-span-1-xxlg {
        grid-column: span 1/span 1;
    }

    .gx-row-span-1-xxlg {
        grid-row: span 1/span 1;
    }

    .gx-row-start-1-xxlg {
        grid-row-start: 1;
    }

    .gx-row-end-1-xxlg {
        grid-row-end: 1;
    }

    .gx-col-start-1-xxlg {
        grid-column-start: 1;
    }

    .gx-col-end-1-xxlg {
        grid-column-end: 1;
    }

    .gx-cols-2-xxlg {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gx-col-span-2-xxlg {
        grid-column: span 2/span 2;
    }

    .gx-row-span-2-xxlg {
        grid-row: span 2/span 2;
    }

    .gx-row-start-2-xxlg {
        grid-row-start: 2;
    }

    .gx-row-end-2-xxlg {
        grid-row-end: 2;
    }

    .gx-col-start-2-xxlg {
        grid-column-start: 2;
    }

    .gx-col-end-2-xxlg {
        grid-column-end: 2;
    }

    .gx-cols-3-xxlg {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gx-col-span-3-xxlg {
        grid-column: span 3/span 3;
    }

    .gx-row-span-3-xxlg {
        grid-row: span 3/span 3;
    }

    .gx-row-start-3-xxlg {
        grid-row-start: 3;
    }

    .gx-row-end-3-xxlg {
        grid-row-end: 3;
    }

    .gx-col-start-3-xxlg {
        grid-column-start: 3;
    }

    .gx-col-end-3-xxlg {
        grid-column-end: 3;
    }

    .gx-cols-4-xxlg {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gx-col-span-4-xxlg {
        grid-column: span 4/span 4;
    }

    .gx-row-span-4-xxlg {
        grid-row: span 4/span 4;
    }

    .gx-row-start-4-xxlg {
        grid-row-start: 4;
    }

    .gx-row-end-4-xxlg {
        grid-row-end: 4;
    }

    .gx-col-start-4-xxlg {
        grid-column-start: 4;
    }

    .gx-col-end-4-xxlg {
        grid-column-end: 4;
    }

    .gx-cols-5-xxlg {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .gx-col-span-5-xxlg {
        grid-column: span 5/span 5;
    }

    .gx-row-span-5-xxlg {
        grid-row: span 5/span 5;
    }

    .gx-row-start-5-xxlg {
        grid-row-start: 5;
    }

    .gx-row-end-5-xxlg {
        grid-row-end: 5;
    }

    .gx-col-start-5-xxlg {
        grid-column-start: 5;
    }

    .gx-col-end-5-xxlg {
        grid-column-end: 5;
    }

    .gx-cols-6-xxlg {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .gx-col-span-6-xxlg {
        grid-column: span 6/span 6;
    }

    .gx-row-span-6-xxlg {
        grid-row: span 6/span 6;
    }

    .gx-row-start-6-xxlg {
        grid-row-start: 6;
    }

    .gx-row-end-6-xxlg {
        grid-row-end: 6;
    }

    .gx-col-start-6-xxlg {
        grid-column-start: 6;
    }

    .gx-col-end-6-xxlg {
        grid-column-end: 6;
    }

    .gx-cols-7-xxlg {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .gx-col-span-7-xxlg {
        grid-column: span 7/span 7;
    }

    .gx-row-span-7-xxlg {
        grid-row: span 7/span 7;
    }

    .gx-row-start-7-xxlg {
        grid-row-start: 7;
    }

    .gx-row-end-7-xxlg {
        grid-row-end: 7;
    }

    .gx-col-start-7-xxlg {
        grid-column-start: 7;
    }

    .gx-col-end-7-xxlg {
        grid-column-end: 7;
    }

    .gx-cols-8-xxlg {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .gx-col-span-8-xxlg {
        grid-column: span 8/span 8;
    }

    .gx-row-span-8-xxlg {
        grid-row: span 8/span 8;
    }

    .gx-row-start-8-xxlg {
        grid-row-start: 8;
    }

    .gx-row-end-8-xxlg {
        grid-row-end: 8;
    }

    .gx-col-start-8-xxlg {
        grid-column-start: 8;
    }

    .gx-col-end-8-xxlg {
        grid-column-end: 8;
    }

    .gx-cols-9-xxlg {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }

    .gx-col-span-9-xxlg {
        grid-column: span 9/span 9;
    }

    .gx-row-span-9-xxlg {
        grid-row: span 9/span 9;
    }

    .gx-row-start-9-xxlg {
        grid-row-start: 9;
    }

    .gx-row-end-9-xxlg {
        grid-row-end: 9;
    }

    .gx-col-start-9-xxlg {
        grid-column-start: 9;
    }

    .gx-col-end-9-xxlg {
        grid-column-end: 9;
    }

    .gx-cols-10-xxlg {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }

    .gx-col-span-10-xxlg {
        grid-column: span 10/span 10;
    }

    .gx-row-span-10-xxlg {
        grid-row: span 10/span 10;
    }

    .gx-row-start-10-xxlg {
        grid-row-start: 10;
    }

    .gx-row-end-10-xxlg {
        grid-row-end: 10;
    }

    .gx-col-start-10-xxlg {
        grid-column-start: 10;
    }

    .gx-col-end-10-xxlg {
        grid-column-end: 10;
    }

    .gx-cols-11-xxlg {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }

    .gx-col-span-11-xxlg {
        grid-column: span 11/span 11;
    }

    .gx-row-span-11-xxlg {
        grid-row: span 11/span 11;
    }

    .gx-row-start-11-xxlg {
        grid-row-start: 11;
    }

    .gx-row-end-11-xxlg {
        grid-row-end: 11;
    }

    .gx-col-start-11-xxlg {
        grid-column-start: 11;
    }

    .gx-col-end-11-xxlg {
        grid-column-end: 11;
    }

    .gx-cols-12-xxlg {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .gx-col-span-12-xxlg {
        grid-column: span 12/span 12;
    }

    .gx-row-span-12-xxlg {
        grid-row: span 12/span 12;
    }

    .gx-row-start-12-xxlg {
        grid-row-start: 12;
    }

    .gx-row-end-12-xxlg {
        grid-row-end: 12;
    }

    .gx-col-start-12-xxlg {
        grid-column-start: 12;
    }

    .gx-col-end-12-xxlg {
        grid-column-end: 12;
    }

    .align-center-xxlg {
        align-items: center;
    }

    .justify-center-xxlg {
        justify-items: center;
    }

    .align-content-center-xxlg {
        align-content: center;
    }

    .justify-content-center-xxlg {
        justify-content: center;
    }

    .self-justify-center-xxlg {
        justify-self: center;
    }

    .self-align-center-xxlg {
        align-self: center;
    }

    .align-start-xxlg {
        align-items: start;
    }

    .justify-start-xxlg {
        justify-items: start;
    }

    .align-content-start-xxlg {
        align-content: start;
    }

    .justify-content-start-xxlg {
        justify-content: start;
    }

    .self-justify-start-xxlg {
        justify-self: start;
    }

    .self-align-start-xxlg {
        align-self: start;
    }

    .align-end-xxlg {
        align-items: end;
    }

    .justify-end-xxlg {
        justify-items: end;
    }

    .align-content-end-xxlg {
        align-content: end;
    }

    .justify-content-end-xxlg {
        justify-content: end;
    }

    .self-justify-end-xxlg {
        justify-self: end;
    }

    .self-align-end-xxlg {
        align-self: end;
    }

    .align-between-xxlg {
        align-items: space-between;
    }

    .justify-between-xxlg {
        justify-items: space-between;
    }

    .align-content-between-xxlg {
        align-content: space-between;
    }

    .justify-content-between-xxlg {
        justify-content: space-between;
    }

    .self-justify-between-xxlg {
        justify-self: space-between;
    }

    .self-align-between-xxlg {
        align-self: space-between;
    }

    .align-around-xxlg {
        align-items: space-around;
    }

    .justify-around-xxlg {
        justify-items: space-around;
    }

    .align-content-around-xxlg {
        align-content: space-around;
    }

    .justify-content-around-xxlg {
        justify-content: space-around;
    }

    .self-justify-around-xxlg {
        justify-self: space-around;
    }

    .self-align-around-xxlg {
        align-self: space-around;
    }

    .align-evenly-xxlg {
        align-items: space-evenly;
    }

    .justify-evenly-xxlg {
        justify-items: space-evenly;
    }

    .align-content-evenly-xxlg {
        align-content: space-evenly;
    }

    .justify-content-evenly-xxlg {
        justify-content: space-evenly;
    }

    .self-justify-evenly-xxlg {
        justify-self: space-evenly;
    }

    .self-align-evenly-xxlg {
        align-self: space-evenly;
    }

    .align-baseline-xxlg {
        align-items: baseline;
    }

    .justify-baseline-xxlg {
        justify-items: baseline;
    }

    .align-content-baseline-xxlg {
        align-content: baseline;
    }

    .justify-content-baseline-xxlg {
        justify-content: baseline;
    }

    .self-justify-baseline-xxlg {
        justify-self: baseline;
    }

    .self-align-baseline-xxlg {
        align-self: baseline;
    }

    .align-stretch-xxlg {
        align-items: stretch;
    }

    .justify-stretch-xxlg {
        justify-items: stretch;
    }

    .align-content-stretch-xxlg {
        align-content: stretch;
    }

    .justify-content-stretch-xxlg {
        justify-content: stretch;
    }

    .self-justify-stretch-xxlg {
        justify-self: stretch;
    }

    .self-align-stretch-xxlg {
        align-self: stretch;
    }

    .fx-row-xxlg {
        display: flex;
    }

    .fx-row-wrap-xxlg {
        display: flex;
        flex-wrap: wrap;
    }

    .fx-col-xxlg {
        display: flex;
        flex-direction: column;
    }

    .fx-col-wrap-xxlg {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 1280px) {
    .gx-cols-1-xlg {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .gx-col-span-1-xlg {
        grid-column: span 1/span 1;
    }

    .gx-row-span-1-xlg {
        grid-row: span 1/span 1;
    }

    .gx-row-start-1-xlg {
        grid-row-start: 1;
    }

    .gx-row-end-1-xlg {
        grid-row-end: 1;
    }

    .gx-col-start-1-xlg {
        grid-column-start: 1;
    }

    .gx-col-end-1-xlg {
        grid-column-end: 1;
    }

    .gx-cols-2-xlg {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gx-col-span-2-xlg {
        grid-column: span 2/span 2;
    }

    .gx-row-span-2-xlg {
        grid-row: span 2/span 2;
    }

    .gx-row-start-2-xlg {
        grid-row-start: 2;
    }

    .gx-row-end-2-xlg {
        grid-row-end: 2;
    }

    .gx-col-start-2-xlg {
        grid-column-start: 2;
    }

    .gx-col-end-2-xlg {
        grid-column-end: 2;
    }

    .gx-cols-3-xlg {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gx-col-span-3-xlg {
        grid-column: span 3/span 3;
    }

    .gx-row-span-3-xlg {
        grid-row: span 3/span 3;
    }

    .gx-row-start-3-xlg {
        grid-row-start: 3;
    }

    .gx-row-end-3-xlg {
        grid-row-end: 3;
    }

    .gx-col-start-3-xlg {
        grid-column-start: 3;
    }

    .gx-col-end-3-xlg {
        grid-column-end: 3;
    }

    .gx-cols-4-xlg {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gx-col-span-4-xlg {
        grid-column: span 4/span 4;
    }

    .gx-row-span-4-xlg {
        grid-row: span 4/span 4;
    }

    .gx-row-start-4-xlg {
        grid-row-start: 4;
    }

    .gx-row-end-4-xlg {
        grid-row-end: 4;
    }

    .gx-col-start-4-xlg {
        grid-column-start: 4;
    }

    .gx-col-end-4-xlg {
        grid-column-end: 4;
    }

    .gx-cols-5-xlg {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .gx-col-span-5-xlg {
        grid-column: span 5/span 5;
    }

    .gx-row-span-5-xlg {
        grid-row: span 5/span 5;
    }

    .gx-row-start-5-xlg {
        grid-row-start: 5;
    }

    .gx-row-end-5-xlg {
        grid-row-end: 5;
    }

    .gx-col-start-5-xlg {
        grid-column-start: 5;
    }

    .gx-col-end-5-xlg {
        grid-column-end: 5;
    }

    .gx-cols-6-xlg {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .gx-col-span-6-xlg {
        grid-column: span 6/span 6;
    }

    .gx-row-span-6-xlg {
        grid-row: span 6/span 6;
    }

    .gx-row-start-6-xlg {
        grid-row-start: 6;
    }

    .gx-row-end-6-xlg {
        grid-row-end: 6;
    }

    .gx-col-start-6-xlg {
        grid-column-start: 6;
    }

    .gx-col-end-6-xlg {
        grid-column-end: 6;
    }

    .gx-cols-7-xlg {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .gx-col-span-7-xlg {
        grid-column: span 7/span 7;
    }

    .gx-row-span-7-xlg {
        grid-row: span 7/span 7;
    }

    .gx-row-start-7-xlg {
        grid-row-start: 7;
    }

    .gx-row-end-7-xlg {
        grid-row-end: 7;
    }

    .gx-col-start-7-xlg {
        grid-column-start: 7;
    }

    .gx-col-end-7-xlg {
        grid-column-end: 7;
    }

    .gx-cols-8-xlg {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .gx-col-span-8-xlg {
        grid-column: span 8/span 8;
    }

    .gx-row-span-8-xlg {
        grid-row: span 8/span 8;
    }

    .gx-row-start-8-xlg {
        grid-row-start: 8;
    }

    .gx-row-end-8-xlg {
        grid-row-end: 8;
    }

    .gx-col-start-8-xlg {
        grid-column-start: 8;
    }

    .gx-col-end-8-xlg {
        grid-column-end: 8;
    }

    .gx-cols-9-xlg {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }

    .gx-col-span-9-xlg {
        grid-column: span 9/span 9;
    }

    .gx-row-span-9-xlg {
        grid-row: span 9/span 9;
    }

    .gx-row-start-9-xlg {
        grid-row-start: 9;
    }

    .gx-row-end-9-xlg {
        grid-row-end: 9;
    }

    .gx-col-start-9-xlg {
        grid-column-start: 9;
    }

    .gx-col-end-9-xlg {
        grid-column-end: 9;
    }

    .gx-cols-10-xlg {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }

    .gx-col-span-10-xlg {
        grid-column: span 10/span 10;
    }

    .gx-row-span-10-xlg {
        grid-row: span 10/span 10;
    }

    .gx-row-start-10-xlg {
        grid-row-start: 10;
    }

    .gx-row-end-10-xlg {
        grid-row-end: 10;
    }

    .gx-col-start-10-xlg {
        grid-column-start: 10;
    }

    .gx-col-end-10-xlg {
        grid-column-end: 10;
    }

    .gx-cols-11-xlg {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }

    .gx-col-span-11-xlg {
        grid-column: span 11/span 11;
    }

    .gx-row-span-11-xlg {
        grid-row: span 11/span 11;
    }

    .gx-row-start-11-xlg {
        grid-row-start: 11;
    }

    .gx-row-end-11-xlg {
        grid-row-end: 11;
    }

    .gx-col-start-11-xlg {
        grid-column-start: 11;
    }

    .gx-col-end-11-xlg {
        grid-column-end: 11;
    }

    .gx-cols-12-xlg {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .gx-col-span-12-xlg {
        grid-column: span 12/span 12;
    }

    .gx-row-span-12-xlg {
        grid-row: span 12/span 12;
    }

    .gx-row-start-12-xlg {
        grid-row-start: 12;
    }

    .gx-row-end-12-xlg {
        grid-row-end: 12;
    }

    .gx-col-start-12-xlg {
        grid-column-start: 12;
    }

    .gx-col-end-12-xlg {
        grid-column-end: 12;
    }

    .align-center-xlg {
        align-items: center;
    }

    .justify-center-xlg {
        justify-items: center;
    }

    .align-content-center-xlg {
        align-content: center;
    }

    .justify-content-center-xlg {
        justify-content: center;
    }

    .self-justify-center-xlg {
        justify-self: center;
    }

    .self-align-center-xlg {
        align-self: center;
    }

    .align-start-xlg {
        align-items: start;
    }

    .justify-start-xlg {
        justify-items: start;
    }

    .align-content-start-xlg {
        align-content: start;
    }

    .justify-content-start-xlg {
        justify-content: start;
    }

    .self-justify-start-xlg {
        justify-self: start;
    }

    .self-align-start-xlg {
        align-self: start;
    }

    .align-end-xlg {
        align-items: end;
    }

    .justify-end-xlg {
        justify-items: end;
    }

    .align-content-end-xlg {
        align-content: end;
    }

    .justify-content-end-xlg {
        justify-content: end;
    }

    .self-justify-end-xlg {
        justify-self: end;
    }

    .self-align-end-xlg {
        align-self: end;
    }

    .align-between-xlg {
        align-items: space-between;
    }

    .justify-between-xlg {
        justify-items: space-between;
    }

    .align-content-between-xlg {
        align-content: space-between;
    }

    .justify-content-between-xlg {
        justify-content: space-between;
    }

    .self-justify-between-xlg {
        justify-self: space-between;
    }

    .self-align-between-xlg {
        align-self: space-between;
    }

    .align-around-xlg {
        align-items: space-around;
    }

    .justify-around-xlg {
        justify-items: space-around;
    }

    .align-content-around-xlg {
        align-content: space-around;
    }

    .justify-content-around-xlg {
        justify-content: space-around;
    }

    .self-justify-around-xlg {
        justify-self: space-around;
    }

    .self-align-around-xlg {
        align-self: space-around;
    }

    .align-evenly-xlg {
        align-items: space-evenly;
    }

    .justify-evenly-xlg {
        justify-items: space-evenly;
    }

    .align-content-evenly-xlg {
        align-content: space-evenly;
    }

    .justify-content-evenly-xlg {
        justify-content: space-evenly;
    }

    .self-justify-evenly-xlg {
        justify-self: space-evenly;
    }

    .self-align-evenly-xlg {
        align-self: space-evenly;
    }

    .align-baseline-xlg {
        align-items: baseline;
    }

    .justify-baseline-xlg {
        justify-items: baseline;
    }

    .align-content-baseline-xlg {
        align-content: baseline;
    }

    .justify-content-baseline-xlg {
        justify-content: baseline;
    }

    .self-justify-baseline-xlg {
        justify-self: baseline;
    }

    .self-align-baseline-xlg {
        align-self: baseline;
    }

    .align-stretch-xlg {
        align-items: stretch;
    }

    .justify-stretch-xlg {
        justify-items: stretch;
    }

    .align-content-stretch-xlg {
        align-content: stretch;
    }

    .justify-content-stretch-xlg {
        justify-content: stretch;
    }

    .self-justify-stretch-xlg {
        justify-self: stretch;
    }

    .self-align-stretch-xlg {
        align-self: stretch;
    }

    .fx-row-xlg {
        display: flex;
    }

    .fx-row-wrap-xlg {
        display: flex;
        flex-wrap: wrap;
    }

    .fx-col-xlg {
        display: flex;
        flex-direction: column;
    }

    .fx-col-wrap-xlg {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 1024px) {
    .gx-cols-1-lg {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .gx-col-span-1-lg {
        grid-column: span 1/span 1;
    }

    .gx-row-span-1-lg {
        grid-row: span 1/span 1;
    }

    .gx-row-start-1-lg {
        grid-row-start: 1;
    }

    .gx-row-end-1-lg {
        grid-row-end: 1;
    }

    .gx-col-start-1-lg {
        grid-column-start: 1;
    }

    .gx-col-end-1-lg {
        grid-column-end: 1;
    }

    .gx-cols-2-lg {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gx-col-span-2-lg {
        grid-column: span 2/span 2;
    }

    .gx-row-span-2-lg {
        grid-row: span 2/span 2;
    }

    .gx-row-start-2-lg {
        grid-row-start: 2;
    }

    .gx-row-end-2-lg {
        grid-row-end: 2;
    }

    .gx-col-start-2-lg {
        grid-column-start: 2;
    }

    .gx-col-end-2-lg {
        grid-column-end: 2;
    }

    .gx-cols-3-lg {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gx-col-span-3-lg {
        grid-column: span 3/span 3;
    }

    .gx-row-span-3-lg {
        grid-row: span 3/span 3;
    }

    .gx-row-start-3-lg {
        grid-row-start: 3;
    }

    .gx-row-end-3-lg {
        grid-row-end: 3;
    }

    .gx-col-start-3-lg {
        grid-column-start: 3;
    }

    .gx-col-end-3-lg {
        grid-column-end: 3;
    }

    .gx-cols-4-lg {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gx-col-span-4-lg {
        grid-column: span 4/span 4;
    }

    .gx-row-span-4-lg {
        grid-row: span 4/span 4;
    }

    .gx-row-start-4-lg {
        grid-row-start: 4;
    }

    .gx-row-end-4-lg {
        grid-row-end: 4;
    }

    .gx-col-start-4-lg {
        grid-column-start: 4;
    }

    .gx-col-end-4-lg {
        grid-column-end: 4;
    }

    .gx-cols-5-lg {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .gx-col-span-5-lg {
        grid-column: span 5/span 5;
    }

    .gx-row-span-5-lg {
        grid-row: span 5/span 5;
    }

    .gx-row-start-5-lg {
        grid-row-start: 5;
    }

    .gx-row-end-5-lg {
        grid-row-end: 5;
    }

    .gx-col-start-5-lg {
        grid-column-start: 5;
    }

    .gx-col-end-5-lg {
        grid-column-end: 5;
    }

    .gx-cols-6-lg {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .gx-col-span-6-lg {
        grid-column: span 6/span 6;
    }

    .gx-row-span-6-lg {
        grid-row: span 6/span 6;
    }

    .gx-row-start-6-lg {
        grid-row-start: 6;
    }

    .gx-row-end-6-lg {
        grid-row-end: 6;
    }

    .gx-col-start-6-lg {
        grid-column-start: 6;
    }

    .gx-col-end-6-lg {
        grid-column-end: 6;
    }

    .gx-cols-7-lg {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .gx-col-span-7-lg {
        grid-column: span 7/span 7;
    }

    .gx-row-span-7-lg {
        grid-row: span 7/span 7;
    }

    .gx-row-start-7-lg {
        grid-row-start: 7;
    }

    .gx-row-end-7-lg {
        grid-row-end: 7;
    }

    .gx-col-start-7-lg {
        grid-column-start: 7;
    }

    .gx-col-end-7-lg {
        grid-column-end: 7;
    }

    .gx-cols-8-lg {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .gx-col-span-8-lg {
        grid-column: span 8/span 8;
    }

    .gx-row-span-8-lg {
        grid-row: span 8/span 8;
    }

    .gx-row-start-8-lg {
        grid-row-start: 8;
    }

    .gx-row-end-8-lg {
        grid-row-end: 8;
    }

    .gx-col-start-8-lg {
        grid-column-start: 8;
    }

    .gx-col-end-8-lg {
        grid-column-end: 8;
    }

    .gx-cols-9-lg {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }

    .gx-col-span-9-lg {
        grid-column: span 9/span 9;
    }

    .gx-row-span-9-lg {
        grid-row: span 9/span 9;
    }

    .gx-row-start-9-lg {
        grid-row-start: 9;
    }

    .gx-row-end-9-lg {
        grid-row-end: 9;
    }

    .gx-col-start-9-lg {
        grid-column-start: 9;
    }

    .gx-col-end-9-lg {
        grid-column-end: 9;
    }

    .gx-cols-10-lg {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }

    .gx-col-span-10-lg {
        grid-column: span 10/span 10;
    }

    .gx-row-span-10-lg {
        grid-row: span 10/span 10;
    }

    .gx-row-start-10-lg {
        grid-row-start: 10;
    }

    .gx-row-end-10-lg {
        grid-row-end: 10;
    }

    .gx-col-start-10-lg {
        grid-column-start: 10;
    }

    .gx-col-end-10-lg {
        grid-column-end: 10;
    }

    .gx-cols-11-lg {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }

    .gx-col-span-11-lg {
        grid-column: span 11/span 11;
    }

    .gx-row-span-11-lg {
        grid-row: span 11/span 11;
    }

    .gx-row-start-11-lg {
        grid-row-start: 11;
    }

    .gx-row-end-11-lg {
        grid-row-end: 11;
    }

    .gx-col-start-11-lg {
        grid-column-start: 11;
    }

    .gx-col-end-11-lg {
        grid-column-end: 11;
    }

    .gx-cols-12-lg {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .gx-col-span-12-lg {
        grid-column: span 12/span 12;
    }

    .gx-row-span-12-lg {
        grid-row: span 12/span 12;
    }

    .gx-row-start-12-lg {
        grid-row-start: 12;
    }

    .gx-row-end-12-lg {
        grid-row-end: 12;
    }

    .gx-col-start-12-lg {
        grid-column-start: 12;
    }

    .gx-col-end-12-lg {
        grid-column-end: 12;
    }

    .align-center-lg {
        align-items: center;
    }

    .justify-center-lg {
        justify-items: center;
    }

    .align-content-center-lg {
        align-content: center;
    }

    .justify-content-center-lg {
        justify-content: center;
    }

    .self-justify-center-lg {
        justify-self: center;
    }

    .self-align-center-lg {
        align-self: center;
    }

    .align-start-lg {
        align-items: start;
    }

    .justify-start-lg {
        justify-items: start;
    }

    .align-content-start-lg {
        align-content: start;
    }

    .justify-content-start-lg {
        justify-content: start;
    }

    .self-justify-start-lg {
        justify-self: start;
    }

    .self-align-start-lg {
        align-self: start;
    }

    .align-end-lg {
        align-items: end;
    }

    .justify-end-lg {
        justify-items: end;
    }

    .align-content-end-lg {
        align-content: end;
    }

    .justify-content-end-lg {
        justify-content: end;
    }

    .self-justify-end-lg {
        justify-self: end;
    }

    .self-align-end-lg {
        align-self: end;
    }

    .align-between-lg {
        align-items: space-between;
    }

    .justify-between-lg {
        justify-items: space-between;
    }

    .align-content-between-lg {
        align-content: space-between;
    }

    .justify-content-between-lg {
        justify-content: space-between;
    }

    .self-justify-between-lg {
        justify-self: space-between;
    }

    .self-align-between-lg {
        align-self: space-between;
    }

    .align-around-lg {
        align-items: space-around;
    }

    .justify-around-lg {
        justify-items: space-around;
    }

    .align-content-around-lg {
        align-content: space-around;
    }

    .justify-content-around-lg {
        justify-content: space-around;
    }

    .self-justify-around-lg {
        justify-self: space-around;
    }

    .self-align-around-lg {
        align-self: space-around;
    }

    .align-evenly-lg {
        align-items: space-evenly;
    }

    .justify-evenly-lg {
        justify-items: space-evenly;
    }

    .align-content-evenly-lg {
        align-content: space-evenly;
    }

    .justify-content-evenly-lg {
        justify-content: space-evenly;
    }

    .self-justify-evenly-lg {
        justify-self: space-evenly;
    }

    .self-align-evenly-lg {
        align-self: space-evenly;
    }

    .align-baseline-lg {
        align-items: baseline;
    }

    .justify-baseline-lg {
        justify-items: baseline;
    }

    .align-content-baseline-lg {
        align-content: baseline;
    }

    .justify-content-baseline-lg {
        justify-content: baseline;
    }

    .self-justify-baseline-lg {
        justify-self: baseline;
    }

    .self-align-baseline-lg {
        align-self: baseline;
    }

    .align-stretch-lg {
        align-items: stretch;
    }

    .justify-stretch-lg {
        justify-items: stretch;
    }

    .align-content-stretch-lg {
        align-content: stretch;
    }

    .justify-content-stretch-lg {
        justify-content: stretch;
    }

    .self-justify-stretch-lg {
        justify-self: stretch;
    }

    .self-align-stretch-lg {
        align-self: stretch;
    }

    .fx-row-lg {
        display: flex;
    }

    .fx-row-wrap-lg {
        display: flex;
        flex-wrap: wrap;
    }

    .fx-col-lg {
        display: flex;
        flex-direction: column;
    }

    .fx-col-wrap-lg {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 768px) {
    .gx-cols-1-md {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .gx-col-span-1-md {
        grid-column: span 1/span 1;
    }

    .gx-row-span-1-md {
        grid-row: span 1/span 1;
    }

    .gx-row-start-1-md {
        grid-row-start: 1;
    }

    .gx-row-end-1-md {
        grid-row-end: 1;
    }

    .gx-col-start-1-md {
        grid-column-start: 1;
    }

    .gx-col-end-1-md {
        grid-column-end: 1;
    }

    .gx-cols-2-md {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gx-col-span-2-md {
        grid-column: span 2/span 2;
    }

    .gx-row-span-2-md {
        grid-row: span 2/span 2;
    }

    .gx-row-start-2-md {
        grid-row-start: 2;
    }

    .gx-row-end-2-md {
        grid-row-end: 2;
    }

    .gx-col-start-2-md {
        grid-column-start: 2;
    }

    .gx-col-end-2-md {
        grid-column-end: 2;
    }

    .gx-cols-3-md {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gx-col-span-3-md {
        grid-column: span 3/span 3;
    }

    .gx-row-span-3-md {
        grid-row: span 3/span 3;
    }

    .gx-row-start-3-md {
        grid-row-start: 3;
    }

    .gx-row-end-3-md {
        grid-row-end: 3;
    }

    .gx-col-start-3-md {
        grid-column-start: 3;
    }

    .gx-col-end-3-md {
        grid-column-end: 3;
    }

    .gx-cols-4-md {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gx-col-span-4-md {
        grid-column: span 4/span 4;
    }

    .gx-row-span-4-md {
        grid-row: span 4/span 4;
    }

    .gx-row-start-4-md {
        grid-row-start: 4;
    }

    .gx-row-end-4-md {
        grid-row-end: 4;
    }

    .gx-col-start-4-md {
        grid-column-start: 4;
    }

    .gx-col-end-4-md {
        grid-column-end: 4;
    }

    .gx-cols-5-md {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .gx-col-span-5-md {
        grid-column: span 5/span 5;
    }

    .gx-row-span-5-md {
        grid-row: span 5/span 5;
    }

    .gx-row-start-5-md {
        grid-row-start: 5;
    }

    .gx-row-end-5-md {
        grid-row-end: 5;
    }

    .gx-col-start-5-md {
        grid-column-start: 5;
    }

    .gx-col-end-5-md {
        grid-column-end: 5;
    }

    .gx-cols-6-md {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .gx-col-span-6-md {
        grid-column: span 6/span 6;
    }

    .gx-row-span-6-md {
        grid-row: span 6/span 6;
    }

    .gx-row-start-6-md {
        grid-row-start: 6;
    }

    .gx-row-end-6-md {
        grid-row-end: 6;
    }

    .gx-col-start-6-md {
        grid-column-start: 6;
    }

    .gx-col-end-6-md {
        grid-column-end: 6;
    }

    .gx-cols-7-md {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .gx-col-span-7-md {
        grid-column: span 7/span 7;
    }

    .gx-row-span-7-md {
        grid-row: span 7/span 7;
    }

    .gx-row-start-7-md {
        grid-row-start: 7;
    }

    .gx-row-end-7-md {
        grid-row-end: 7;
    }

    .gx-col-start-7-md {
        grid-column-start: 7;
    }

    .gx-col-end-7-md {
        grid-column-end: 7;
    }

    .gx-cols-8-md {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .gx-col-span-8-md {
        grid-column: span 8/span 8;
    }

    .gx-row-span-8-md {
        grid-row: span 8/span 8;
    }

    .gx-row-start-8-md {
        grid-row-start: 8;
    }

    .gx-row-end-8-md {
        grid-row-end: 8;
    }

    .gx-col-start-8-md {
        grid-column-start: 8;
    }

    .gx-col-end-8-md {
        grid-column-end: 8;
    }

    .gx-cols-9-md {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }

    .gx-col-span-9-md {
        grid-column: span 9/span 9;
    }

    .gx-row-span-9-md {
        grid-row: span 9/span 9;
    }

    .gx-row-start-9-md {
        grid-row-start: 9;
    }

    .gx-row-end-9-md {
        grid-row-end: 9;
    }

    .gx-col-start-9-md {
        grid-column-start: 9;
    }

    .gx-col-end-9-md {
        grid-column-end: 9;
    }

    .gx-cols-10-md {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }

    .gx-col-span-10-md {
        grid-column: span 10/span 10;
    }

    .gx-row-span-10-md {
        grid-row: span 10/span 10;
    }

    .gx-row-start-10-md {
        grid-row-start: 10;
    }

    .gx-row-end-10-md {
        grid-row-end: 10;
    }

    .gx-col-start-10-md {
        grid-column-start: 10;
    }

    .gx-col-end-10-md {
        grid-column-end: 10;
    }

    .gx-cols-11-md {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }

    .gx-col-span-11-md {
        grid-column: span 11/span 11;
    }

    .gx-row-span-11-md {
        grid-row: span 11/span 11;
    }

    .gx-row-start-11-md {
        grid-row-start: 11;
    }

    .gx-row-end-11-md {
        grid-row-end: 11;
    }

    .gx-col-start-11-md {
        grid-column-start: 11;
    }

    .gx-col-end-11-md {
        grid-column-end: 11;
    }

    .gx-cols-12-md {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .gx-col-span-12-md {
        grid-column: span 12/span 12;
    }

    .gx-row-span-12-md {
        grid-row: span 12/span 12;
    }

    .gx-row-start-12-md {
        grid-row-start: 12;
    }

    .gx-row-end-12-md {
        grid-row-end: 12;
    }

    .gx-col-start-12-md {
        grid-column-start: 12;
    }

    .gx-col-end-12-md {
        grid-column-end: 12;
    }

    .align-center-md {
        align-items: center;
    }

    .justify-center-md {
        justify-items: center;
    }

    .align-content-center-md {
        align-content: center;
    }

    .justify-content-center-md {
        justify-content: center;
    }

    .self-justify-center-md {
        justify-self: center;
    }

    .self-align-center-md {
        align-self: center;
    }

    .align-start-md {
        align-items: start;
    }

    .justify-start-md {
        justify-items: start;
    }

    .align-content-start-md {
        align-content: start;
    }

    .justify-content-start-md {
        justify-content: start;
    }

    .self-justify-start-md {
        justify-self: start;
    }

    .self-align-start-md {
        align-self: start;
    }

    .align-end-md {
        align-items: end;
    }

    .justify-end-md {
        justify-items: end;
    }

    .align-content-end-md {
        align-content: end;
    }

    .justify-content-end-md {
        justify-content: end;
    }

    .self-justify-end-md {
        justify-self: end;
    }

    .self-align-end-md {
        align-self: end;
    }

    .align-between-md {
        align-items: space-between;
    }

    .justify-between-md {
        justify-items: space-between;
    }

    .align-content-between-md {
        align-content: space-between;
    }

    .justify-content-between-md {
        justify-content: space-between;
    }

    .self-justify-between-md {
        justify-self: space-between;
    }

    .self-align-between-md {
        align-self: space-between;
    }

    .align-around-md {
        align-items: space-around;
    }

    .justify-around-md {
        justify-items: space-around;
    }

    .align-content-around-md {
        align-content: space-around;
    }

    .justify-content-around-md {
        justify-content: space-around;
    }

    .self-justify-around-md {
        justify-self: space-around;
    }

    .self-align-around-md {
        align-self: space-around;
    }

    .align-evenly-md {
        align-items: space-evenly;
    }

    .justify-evenly-md {
        justify-items: space-evenly;
    }

    .align-content-evenly-md {
        align-content: space-evenly;
    }

    .justify-content-evenly-md {
        justify-content: space-evenly;
    }

    .self-justify-evenly-md {
        justify-self: space-evenly;
    }

    .self-align-evenly-md {
        align-self: space-evenly;
    }

    .align-baseline-md {
        align-items: baseline;
    }

    .justify-baseline-md {
        justify-items: baseline;
    }

    .align-content-baseline-md {
        align-content: baseline;
    }

    .justify-content-baseline-md {
        justify-content: baseline;
    }

    .self-justify-baseline-md {
        justify-self: baseline;
    }

    .self-align-baseline-md {
        align-self: baseline;
    }

    .align-stretch-md {
        align-items: stretch;
    }

    .justify-stretch-md {
        justify-items: stretch;
    }

    .align-content-stretch-md {
        align-content: stretch;
    }

    .justify-content-stretch-md {
        justify-content: stretch;
    }

    .self-justify-stretch-md {
        justify-self: stretch;
    }

    .self-align-stretch-md {
        align-self: stretch;
    }

    .fx-row-md {
        display: flex;
    }

    .fx-row-wrap-md {
        display: flex;
        flex-wrap: wrap;
    }

    .fx-col-md {
        display: flex;
        flex-direction: column;
    }

    .fx-col-wrap-md {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 480px) {
    .gx-cols-1-sm {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .gx-col-span-1-sm {
        grid-column: span 1/span 1;
    }

    .gx-row-span-1-sm {
        grid-row: span 1/span 1;
    }

    .gx-row-start-1-sm {
        grid-row-start: 1;
    }

    .gx-row-end-1-sm {
        grid-row-end: 1;
    }

    .gx-col-start-1-sm {
        grid-column-start: 1;
    }

    .gx-col-end-1-sm {
        grid-column-end: 1;
    }

    .gx-cols-2-sm {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gx-col-span-2-sm {
        grid-column: span 2/span 2;
    }

    .gx-row-span-2-sm {
        grid-row: span 2/span 2;
    }

    .gx-row-start-2-sm {
        grid-row-start: 2;
    }

    .gx-row-end-2-sm {
        grid-row-end: 2;
    }

    .gx-col-start-2-sm {
        grid-column-start: 2;
    }

    .gx-col-end-2-sm {
        grid-column-end: 2;
    }

    .gx-cols-3-sm {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gx-col-span-3-sm {
        grid-column: span 3/span 3;
    }

    .gx-row-span-3-sm {
        grid-row: span 3/span 3;
    }

    .gx-row-start-3-sm {
        grid-row-start: 3;
    }

    .gx-row-end-3-sm {
        grid-row-end: 3;
    }

    .gx-col-start-3-sm {
        grid-column-start: 3;
    }

    .gx-col-end-3-sm {
        grid-column-end: 3;
    }

    .gx-cols-4-sm {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gx-col-span-4-sm {
        grid-column: span 4/span 4;
    }

    .gx-row-span-4-sm {
        grid-row: span 4/span 4;
    }

    .gx-row-start-4-sm {
        grid-row-start: 4;
    }

    .gx-row-end-4-sm {
        grid-row-end: 4;
    }

    .gx-col-start-4-sm {
        grid-column-start: 4;
    }

    .gx-col-end-4-sm {
        grid-column-end: 4;
    }

    .gx-cols-5-sm {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .gx-col-span-5-sm {
        grid-column: span 5/span 5;
    }

    .gx-row-span-5-sm {
        grid-row: span 5/span 5;
    }

    .gx-row-start-5-sm {
        grid-row-start: 5;
    }

    .gx-row-end-5-sm {
        grid-row-end: 5;
    }

    .gx-col-start-5-sm {
        grid-column-start: 5;
    }

    .gx-col-end-5-sm {
        grid-column-end: 5;
    }

    .gx-cols-6-sm {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .gx-col-span-6-sm {
        grid-column: span 6/span 6;
    }

    .gx-row-span-6-sm {
        grid-row: span 6/span 6;
    }

    .gx-row-start-6-sm {
        grid-row-start: 6;
    }

    .gx-row-end-6-sm {
        grid-row-end: 6;
    }

    .gx-col-start-6-sm {
        grid-column-start: 6;
    }

    .gx-col-end-6-sm {
        grid-column-end: 6;
    }

    .gx-cols-7-sm {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .gx-col-span-7-sm {
        grid-column: span 7/span 7;
    }

    .gx-row-span-7-sm {
        grid-row: span 7/span 7;
    }

    .gx-row-start-7-sm {
        grid-row-start: 7;
    }

    .gx-row-end-7-sm {
        grid-row-end: 7;
    }

    .gx-col-start-7-sm {
        grid-column-start: 7;
    }

    .gx-col-end-7-sm {
        grid-column-end: 7;
    }

    .gx-cols-8-sm {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .gx-col-span-8-sm {
        grid-column: span 8/span 8;
    }

    .gx-row-span-8-sm {
        grid-row: span 8/span 8;
    }

    .gx-row-start-8-sm {
        grid-row-start: 8;
    }

    .gx-row-end-8-sm {
        grid-row-end: 8;
    }

    .gx-col-start-8-sm {
        grid-column-start: 8;
    }

    .gx-col-end-8-sm {
        grid-column-end: 8;
    }

    .gx-cols-9-sm {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }

    .gx-col-span-9-sm {
        grid-column: span 9/span 9;
    }

    .gx-row-span-9-sm {
        grid-row: span 9/span 9;
    }

    .gx-row-start-9-sm {
        grid-row-start: 9;
    }

    .gx-row-end-9-sm {
        grid-row-end: 9;
    }

    .gx-col-start-9-sm {
        grid-column-start: 9;
    }

    .gx-col-end-9-sm {
        grid-column-end: 9;
    }

    .gx-cols-10-sm {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }

    .gx-col-span-10-sm {
        grid-column: span 10/span 10;
    }

    .gx-row-span-10-sm {
        grid-row: span 10/span 10;
    }

    .gx-row-start-10-sm {
        grid-row-start: 10;
    }

    .gx-row-end-10-sm {
        grid-row-end: 10;
    }

    .gx-col-start-10-sm {
        grid-column-start: 10;
    }

    .gx-col-end-10-sm {
        grid-column-end: 10;
    }

    .gx-cols-11-sm {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }

    .gx-col-span-11-sm {
        grid-column: span 11/span 11;
    }

    .gx-row-span-11-sm {
        grid-row: span 11/span 11;
    }

    .gx-row-start-11-sm {
        grid-row-start: 11;
    }

    .gx-row-end-11-sm {
        grid-row-end: 11;
    }

    .gx-col-start-11-sm {
        grid-column-start: 11;
    }

    .gx-col-end-11-sm {
        grid-column-end: 11;
    }

    .gx-cols-12-sm {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .gx-col-span-12-sm {
        grid-column: span 12/span 12;
    }

    .gx-row-span-12-sm {
        grid-row: span 12/span 12;
    }

    .gx-row-start-12-sm {
        grid-row-start: 12;
    }

    .gx-row-end-12-sm {
        grid-row-end: 12;
    }

    .gx-col-start-12-sm {
        grid-column-start: 12;
    }

    .gx-col-end-12-sm {
        grid-column-end: 12;
    }

    .align-center-sm {
        align-items: center;
    }

    .justify-center-sm {
        justify-items: center;
    }

    .align-content-center-sm {
        align-content: center;
    }

    .justify-content-center-sm {
        justify-content: center;
    }

    .self-justify-center-sm {
        justify-self: center;
    }

    .self-align-center-sm {
        align-self: center;
    }

    .align-start-sm {
        align-items: start;
    }

    .justify-start-sm {
        justify-items: start;
    }

    .align-content-start-sm {
        align-content: start;
    }

    .justify-content-start-sm {
        justify-content: start;
    }

    .self-justify-start-sm {
        justify-self: start;
    }

    .self-align-start-sm {
        align-self: start;
    }

    .align-end-sm {
        align-items: end;
    }

    .justify-end-sm {
        justify-items: end;
    }

    .align-content-end-sm {
        align-content: end;
    }

    .justify-content-end-sm {
        justify-content: end;
    }

    .self-justify-end-sm {
        justify-self: end;
    }

    .self-align-end-sm {
        align-self: end;
    }

    .align-between-sm {
        align-items: space-between;
    }

    .justify-between-sm {
        justify-items: space-between;
    }

    .align-content-between-sm {
        align-content: space-between;
    }

    .justify-content-between-sm {
        justify-content: space-between;
    }

    .self-justify-between-sm {
        justify-self: space-between;
    }

    .self-align-between-sm {
        align-self: space-between;
    }

    .align-around-sm {
        align-items: space-around;
    }

    .justify-around-sm {
        justify-items: space-around;
    }

    .align-content-around-sm {
        align-content: space-around;
    }

    .justify-content-around-sm {
        justify-content: space-around;
    }

    .self-justify-around-sm {
        justify-self: space-around;
    }

    .self-align-around-sm {
        align-self: space-around;
    }

    .align-evenly-sm {
        align-items: space-evenly;
    }

    .justify-evenly-sm {
        justify-items: space-evenly;
    }

    .align-content-evenly-sm {
        align-content: space-evenly;
    }

    .justify-content-evenly-sm {
        justify-content: space-evenly;
    }

    .self-justify-evenly-sm {
        justify-self: space-evenly;
    }

    .self-align-evenly-sm {
        align-self: space-evenly;
    }

    .align-baseline-sm {
        align-items: baseline;
    }

    .justify-baseline-sm {
        justify-items: baseline;
    }

    .align-content-baseline-sm {
        align-content: baseline;
    }

    .justify-content-baseline-sm {
        justify-content: baseline;
    }

    .self-justify-baseline-sm {
        justify-self: baseline;
    }

    .self-align-baseline-sm {
        align-self: baseline;
    }

    .align-stretch-sm {
        align-items: stretch;
    }

    .justify-stretch-sm {
        justify-items: stretch;
    }

    .align-content-stretch-sm {
        align-content: stretch;
    }

    .justify-content-stretch-sm {
        justify-content: stretch;
    }

    .self-justify-stretch-sm {
        justify-self: stretch;
    }

    .self-align-stretch-sm {
        align-self: stretch;
    }

    .fx-row-sm {
        display: flex;
    }

    .fx-row-wrap-sm {
        display: flex;
        flex-wrap: wrap;
    }

    .fx-col-sm {
        display: flex;
        flex-direction: column;
    }

    .fx-col-wrap-sm {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 320px) {
    .gx-cols-1-xsm {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .gx-col-span-1-xsm {
        grid-column: span 1/span 1;
    }

    .gx-row-span-1-xsm {
        grid-row: span 1/span 1;
    }

    .gx-row-start-1-xsm {
        grid-row-start: 1;
    }

    .gx-row-end-1-xsm {
        grid-row-end: 1;
    }

    .gx-col-start-1-xsm {
        grid-column-start: 1;
    }

    .gx-col-end-1-xsm {
        grid-column-end: 1;
    }

    .gx-cols-2-xsm {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gx-col-span-2-xsm {
        grid-column: span 2/span 2;
    }

    .gx-row-span-2-xsm {
        grid-row: span 2/span 2;
    }

    .gx-row-start-2-xsm {
        grid-row-start: 2;
    }

    .gx-row-end-2-xsm {
        grid-row-end: 2;
    }

    .gx-col-start-2-xsm {
        grid-column-start: 2;
    }

    .gx-col-end-2-xsm {
        grid-column-end: 2;
    }

    .gx-cols-3-xsm {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gx-col-span-3-xsm {
        grid-column: span 3/span 3;
    }

    .gx-row-span-3-xsm {
        grid-row: span 3/span 3;
    }

    .gx-row-start-3-xsm {
        grid-row-start: 3;
    }

    .gx-row-end-3-xsm {
        grid-row-end: 3;
    }

    .gx-col-start-3-xsm {
        grid-column-start: 3;
    }

    .gx-col-end-3-xsm {
        grid-column-end: 3;
    }

    .gx-cols-4-xsm {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gx-col-span-4-xsm {
        grid-column: span 4/span 4;
    }

    .gx-row-span-4-xsm {
        grid-row: span 4/span 4;
    }

    .gx-row-start-4-xsm {
        grid-row-start: 4;
    }

    .gx-row-end-4-xsm {
        grid-row-end: 4;
    }

    .gx-col-start-4-xsm {
        grid-column-start: 4;
    }

    .gx-col-end-4-xsm {
        grid-column-end: 4;
    }

    .gx-cols-5-xsm {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .gx-col-span-5-xsm {
        grid-column: span 5/span 5;
    }

    .gx-row-span-5-xsm {
        grid-row: span 5/span 5;
    }

    .gx-row-start-5-xsm {
        grid-row-start: 5;
    }

    .gx-row-end-5-xsm {
        grid-row-end: 5;
    }

    .gx-col-start-5-xsm {
        grid-column-start: 5;
    }

    .gx-col-end-5-xsm {
        grid-column-end: 5;
    }

    .gx-cols-6-xsm {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .gx-col-span-6-xsm {
        grid-column: span 6/span 6;
    }

    .gx-row-span-6-xsm {
        grid-row: span 6/span 6;
    }

    .gx-row-start-6-xsm {
        grid-row-start: 6;
    }

    .gx-row-end-6-xsm {
        grid-row-end: 6;
    }

    .gx-col-start-6-xsm {
        grid-column-start: 6;
    }

    .gx-col-end-6-xsm {
        grid-column-end: 6;
    }

    .gx-cols-7-xsm {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .gx-col-span-7-xsm {
        grid-column: span 7/span 7;
    }

    .gx-row-span-7-xsm {
        grid-row: span 7/span 7;
    }

    .gx-row-start-7-xsm {
        grid-row-start: 7;
    }

    .gx-row-end-7-xsm {
        grid-row-end: 7;
    }

    .gx-col-start-7-xsm {
        grid-column-start: 7;
    }

    .gx-col-end-7-xsm {
        grid-column-end: 7;
    }

    .gx-cols-8-xsm {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .gx-col-span-8-xsm {
        grid-column: span 8/span 8;
    }

    .gx-row-span-8-xsm {
        grid-row: span 8/span 8;
    }

    .gx-row-start-8-xsm {
        grid-row-start: 8;
    }

    .gx-row-end-8-xsm {
        grid-row-end: 8;
    }

    .gx-col-start-8-xsm {
        grid-column-start: 8;
    }

    .gx-col-end-8-xsm {
        grid-column-end: 8;
    }

    .gx-cols-9-xsm {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }

    .gx-col-span-9-xsm {
        grid-column: span 9/span 9;
    }

    .gx-row-span-9-xsm {
        grid-row: span 9/span 9;
    }

    .gx-row-start-9-xsm {
        grid-row-start: 9;
    }

    .gx-row-end-9-xsm {
        grid-row-end: 9;
    }

    .gx-col-start-9-xsm {
        grid-column-start: 9;
    }

    .gx-col-end-9-xsm {
        grid-column-end: 9;
    }

    .gx-cols-10-xsm {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }

    .gx-col-span-10-xsm {
        grid-column: span 10/span 10;
    }

    .gx-row-span-10-xsm {
        grid-row: span 10/span 10;
    }

    .gx-row-start-10-xsm {
        grid-row-start: 10;
    }

    .gx-row-end-10-xsm {
        grid-row-end: 10;
    }

    .gx-col-start-10-xsm {
        grid-column-start: 10;
    }

    .gx-col-end-10-xsm {
        grid-column-end: 10;
    }

    .gx-cols-11-xsm {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }

    .gx-col-span-11-xsm {
        grid-column: span 11/span 11;
    }

    .gx-row-span-11-xsm {
        grid-row: span 11/span 11;
    }

    .gx-row-start-11-xsm {
        grid-row-start: 11;
    }

    .gx-row-end-11-xsm {
        grid-row-end: 11;
    }

    .gx-col-start-11-xsm {
        grid-column-start: 11;
    }

    .gx-col-end-11-xsm {
        grid-column-end: 11;
    }

    .gx-cols-12-xsm {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .gx-col-span-12-xsm {
        grid-column: span 12/span 12;
    }

    .gx-row-span-12-xsm {
        grid-row: span 12/span 12;
    }

    .gx-row-start-12-xsm {
        grid-row-start: 12;
    }

    .gx-row-end-12-xsm {
        grid-row-end: 12;
    }

    .gx-col-start-12-xsm {
        grid-column-start: 12;
    }

    .gx-col-end-12-xsm {
        grid-column-end: 12;
    }

    .align-center-xsm {
        align-items: center;
    }

    .justify-center-xsm {
        justify-items: center;
    }

    .align-content-center-xsm {
        align-content: center;
    }

    .justify-content-center-xsm {
        justify-content: center;
    }

    .self-justify-center-xsm {
        justify-self: center;
    }

    .self-align-center-xsm {
        align-self: center;
    }

    .align-start-xsm {
        align-items: start;
    }

    .justify-start-xsm {
        justify-items: start;
    }

    .align-content-start-xsm {
        align-content: start;
    }

    .justify-content-start-xsm {
        justify-content: start;
    }

    .self-justify-start-xsm {
        justify-self: start;
    }

    .self-align-start-xsm {
        align-self: start;
    }

    .align-end-xsm {
        align-items: end;
    }

    .justify-end-xsm {
        justify-items: end;
    }

    .align-content-end-xsm {
        align-content: end;
    }

    .justify-content-end-xsm {
        justify-content: end;
    }

    .self-justify-end-xsm {
        justify-self: end;
    }

    .self-align-end-xsm {
        align-self: end;
    }

    .align-between-xsm {
        align-items: space-between;
    }

    .justify-between-xsm {
        justify-items: space-between;
    }

    .align-content-between-xsm {
        align-content: space-between;
    }

    .justify-content-between-xsm {
        justify-content: space-between;
    }

    .self-justify-between-xsm {
        justify-self: space-between;
    }

    .self-align-between-xsm {
        align-self: space-between;
    }

    .align-around-xsm {
        align-items: space-around;
    }

    .justify-around-xsm {
        justify-items: space-around;
    }

    .align-content-around-xsm {
        align-content: space-around;
    }

    .justify-content-around-xsm {
        justify-content: space-around;
    }

    .self-justify-around-xsm {
        justify-self: space-around;
    }

    .self-align-around-xsm {
        align-self: space-around;
    }

    .align-evenly-xsm {
        align-items: space-evenly;
    }

    .justify-evenly-xsm {
        justify-items: space-evenly;
    }

    .align-content-evenly-xsm {
        align-content: space-evenly;
    }

    .justify-content-evenly-xsm {
        justify-content: space-evenly;
    }

    .self-justify-evenly-xsm {
        justify-self: space-evenly;
    }

    .self-align-evenly-xsm {
        align-self: space-evenly;
    }

    .align-baseline-xsm {
        align-items: baseline;
    }

    .justify-baseline-xsm {
        justify-items: baseline;
    }

    .align-content-baseline-xsm {
        align-content: baseline;
    }

    .justify-content-baseline-xsm {
        justify-content: baseline;
    }

    .self-justify-baseline-xsm {
        justify-self: baseline;
    }

    .self-align-baseline-xsm {
        align-self: baseline;
    }

    .align-stretch-xsm {
        align-items: stretch;
    }

    .justify-stretch-xsm {
        justify-items: stretch;
    }

    .align-content-stretch-xsm {
        align-content: stretch;
    }

    .justify-content-stretch-xsm {
        justify-content: stretch;
    }

    .self-justify-stretch-xsm {
        justify-self: stretch;
    }

    .self-align-stretch-xsm {
        align-self: stretch;
    }

    .fx-row-xsm {
        display: flex;
    }

    .fx-row-wrap-xsm {
        display: flex;
        flex-wrap: wrap;
    }

    .fx-col-xsm {
        display: flex;
        flex-direction: column;
    }

    .fx-col-wrap-xsm {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
}

.gx {
    display: grid;
}

.gx-flex {
    width: 100%;
    height: 100%;
}

.gx-y-flex {
    height: 100%;
}

.gx-x-flex {
    width: 100%;
}

/*# sourceMappingURL=styles.css.map */