@radix-ui/themes/layout/utilities.css

[](https://radix-ui.com/themes)

.rt-r-ai-start {
    align-items: flex-start;
}
.rt-r-ai-center {
    align-items: center;
}
.rt-r-ai-end {
    align-items: flex-end;
}
.rt-r-ai-baseline {
    align-items: baseline;
}
.rt-r-ai-stretch {
    align-items: stretch;
}
@media (min-width: 520px) {
    .xs\:rt-r-ai-start {
        align-items: flex-start;
    }
    .xs\:rt-r-ai-center {
        align-items: center;
    }
    .xs\:rt-r-ai-end {
        align-items: flex-end;
    }
    .xs\:rt-r-ai-baseline {
        align-items: baseline;
    }
    .xs\:rt-r-ai-stretch {
        align-items: stretch;
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-ai-start {
        align-items: flex-start;
    }
    .sm\:rt-r-ai-center {
        align-items: center;
    }
    .sm\:rt-r-ai-end {
        align-items: flex-end;
    }
    .sm\:rt-r-ai-baseline {
        align-items: baseline;
    }
    .sm\:rt-r-ai-stretch {
        align-items: stretch;
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-ai-start {
        align-items: flex-start;
    }
    .md\:rt-r-ai-center {
        align-items: center;
    }
    .md\:rt-r-ai-end {
        align-items: flex-end;
    }
    .md\:rt-r-ai-baseline {
        align-items: baseline;
    }
    .md\:rt-r-ai-stretch {
        align-items: stretch;
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-ai-start {
        align-items: flex-start;
    }
    .lg\:rt-r-ai-center {
        align-items: center;
    }
    .lg\:rt-r-ai-end {
        align-items: flex-end;
    }
    .lg\:rt-r-ai-baseline {
        align-items: baseline;
    }
    .lg\:rt-r-ai-stretch {
        align-items: stretch;
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-ai-start {
        align-items: flex-start;
    }
    .xl\:rt-r-ai-center {
        align-items: center;
    }
    .xl\:rt-r-ai-end {
        align-items: flex-end;
    }
    .xl\:rt-r-ai-baseline {
        align-items: baseline;
    }
    .xl\:rt-r-ai-stretch {
        align-items: stretch;
    }
}
.rt-r-as-start {
    align-self: flex-start;
}
.rt-r-as-center {
    align-self: center;
}
.rt-r-as-end {
    align-self: flex-end;
}
.rt-r-as-baseline {
    align-self: baseline;
}
.rt-r-as-stretch {
    align-self: stretch;
}
@media (min-width: 520px) {
    .xs\:rt-r-as-start {
        align-self: flex-start;
    }
    .xs\:rt-r-as-center {
        align-self: center;
    }
    .xs\:rt-r-as-end {
        align-self: flex-end;
    }
    .xs\:rt-r-as-baseline {
        align-self: baseline;
    }
    .xs\:rt-r-as-stretch {
        align-self: stretch;
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-as-start {
        align-self: flex-start;
    }
    .sm\:rt-r-as-center {
        align-self: center;
    }
    .sm\:rt-r-as-end {
        align-self: flex-end;
    }
    .sm\:rt-r-as-baseline {
        align-self: baseline;
    }
    .sm\:rt-r-as-stretch {
        align-self: stretch;
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-as-start {
        align-self: flex-start;
    }
    .md\:rt-r-as-center {
        align-self: center;
    }
    .md\:rt-r-as-end {
        align-self: flex-end;
    }
    .md\:rt-r-as-baseline {
        align-self: baseline;
    }
    .md\:rt-r-as-stretch {
        align-self: stretch;
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-as-start {
        align-self: flex-start;
    }
    .lg\:rt-r-as-center {
        align-self: center;
    }
    .lg\:rt-r-as-end {
        align-self: flex-end;
    }
    .lg\:rt-r-as-baseline {
        align-self: baseline;
    }
    .lg\:rt-r-as-stretch {
        align-self: stretch;
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-as-start {
        align-self: flex-start;
    }
    .xl\:rt-r-as-center {
        align-self: center;
    }
    .xl\:rt-r-as-end {
        align-self: flex-end;
    }
    .xl\:rt-r-as-baseline {
        align-self: baseline;
    }
    .xl\:rt-r-as-stretch {
        align-self: stretch;
    }
}
.rt-r-display-block {
    display: block;
}
.rt-r-display-inline {
    display: inline;
}
.rt-r-display-inline-block {
    display: inline-block;
}
.rt-r-display-flex {
    display: flex;
}
.rt-r-display-inline-flex {
    display: inline-flex;
}
.rt-r-display-grid {
    display: grid;
}
.rt-r-display-inline-grid {
    display: inline-grid;
}
.rt-r-display-none {
    display: none;
}
.rt-r-display-contents {
    display: contents;
}
@media (min-width: 520px) {
    .xs\:rt-r-display-block {
        display: block;
    }
    .xs\:rt-r-display-inline {
        display: inline;
    }
    .xs\:rt-r-display-inline-block {
        display: inline-block;
    }
    .xs\:rt-r-display-flex {
        display: flex;
    }
    .xs\:rt-r-display-inline-flex {
        display: inline-flex;
    }
    .xs\:rt-r-display-grid {
        display: grid;
    }
    .xs\:rt-r-display-inline-grid {
        display: inline-grid;
    }
    .xs\:rt-r-display-none {
        display: none;
    }
    .xs\:rt-r-display-contents {
        display: contents;
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-display-block {
        display: block;
    }
    .sm\:rt-r-display-inline {
        display: inline;
    }
    .sm\:rt-r-display-inline-block {
        display: inline-block;
    }
    .sm\:rt-r-display-flex {
        display: flex;
    }
    .sm\:rt-r-display-inline-flex {
        display: inline-flex;
    }
    .sm\:rt-r-display-grid {
        display: grid;
    }
    .sm\:rt-r-display-inline-grid {
        display: inline-grid;
    }
    .sm\:rt-r-display-none {
        display: none;
    }
    .sm\:rt-r-display-contents {
        display: contents;
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-display-block {
        display: block;
    }
    .md\:rt-r-display-inline {
        display: inline;
    }
    .md\:rt-r-display-inline-block {
        display: inline-block;
    }
    .md\:rt-r-display-flex {
        display: flex;
    }
    .md\:rt-r-display-inline-flex {
        display: inline-flex;
    }
    .md\:rt-r-display-grid {
        display: grid;
    }
    .md\:rt-r-display-inline-grid {
        display: inline-grid;
    }
    .md\:rt-r-display-none {
        display: none;
    }
    .md\:rt-r-display-contents {
        display: contents;
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-display-block {
        display: block;
    }
    .lg\:rt-r-display-inline {
        display: inline;
    }
    .lg\:rt-r-display-inline-block {
        display: inline-block;
    }
    .lg\:rt-r-display-flex {
        display: flex;
    }
    .lg\:rt-r-display-inline-flex {
        display: inline-flex;
    }
    .lg\:rt-r-display-grid {
        display: grid;
    }
    .lg\:rt-r-display-inline-grid {
        display: inline-grid;
    }
    .lg\:rt-r-display-none {
        display: none;
    }
    .lg\:rt-r-display-contents {
        display: contents;
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-display-block {
        display: block;
    }
    .xl\:rt-r-display-inline {
        display: inline;
    }
    .xl\:rt-r-display-inline-block {
        display: inline-block;
    }
    .xl\:rt-r-display-flex {
        display: flex;
    }
    .xl\:rt-r-display-inline-flex {
        display: inline-flex;
    }
    .xl\:rt-r-display-grid {
        display: grid;
    }
    .xl\:rt-r-display-inline-grid {
        display: inline-grid;
    }
    .xl\:rt-r-display-none {
        display: none;
    }
    .xl\:rt-r-display-contents {
        display: contents;
    }
}
.rt-r-fb {
    flex-basis: var(--flex-basis);
}
@media (min-width: 520px) {
    .xs\:rt-r-fb {
        flex-basis: var(--flex-basis-xs);
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-fb {
        flex-basis: var(--flex-basis-sm);
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-fb {
        flex-basis: var(--flex-basis-md);
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-fb {
        flex-basis: var(--flex-basis-lg);
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-fb {
        flex-basis: var(--flex-basis-xl);
    }
}
.rt-r-fd-row {
    flex-direction: row;
}
.rt-r-fd-column {
    flex-direction: column;
}
.rt-r-fd-row-reverse {
    flex-direction: row-reverse;
}
.rt-r-fd-column-reverse {
    flex-direction: column-reverse;
}
@media (min-width: 520px) {
    .xs\:rt-r-fd-row {
        flex-direction: row;
    }
    .xs\:rt-r-fd-column {
        flex-direction: column;
    }
    .xs\:rt-r-fd-row-reverse {
        flex-direction: row-reverse;
    }
    .xs\:rt-r-fd-column-reverse {
        flex-direction: column-reverse;
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-fd-row {
        flex-direction: row;
    }
    .sm\:rt-r-fd-column {
        flex-direction: column;
    }
    .sm\:rt-r-fd-row-reverse {
        flex-direction: row-reverse;
    }
    .sm\:rt-r-fd-column-reverse {
        flex-direction: column-reverse;
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-fd-row {
        flex-direction: row;
    }
    .md\:rt-r-fd-column {
        flex-direction: column;
    }
    .md\:rt-r-fd-row-reverse {
        flex-direction: row-reverse;
    }
    .md\:rt-r-fd-column-reverse {
        flex-direction: column-reverse;
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-fd-row {
        flex-direction: row;
    }
    .lg\:rt-r-fd-column {
        flex-direction: column;
    }
    .lg\:rt-r-fd-row-reverse {
        flex-direction: row-reverse;
    }
    .lg\:rt-r-fd-column-reverse {
        flex-direction: column-reverse;
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-fd-row {
        flex-direction: row;
    }
    .xl\:rt-r-fd-column {
        flex-direction: column;
    }
    .xl\:rt-r-fd-row-reverse {
        flex-direction: row-reverse;
    }
    .xl\:rt-r-fd-column-reverse {
        flex-direction: column-reverse;
    }
}
.rt-r-fg {
    flex-grow: var(--flex-grow)
}
.rt-r-fg-0 {
    flex-grow: 0;
}
.rt-r-fg-1 {
    flex-grow: 1;
}
@media (min-width: 520px) {
    .xs\:rt-r-fg {
        flex-grow: var(--flex-grow-xs)
    }
    .xs\:rt-r-fg-0 {
        flex-grow: 0;
    }
    .xs\:rt-r-fg-1 {
        flex-grow: 1;
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-fg {
        flex-grow: var(--flex-grow-sm)
    }
    .sm\:rt-r-fg-0 {
        flex-grow: 0;
    }
    .sm\:rt-r-fg-1 {
        flex-grow: 1;
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-fg {
        flex-grow: var(--flex-grow-md)
    }
    .md\:rt-r-fg-0 {
        flex-grow: 0;
    }
    .md\:rt-r-fg-1 {
        flex-grow: 1;
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-fg {
        flex-grow: var(--flex-grow-lg)
    }
    .lg\:rt-r-fg-0 {
        flex-grow: 0;
    }
    .lg\:rt-r-fg-1 {
        flex-grow: 1;
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-fg {
        flex-grow: var(--flex-grow-xl)
    }
    .xl\:rt-r-fg-0 {
        flex-grow: 0;
    }
    .xl\:rt-r-fg-1 {
        flex-grow: 1;
    }
}
.rt-r-fs {
    flex-shrink: var(--flex-shrink)
}
.rt-r-fs-0 {
    flex-shrink: 0;
}
.rt-r-fs-1 {
    flex-shrink: 1;
}
@media (min-width: 520px) {
    .xs\:rt-r-fs {
        flex-shrink: var(--flex-shrink-xs)
    }
    .xs\:rt-r-fs-0 {
        flex-shrink: 0;
    }
    .xs\:rt-r-fs-1 {
        flex-shrink: 1;
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-fs {
        flex-shrink: var(--flex-shrink-sm)
    }
    .sm\:rt-r-fs-0 {
        flex-shrink: 0;
    }
    .sm\:rt-r-fs-1 {
        flex-shrink: 1;
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-fs {
        flex-shrink: var(--flex-shrink-md)
    }
    .md\:rt-r-fs-0 {
        flex-shrink: 0;
    }
    .md\:rt-r-fs-1 {
        flex-shrink: 1;
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-fs {
        flex-shrink: var(--flex-shrink-lg)
    }
    .lg\:rt-r-fs-0 {
        flex-shrink: 0;
    }
    .lg\:rt-r-fs-1 {
        flex-shrink: 1;
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-fs {
        flex-shrink: var(--flex-shrink-xl)
    }
    .xl\:rt-r-fs-0 {
        flex-shrink: 0;
    }
    .xl\:rt-r-fs-1 {
        flex-shrink: 1;
    }
}
.rt-r-fw-nowrap {
    flex-wrap: nowrap;
}
.rt-r-fw-wrap {
    flex-wrap: wrap;
}
.rt-r-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
}
@media (min-width: 520px) {
    .xs\:rt-r-fw-nowrap {
        flex-wrap: nowrap;
    }
    .xs\:rt-r-fw-wrap {
        flex-wrap: wrap;
    }
    .xs\:rt-r-fw-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-fw-nowrap {
        flex-wrap: nowrap;
    }
    .sm\:rt-r-fw-wrap {
        flex-wrap: wrap;
    }
    .sm\:rt-r-fw-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-fw-nowrap {
        flex-wrap: nowrap;
    }
    .md\:rt-r-fw-wrap {
        flex-wrap: wrap;
    }
    .md\:rt-r-fw-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-fw-nowrap {
        flex-wrap: nowrap;
    }
    .lg\:rt-r-fw-wrap {
        flex-wrap: wrap;
    }
    .lg\:rt-r-fw-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-fw-nowrap {
        flex-wrap: nowrap;
    }
    .xl\:rt-r-fw-wrap {
        flex-wrap: wrap;
    }
    .xl\:rt-r-fw-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}
.rt-r-gap {
    gap: var(--gap)
}
.rt-r-gap-0 {
    gap: 0;
}
.rt-r-gap-1 {
    gap: var(--space-1);
}
.rt-r-gap-2 {
    gap: var(--space-2);
}
.rt-r-gap-3 {
    gap: var(--space-3);
}
.rt-r-gap-4 {
    gap: var(--space-4);
}
.rt-r-gap-5 {
    gap: var(--space-5);
}
.rt-r-gap-6 {
    gap: var(--space-6);
}
.rt-r-gap-7 {
    gap: var(--space-7);
}
.rt-r-gap-8 {
    gap: var(--space-8);
}
.rt-r-gap-9 {
    gap: var(--space-9);
}
.rt-r-cg {
    column-gap: var(--column-gap)
}
.rt-r-cg-0 {
    column-gap: 0;
}
.rt-r-cg-1 {
    column-gap: var(--space-1);
}
.rt-r-cg-2 {
    column-gap: var(--space-2);
}
.rt-r-cg-3 {
    column-gap: var(--space-3);
}
.rt-r-cg-4 {
    column-gap: var(--space-4);
}
.rt-r-cg-5 {
    column-gap: var(--space-5);
}
.rt-r-cg-6 {
    column-gap: var(--space-6);
}
.rt-r-cg-7 {
    column-gap: var(--space-7);
}
.rt-r-cg-8 {
    column-gap: var(--space-8);
}
.rt-r-cg-9 {
    column-gap: var(--space-9);
}
.rt-r-rg {
    row-gap: var(--row-gap)
}
.rt-r-rg-0 {
    row-gap: 0;
}
.rt-r-rg-1 {
    row-gap: var(--space-1);
}
.rt-r-rg-2 {
    row-gap: var(--space-2);
}
.rt-r-rg-3 {
    row-gap: var(--space-3);
}
.rt-r-rg-4 {
    row-gap: var(--space-4);
}
.rt-r-rg-5 {
    row-gap: var(--space-5);
}
.rt-r-rg-6 {
    row-gap: var(--space-6);
}
.rt-r-rg-7 {
    row-gap: var(--space-7);
}
.rt-r-rg-8 {
    row-gap: var(--space-8);
}
.rt-r-rg-9 {
    row-gap: var(--space-9);
}
@media (min-width: 520px) {
    .xs\:rt-r-gap {
        gap: var(--gap-xs)
    }
    .xs\:rt-r-gap-0 {
        gap: 0;
    }
    .xs\:rt-r-gap-1 {
        gap: var(--space-1);
    }
    .xs\:rt-r-gap-2 {
        gap: var(--space-2);
    }
    .xs\:rt-r-gap-3 {
        gap: var(--space-3);
    }
    .xs\:rt-r-gap-4 {
        gap: var(--space-4);
    }
    .xs\:rt-r-gap-5 {
        gap: var(--space-5);
    }
    .xs\:rt-r-gap-6 {
        gap: var(--space-6);
    }
    .xs\:rt-r-gap-7 {
        gap: var(--space-7);
    }
    .xs\:rt-r-gap-8 {
        gap: var(--space-8);
    }
    .xs\:rt-r-gap-9 {
        gap: var(--space-9);
    }
    .xs\:rt-r-cg {
        column-gap: var(--column-gap-xs)
    }
    .xs\:rt-r-cg-0 {
        column-gap: 0;
    }
    .xs\:rt-r-cg-1 {
        column-gap: var(--space-1);
    }
    .xs\:rt-r-cg-2 {
        column-gap: var(--space-2);
    }
    .xs\:rt-r-cg-3 {
        column-gap: var(--space-3);
    }
    .xs\:rt-r-cg-4 {
        column-gap: var(--space-4);
    }
    .xs\:rt-r-cg-5 {
        column-gap: var(--space-5);
    }
    .xs\:rt-r-cg-6 {
        column-gap: var(--space-6);
    }
    .xs\:rt-r-cg-7 {
        column-gap: var(--space-7);
    }
    .xs\:rt-r-cg-8 {
        column-gap: var(--space-8);
    }
    .xs\:rt-r-cg-9 {
        column-gap: var(--space-9);
    }
    .xs\:rt-r-rg {
        row-gap: var(--row-gap-xs)
    }
    .xs\:rt-r-rg-0 {
        row-gap: 0;
    }
    .xs\:rt-r-rg-1 {
        row-gap: var(--space-1);
    }
    .xs\:rt-r-rg-2 {
        row-gap: var(--space-2);
    }
    .xs\:rt-r-rg-3 {
        row-gap: var(--space-3);
    }
    .xs\:rt-r-rg-4 {
        row-gap: var(--space-4);
    }
    .xs\:rt-r-rg-5 {
        row-gap: var(--space-5);
    }
    .xs\:rt-r-rg-6 {
        row-gap: var(--space-6);
    }
    .xs\:rt-r-rg-7 {
        row-gap: var(--space-7);
    }
    .xs\:rt-r-rg-8 {
        row-gap: var(--space-8);
    }
    .xs\:rt-r-rg-9 {
        row-gap: var(--space-9);
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-gap {
        gap: var(--gap-sm)
    }
    .sm\:rt-r-gap-0 {
        gap: 0;
    }
    .sm\:rt-r-gap-1 {
        gap: var(--space-1);
    }
    .sm\:rt-r-gap-2 {
        gap: var(--space-2);
    }
    .sm\:rt-r-gap-3 {
        gap: var(--space-3);
    }
    .sm\:rt-r-gap-4 {
        gap: var(--space-4);
    }
    .sm\:rt-r-gap-5 {
        gap: var(--space-5);
    }
    .sm\:rt-r-gap-6 {
        gap: var(--space-6);
    }
    .sm\:rt-r-gap-7 {
        gap: var(--space-7);
    }
    .sm\:rt-r-gap-8 {
        gap: var(--space-8);
    }
    .sm\:rt-r-gap-9 {
        gap: var(--space-9);
    }
    .sm\:rt-r-cg {
        column-gap: var(--column-gap-sm)
    }
    .sm\:rt-r-cg-0 {
        column-gap: 0;
    }
    .sm\:rt-r-cg-1 {
        column-gap: var(--space-1);
    }
    .sm\:rt-r-cg-2 {
        column-gap: var(--space-2);
    }
    .sm\:rt-r-cg-3 {
        column-gap: var(--space-3);
    }
    .sm\:rt-r-cg-4 {
        column-gap: var(--space-4);
    }
    .sm\:rt-r-cg-5 {
        column-gap: var(--space-5);
    }
    .sm\:rt-r-cg-6 {
        column-gap: var(--space-6);
    }
    .sm\:rt-r-cg-7 {
        column-gap: var(--space-7);
    }
    .sm\:rt-r-cg-8 {
        column-gap: var(--space-8);
    }
    .sm\:rt-r-cg-9 {
        column-gap: var(--space-9);
    }
    .sm\:rt-r-rg {
        row-gap: var(--row-gap-sm)
    }
    .sm\:rt-r-rg-0 {
        row-gap: 0;
    }
    .sm\:rt-r-rg-1 {
        row-gap: var(--space-1);
    }
    .sm\:rt-r-rg-2 {
        row-gap: var(--space-2);
    }
    .sm\:rt-r-rg-3 {
        row-gap: var(--space-3);
    }
    .sm\:rt-r-rg-4 {
        row-gap: var(--space-4);
    }
    .sm\:rt-r-rg-5 {
        row-gap: var(--space-5);
    }
    .sm\:rt-r-rg-6 {
        row-gap: var(--space-6);
    }
    .sm\:rt-r-rg-7 {
        row-gap: var(--space-7);
    }
    .sm\:rt-r-rg-8 {
        row-gap: var(--space-8);
    }
    .sm\:rt-r-rg-9 {
        row-gap: var(--space-9);
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-gap {
        gap: var(--gap-md)
    }
    .md\:rt-r-gap-0 {
        gap: 0;
    }
    .md\:rt-r-gap-1 {
        gap: var(--space-1);
    }
    .md\:rt-r-gap-2 {
        gap: var(--space-2);
    }
    .md\:rt-r-gap-3 {
        gap: var(--space-3);
    }
    .md\:rt-r-gap-4 {
        gap: var(--space-4);
    }
    .md\:rt-r-gap-5 {
        gap: var(--space-5);
    }
    .md\:rt-r-gap-6 {
        gap: var(--space-6);
    }
    .md\:rt-r-gap-7 {
        gap: var(--space-7);
    }
    .md\:rt-r-gap-8 {
        gap: var(--space-8);
    }
    .md\:rt-r-gap-9 {
        gap: var(--space-9);
    }
    .md\:rt-r-cg {
        column-gap: var(--column-gap-md)
    }
    .md\:rt-r-cg-0 {
        column-gap: 0;
    }
    .md\:rt-r-cg-1 {
        column-gap: var(--space-1);
    }
    .md\:rt-r-cg-2 {
        column-gap: var(--space-2);
    }
    .md\:rt-r-cg-3 {
        column-gap: var(--space-3);
    }
    .md\:rt-r-cg-4 {
        column-gap: var(--space-4);
    }
    .md\:rt-r-cg-5 {
        column-gap: var(--space-5);
    }
    .md\:rt-r-cg-6 {
        column-gap: var(--space-6);
    }
    .md\:rt-r-cg-7 {
        column-gap: var(--space-7);
    }
    .md\:rt-r-cg-8 {
        column-gap: var(--space-8);
    }
    .md\:rt-r-cg-9 {
        column-gap: var(--space-9);
    }
    .md\:rt-r-rg {
        row-gap: var(--row-gap-md)
    }
    .md\:rt-r-rg-0 {
        row-gap: 0;
    }
    .md\:rt-r-rg-1 {
        row-gap: var(--space-1);
    }
    .md\:rt-r-rg-2 {
        row-gap: var(--space-2);
    }
    .md\:rt-r-rg-3 {
        row-gap: var(--space-3);
    }
    .md\:rt-r-rg-4 {
        row-gap: var(--space-4);
    }
    .md\:rt-r-rg-5 {
        row-gap: var(--space-5);
    }
    .md\:rt-r-rg-6 {
        row-gap: var(--space-6);
    }
    .md\:rt-r-rg-7 {
        row-gap: var(--space-7);
    }
    .md\:rt-r-rg-8 {
        row-gap: var(--space-8);
    }
    .md\:rt-r-rg-9 {
        row-gap: var(--space-9);
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-gap {
        gap: var(--gap-lg)
    }
    .lg\:rt-r-gap-0 {
        gap: 0;
    }
    .lg\:rt-r-gap-1 {
        gap: var(--space-1);
    }
    .lg\:rt-r-gap-2 {
        gap: var(--space-2);
    }
    .lg\:rt-r-gap-3 {
        gap: var(--space-3);
    }
    .lg\:rt-r-gap-4 {
        gap: var(--space-4);
    }
    .lg\:rt-r-gap-5 {
        gap: var(--space-5);
    }
    .lg\:rt-r-gap-6 {
        gap: var(--space-6);
    }
    .lg\:rt-r-gap-7 {
        gap: var(--space-7);
    }
    .lg\:rt-r-gap-8 {
        gap: var(--space-8);
    }
    .lg\:rt-r-gap-9 {
        gap: var(--space-9);
    }
    .lg\:rt-r-cg {
        column-gap: var(--column-gap-lg)
    }
    .lg\:rt-r-cg-0 {
        column-gap: 0;
    }
    .lg\:rt-r-cg-1 {
        column-gap: var(--space-1);
    }
    .lg\:rt-r-cg-2 {
        column-gap: var(--space-2);
    }
    .lg\:rt-r-cg-3 {
        column-gap: var(--space-3);
    }
    .lg\:rt-r-cg-4 {
        column-gap: var(--space-4);
    }
    .lg\:rt-r-cg-5 {
        column-gap: var(--space-5);
    }
    .lg\:rt-r-cg-6 {
        column-gap: var(--space-6);
    }
    .lg\:rt-r-cg-7 {
        column-gap: var(--space-7);
    }
    .lg\:rt-r-cg-8 {
        column-gap: var(--space-8);
    }
    .lg\:rt-r-cg-9 {
        column-gap: var(--space-9);
    }
    .lg\:rt-r-rg {
        row-gap: var(--row-gap-lg)
    }
    .lg\:rt-r-rg-0 {
        row-gap: 0;
    }
    .lg\:rt-r-rg-1 {
        row-gap: var(--space-1);
    }
    .lg\:rt-r-rg-2 {
        row-gap: var(--space-2);
    }
    .lg\:rt-r-rg-3 {
        row-gap: var(--space-3);
    }
    .lg\:rt-r-rg-4 {
        row-gap: var(--space-4);
    }
    .lg\:rt-r-rg-5 {
        row-gap: var(--space-5);
    }
    .lg\:rt-r-rg-6 {
        row-gap: var(--space-6);
    }
    .lg\:rt-r-rg-7 {
        row-gap: var(--space-7);
    }
    .lg\:rt-r-rg-8 {
        row-gap: var(--space-8);
    }
    .lg\:rt-r-rg-9 {
        row-gap: var(--space-9);
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-gap {
        gap: var(--gap-xl)
    }
    .xl\:rt-r-gap-0 {
        gap: 0;
    }
    .xl\:rt-r-gap-1 {
        gap: var(--space-1);
    }
    .xl\:rt-r-gap-2 {
        gap: var(--space-2);
    }
    .xl\:rt-r-gap-3 {
        gap: var(--space-3);
    }
    .xl\:rt-r-gap-4 {
        gap: var(--space-4);
    }
    .xl\:rt-r-gap-5 {
        gap: var(--space-5);
    }
    .xl\:rt-r-gap-6 {
        gap: var(--space-6);
    }
    .xl\:rt-r-gap-7 {
        gap: var(--space-7);
    }
    .xl\:rt-r-gap-8 {
        gap: var(--space-8);
    }
    .xl\:rt-r-gap-9 {
        gap: var(--space-9);
    }
    .xl\:rt-r-cg {
        column-gap: var(--column-gap-xl)
    }
    .xl\:rt-r-cg-0 {
        column-gap: 0;
    }
    .xl\:rt-r-cg-1 {
        column-gap: var(--space-1);
    }
    .xl\:rt-r-cg-2 {
        column-gap: var(--space-2);
    }
    .xl\:rt-r-cg-3 {
        column-gap: var(--space-3);
    }
    .xl\:rt-r-cg-4 {
        column-gap: var(--space-4);
    }
    .xl\:rt-r-cg-5 {
        column-gap: var(--space-5);
    }
    .xl\:rt-r-cg-6 {
        column-gap: var(--space-6);
    }
    .xl\:rt-r-cg-7 {
        column-gap: var(--space-7);
    }
    .xl\:rt-r-cg-8 {
        column-gap: var(--space-8);
    }
    .xl\:rt-r-cg-9 {
        column-gap: var(--space-9);
    }
    .xl\:rt-r-rg {
        row-gap: var(--row-gap-xl)
    }
    .xl\:rt-r-rg-0 {
        row-gap: 0;
    }
    .xl\:rt-r-rg-1 {
        row-gap: var(--space-1);
    }
    .xl\:rt-r-rg-2 {
        row-gap: var(--space-2);
    }
    .xl\:rt-r-rg-3 {
        row-gap: var(--space-3);
    }
    .xl\:rt-r-rg-4 {
        row-gap: var(--space-4);
    }
    .xl\:rt-r-rg-5 {
        row-gap: var(--space-5);
    }
    .xl\:rt-r-rg-6 {
        row-gap: var(--space-6);
    }
    .xl\:rt-r-rg-7 {
        row-gap: var(--space-7);
    }
    .xl\:rt-r-rg-8 {
        row-gap: var(--space-8);
    }
    .xl\:rt-r-rg-9 {
        row-gap: var(--space-9);
    }
}
.rt-r-ga {
    grid-area: var(--grid-area);
}
@media (min-width: 520px) {
    .xs\:rt-r-ga {
        grid-area: var(--grid-area-xs);
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-ga {
        grid-area: var(--grid-area-sm);
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-ga {
        grid-area: var(--grid-area-md);
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-ga {
        grid-area: var(--grid-area-lg);
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-ga {
        grid-area: var(--grid-area-xl);
    }
}
.rt-r-gaf-row {
    grid-auto-flow: row;
}
.rt-r-gaf-column {
    grid-auto-flow: column;
}
.rt-r-gaf-dense {
    grid-auto-flow: dense;
}
.rt-r-gaf-row-dense {
    grid-auto-flow: row dense;
}
.rt-r-gaf-column-dense {
    grid-auto-flow: column dense;
}
@media (min-width: 520px) {
    .xs\:rt-r-gaf-row {
        grid-auto-flow: row;
    }
    .xs\:rt-r-gaf-column {
        grid-auto-flow: column;
    }
    .xs\:rt-r-gaf-dense {
        grid-auto-flow: dense;
    }
    .xs\:rt-r-gaf-row-dense {
        grid-auto-flow: row dense;
    }
    .xs\:rt-r-gaf-column-dense {
        grid-auto-flow: column dense;
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-gaf-row {
        grid-auto-flow: row;
    }
    .sm\:rt-r-gaf-column {
        grid-auto-flow: column;
    }
    .sm\:rt-r-gaf-dense {
        grid-auto-flow: dense;
    }
    .sm\:rt-r-gaf-row-dense {
        grid-auto-flow: row dense;
    }
    .sm\:rt-r-gaf-column-dense {
        grid-auto-flow: column dense;
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-gaf-row {
        grid-auto-flow: row;
    }
    .md\:rt-r-gaf-column {
        grid-auto-flow: column;
    }
    .md\:rt-r-gaf-dense {
        grid-auto-flow: dense;
    }
    .md\:rt-r-gaf-row-dense {
        grid-auto-flow: row dense;
    }
    .md\:rt-r-gaf-column-dense {
        grid-auto-flow: column dense;
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-gaf-row {
        grid-auto-flow: row;
    }
    .lg\:rt-r-gaf-column {
        grid-auto-flow: column;
    }
    .lg\:rt-r-gaf-dense {
        grid-auto-flow: dense;
    }
    .lg\:rt-r-gaf-row-dense {
        grid-auto-flow: row dense;
    }
    .lg\:rt-r-gaf-column-dense {
        grid-auto-flow: column dense;
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-gaf-row {
        grid-auto-flow: row;
    }
    .xl\:rt-r-gaf-column {
        grid-auto-flow: column;
    }
    .xl\:rt-r-gaf-dense {
        grid-auto-flow: dense;
    }
    .xl\:rt-r-gaf-row-dense {
        grid-auto-flow: row dense;
    }
    .xl\:rt-r-gaf-column-dense {
        grid-auto-flow: column dense;
    }
}
.rt-r-gc {
    grid-column: var(--grid-column)
}
.rt-r-gc-1 {
    grid-column: 1;
}
.rt-r-gc-2 {
    grid-column: 2;
}
.rt-r-gc-3 {
    grid-column: 3;
}
.rt-r-gc-4 {
    grid-column: 4;
}
.rt-r-gc-5 {
    grid-column: 5;
}
.rt-r-gc-6 {
    grid-column: 6;
}
.rt-r-gc-7 {
    grid-column: 7;
}
.rt-r-gc-8 {
    grid-column: 8;
}
.rt-r-gc-9 {
    grid-column: 9;
}
@media (min-width: 520px) {
    .xs\:rt-r-gc {
        grid-column: var(--grid-column-xs)
    }
    .xs\:rt-r-gc-1 {
        grid-column: 1;
    }
    .xs\:rt-r-gc-2 {
        grid-column: 2;
    }
    .xs\:rt-r-gc-3 {
        grid-column: 3;
    }
    .xs\:rt-r-gc-4 {
        grid-column: 4;
    }
    .xs\:rt-r-gc-5 {
        grid-column: 5;
    }
    .xs\:rt-r-gc-6 {
        grid-column: 6;
    }
    .xs\:rt-r-gc-7 {
        grid-column: 7;
    }
    .xs\:rt-r-gc-8 {
        grid-column: 8;
    }
    .xs\:rt-r-gc-9 {
        grid-column: 9;
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-gc {
        grid-column: var(--grid-column-sm)
    }
    .sm\:rt-r-gc-1 {
        grid-column: 1;
    }
    .sm\:rt-r-gc-2 {
        grid-column: 2;
    }
    .sm\:rt-r-gc-3 {
        grid-column: 3;
    }
    .sm\:rt-r-gc-4 {
        grid-column: 4;
    }
    .sm\:rt-r-gc-5 {
        grid-column: 5;
    }
    .sm\:rt-r-gc-6 {
        grid-column: 6;
    }
    .sm\:rt-r-gc-7 {
        grid-column: 7;
    }
    .sm\:rt-r-gc-8 {
        grid-column: 8;
    }
    .sm\:rt-r-gc-9 {
        grid-column: 9;
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-gc {
        grid-column: var(--grid-column-md)
    }
    .md\:rt-r-gc-1 {
        grid-column: 1;
    }
    .md\:rt-r-gc-2 {
        grid-column: 2;
    }
    .md\:rt-r-gc-3 {
        grid-column: 3;
    }
    .md\:rt-r-gc-4 {
        grid-column: 4;
    }
    .md\:rt-r-gc-5 {
        grid-column: 5;
    }
    .md\:rt-r-gc-6 {
        grid-column: 6;
    }
    .md\:rt-r-gc-7 {
        grid-column: 7;
    }
    .md\:rt-r-gc-8 {
        grid-column: 8;
    }
    .md\:rt-r-gc-9 {
        grid-column: 9;
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-gc {
        grid-column: var(--grid-column-lg)
    }
    .lg\:rt-r-gc-1 {
        grid-column: 1;
    }
    .lg\:rt-r-gc-2 {
        grid-column: 2;
    }
    .lg\:rt-r-gc-3 {
        grid-column: 3;
    }
    .lg\:rt-r-gc-4 {
        grid-column: 4;
    }
    .lg\:rt-r-gc-5 {
        grid-column: 5;
    }
    .lg\:rt-r-gc-6 {
        grid-column: 6;
    }
    .lg\:rt-r-gc-7 {
        grid-column: 7;
    }
    .lg\:rt-r-gc-8 {
        grid-column: 8;
    }
    .lg\:rt-r-gc-9 {
        grid-column: 9;
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-gc {
        grid-column: var(--grid-column-xl)
    }
    .xl\:rt-r-gc-1 {
        grid-column: 1;
    }
    .xl\:rt-r-gc-2 {
        grid-column: 2;
    }
    .xl\:rt-r-gc-3 {
        grid-column: 3;
    }
    .xl\:rt-r-gc-4 {
        grid-column: 4;
    }
    .xl\:rt-r-gc-5 {
        grid-column: 5;
    }
    .xl\:rt-r-gc-6 {
        grid-column: 6;
    }
    .xl\:rt-r-gc-7 {
        grid-column: 7;
    }
    .xl\:rt-r-gc-8 {
        grid-column: 8;
    }
    .xl\:rt-r-gc-9 {
        grid-column: 9;
    }
}
.rt-r-gcs {
    grid-column-start: var(--grid-column-start)
}
.rt-r-gcs-1 {
    grid-column-start: 1;
}
.rt-r-gcs-2 {
    grid-column-start: 2;
}
.rt-r-gcs-3 {
    grid-column-start: 3;
}
.rt-r-gcs-4 {
    grid-column-start: 4;
}
.rt-r-gcs-5 {
    grid-column-start: 5;
}
.rt-r-gcs-6 {
    grid-column-start: 6;
}
.rt-r-gcs-7 {
    grid-column-start: 7;
}
.rt-r-gcs-8 {
    grid-column-start: 8;
}
.rt-r-gcs-9 {
    grid-column-start: 9;
}
@media (min-width: 520px) {
    .xs\:rt-r-gcs {
        grid-column-start: var(--grid-column-start-xs)
    }
    .xs\:rt-r-gcs-1 {
        grid-column-start: 1;
    }
    .xs\:rt-r-gcs-2 {
        grid-column-start: 2;
    }
    .xs\:rt-r-gcs-3 {
        grid-column-start: 3;
    }
    .xs\:rt-r-gcs-4 {
        grid-column-start: 4;
    }
    .xs\:rt-r-gcs-5 {
        grid-column-start: 5;
    }
    .xs\:rt-r-gcs-6 {
        grid-column-start: 6;
    }
    .xs\:rt-r-gcs-7 {
        grid-column-start: 7;
    }
    .xs\:rt-r-gcs-8 {
        grid-column-start: 8;
    }
    .xs\:rt-r-gcs-9 {
        grid-column-start: 9;
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-gcs {
        grid-column-start: var(--grid-column-start-sm)
    }
    .sm\:rt-r-gcs-1 {
        grid-column-start: 1;
    }
    .sm\:rt-r-gcs-2 {
        grid-column-start: 2;
    }
    .sm\:rt-r-gcs-3 {
        grid-column-start: 3;
    }
    .sm\:rt-r-gcs-4 {
        grid-column-start: 4;
    }
    .sm\:rt-r-gcs-5 {
        grid-column-start: 5;
    }
    .sm\:rt-r-gcs-6 {
        grid-column-start: 6;
    }
    .sm\:rt-r-gcs-7 {
        grid-column-start: 7;
    }
    .sm\:rt-r-gcs-8 {
        grid-column-start: 8;
    }
    .sm\:rt-r-gcs-9 {
        grid-column-start: 9;
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-gcs {
        grid-column-start: var(--grid-column-start-md)
    }
    .md\:rt-r-gcs-1 {
        grid-column-start: 1;
    }
    .md\:rt-r-gcs-2 {
        grid-column-start: 2;
    }
    .md\:rt-r-gcs-3 {
        grid-column-start: 3;
    }
    .md\:rt-r-gcs-4 {
        grid-column-start: 4;
    }
    .md\:rt-r-gcs-5 {
        grid-column-start: 5;
    }
    .md\:rt-r-gcs-6 {
        grid-column-start: 6;
    }
    .md\:rt-r-gcs-7 {
        grid-column-start: 7;
    }
    .md\:rt-r-gcs-8 {
        grid-column-start: 8;
    }
    .md\:rt-r-gcs-9 {
        grid-column-start: 9;
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-gcs {
        grid-column-start: var(--grid-column-start-lg)
    }
    .lg\:rt-r-gcs-1 {
        grid-column-start: 1;
    }
    .lg\:rt-r-gcs-2 {
        grid-column-start: 2;
    }
    .lg\:rt-r-gcs-3 {
        grid-column-start: 3;
    }
    .lg\:rt-r-gcs-4 {
        grid-column-start: 4;
    }
    .lg\:rt-r-gcs-5 {
        grid-column-start: 5;
    }
    .lg\:rt-r-gcs-6 {
        grid-column-start: 6;
    }
    .lg\:rt-r-gcs-7 {
        grid-column-start: 7;
    }
    .lg\:rt-r-gcs-8 {
        grid-column-start: 8;
    }
    .lg\:rt-r-gcs-9 {
        grid-column-start: 9;
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-gcs {
        grid-column-start: var(--grid-column-start-xl)
    }
    .xl\:rt-r-gcs-1 {
        grid-column-start: 1;
    }
    .xl\:rt-r-gcs-2 {
        grid-column-start: 2;
    }
    .xl\:rt-r-gcs-3 {
        grid-column-start: 3;
    }
    .xl\:rt-r-gcs-4 {
        grid-column-start: 4;
    }
    .xl\:rt-r-gcs-5 {
        grid-column-start: 5;
    }
    .xl\:rt-r-gcs-6 {
        grid-column-start: 6;
    }
    .xl\:rt-r-gcs-7 {
        grid-column-start: 7;
    }
    .xl\:rt-r-gcs-8 {
        grid-column-start: 8;
    }
    .xl\:rt-r-gcs-9 {
        grid-column-start: 9;
    }
}
.rt-r-gce {
    grid-column-end: var(--grid-column-end)
}
.rt-r-gce-1 {
    grid-column-end: 1;
}
.rt-r-gce-2 {
    grid-column-end: 2;
}
.rt-r-gce-3 {
    grid-column-end: 3;
}
.rt-r-gce-4 {
    grid-column-end: 4;
}
.rt-r-gce-5 {
    grid-column-end: 5;
}
.rt-r-gce-6 {
    grid-column-end: 6;
}
.rt-r-gce-7 {
    grid-column-end: 7;
}
.rt-r-gce-8 {
    grid-column-end: 8;
}
.rt-r-gce-9 {
    grid-column-end: 9;
}
@media (min-width: 520px) {
    .xs\:rt-r-gce {
        grid-column-end: var(--grid-column-end-xs)
    }
    .xs\:rt-r-gce-1 {
        grid-column-end: 1;
    }
    .xs\:rt-r-gce-2 {
        grid-column-end: 2;
    }
    .xs\:rt-r-gce-3 {
        grid-column-end: 3;
    }
    .xs\:rt-r-gce-4 {
        grid-column-end: 4;
    }
    .xs\:rt-r-gce-5 {
        grid-column-end: 5;
    }
    .xs\:rt-r-gce-6 {
        grid-column-end: 6;
    }
    .xs\:rt-r-gce-7 {
        grid-column-end: 7;
    }
    .xs\:rt-r-gce-8 {
        grid-column-end: 8;
    }
    .xs\:rt-r-gce-9 {
        grid-column-end: 9;
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-gce {
        grid-column-end: var(--grid-column-end-sm)
    }
    .sm\:rt-r-gce-1 {
        grid-column-end: 1;
    }
    .sm\:rt-r-gce-2 {
        grid-column-end: 2;
    }
    .sm\:rt-r-gce-3 {
        grid-column-end: 3;
    }
    .sm\:rt-r-gce-4 {
        grid-column-end: 4;
    }
    .sm\:rt-r-gce-5 {
        grid-column-end: 5;
    }
    .sm\:rt-r-gce-6 {
        grid-column-end: 6;
    }
    .sm\:rt-r-gce-7 {
        grid-column-end: 7;
    }
    .sm\:rt-r-gce-8 {
        grid-column-end: 8;
    }
    .sm\:rt-r-gce-9 {
        grid-column-end: 9;
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-gce {
        grid-column-end: var(--grid-column-end-md)
    }
    .md\:rt-r-gce-1 {
        grid-column-end: 1;
    }
    .md\:rt-r-gce-2 {
        grid-column-end: 2;
    }
    .md\:rt-r-gce-3 {
        grid-column-end: 3;
    }
    .md\:rt-r-gce-4 {
        grid-column-end: 4;
    }
    .md\:rt-r-gce-5 {
        grid-column-end: 5;
    }
    .md\:rt-r-gce-6 {
        grid-column-end: 6;
    }
    .md\:rt-r-gce-7 {
        grid-column-end: 7;
    }
    .md\:rt-r-gce-8 {
        grid-column-end: 8;
    }
    .md\:rt-r-gce-9 {
        grid-column-end: 9;
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-gce {
        grid-column-end: var(--grid-column-end-lg)
    }
    .lg\:rt-r-gce-1 {
        grid-column-end: 1;
    }
    .lg\:rt-r-gce-2 {
        grid-column-end: 2;
    }
    .lg\:rt-r-gce-3 {
        grid-column-end: 3;
    }
    .lg\:rt-r-gce-4 {
        grid-column-end: 4;
    }
    .lg\:rt-r-gce-5 {
        grid-column-end: 5;
    }
    .lg\:rt-r-gce-6 {
        grid-column-end: 6;
    }
    .lg\:rt-r-gce-7 {
        grid-column-end: 7;
    }
    .lg\:rt-r-gce-8 {
        grid-column-end: 8;
    }
    .lg\:rt-r-gce-9 {
        grid-column-end: 9;
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-gce {
        grid-column-end: var(--grid-column-end-xl)
    }
    .xl\:rt-r-gce-1 {
        grid-column-end: 1;
    }
    .xl\:rt-r-gce-2 {
        grid-column-end: 2;
    }
    .xl\:rt-r-gce-3 {
        grid-column-end: 3;
    }
    .xl\:rt-r-gce-4 {
        grid-column-end: 4;
    }
    .xl\:rt-r-gce-5 {
        grid-column-end: 5;
    }
    .xl\:rt-r-gce-6 {
        grid-column-end: 6;
    }
    .xl\:rt-r-gce-7 {
        grid-column-end: 7;
    }
    .xl\:rt-r-gce-8 {
        grid-column-end: 8;
    }
    .xl\:rt-r-gce-9 {
        grid-column-end: 9;
    }
}
.rt-r-gr {
    grid-row: var(--grid-row)
}
.rt-r-gr-1 {
    grid-row: 1;
}
.rt-r-gr-2 {
    grid-row: 2;
}
.rt-r-gr-3 {
    grid-row: 3;
}
.rt-r-gr-4 {
    grid-row: 4;
}
.rt-r-gr-5 {
    grid-row: 5;
}
.rt-r-gr-6 {
    grid-row: 6;
}
.rt-r-gr-7 {
    grid-row: 7;
}
.rt-r-gr-8 {
    grid-row: 8;
}
.rt-r-gr-9 {
    grid-row: 9;
}
@media (min-width: 520px) {
    .xs\:rt-r-gr {
        grid-row: var(--grid-row-xs)
    }
    .xs\:rt-r-gr-1 {
        grid-row: 1;
    }
    .xs\:rt-r-gr-2 {
        grid-row: 2;
    }
    .xs\:rt-r-gr-3 {
        grid-row: 3;
    }
    .xs\:rt-r-gr-4 {
        grid-row: 4;
    }
    .xs\:rt-r-gr-5 {
        grid-row: 5;
    }
    .xs\:rt-r-gr-6 {
        grid-row: 6;
    }
    .xs\:rt-r-gr-7 {
        grid-row: 7;
    }
    .xs\:rt-r-gr-8 {
        grid-row: 8;
    }
    .xs\:rt-r-gr-9 {
        grid-row: 9;
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-gr {
        grid-row: var(--grid-row-sm)
    }
    .sm\:rt-r-gr-1 {
        grid-row: 1;
    }
    .sm\:rt-r-gr-2 {
        grid-row: 2;
    }
    .sm\:rt-r-gr-3 {
        grid-row: 3;
    }
    .sm\:rt-r-gr-4 {
        grid-row: 4;
    }
    .sm\:rt-r-gr-5 {
        grid-row: 5;
    }
    .sm\:rt-r-gr-6 {
        grid-row: 6;
    }
    .sm\:rt-r-gr-7 {
        grid-row: 7;
    }
    .sm\:rt-r-gr-8 {
        grid-row: 8;
    }
    .sm\:rt-r-gr-9 {
        grid-row: 9;
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-gr {
        grid-row: var(--grid-row-md)
    }
    .md\:rt-r-gr-1 {
        grid-row: 1;
    }
    .md\:rt-r-gr-2 {
        grid-row: 2;
    }
    .md\:rt-r-gr-3 {
        grid-row: 3;
    }
    .md\:rt-r-gr-4 {
        grid-row: 4;
    }
    .md\:rt-r-gr-5 {
        grid-row: 5;
    }
    .md\:rt-r-gr-6 {
        grid-row: 6;
    }
    .md\:rt-r-gr-7 {
        grid-row: 7;
    }
    .md\:rt-r-gr-8 {
        grid-row: 8;
    }
    .md\:rt-r-gr-9 {
        grid-row: 9;
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-gr {
        grid-row: var(--grid-row-lg)
    }
    .lg\:rt-r-gr-1 {
        grid-row: 1;
    }
    .lg\:rt-r-gr-2 {
        grid-row: 2;
    }
    .lg\:rt-r-gr-3 {
        grid-row: 3;
    }
    .lg\:rt-r-gr-4 {
        grid-row: 4;
    }
    .lg\:rt-r-gr-5 {
        grid-row: 5;
    }
    .lg\:rt-r-gr-6 {
        grid-row: 6;
    }
    .lg\:rt-r-gr-7 {
        grid-row: 7;
    }
    .lg\:rt-r-gr-8 {
        grid-row: 8;
    }
    .lg\:rt-r-gr-9 {
        grid-row: 9;
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-gr {
        grid-row: var(--grid-row-xl)
    }
    .xl\:rt-r-gr-1 {
        grid-row: 1;
    }
    .xl\:rt-r-gr-2 {
        grid-row: 2;
    }
    .xl\:rt-r-gr-3 {
        grid-row: 3;
    }
    .xl\:rt-r-gr-4 {
        grid-row: 4;
    }
    .xl\:rt-r-gr-5 {
        grid-row: 5;
    }
    .xl\:rt-r-gr-6 {
        grid-row: 6;
    }
    .xl\:rt-r-gr-7 {
        grid-row: 7;
    }
    .xl\:rt-r-gr-8 {
        grid-row: 8;
    }
    .xl\:rt-r-gr-9 {
        grid-row: 9;
    }
}
.rt-r-grs {
    grid-row-start: var(--grid-row-start)
}
.rt-r-grs-1 {
    grid-row-start: 1;
}
.rt-r-grs-2 {
    grid-row-start: 2;
}
.rt-r-grs-3 {
    grid-row-start: 3;
}
.rt-r-grs-4 {
    grid-row-start: 4;
}
.rt-r-grs-5 {
    grid-row-start: 5;
}
.rt-r-grs-6 {
    grid-row-start: 6;
}
.rt-r-grs-7 {
    grid-row-start: 7;
}
.rt-r-grs-8 {
    grid-row-start: 8;
}
.rt-r-grs-9 {
    grid-row-start: 9;
}
@media (min-width: 520px) {
    .xs\:rt-r-grs {
        grid-row-start: var(--grid-row-start-xs)
    }
    .xs\:rt-r-grs-1 {
        grid-row-start: 1;
    }
    .xs\:rt-r-grs-2 {
        grid-row-start: 2;
    }
    .xs\:rt-r-grs-3 {
        grid-row-start: 3;
    }
    .xs\:rt-r-grs-4 {
        grid-row-start: 4;
    }
    .xs\:rt-r-grs-5 {
        grid-row-start: 5;
    }
    .xs\:rt-r-grs-6 {
        grid-row-start: 6;
    }
    .xs\:rt-r-grs-7 {
        grid-row-start: 7;
    }
    .xs\:rt-r-grs-8 {
        grid-row-start: 8;
    }
    .xs\:rt-r-grs-9 {
        grid-row-start: 9;
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-grs {
        grid-row-start: var(--grid-row-start-sm)
    }
    .sm\:rt-r-grs-1 {
        grid-row-start: 1;
    }
    .sm\:rt-r-grs-2 {
        grid-row-start: 2;
    }
    .sm\:rt-r-grs-3 {
        grid-row-start: 3;
    }
    .sm\:rt-r-grs-4 {
        grid-row-start: 4;
    }
    .sm\:rt-r-grs-5 {
        grid-row-start: 5;
    }
    .sm\:rt-r-grs-6 {
        grid-row-start: 6;
    }
    .sm\:rt-r-grs-7 {
        grid-row-start: 7;
    }
    .sm\:rt-r-grs-8 {
        grid-row-start: 8;
    }
    .sm\:rt-r-grs-9 {
        grid-row-start: 9;
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-grs {
        grid-row-start: var(--grid-row-start-md)
    }
    .md\:rt-r-grs-1 {
        grid-row-start: 1;
    }
    .md\:rt-r-grs-2 {
        grid-row-start: 2;
    }
    .md\:rt-r-grs-3 {
        grid-row-start: 3;
    }
    .md\:rt-r-grs-4 {
        grid-row-start: 4;
    }
    .md\:rt-r-grs-5 {
        grid-row-start: 5;
    }
    .md\:rt-r-grs-6 {
        grid-row-start: 6;
    }
    .md\:rt-r-grs-7 {
        grid-row-start: 7;
    }
    .md\:rt-r-grs-8 {
        grid-row-start: 8;
    }
    .md\:rt-r-grs-9 {
        grid-row-start: 9;
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-grs {
        grid-row-start: var(--grid-row-start-lg)
    }
    .lg\:rt-r-grs-1 {
        grid-row-start: 1;
    }
    .lg\:rt-r-grs-2 {
        grid-row-start: 2;
    }
    .lg\:rt-r-grs-3 {
        grid-row-start: 3;
    }
    .lg\:rt-r-grs-4 {
        grid-row-start: 4;
    }
    .lg\:rt-r-grs-5 {
        grid-row-start: 5;
    }
    .lg\:rt-r-grs-6 {
        grid-row-start: 6;
    }
    .lg\:rt-r-grs-7 {
        grid-row-start: 7;
    }
    .lg\:rt-r-grs-8 {
        grid-row-start: 8;
    }
    .lg\:rt-r-grs-9 {
        grid-row-start: 9;
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-grs {
        grid-row-start: var(--grid-row-start-xl)
    }
    .xl\:rt-r-grs-1 {
        grid-row-start: 1;
    }
    .xl\:rt-r-grs-2 {
        grid-row-start: 2;
    }
    .xl\:rt-r-grs-3 {
        grid-row-start: 3;
    }
    .xl\:rt-r-grs-4 {
        grid-row-start: 4;
    }
    .xl\:rt-r-grs-5 {
        grid-row-start: 5;
    }
    .xl\:rt-r-grs-6 {
        grid-row-start: 6;
    }
    .xl\:rt-r-grs-7 {
        grid-row-start: 7;
    }
    .xl\:rt-r-grs-8 {
        grid-row-start: 8;
    }
    .xl\:rt-r-grs-9 {
        grid-row-start: 9;
    }
}
.rt-r-gre {
    grid-row-end: var(--grid-row-end)
}
.rt-r-gre-1 {
    grid-row-end: 1;
}
.rt-r-gre-2 {
    grid-row-end: 2;
}
.rt-r-gre-3 {
    grid-row-end: 3;
}
.rt-r-gre-4 {
    grid-row-end: 4;
}
.rt-r-gre-5 {
    grid-row-end: 5;
}
.rt-r-gre-6 {
    grid-row-end: 6;
}
.rt-r-gre-7 {
    grid-row-end: 7;
}
.rt-r-gre-8 {
    grid-row-end: 8;
}
.rt-r-gre-9 {
    grid-row-end: 9;
}
@media (min-width: 520px) {
    .xs\:rt-r-gre {
        grid-row-end: var(--grid-row-end-xs)
    }
    .xs\:rt-r-gre-1 {
        grid-row-end: 1;
    }
    .xs\:rt-r-gre-2 {
        grid-row-end: 2;
    }
    .xs\:rt-r-gre-3 {
        grid-row-end: 3;
    }
    .xs\:rt-r-gre-4 {
        grid-row-end: 4;
    }
    .xs\:rt-r-gre-5 {
        grid-row-end: 5;
    }
    .xs\:rt-r-gre-6 {
        grid-row-end: 6;
    }
    .xs\:rt-r-gre-7 {
        grid-row-end: 7;
    }
    .xs\:rt-r-gre-8 {
        grid-row-end: 8;
    }
    .xs\:rt-r-gre-9 {
        grid-row-end: 9;
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-gre {
        grid-row-end: var(--grid-row-end-sm)
    }
    .sm\:rt-r-gre-1 {
        grid-row-end: 1;
    }
    .sm\:rt-r-gre-2 {
        grid-row-end: 2;
    }
    .sm\:rt-r-gre-3 {
        grid-row-end: 3;
    }
    .sm\:rt-r-gre-4 {
        grid-row-end: 4;
    }
    .sm\:rt-r-gre-5 {
        grid-row-end: 5;
    }
    .sm\:rt-r-gre-6 {
        grid-row-end: 6;
    }
    .sm\:rt-r-gre-7 {
        grid-row-end: 7;
    }
    .sm\:rt-r-gre-8 {
        grid-row-end: 8;
    }
    .sm\:rt-r-gre-9 {
        grid-row-end: 9;
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-gre {
        grid-row-end: var(--grid-row-end-md)
    }
    .md\:rt-r-gre-1 {
        grid-row-end: 1;
    }
    .md\:rt-r-gre-2 {
        grid-row-end: 2;
    }
    .md\:rt-r-gre-3 {
        grid-row-end: 3;
    }
    .md\:rt-r-gre-4 {
        grid-row-end: 4;
    }
    .md\:rt-r-gre-5 {
        grid-row-end: 5;
    }
    .md\:rt-r-gre-6 {
        grid-row-end: 6;
    }
    .md\:rt-r-gre-7 {
        grid-row-end: 7;
    }
    .md\:rt-r-gre-8 {
        grid-row-end: 8;
    }
    .md\:rt-r-gre-9 {
        grid-row-end: 9;
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-gre {
        grid-row-end: var(--grid-row-end-lg)
    }
    .lg\:rt-r-gre-1 {
        grid-row-end: 1;
    }
    .lg\:rt-r-gre-2 {
        grid-row-end: 2;
    }
    .lg\:rt-r-gre-3 {
        grid-row-end: 3;
    }
    .lg\:rt-r-gre-4 {
        grid-row-end: 4;
    }
    .lg\:rt-r-gre-5 {
        grid-row-end: 5;
    }
    .lg\:rt-r-gre-6 {
        grid-row-end: 6;
    }
    .lg\:rt-r-gre-7 {
        grid-row-end: 7;
    }
    .lg\:rt-r-gre-8 {
        grid-row-end: 8;
    }
    .lg\:rt-r-gre-9 {
        grid-row-end: 9;
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-gre {
        grid-row-end: var(--grid-row-end-xl)
    }
    .xl\:rt-r-gre-1 {
        grid-row-end: 1;
    }
    .xl\:rt-r-gre-2 {
        grid-row-end: 2;
    }
    .xl\:rt-r-gre-3 {
        grid-row-end: 3;
    }
    .xl\:rt-r-gre-4 {
        grid-row-end: 4;
    }
    .xl\:rt-r-gre-5 {
        grid-row-end: 5;
    }
    .xl\:rt-r-gre-6 {
        grid-row-end: 6;
    }
    .xl\:rt-r-gre-7 {
        grid-row-end: 7;
    }
    .xl\:rt-r-gre-8 {
        grid-row-end: 8;
    }
    .xl\:rt-r-gre-9 {
        grid-row-end: 9;
    }
}
.rt-r-gta {
    grid-template-areas: var(--grid-template-areas);
}
@media (min-width: 520px) {
    .xs\:rt-r-gta {
        grid-template-areas: var(--grid-template-areas-xs);
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-gta {
        grid-template-areas: var(--grid-template-areas-sm);
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-gta {
        grid-template-areas: var(--grid-template-areas-md);
    }
}
@media (min-width: 1280px) {
    .lg\:rt-r-gta {
        grid-template-areas: var(--grid-template-areas-lg);
    }
}
@media (min-width: 1640px) {
    .xl\:rt-r-gta {
        grid-template-areas: var(--grid-template-areas-xl);
    }
}
.rt-r-gtc {
    grid-template-columns: var(--grid-template-columns)
}
.rt-r-gtc-1 {
    grid-template-columns: minmax(0, 1fr);
}
.rt-r-gtc-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rt-r-gtc-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rt-r-gtc-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.rt-r-gtc-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.rt-r-gtc-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.rt-r-gtc-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
.rt-r-gtc-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}
.rt-r-gtc-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
}
@media (min-width: 520px) {
    .xs\:rt-r-gtc {
        grid-template-columns: var(--grid-template-columns-xs)
    }
    .xs\:rt-r-gtc-1 {
        grid-template-columns: minmax(0, 1fr);
    }
    .xs\:rt-r-gtc-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xs\:rt-r-gtc-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .xs\:rt-r-gtc-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .xs\:rt-r-gtc-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .xs\:rt-r-gtc-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .xs\:rt-r-gtc-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .xs\:rt-r-gtc-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .xs\:rt-r-gtc-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }
}
@media (min-width: 768px) {
    .sm\:rt-r-gtc {
        grid-template-columns: var(--grid-template-columns-sm)
    }
    .sm\:rt-r-gtc-1 {
        grid-template-columns: minmax(0, 1fr);
    }
    .sm\:rt-r-gtc-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:rt-r-gtc-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:rt-r-gtc-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm\:rt-r-gtc-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .sm\:rt-r-gtc-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .sm\:rt-r-gtc-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .sm\:rt-r-gtc-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .sm\:rt-r-gtc-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }
}
@media (min-width: 1024px) {
    .md\:rt-r-gtc {
        grid-template-columns: var(--grid-template-col