[class*=" m:align-"],
[class^="m:align-"] {
    --align: initial;
    --justify: initial;
    align-items: var(--align);
    justify-content: var(--justify);
}
.box,
.box-center,
.box-center-x,
.box-center-y,
.box-reverse,
.box-y,
.box-y-reverse {
    --dp-flex: flex;
    display: var(--dp-flex);
}
.item {
    --dp-block: block;
    display: var(--dp-block);
}
.col-1 {
    --col: 1;
}
.col-2 {
    --col: 2;
}
.col-3 {
    --col: 3;
}
.col-4 {
    --col: 4;
}
.col-5 {
    --col: 5;
}
.col-6 {
    --col: 6;
}
.col-7 {
    --col: 7;
}
.col-8 {
    --col: 8;
}
.col-9 {
    --col: 9;
}
.col-10 {
    --col: 10;
}
.col-11 {
    --col: 11;
}
.col-12 {
    --col: 12;
}
.row-1 {
    --row: 1;
}
.row-2 {
    --row: 2;
}
.row-3 {
    --row: 3;
}
.row-4 {
    --row: 4;
}
.row-5 {
    --row: 5;
}
.row-6 {
    --row: 6;
}
.row-7 {
    --row: 7;
}
.row-8 {
    --row: 8;
}
.row-9 {
    --row: 9;
}
.row-10 {
    --row: 10;
}
.row-11 {
    --row: 11;
}
.row-12 {
    --row: 12;
}
.order-0 {
    order: 0;
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.order-4 {
    order: 4;
}
.order-5 {
    order: 5;
}
.order-6 {
    order: 6;
}
.order-7 {
    order: 7;
}
.order-8 {
    order: 8;
}
.order-9 {
    order: 9;
}
.order-10 {
    order: 10;
}
.order-11 {
    order: 11;
}
.order-12 {
    order: 12;
}
.g\:columns-2 {
    --grid-columns: 2;
}
.g\:columns-3 {
    --grid-columns: 3;
}
.g\:columns-4 {
    --grid-columns: 4;
}
.g\:columns-5 {
    --grid-columns: 5;
}
.g\:columns-6 {
    --grid-columns: 6;
}
.g\:columns-7 {
    --grid-columns: 7;
}
.g\:columns-8 {
    --grid-columns: 8;
}
.g\:columns-9 {
    --grid-columns: 9;
}
.g\:columns-10 {
    --grid-columns: 10;
}
.g\:columns-11 {
    --grid-columns: 11;
}
.g\:columns-12 {
    --grid-columns: 12;
}
.g\:cs-1 {
    --col-start: 1;
}
.g\:cs-2 {
    --col-start: 2;
}
.g\:cs-3 {
    --col-start: 3;
}
.g\:cs-4 {
    --col-start: 4;
}
.g\:cs-5 {
    --col-start: 5;
}
.g\:cs-6 {
    --col-start: 6;
}
.g\:cs-7 {
    --col-start: 7;
}
.g\:cs-8 {
    --col-start: 8;
}
.g\:cs-9 {
    --col-start: 9;
}
.g\:cs-10 {
    --col-start: 10;
}
.g\:cs-11 {
    --col-start: 11;
}
.g\:cs-auto {
    --col-start: auto;
}
.g\:col-auto {
    --col: auto;
}
.g\:gap-0 {
    --local-container-gap: 0px;
    --grid-gap-x: 0px;
    --grid-gap-y: 0px;
    --gap-n: 0px;
}
.g\:gap-n {
    --gap-n: calc(var(--local-container-gap) / -1);
    margin-right: var(--gap-n);
    margin-left: var(--gap-n);
}
.g\:gap-x {
    --grid-gap-x: var(--gap-x);
}
.g\:gap-x-0 {
    --grid-gap-x: 0px;
}
.g\:gap-y {
    --grid-gap-y: var(--gap-y);
}
.g\:gap-y-0 {
    --grid-gap-y: 0px;
}
.g\:rs-1 {
    --row-start: 1;
}
.g\:rs-2 {
    --row-start: 2;
}
.g\:rs-3 {
    --row-start: 3;
}
.g\:rs-4 {
    --row-start: 4;
}
.g\:rs-5 {
    --row-start: 5;
}
.g\:rs-6 {
    --row-start: 6;
}
.g\:rs-7 {
    --row-start: 7;
}
.g\:rs-8 {
    --row-start: 8;
}
.g\:rs-9 {
    --row-start: 9;
}
.g\:rs-10 {
    --row-start: 10;
}
.g\:rs-11 {
    --row-start: 11;
}
.g\:rs-auto {
    --row-start: auto;
}
.g\:rows-fixed {
    grid-auto-rows: 1fr;
}
.t\:100 {
    font-weight: 100;
}
.t\:200 {
    font-weight: 200;
}
.t\:300 {
    font-weight: 300;
}
.t\:400 {
    font-weight: 400;
}
.t\:500 {
    font-weight: 500;
}
.t\:600 {
    font-weight: 600;
}
.t\:700 {
    font-weight: 700;
}
.t\:800 {
    font-weight: 800;
}
.t\:900 {
    font-weight: 900;
}
.t\:left {
    text-align: left;
}
.t\:right {
    text-align: right;
}
.t\:center {
    text-align: center;
}
.t\:italic {
    font-style: italic;
}
.t\:no-italic {
    font-style: normal;
}
.t\:uppercase {
    text-transform: uppercase;
}
.t\:transform-none {
    text-transform: none;
}
.inline {
    --dp-inline: inline;
    display: var(--dp-inline);
}
.box-reverse {
    flex-direction: row-reverse;
}
.box-reverse[class*=" m:align-"],
.box-reverse[class^="m:align-"] {
    align-items: var(--align);
    justify-content: var(--justify-r-x);
}
.box-y {
    flex-direction: column;
}
.box-y[class*=" m:align-"],
.box-y[class^="m:align-"] {
    align-items: var(--justify);
    justify-content: var(--align);
}
.box-y-reverse {
    flex-direction: column-reverse;
}
.box-y-reverse[class*=" m:align-"],
.box-y-reverse[class^="m:align-"] {
    align-items: var(--justify);
    justify-content: var(--align-r-y);
}
.box-center {
    --justify: center;
    justify-content: var(--justify);
}
.box-center,
.box-center-y {
    --align: center;
    align-items: var(--align);
}
.box-center-x {
    --justify: center;
    justify-content: var(--justify);
}
.m\:inline {
    --dp-flex: inline-flex;
    --dp-grid: inline-grid;
    --dp-block: inline-block;
    --dp-inline: inline;
}
.m\:block {
    --dp-flex: flex;
    --dp-grid: grid;
    --dp-block: block;
    --dp-inline: block;
}
.m\:hide,
.m\:show\@lg,
.m\:show\@md {
    --dp-flex: none;
    --dp-grid: none;
    --dp-block: none;
    --dp-inline: none;
}
.m\:show {
    --dp-flex: flex;
    --dp-grid: grid;
    --dp-block: block;
    --dp-inline: inline;
}
.m\:axis-x {
    flex-direction: row;
}
.m\:axis-x[class*=" m:align-"],
.m\:axis-x[class^="m:align-"] {
    align-items: var(--align);
    justify-content: var(--justify);
}
.m\:axis-x-r {
    flex-direction: row-reverse;
}
.m\:axis-x-r[class*=" m:align-"],
.m\:axis-x-r[class^="m:align-"] {
    align-items: var(--align);
    justify-content: var(--justify-r-x);
}
.m\:axis-y {
    flex-direction: column;
}
.m\:axis-y[class*=" m:align-"],
.m\:axis-y[class^="m:align-"] {
    align-items: var(--justify);
    justify-content: var(--align);
}
.m\:axis-y-r {
    flex-direction: column-reverse;
}
.m\:axis-y-r[class*=" m:align-"],
.m\:axis-y-r[class^="m:align-"] {
    align-items: var(--justify);
    justify-content: var(--align-r-y);
}
.m\:left {
    margin-right: auto;
    margin-left: 0;
}
.m\:left-0,
.m\:right {
    margin-right: 0;
}
.m\:right {
    margin-left: auto;
}
.m\:right-0 {
    margin-left: 0;
}
.m\:top {
    margin-bottom: auto;
    margin-top: 0;
}
.m\:bottom,
.m\:top-0 {
    margin-bottom: 0;
}
.m\:bottom {
    margin-top: auto;
}
.m\:bottom-0 {
    margin-top: 0;
}
.m\:center {
    margin: auto;
}
.m\:center-0 {
    margin: 0;
}
.m\:center-x {
    margin-left: auto;
    margin-right: auto;
}
.m\:center-x-0 {
    margin-left: 0;
    margin-right: 0;
}
.m\:center-y {
    margin-top: auto;
    margin-bottom: auto;
}
.m\:center-y-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.m\:align-right {
    --justify: flex-end;
    --justify-r-x: flex-start;
}
.m\:align-left {
    --justify: flex-start;
    --justify-r-x: flex-end;
}
.m\:align-bottom {
    --align: flex-end;
    --align-r-y: flex-start;
}
.m\:align-top {
    --align: flex-start;
    --align-r-y: flex-end;
}
.m\:align-center {
    --align: center;
    --align-r-y: center;
}
.m\:align-center,
.m\:align-center-x {
    --justify: center;
    --justify-r-x: center;
}
.m\:align-center-y {
    --align: center;
    --align-r-y: center;
}
.m\:align-stretch {
    --align: stretch;
    --align-r-y: stretch;
}
.m\:align-stretch,
.m\:align-stretch-x {
    --justify: stretch;
    --justify-r-x: stretch;
}
.m\:align-stretch-y {
    --align: stretch;
    --align-r-y: stretch;
}
.m\:relative {
    position: relative;
}
.m\:static {
    position: static;
}
.m\:rotate-0 {
    transform: rotate(0deg);
}
.m\:rotate-45 {
    transform: rotate(45deg);
}
.m\:rotate-90 {
    transform: rotate(90deg);
}
.m\:rotate-135 {
    transform: rotate(135deg);
}
.m\:rotate-180 {
    transform: rotate(180deg);
}
.m\:rotate-225 {
    transform: rotate(225deg);
}
.m\:rotate-270 {
    transform: rotate(270deg);
}
.m\:rotate-315 {
    transform: rotate(315deg);
}
.m\:o-auto {
    overflow: auto;
}
.m\:o-scroll {
    overflow: scroll;
}
.m\:o-hidden {
    overflow: hidden;
}
.m\:o-visible {
    overflow: visible;
}
.m\:nowrap {
    flex-wrap: nowrap;
}
.m\:wrap {
    flex-wrap: wrap;
}
.m\:wrap-reverse {
    flex-wrap: wrap-reverse;
}
@media (min-width: 768px) {
    .col-1\@md {
        --col: 1;
    }
    .col-2\@md {
        --col: 2;
    }
    .col-3\@md {
        --col: 3;
    }
    .col-4\@md {
        --col: 4;
    }
    .col-5\@md {
        --col: 5;
    }
    .col-6\@md {
        --col: 6;
    }
    .col-7\@md {
        --col: 7;
    }
    .col-8\@md {
        --col: 8;
    }
    .col-9\@md {
        --col: 9;
    }
    .col-10\@md {
        --col: 10;
    }
    .col-11\@md {
        --col: 11;
    }
    .col-12\@md {
        --col: 12;
    }
    .row-1\@md {
        --row: 1;
    }
    .row-2\@md {
        --row: 2;
    }
    .row-3\@md {
        --row: 3;
    }
    .row-4\@md {
        --row: 4;
    }
    .row-5\@md {
        --row: 5;
    }
    .row-6\@md {
        --row: 6;
    }
    .row-7\@md {
        --row: 7;
    }
    .row-8\@md {
        --row: 8;
    }
    .row-9\@md {
        --row: 9;
    }
    .row-10\@md {
        --row: 10;
    }
    .row-11\@md {
        --row: 11;
    }
    .row-12\@md {
        --row: 12;
    }
    .order-0\@md {
        order: 0;
    }
    .order-1\@md {
        order: 1;
    }
    .order-2\@md {
        order: 2;
    }
    .order-3\@md {
        order: 3;
    }
    .order-4\@md {
        order: 4;
    }
    .order-5\@md {
        order: 5;
    }
    .order-6\@md {
        order: 6;
    }
    .order-7\@md {
        order: 7;
    }
    .order-8\@md {
        order: 8;
    }
    .order-9\@md {
        order: 9;
    }
    .order-10\@md {
        order: 10;
    }
    .order-11\@md {
        order: 11;
    }
    .order-12\@md {
        order: 12;
    }
    .g\:columns-2\@md {
        --grid-columns: 2;
    }
    .g\:columns-3\@md {
        --grid-columns: 3;
    }
    .g\:columns-4\@md {
        --grid-columns: 4;
    }
    .g\:columns-5\@md {
        --grid-columns: 5;
    }
    .g\:columns-6\@md {
        --grid-columns: 6;
    }
    .g\:columns-7\@md {
        --grid-columns: 7;
    }
    .g\:columns-8\@md {
        --grid-columns: 8;
    }
    .g\:columns-9\@md {
        --grid-columns: 9;
    }
    .g\:columns-10\@md {
        --grid-columns: 10;
    }
    .g\:columns-11\@md {
        --grid-columns: 11;
    }
    .g\:columns-12\@md {
        --grid-columns: 12;
    }
    .g\:cs-1\@md {
        --col-start: 1;
    }
    .g\:cs-2\@md {
        --col-start: 2;
    }
    .g\:cs-3\@md {
        --col-start: 3;
    }
    .g\:cs-4\@md {
        --col-start: 4;
    }
    .g\:cs-5\@md {
        --col-start: 5;
    }
    .g\:cs-6\@md {
        --col-start: 6;
    }
    .g\:cs-7\@md {
        --col-start: 7;
    }
    .g\:cs-8\@md {
        --col-start: 8;
    }
    .g\:cs-9\@md {
        --col-start: 9;
    }
    .g\:cs-10\@md {
        --col-start: 10;
    }
    .g\:cs-11\@md {
        --col-start: 11;
    }
    .g\:cs-auto\@md {
        --col-start: auto;
    }
    .g\:start-auto\@md {
        --col-start: auto;
        --row-start: auto;
    }
    .g\:col-auto\@md {
        --col: auto;
    }
    .g\:col-auto-none\@md {
        --col: var(--grid-columns);
    }
    .g\:gap\@md {
        --local-container-gap: var(--container-gap);
        --grid-gap-x: var(--gap-x);
        --grid-gap-y: var(--gap-y);
        --gap-n: calc(var(--container-gap) / -1);
    }
    .g\:gap-0\@md {
        --local-container-gap: 0px;
        --grid-gap-x: 0px;
        --grid-gap-y: 0px;
        --gap-n: 0px;
    }
    .g\:gap-n\@md {
        --gap-n: calc(var(--local-container-gap) / -1);
        margin-right: var(--gap-n);
        margin-left: var(--gap-n);
    }
    .g\:gap-n-0\@md {
        --gap-n: 0px;
    }
    .g\:gap-x\@md {
        --grid-gap-x: var(--gap-x);
    }
    .g\:gap-x-0\@md {
        --grid-gap-x: 0px;
    }
    .g\:gap-y\@md {
        --grid-gap-y: var(--gap-y);
    }
    .g\:gap-y-0\@md {
        --grid-gap-y: 0px;
    }
    .g\:rs-1\@md {
        --row-start: 1;
    }
    .g\:rs-2\@md {
        --row-start: 2;
    }
    .g\:rs-3\@md {
        --row-start: 3;
    }
    .g\:rs-4\@md {
        --row-start: 4;
    }
    .g\:rs-5\@md {
        --row-start: 5;
    }
    .g\:rs-6\@md {
        --row-start: 6;
    }
    .g\:rs-7\@md {
        --row-start: 7;
    }
    .g\:rs-8\@md {
        --row-start: 8;
    }
    .g\:rs-9\@md {
        --row-start: 9;
    }
    .g\:rs-10\@md {
        --row-start: 10;
    }
    .g\:rs-11\@md {
        --row-start: 11;
    }
    .g\:rs-auto\@md {
        --row-start: auto;
    }
    .g\:rows-auto\@md {
        grid-auto-rows: auto;
    }
    .g\:rows-fixed\@md {
        grid-auto-rows: 1fr;
    }
    .t\:left\@md {
        text-align: left;
    }
    .t\:right\@md {
        text-align: right;
    }
    .t\:center\@md {
        text-align: center;
    }
    .m\:inline\@md {
        --dp-flex: inline-flex;
        --dp-grid: inline-grid;
        --dp-block: inline-block;
        --dp-inline: inline;
    }
    .m\:block\@md {
        --dp-flex: flex;
        --dp-grid: grid;
        --dp-block: block;
        --dp-inline: block;
    }
    .m\:hide\@md {
        --dp-flex: none;
        --dp-grid: none;
        --dp-block: none;
        --dp-inline: none;
    }
    .m\:show\@md {
        --dp-flex: flex;
        --dp-grid: grid;
        --dp-block: block;
        --dp-inline: inline;
    }
    .m\:axis-x\@md {
        flex-direction: row;
    }
    .m\:axis-x\@md[class*=" m:align-"],
    .m\:axis-x\@md[class^="m:align-"] {
        align-items: var(--align);
        justify-content: var(--justify);
    }
    .m\:axis-x-r\@md {
        flex-direction: row-reverse;
    }
    .m\:axis-x-r\@md[class*=" m:align-"],
    .m\:axis-x-r\@md[class^="m:align-"] {
        align-items: var(--align);
        justify-content: var(--justify-r-x);
    }
    .m\:axis-y\@md {
        flex-direction: column;
    }
    .m\:axis-y\@md[class*=" m:align-"],
    .m\:axis-y\@md[class^="m:align-"] {
        align-items: var(--justify);
        justify-content: var(--align);
    }
    .m\:axis-y-r\@md {
        flex-direction: column-reverse;
    }
    .m\:axis-y-r\@md[class*=" m:align-"],
    .m\:axis-y-r\@md[class^="m:align-"] {
        align-items: var(--justify);
        justify-content: var(--align-r-y);
    }
    .m\:left\@md {
        margin-right: auto;
        margin-left: 0;
    }
    .m\:left-0\@md,
    .m\:right\@md {
        margin-right: 0;
    }
    .m\:right\@md {
        margin-left: auto;
    }
    .m\:right-0\@md {
        margin-left: 0;
    }
    .m\:top\@md {
        margin-bottom: auto;
        margin-top: 0;
    }
    .m\:bottom\@md,
    .m\:top-0\@md {
        margin-bottom: 0;
    }
    .m\:bottom\@md {
        margin-top: auto;
    }
    .m\:bottom-0\@md {
        margin-top: 0;
    }
    .m\:center\@md {
        margin: auto;
    }
    .m\:center-0\@md {
        margin: 0;
    }
    .m\:center-x\@md {
        margin-left: auto;
        margin-right: auto;
    }
    .m\:center-x-0\@md {
        margin-left: 0;
        margin-right: 0;
    }
    .m\:center-y\@md {
        margin-top: auto;
        margin-bottom: auto;
    }
    .m\:center-y-0\@md {
        margin-top: 0;
        margin-bottom: 0;
    }
    .m\:align-right\@md {
        --justify: flex-end;
        --justify-r-x: flex-start;
    }
    .m\:align-left\@md {
        --justify: flex-start;
        --justify-r-x: flex-end;
    }
    .m\:align-bottom\@md {
        --align: flex-end;
        --align-r-y: flex-start;
    }
    .m\:align-top\@md {
        --align: flex-start;
        --align-r-y: flex-end;
    }
    .m\:align-center\@md {
        --align: center;
        --align-r-y: center;
    }
    .m\:align-center-x\@md,
    .m\:align-center\@md {
        --justify: center;
        --justify-r-x: center;
    }
    .m\:align-center-y\@md {
        --align: center;
        --align-r-y: center;
    }
    .m\:align-stretch\@md {
        --align: stretch;
        --align-r-y: stretch;
    }
    .m\:align-stretch-x\@md,
    .m\:align-stretch\@md {
        --justify: stretch;
        --justify-r-x: stretch;
    }
    .m\:align-stretch-y\@md {
        --align: stretch;
        --align-r-y: stretch;
    }
    .m\:relative\@md {
        position: relative;
    }
    .m\:static\@md {
        position: static;
    }
    .m\:o-auto\@md {
        overflow: auto;
    }
    .m\:o-scroll\@md {
        overflow: scroll;
    }
    .m\:o-hidden\@md {
        overflow: hidden;
    }
    .m\:o-visible\@md {
        overflow: visible;
    }
    .m\:nowrap\@md {
        flex-wrap: nowrap;
    }
    .m\:wrap\@md {
        flex-wrap: wrap;
    }
    .m\:wrap-reverse\@md {
        flex-wrap: wrap-reverse;
    }
}
@media (min-width: 992px) {
    .col-1\@lg {
        --col: 1;
    }
    .col-2\@lg {
        --col: 2;
    }
    .col-3\@lg {
        --col: 3;
    }
    .col-4\@lg {
        --col: 4;
    }
    .col-5\@lg {
        --col: 5;
    }
    .col-6\@lg {
        --col: 6;
    }
    .col-7\@lg {
        --col: 7;
    }
    .col-8\@lg {
        --col: 8;
    }
    .col-9\@lg {
        --col: 9;
    }
    .col-10\@lg {
        --col: 10;
    }
    .col-11\@lg {
        --col: 11;
    }
    .col-12\@lg {
        --col: 12;
    }
    .row-1\@lg {
        --row: 1;
    }
    .row-2\@lg {
        --row: 2;
    }
    .row-3\@lg {
        --row: 3;
    }
    .row-4\@lg {
        --row: 4;
    }
    .row-5\@lg {
        --row: 5;
    }
    .row-6\@lg {
        --row: 6;
    }
    .row-7\@lg {
        --row: 7;
    }
    .row-8\@lg {
        --row: 8;
    }
    .row-9\@lg {
        --row: 9;
    }
    .row-10\@lg {
        --row: 10;
    }
    .row-11\@lg {
        --row: 11;
    }
    .row-12\@lg {
        --row: 12;
    }
    .order-0\@lg {
        order: 0;
    }
    .order-1\@lg {
        order: 1;
    }
    .order-2\@lg {
        order: 2;
    }
    .order-3\@lg {
        order: 3;
    }
    .order-4\@lg {
        order: 4;
    }
    .order-5\@lg {
        order: 5;
    }
    .order-6\@lg {
        order: 6;
    }
    .order-7\@lg {
        order: 7;
    }
    .order-8\@lg {
        order: 8;
    }
    .order-9\@lg {
        order: 9;
    }
    .order-10\@lg {
        order: 10;
    }
    .order-11\@lg {
        order: 11;
    }
    .order-12\@lg {
        order: 12;
    }
    .g\:columns-2\@lg {
        --grid-columns: 2;
    }
    .g\:columns-3\@lg {
        --grid-columns: 3;
    }
    .g\:columns-4\@lg {
        --grid-columns: 4;
    }
    .g\:columns-5\@lg {
        --grid-columns: 5;
    }
    .g\:columns-6\@lg {
        --grid-columns: 6;
    }
    .g\:columns-7\@lg {
        --grid-columns: 7;
    }
    .g\:columns-8\@lg {
        --grid-columns: 8;
    }
    .g\:columns-9\@lg {
        --grid-columns: 9;
    }
    .g\:columns-10\@lg {
        --grid-columns: 10;
    }
    .g\:columns-11\@lg {
        --grid-columns: 11;
    }
    .g\:columns-12\@lg {
        --grid-columns: 12;
    }
    .g\:cs-1\@lg {
        --col-start: 1;
    }
    .g\:cs-2\@lg {
        --col-start: 2;
    }
    .g\:cs-3\@lg {
        --col-start: 3;
    }
    .g\:cs-4\@lg {
        --col-start: 4;
    }
    .g\:cs-5\@lg {
        --col-start: 5;
    }
    .g\:cs-6\@lg {
        --col-start: 6;
    }
    .g\:cs-7\@lg {
        --col-start: 7;
    }
    .g\:cs-8\@lg {
        --col-start: 8;
    }
    .g\:cs-9\@lg {
        --col-start: 9;
    }
    .g\:cs-10\@lg {
        --col-start: 10;
    }
    .g\:cs-11\@lg {
        --col-start: 11;
    }
    .g\:cs-auto\@lg {
        --col-start: auto;
    }
    .g\:start-auto\@lg {
        --col-start: auto;
        --row-start: auto;
    }
    .g\:col-auto\@lg {
        --col: auto;
    }
    .g\:col-auto-none\@lg {
        --col: var(--grid-columns);
    }
    .g\:gap\@lg {
        --local-container-gap: var(--container-gap);
        --grid-gap-x: var(--gap-x);
        --grid-gap-y: var(--gap-y);
        --gap-n: calc(var(--container-gap) / -1);
    }
    .g\:gap-0\@lg {
        --local-container-gap: 0px;
        --grid-gap-x: 0px;
        --grid-gap-y: 0px;
        --gap-n: 0px;
    }
    .g\:gap-n\@lg {
        --gap-n: calc(var(--local-container-gap) / -1);
        margin-right: var(--gap-n);
        margin-left: var(--gap-n);
    }
    .g\:gap-n-0\@lg {
        --gap-n: 0px;
    }
    .g\:gap-x\@lg {
        --grid-gap-x: var(--gap-x);
    }
    .g\:gap-x-0\@lg {
        --grid-gap-x: 0px;
    }
    .g\:gap-y\@lg {
        --grid-gap-y: var(--gap-y);
    }
    .g\:gap-y-0\@lg {
        --grid-gap-y: 0px;
    }
    .g\:rs-1\@lg {
        --row-start: 1;
    }
    .g\:rs-2\@lg {
        --row-start: 2;
    }
    .g\:rs-3\@lg {
        --row-start: 3;
    }
    .g\:rs-4\@lg {
        --row-start: 4;
    }
    .g\:rs-5\@lg {
        --row-start: 5;
    }
    .g\:rs-6\@lg {
        --row-start: 6;
    }
    .g\:rs-7\@lg {
        --row-start: 7;
    }
    .g\:rs-8\@lg {
        --row-start: 8;
    }
    .g\:rs-9\@lg {
        --row-start: 9;
    }
    .g\:rs-10\@lg {
        --row-start: 10;
    }
    .g\:rs-11\@lg {
        --row-start: 11;
    }
    .g\:rs-auto\@lg {
        --row-start: auto;
    }
    .g\:rows-auto\@lg {
        grid-auto-rows: auto;
    }
    .g\:rows-fixed\@lg {
        grid-auto-rows: 1fr;
    }
    .t\:left\@lg {
        text-align: left;
    }
    .t\:right\@lg {
        text-align: right;
    }
    .t\:center\@lg {
        text-align: center;
    }
    .m\:inline\@lg {
        --dp-flex: inline-flex;
        --dp-grid: inline-grid;
        --dp-block: inline-block;
        --dp-inline: inline;
    }
    .m\:block\@lg {
        --dp-flex: flex;
        --dp-grid: grid;
        --dp-block: block;
        --dp-inline: block;
    }
    .m\:hide\@lg {
        --dp-flex: none;
        --dp-grid: none;
        --dp-block: none;
        --dp-inline: none;
    }
    .m\:show\@lg {
        --dp-flex: flex;
        --dp-grid: grid;
        --dp-block: block;
        --dp-inline: inline;
    }
    .m\:axis-x\@lg {
        flex-direction: row;
    }
    .m\:axis-x\@lg[class*=" m:align-"],
    .m\:axis-x\@lg[class^="m:align-"] {
        align-items: var(--align);
        justify-content: var(--justify);
    }
    .m\:axis-x-r\@lg {
        flex-direction: row-reverse;
    }
    .m\:axis-x-r\@lg[class*=" m:align-"],
    .m\:axis-x-r\@lg[class^="m:align-"] {
        align-items: var(--align);
        justify-content: var(--justify-r-x);
    }
    .m\:axis-y\@lg {
        flex-direction: column;
    }
    .m\:axis-y\@lg[class*=" m:align-"],
    .m\:axis-y\@lg[class^="m:align-"] {
        align-items: var(--justify);
        justify-content: var(--align);
    }
    .m\:axis-y-r\@lg {
        flex-direction: column-reverse;
    }
    .m\:axis-y-r\@lg[class*=" m:align-"],
    .m\:axis-y-r\@lg[class^="m:align-"] {
        align-items: var(--justify);
        justify-content: var(--align-r-y);
    }
    .m\:left\@lg {
        margin-right: auto;
        margin-left: 0;
    }
    .m\:left-0\@lg,
    .m\:right\@lg {
        margin-right: 0;
    }
    .m\:right\@lg {
        margin-left: auto;
    }
    .m\:right-0\@lg {
        margin-left: 0;
    }
    .m\:top\@lg {
        margin-bottom: auto;
        margin-top: 0;
    }
    .m\:bottom\@lg,
    .m\:top-0\@lg {
        margin-bottom: 0;
    }
    .m\:bottom\@lg {
        margin-top: auto;
    }
    .m\:bottom-0\@lg {
        margin-top: 0;
    }
    .m\:center\@lg {
        margin: auto;
    }
    .m\:center-0\@lg {
        margin: 0;
    }
    .m\:center-x\@lg {
        margin-left: auto;
        margin-right: auto;
    }
    .m\:center-x-0\@lg {
        margin-left: 0;
        margin-right: 0;
    }
    .m\:center-y\@lg {
        margin-top: auto;
        margin-bottom: auto;
    }
    .m\:center-y-0\@lg {
        margin-top: 0;
        margin-bottom: 0;
    }
    .m\:align-right\@lg {
        --justify: flex-end;
        --justify-r-x: flex-start;
    }
    .m\:align-left\@lg {
        --justify: flex-start;
        --justify-r-x: flex-end;
    }
    .m\:align-bottom\@lg {
        --align: flex-end;
        --align-r-y: flex-start;
    }
    .m\:align-top\@lg {
        --align: flex-start;
        --align-r-y: flex-end;
    }
    .m\:align-center\@lg {
        --align: center;
        --align-r-y: center;
    }
    .m\:align-center-x\@lg,
    .m\:align-center\@lg {
        --justify: center;
        --justify-r-x: center;
    }
    .m\:align-center-y\@lg {
        --align: center;
        --align-r-y: center;
    }
    .m\:align-stretch\@lg {
        --align: stretch;
        --align-r-y: stretch;
    }
    .m\:align-stretch-x\@lg,
    .m\:align-stretch\@lg {
        --justify: stretch;
        --justify-r-x: stretch;
    }
    .m\:align-stretch-y\@lg {
        --align: stretch;
        --align-r-y: stretch;
    }
    .m\:relative\@lg {
        position: relative;
    }
    .m\:static\@lg {
        position: static;
    }
    .m\:o-auto\@lg {
        overflow: auto;
    }
    .m\:o-scroll\@lg {
        overflow: scroll;
    }
    .m\:o-hidden\@lg {
        overflow: hidden;
    }
    .m\:o-visible\@lg {
        overflow: visible;
    }
    .m\:nowrap\@lg {
        flex-wrap: nowrap;
    }
    .m\:wrap\@lg {
        flex-wrap: wrap;
    }
    .m\:wrap-reverse\@lg {
        flex-wrap: wrap-reverse;
    }
}