div[data-cmp-is=adaptiveFormDropDown],
div[data-cmp-is=adaptiveFormDatePicker],
div[data-cmp-is=adaptiveFormNumberInput],
div[data-cmp-is=adaptiveFormTextInput],
div[data-cmp-is=adaptiveFormCheckBoxGroup],
div[data-cmp-is=adaptiveFormFileInput],
div[data-cmp-is=adaptiveFormRadioButton],
div[data-cmp-is=adaptiveFormEmailInput],
div[data-cmp-is=adaptiveFormTelephoneInput] {
    border: none;
    margin: 12px 0;
}

/* Font faces */
@font-face {
    font-weight: 400;
    font-family: defaultFont;
    font-style: normal;
    src: url(resources/fonts/SourceSansPro-Regular.ttf) format("truetype");
}

@font-face {
    font-weight: 700;
    font-family: defaultFont;
    font-style: normal;
    src: url(resources/fonts/SourceSansPro-SemiBold.ttf) format("truetype");
}

@font-face {
    font-weight: bolder;
    font-family: defaultFont;
    font-style: normal;
    src: url(resources/fonts/SourceSansPro-Bold.ttf) format("truetype");
}

@font-face {
    font-weight: 400;
    font-family: PublicSans;
    font-style: normal;
    src: url(resources/fonts/PublicSans-Regular.ttf) format("truetype");
}

@font-face {
    font-weight: medium;
    font-family: PublicSans;
    font-style: normal;
    src: url(resources/fonts/PublicSans-Medium.ttf) format("truetype");
}

@font-face {
    font-weight: 700;
    font-family: PublicSans;
    font-style: normal;
    src: url(resources/fonts/PublicSans-SemiBold.ttf) format("truetype");
}

@font-face {
    font-weight: bolder;
    font-family: PublicSans;
    font-style: normal;
    src: url(resources/fonts/PublicSans-Bold.ttf) format("truetype");
}

/* Grid styles */
.aem-Grid {
    inline-size: 100%;
    display: block;
}

.aem-Grid:before,
.aem-Grid:after {
    content: " ";
    display: table;
}

.aem-Grid:after {
    clear: both;
}

.aem-Grid-newComponent {
    clear: both;
    margin: 0;
}

.aem-GridColumn {
    clear: both;
    box-sizing: border-box;
}

.aem-GridShowHidden > .aem-Grid > .aem-GridColumn,
.aem-GridShowHidden > .cmp-container > .aem-Grid > .aem-GridColumn {
    display: block !important;
}

/* HTML & body styles */
html,
html body {
    color: #505050;
    background-color: #fff;
    font-family: Public Sans, SF Pro, Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
}

*,
:before,
:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

/* Grid variations */
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* Two column grid */
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    inline-size: 50%;
}

.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    inline-size: 50%;
}

.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    inline-size: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* Grid --3 columns */
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    inline-size: 33.3333%;
}

.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    inline-size: 66.6667%;
}

.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}

.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}

.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* Default grid --3 columns */
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    inline-size: 33.3333%;
}

.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    inline-size: 66.6667%;
}

.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}

.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}

.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* Grid --4 columns */
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    inline-size: 25%;
}

.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    inline-size: 50%;
}

.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    inline-size: 75%;
}

.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 25%;
    margin-inline-start: 25%;
}

.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 75%;
    margin-inline-start: 75%;
}
/* Grid --4 columns continued */
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    inline-size: 25%;
}

.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    inline-size: 50%;
}

.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    inline-size: 75%;
}

.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 25%;
    margin-inline-start: 25%;
}

.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 75%;
    margin-inline-start: 75%;
}

.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* Grid --5 columns */
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    inline-size: 20%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    inline-size: 40%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    inline-size: 60%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    inline-size: 80%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 20%;
    margin-inline-start: 20%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 40%;
    margin-inline-start: 40%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 60%;
    margin-inline-start: 60%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 80%;
    margin-inline-start: 80%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* Default grid --5 columns */
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    inline-size: 20%;
}

.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    inline-size: 40%;
}

.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    inline-size: 60%;
}

.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    inline-size: 80%;
}

.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 20%;
    margin-inline-start: 20%;
}

.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 40%;
    margin-inline-start: 40%;
}

.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 60%;
    margin-inline-start: 60%;
}

.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 80%;
    margin-inline-start: 80%;
}

.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* Grid --6 columns (partial) */
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    inline-size: 16.6667%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    inline-size: 33.3333%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    inline-size: 50%;
}
/* Grid --6 columns continued */
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    inline-size: 66.6667%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    inline-size: 83.3333%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 16.6667%;
    margin-inline-start: 16.6667%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    -webkit-margin-start: 83.3333%;
    margin-inline-start: 83.3333%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* Default grid --6 columns */
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    inline-size: 16.6667%;
}

.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    inline-size: 33.3333%;
}

.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    inline-size: 50%;
}

.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    inline-size: 66.6667%;
}

.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    inline-size: 83.3333%;
}

.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 16.6667%;
    margin-inline-start: 16.6667%;
}

.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}

.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}

.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    -webkit-margin-start: 83.3333%;
    margin-inline-start: 83.3333%;
}

.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* Grid --7 columns */
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    inline-size: 14.2857%;
}

.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    inline-size: 28.5714%;
}

.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    inline-size: 42.8571%;
}

.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    inline-size: 57.1429%;
}

.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    inline-size: 71.4286%;
}

.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    inline-size: 85.7143%;
}

.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 14.2857%;
    margin-inline-start: 14.2857%;
}

.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 28.5714%;
    margin-inline-start: 28.5714%;
}

.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 42.8571%;
    margin-inline-start: 42.8571%;
}

.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 57.1429%;
    margin-inline-start: 57.1429%;
}

.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    -webkit-margin-start: 71.4286%;
    margin-inline-start: 71.4286%;
}

.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    -webkit-margin-start: 85.7143%;
    margin-inline-start: 85.7143%;
}

.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* Default grid --7 columns */
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    inline-size: 14.2857%;
}

.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    inline-size: 28.5714%;
}

.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    inline-size: 42.8571%;
}

.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    inline-size: 57.1429%;
}

.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    inline-size: 71.4286%;
}

.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    inline-size: 85.7143%;
}

.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 14.2857%;
    margin-inline-start: 14.2857%;
}

.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 28.5714%;
    margin-inline-start: 28.5714%;
}

.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 42.8571%;
    margin-inline-start: 42.8571%;
}

.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 57.1429%;
    margin-inline-start: 57.1429%;
}

.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    -webkit-margin-start: 71.4286%;
    margin-inline-start: 71.4286%;
}

.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    -webkit-margin-start: 85.7143%;
    margin-inline-start: 85.7143%;
}

.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}
/* Grid --8 columns */
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; inline-size: 12.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; inline-size: 25%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; inline-size: 37.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; inline-size: 50%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; inline-size: 62.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; inline-size: 75%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; inline-size: 87.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; inline-size: 100%; }

.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 { -webkit-margin-start: 0%; margin-inline-start: 0%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 { -webkit-margin-start: 12.5%; margin-inline-start: 12.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 { -webkit-margin-start: 25%; margin-inline-start: 25%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 { -webkit-margin-start: 37.5%; margin-inline-start: 37.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 { -webkit-margin-start: 50%; margin-inline-start: 50%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 { -webkit-margin-start: 62.5%; margin-inline-start: 62.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 { -webkit-margin-start: 75%; margin-inline-start: 75%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 { -webkit-margin-start: 87.5%; margin-inline-start: 87.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 { -webkit-margin-start: 100%; margin-inline-start: 100%; }

/* Default grid --8 columns */
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; inline-size: 12.5%; }
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; inline-size: 25%; }
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; inline-size: 37.5%; }
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; inline-size: 50%; }
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; inline-size: 62.5%; }
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; inline-size: 75%; }
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; inline-size: 87.5%; }
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; inline-size: 100%; }

.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 { -webkit-margin-start: 0%; margin-inline-start: 0%; }
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 { -webkit-margin-start: 12.5%; margin-inline-start: 12.5%; }
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 { -webkit-margin-start: 25%; margin-inline-start: 25%; }
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 { -webkit-margin-start: 37.5%; margin-inline-start: 37.5%; }
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 { -webkit-margin-start: 50%; margin-inline-start: 50%; }
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 { -webkit-margin-start: 62.5%; margin-inline-start: 62.5%; }
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 { -webkit-margin-start: 75%; margin-inline-start: 75%; }
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 { -webkit-margin-start: 87.5%; margin-inline-start: 87.5%; }
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 { -webkit-margin-start: 100%; margin-inline-start: 100%; }

/* Grid --9 columns */
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; inline-size: 11.1111%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; inline-size: 22.2222%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; inline-size: 33.3333%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; inline-size: 44.4444%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; inline-size: 55.5556%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; inline-size: 66.6667%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; inline-size: 77.7778%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; inline-size: 88.8889%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; inline-size: 100%; }

/* Offsets --9 columns */
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 { -webkit-margin-start: 0%; margin-inline-start: 0%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 { -webkit-margin-start: 11.1111%; margin-inline-start: 11.1111%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 { -webkit-margin-start: 22.2222%; margin-inline-start: 22.2222%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 { -webkit-margin-start: 33.3333%; margin-inline-start: 33.3333%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 { -webkit-margin-start: 44.4444%; margin-inline-start: 44.4444%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 { -webkit-margin-start: 55.5556%; margin-inline-start: 55.5556%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 { -webkit-margin-start: 66.6667%; margin-inline-start: 66.6667%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 { -webkit-margin-start: 77.7778%; margin-inline-start: 77.7778%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 { -webkit-margin-start: 88.8889%; margin-inline-start: 88.8889%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 { -webkit-margin-start: 100%; margin-inline-start: 100%; }

/* Default grid --9 columns */
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; inline-size: 11.1111%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; inline-size: 22.2222%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; inline-size: 33.3333%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; inline-size: 44.4444%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; inline-size: 55.5556%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; inline-size: 66.6667%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; inline-size: 77.7778%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; inline-size: 88.8889%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; inline-size: 100%; }

.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 { -webkit-margin-start: 0%; margin-inline-start: 0%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 { -webkit-margin-start: 11.1111%; margin-inline-start: 11.1111%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 { -webkit-margin-start: 22.2222%; margin-inline-start: 22.2222%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 { -webkit-margin-start: 33.3333%; margin-inline-start: 33.3333%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 { -webkit-margin-start: 44.4444%; margin-inline-start: 44.4444%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 { -webkit-margin-start: 55.5556%; margin-inline-start: 55.5556%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 { -webkit-margin-start: 66.6667%; margin-inline-start: 66.6667%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 { -webkit-margin-start: 77.7778%; margin-inline-start: 77.7778%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 { -webkit-margin-start: 88.8889%; margin-inline-start: 88.8889%; }
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 { -webkit-margin-start: 100%; margin-inline-start: 100%; }
/* Grid --10 columns */
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; inline-size: 10%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; inline-size: 20%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; inline-size: 30%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; inline-size: 40%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; inline-size: 50%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; inline-size: 60%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; inline-size: 70%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; inline-size: 80%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; inline-size: 90%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; inline-size: 100%; }

.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 { -webkit-margin-start: 0%; margin-inline-start: 0%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 { -webkit-margin-start: 10%; margin-inline-start: 10%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 { -webkit-margin-start: 20%; margin-inline-start: 20%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 { -webkit-margin-start: 30%; margin-inline-start: 30%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 { -webkit-margin-start: 40%; margin-inline-start: 40%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 { -webkit-margin-start: 50%; margin-inline-start: 50%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 { -webkit-margin-start: 60%; margin-inline-start: 60%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 { -webkit-margin-start: 70%; margin-inline-start: 70%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 { -webkit-margin-start: 80%; margin-inline-start: 80%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 { -webkit-margin-start: 90%; margin-inline-start: 90%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 { -webkit-margin-start: 100%; margin-inline-start: 100%; }

/* Default grid --10 columns */
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; inline-size: 10%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; inline-size: 20%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; inline-size: 30%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; inline-size: 40%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; inline-size: 50%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; inline-size: 60%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; inline-size: 70%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; inline-size: 80%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; inline-size: 90%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; inline-size: 100%; }

.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 { -webkit-margin-start: 0%; margin-inline-start: 0%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 { -webkit-margin-start: 10%; margin-inline-start: 10%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 { -webkit-margin-start: 20%; margin-inline-start: 20%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 { -webkit-margin-start: 30%; margin-inline-start: 30%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 { -webkit-margin-start: 40%; margin-inline-start: 40%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 { -webkit-margin-start: 50%; margin-inline-start: 50%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 { -webkit-margin-start: 60%; margin-inline-start: 60%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 { -webkit-margin-start: 70%; margin-inline-start: 70%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 { -webkit-margin-start: 80%; margin-inline-start: 80%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 { -webkit-margin-start: 90%; margin-inline-start: 90%; }
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 { -webkit-margin-start: 100%; margin-inline-start: 100%; }
/* ===== GRID 11 ===== */
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; inline-size: 36.3636% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; inline-size: 45.4545% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; inline-size: 54.5455% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; inline-size: 63.6364% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; inline-size: 72.7273% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; inline-size: 81.8182% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; inline-size: 90.9091% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; inline-size: 100% }

.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-inline-start: 0% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-inline-start: 9.09091% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-inline-start: 18.1818% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-inline-start: 27.2727% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-inline-start: 36.3636% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-inline-start: 45.4545% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-inline-start: 54.5455% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-inline-start: 63.6364% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-inline-start: 72.7273% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-inline-start: 81.8182% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-inline-start: 90.9091% }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-inline-start: 100% }

/* ===== GRID 12 ===== */
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; inline-size: 8.33333% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; inline-size: 16.6667% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; inline-size: 25% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; inline-size: 33.3333% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; inline-size: 41.6667% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; inline-size: 50% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; inline-size: 58.3333% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; inline-size: 66.6667% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; inline-size: 75% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; inline-size: 83.3333% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; inline-size: 91.6667% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: left; clear: none; inline-size: 100% }

.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-inline-start: 0% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-inline-start: 8.33333% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-inline-start: 16.6667% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-inline-start: 25% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-inline-start: 33.3333% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-inline-start: 41.6667% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-inline-start: 50% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-inline-start: 58.3333% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-inline-start: 66.6667% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-inline-start: 75% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-inline-start: 83.3333% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-inline-start: 91.6667% }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 { margin-inline-start: 100% }
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline {
    display: block;
    clear: both !important;
}

.aem-Grid > .aem-GridColumn.aem-GridColumn--default--none {
    float: left;
    display: block;
    clear: none !important;
}

.aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide {
    display: none;
}

@media (max-width: 768px) {
    .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        inline-size: 100%;
    }
}

.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

.aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}
/* ===== Grid 2 ===== */
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    inline-size: 50%;
}

.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* Phone-specific Grid 2 */
.aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    inline-size: 50%;
}

.aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

.aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* ===== Grid 3 ===== */
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    inline-size: 33.3333%;
}

.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    inline-size: 66.6667%;
}

.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}

.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}

.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* Phone-specific Grid 3 */
.aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    inline-size: 33.3333%;
}

.aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    inline-size: 66.6667%;
}

.aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}

.aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}

.aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}
/* ===== Grid 4 ===== */
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    inline-size: 25%;
}

.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    inline-size: 50%;
}

.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    inline-size: 75%;
}

.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 25%;
    margin-inline-start: 25%;
}

.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    -webkit-margin-start: 75%;
    margin-inline-start: 75%;
}

.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* Phone-specific Grid 4 */
.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    inline-size: 25%;
}

.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    inline-size: 50%;
}

.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    inline-size: 75%;
}

.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 25%;
    margin-inline-start: 25%;
}

.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    -webkit-margin-start: 75%;
    margin-inline-start: 75%;
}

.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* ===== Grid 5 ===== */
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    inline-size: 20%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    inline-size: 40%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    inline-size: 60%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    inline-size: 80%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 20%;
    margin-inline-start: 20%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 40%;
    margin-inline-start: 40%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    -webkit-margin-start: 60%;
    margin-inline-start: 60%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    -webkit-margin-start: 80%;
    margin-inline-start: 80%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* Phone-specific Grid 5 */
.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    inline-size: 20%;
}

.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    inline-size: 40%;
}

.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    inline-size: 60%;
}

.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    inline-size: 80%;
}

.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    inline-size: 100%;
}

.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 20%;
    margin-inline-start: 20%;
}

.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 40%;
    margin-inline-start: 40%;
}

.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    -webkit-margin-start: 60%;
    margin-inline-start: 60%;
}

.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    -webkit-margin-start: 80%;
    margin-inline-start: 80%;
}

.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* ===== Grid 6 (partial) ===== */
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    inline-size: 16.6667%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    inline-size: 33.3333%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    inline-size: 50%;
}
/* ===== Grid 6 ===== */
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    inline-size: 66.6667%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    inline-size: 83.3333%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    inline-size: 100%;
}

/* Offsets */
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 16.6667%;
    margin-inline-start: 16.6667%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    -webkit-margin-start: 83.3333%;
    margin-inline-start: 83.3333%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* ===== Phone-specific Grid 6 ===== */
.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    inline-size: 16.6667%;
}

.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    inline-size: 33.3333%;
}

.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    inline-size: 50%;
}

.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    inline-size: 66.6667%;
}

.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    inline-size: 83.3333%;
}

.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    inline-size: 100%;
}

/* Phone Offsets */
.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 16.6667%;
    margin-inline-start: 16.6667%;
}

.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}

.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}

.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    -webkit-margin-start: 83.3333%;
    margin-inline-start: 83.3333%;
}

.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* ===== Grid 7 Columns ===== */
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; inline-size: 14.2857%; }
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; inline-size: 28.5714%; }
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; inline-size: 42.8571%; }
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; inline-size: 57.1429%; }
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; inline-size: 71.4286%; }
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; inline-size: 85.7143%; }
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; inline-size: 100%; }

/* Offsets */
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-inline-start: 0%; }
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-inline-start: 14.2857%; }
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-inline-start: 28.5714%; }
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-inline-start: 42.8571%; }
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-inline-start: 57.1429%; }
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-inline-start: 71.4286%; }
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-inline-start: 85.7143%; }
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-inline-start: 100%; }

/* ===== Grid 8 Columns ===== */
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; inline-size: 12.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; inline-size: 25%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; inline-size: 37.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; inline-size: 50%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; inline-size: 62.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; inline-size: 75%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; inline-size: 87.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; inline-size: 100%; }

/* Offsets */
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-inline-start: 0%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-inline-start: 12.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-inline-start: 25%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-inline-start: 37.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-inline-start: 50%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-inline-start: 62.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-inline-start: 75%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-inline-start: 87.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-inline-start: 100%; }

/* ===== Grid 9 Columns ===== */
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; inline-size: 11.1111%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; inline-size: 22.2222%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; inline-size: 33.3333%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; inline-size: 44.4444%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; inline-size: 55.5556%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; inline-size: 66.6667%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; inline-size: 77.7778%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; inline-size: 88.8889%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; inline-size: 100%; }
/* ===== Grid 9 Offsets ===== */
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-inline-start: 0%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-inline-start: 11.1111%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-inline-start: 22.2222%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-inline-start: 33.3333%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-inline-start: 44.4444%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-inline-start: 55.5556%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-inline-start: 66.6667%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-inline-start: 77.7778%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-inline-start: 88.8889%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-inline-start: 100%; }

/* ===== Grid 9 Columns (Phone) ===== */
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; inline-size: 11.1111%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; inline-size: 22.2222%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; inline-size: 33.3333%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; inline-size: 44.4444%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; inline-size: 55.5556%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; inline-size: 66.6667%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; inline-size: 77.7778%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; inline-size: 88.8889%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; inline-size: 100%; }

/* ===== Grid 9 Offsets (Phone) ===== */
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-inline-start: 0%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-inline-start: 11.1111%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-inline-start: 22.2222%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-inline-start: 33.3333%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-inline-start: 44.4444%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-inline-start: 55.5556%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-inline-start: 66.6667%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-inline-start: 77.7778%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-inline-start: 88.8889%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-inline-start: 100%; }

/* ===== Grid 10 Columns ===== */
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; inline-size: 10%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; inline-size: 20%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; inline-size: 30%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; inline-size: 40%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; inline-size: 50%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; inline-size: 60%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; inline-size: 70%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; inline-size: 80%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; inline-size: 90%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; inline-size: 100%; }

/* ===== Grid 10 Offsets ===== */
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-inline-start: 0%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-inline-start: 10%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-inline-start: 20%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-inline-start: 30%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-inline-start: 40%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-inline-start: 50%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-inline-start: 60%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-inline-start: 70%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-inline-start: 80%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-inline-start: 90%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-inline-start: 100%; }

/* ===== Grid 10 Columns (Phone) ===== */
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; inline-size: 10%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; inline-size: 20%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; inline-size: 30%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; inline-size: 40%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; inline-size: 50%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; inline-size: 60%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; inline-size: 70%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; inline-size: 80%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; inline-size: 90%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; inline-size: 100%; }

/* ===== Grid 10 Offsets (Phone) ===== */
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-inline-start: 0%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-inline-start: 10%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-inline-start: 20%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-inline-start: 30%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-inline-start: 40%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-inline-start: 50%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-inline-start: 60%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-inline-start: 70%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-inline-start: 80%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-inline-start: 90%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-inline-start: 100%; }
/* ============================================================
   11-COLUMN GRID (phone widths & offsets)
   ============================================================ */

/* Column widths */
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1  { float: left; clear: none; inline-size: 9.09091%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2  { float: left; clear: none; inline-size: 18.1818%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3  { float: left; clear: none; inline-size: 27.2727%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4  { float: left; clear: none; inline-size: 36.3636%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5  { float: left; clear: none; inline-size: 45.4545%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6  { float: left; clear: none; inline-size: 54.5455%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7  { float: left; clear: none; inline-size: 63.6364%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8  { float: left; clear: none; inline-size: 72.7273%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9  { float: left; clear: none; inline-size: 81.8182%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; inline-size: 90.9091%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; inline-size: 100%; }

/* Column offsets */
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0  { -webkit-margin-start: 0%;        margin-inline-start: 0%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1  { -webkit-margin-start: 9.09091%;  margin-inline-start: 9.09091%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2  { -webkit-margin-start: 18.1818%;  margin-inline-start: 18.1818%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3  { -webkit-margin-start: 27.2727%;  margin-inline-start: 27.2727%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4  { -webkit-margin-start: 36.3636%;  margin-inline-start: 36.3636%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5  { -webkit-margin-start: 45.4545%;  margin-inline-start: 45.4545%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6  { -webkit-margin-start: 54.5455%;  margin-inline-start: 54.5455%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7  { -webkit-margin-start: 63.6364%;  margin-inline-start: 63.6364%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8  { -webkit-margin-start: 72.7273%;  margin-inline-start: 72.7273%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9  { -webkit-margin-start: 81.8182%;  margin-inline-start: 81.8182%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { -webkit-margin-start: 90.9091%;  margin-inline-start: 90.9091%; }
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { -webkit-margin-start: 100%;      margin-inline-start: 100%; }

/* Phone-specific: widths */
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1  { float: left; clear: none; inline-size: 9.09091%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2  { float: left; clear: none; inline-size: 18.1818%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3  { float: left; clear: none; inline-size: 27.2727%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4  { float: left; clear: none; inline-size: 36.3636%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5  { float: left; clear: none; inline-size: 45.4545%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6  { float: left; clear: none; inline-size: 54.5455%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7  { float: left; clear: none; inline-size: 63.6364%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8  { float: left; clear: none; inline-size: 72.7273%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9  { float: left; clear: none; inline-size: 81.8182%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; inline-size: 90.9091%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; inline-size: 100%; }

/* Phone-specific: offsets */
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0  { -webkit-margin-start: 0%;        margin-inline-start: 0%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1  { -webkit-margin-start: 9.09091%;  margin-inline-start: 9.09091%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2  { -webkit-margin-start: 18.1818%;  margin-inline-start: 18.1818%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3  { -webkit-margin-start: 27.2727%;  margin-inline-start: 27.2727%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4  { -webkit-margin-start: 36.3636%;  margin-inline-start: 36.3636%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5  { -webkit-margin-start: 45.4545%;  margin-inline-start: 45.4545%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6  { -webkit-margin-start: 54.5455%;  margin-inline-start: 54.5455%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7  { -webkit-margin-start: 63.6364%;  margin-inline-start: 63.6364%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8  { -webkit-margin-start: 72.7273%;  margin-inline-start: 72.7273%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9  { -webkit-margin-start: 81.8182%;  margin-inline-start: 81.8182%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { -webkit-margin-start: 90.9091%;  margin-inline-start: 90.9091%; }
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { -webkit-margin-start: 100%;      margin-inline-start: 100%; }


/* ============================================================
   12-COLUMN GRID (phone widths & offsets)
   ============================================================ */

/* Column widths */
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1  { float: left; clear: none; inline-size: 8.33333%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2  { float: left; clear: none; inline-size: 16.6667%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3  { float: left; clear: none; inline-size: 25%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4  { float: left; clear: none; inline-size: 33.3333%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5  { float: left; clear: none; inline-size: 41.6667%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6  { float: left; clear: none; inline-size: 50%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7  { float: left; clear: none; inline-size: 58.3333%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8  { float: left; clear: none; inline-size: 66.6667%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9  { float: left; clear: none; inline-size: 75%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; inline-size: 83.3333%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; inline-size: 91.6667%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 { float: left; clear: none; inline-size: 100%; }

/* Column offsets */
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0  { -webkit-margin-start: 0%;       margin-inline-start: 0%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1  { -webkit-margin-start: 8.33333%; margin-inline-start: 8.33333%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2  { -webkit-margin-start: 16.6667%; margin-inline-start: 16.6667%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3  { -webkit-margin-start: 25%;      margin-inline-start: 25%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4  { -webkit-margin-start: 33.3333%; margin-inline-start: 33.3333%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5  { -webkit-margin-start: 41.6667%; margin-inline-start: 41.6667%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6  { -webkit-margin-start: 50%;      margin-inline-start: 50%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7  { -webkit-margin-start: 58.3333%; margin-inline-start: 58.3333%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8  { -webkit-margin-start: 66.6667%; margin-inline-start: 66.6667%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9  { -webkit-margin-start: 75%;      margin-inline-start: 75%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { -webkit-margin-start: 83.3333%; margin-inline-start: 83.3333%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { -webkit-margin-start: 91.6667%; margin-inline-start: 91.6667%; }
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 { -webkit-margin-start: 100%;     margin-inline-start: 100%; }

/* Phone-specific: widths */
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1  { float: left; clear: none; inline-size: 8.33333%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2  { float: left; clear: none; inline-size: 16.6667%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3  { float: left; clear: none; inline-size: 25%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4  { float: left; clear: none; inline-size: 33.3333%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5  { float: left; clear: none; inline-size: 41.6667%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6  { float: left; clear: none; inline-size: 50%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7  { float: left; clear: none; inline-size: 58.3333%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8  { float: left; clear: none; inline-size: 66.6667%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9  { float: left; clear: none; inline-size: 75%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; inline-size: 83.3333%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; inline-size: 91.6667%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 { float: left; clear: none; inline-size: 100%; }

/* Phone-specific: offsets */
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0  { -webkit-margin-start: 0%;       margin-inline-start: 0%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1  { -webkit-margin-start: 8.33333%; margin-inline-start: 8.33333%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2  { -webkit-margin-start: 16.6667%; margin-inline-start: 16.6667%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3  { -webkit-margin-start: 25%;      margin-inline-start: 25%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4  { -webkit-margin-start: 33.3333%; margin-inline-start: 33.3333%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5  { -webkit-margin-start: 41.6667%; margin-inline-start: 41.6667%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6  { -webkit-margin-start: 50%;      margin-inline-start: 50%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7  { -webkit-margin-start: 58.3333%; margin-inline-start: 58.3333%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8  { -webkit-margin-start: 66.6667%; margin-inline-start: 66.6667%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9  { -webkit-margin-start: 75%;      margin-inline-start: 75%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { -webkit-margin-start: 83.3333%; margin-inline-start: 83.3333%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { -webkit-margin-start: 91.6667%; margin-inline-start: 91.6667%; }
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 { -webkit-margin-start: 100%;     margin-inline-start: 100%; }

/* Phone utility classes */
.aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline { display: block; clear: both !important; }
.aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none   { float: left; display: block; clear: none !important; }
.aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide   { display: none; }

/* As provided (next chunk likely continues rules for RTL) */
[dir=rtl]
/* === Grid: 1 Column === */
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: right;
    clear: none;
    inline-size: 100%;
}

[dir=rtl] .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: right;
    clear: none;
    inline-size: 100%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* === Grid: 2 Columns === */
[dir=rtl] .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: right;
    clear: none;
    inline-size: 50%;
}

[dir=rtl] .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: right;
    clear: none;
    inline-size: 100%;
}

[dir=rtl] .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

[dir=rtl] .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: right;
    clear: none;
    inline-size: 50%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: right;
    clear: none;
    inline-size: 100%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* === Grid: 3 Columns === */
[dir=rtl] .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: right;
    clear: none;
    inline-size: 33.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: right;
    clear: none;
    inline-size: 66.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: right;
    clear: none;
    inline-size: 100%;
}

[dir=rtl] .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: right;
    clear: none;
    inline-size: 33.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: right;
    clear: none;
    inline-size: 66.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: right;
    clear: none;
    inline-size: 100%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* === Grid: 4 Columns === */
[dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: right;
    clear: none;
    inline-size: 25%;
}

[dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: right;
    clear: none;
    inline-size: 50%;
}

[dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: right;
    clear: none;
    inline-size: 75%;
}
/* ===================== */
/* AEM Grid - 4 Columns  */
/* ===================== */
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: right;
    clear: none;
    inline-size: 100%;
}

/* RTL Offsets for 4 Columns */
[dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 25%;
    margin-inline-start: 25%;
}

[dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

[dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 75%;
    margin-inline-start: 75%;
}

[dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* RTL Default Widths for 4 Columns */
[dir=rtl] .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: right;
    clear: none;
    inline-size: 25%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: right;
    clear: none;
    inline-size: 50%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: right;
    clear: none;
    inline-size: 75%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: right;
    clear: none;
    inline-size: 100%;
}

/* RTL Offsets for 4 Columns Default */
[dir=rtl] .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 25%;
    margin-inline-start: 25%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 75%;
    margin-inline-start: 75%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* ===================== */
/* AEM Grid - 5 Columns  */
/* ===================== */
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: right;
    clear: none;
    inline-size: 20%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: right;
    clear: none;
    inline-size: 40%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: right;
    clear: none;
    inline-size: 60%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: right;
    clear: none;
    inline-size: 80%;
}

.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: right;
    clear: none;
    inline-size: 100%;
}

/* RTL Offsets for 5 Columns */
[dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 20%;
    margin-inline-start: 20%;
}

[dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 40%;
    margin-inline-start: 40%;
}

[dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 60%;
    margin-inline-start: 60%;
}

[dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 80%;
    margin-inline-start: 80%;
}

[dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* RTL Default Widths for 5 Columns */
[dir=rtl] .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: right;
    clear: none;
    inline-size: 20%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: right;
    clear: none;
    inline-size: 40%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: right;
    clear: none;
    inline-size: 60%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: right;
    clear: none;
    inline-size: 80%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: right;
    clear: none;
    inline-size: 100%;
}

/* RTL Offsets for 5 Columns Default */
[dir=rtl] .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 20%;
    margin-inline-start: 20%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 40%;
    margin-inline-start: 40%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 60%;
    margin-inline-start: 60%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 80%;
    margin-inline-start: 80%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* ===================== */
/* AEM Grid - 6 Columns  */
/* ===================== */
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: right;
    clear: none;
    inline-size: 16.6667%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: right;
    clear: none;
    inline-size: 33.3333%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: right;
    clear: none;
    inline-size: 50%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: right;
    clear: none;
    inline-size: 66.6667%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: right;
    clear: none;
    inline-size: 83.3333%;
}

.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: right;
    clear: none;
    inline-size: 100%;
}

/* RTL Offsets for 6 Columns */
[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 16.6667%;
    margin-inline-start: 16.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    -webkit-margin-start: 83.3333%;
    margin-inline-start: 83.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* RTL Default Widths for 6 Columns */
[dir=rtl] .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: right;
    clear: none;
    inline-size: 16.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: right;
    clear: none;
    inline-size: 33.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: right;
    clear: none;
    inline-size: 50%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: right;
    clear: none;
    inline-size: 66.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: right;
    clear: none;
    inline-size: 83.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: right;
    clear: none;
    inline-size: 100%;
}

/* RTL Offsets for 6 Columns Default */
[dir=rtl] .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 16.6667%;
    margin-inline-start: 16.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    -webkit-margin-start: 83.3333%;
    margin-inline-start: 83.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}
/* RTL Support for AEM Grid with 7 Columns */
[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: right;
    clear: none;
    inline-size: 14.2857%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: right;
    clear: none;
    inline-size: 28.5714%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: right;
    clear: none;
    inline-size: 42.8571%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: right;
    clear: none;
    inline-size: 57.1429%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: right;
    clear: none;
    inline-size: 71.4286%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: right;
    clear: none;
    inline-size: 85.7143%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: right;
    clear: none;
    inline-size: 100%;
}

/* Offsets for 7 Columns */
[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 14.2857%;
    margin-inline-start: 14.2857%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 28.5714%;
    margin-inline-start: 28.5714%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 42.8571%;
    margin-inline-start: 42.8571%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 57.1429%;
    margin-inline-start: 57.1429%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    -webkit-margin-start: 71.4286%;
    margin-inline-start: 71.4286%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    -webkit-margin-start: 85.7143%;
    margin-inline-start: 85.7143%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* ===== SAME FORMAT WILL CONTINUE FOR 8 and 9 Columns ===== */

/* RTL Support for AEM Grid with 8 Columns */
[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: right;
    clear: none;
    inline-size: 12.5%;
}

[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: right;
    clear: none;
    inline-size: 25%;
}

[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: right;
    clear: none;
    inline-size: 37.5%;
}

[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: right;
    clear: none;
    inline-size: 50%;
}

[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: right;
    clear: none;
    inline-size: 62.5%;
}

[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: right;
    clear: none;
    inline-size: 75%;
}

[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: right;
    clear: none;
    inline-size: 87.5%;
}

[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: right;
    clear: none;
    inline-size: 100%;
}

/* Offsets for 8 Columns */
[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 12.5%;
    margin-inline-start: 12.5%;
}

[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 25%;
    margin-inline-start: 25%;
}

[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 37.5%;
    margin-inline-start: 37.5%;
}

[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    -webkit-margin-start: 62.5%;
    margin-inline-start: 62.5%;
}

[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    -webkit-margin-start: 75%;
    margin-inline-start: 75%;
}

[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
    -webkit-margin-start: 87.5%;
    margin-inline-start: 87.5%;
}

[dir=rtl] .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* ===== Continue for 9 Columns ===== */

/* RTL Support for AEM Grid with 9 Columns */
[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: right;
    clear: none;
    inline-size: 11.1111%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: right;
    clear: none;
    inline-size: 22.2222%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: right;
    clear: none;
    inline-size: 33.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: right;
    clear: none;
    inline-size: 44.4444%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: right;
    clear: none;
    inline-size: 55.5556%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: right;
    clear: none;
    inline-size: 66.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: right;
    clear: none;
    inline-size: 77.7778%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: right;
    clear: none;
    inline-size: 88.8889%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 {
    float: right;
    clear: none;
    inline-size: 100%;
}

/* Offsets for 9 Columns */
[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    -webkit-margin-start: 11.1111%;
    margin-inline-start: 11.1111%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    -webkit-margin-start: 22.2222%;
    margin-inline-start: 22.2222%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    -webkit-margin-start: 44.4444%;
    margin-inline-start: 44.4444%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    -webkit-margin-start: 55.5556%;
    margin-inline-start: 55.5556%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
    -webkit-margin-start: 77.7778%;
    margin-inline-start: 77.7778%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
    -webkit-margin-start: 88.8889%;
    margin-inline-start: 88.8889%;
}

[dir=rtl] .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}
/* ========================= */
/* RTL Layout: Grid with 10 Columns */
/* ========================= */
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1  { float: right; clear: none; inline-size: 10%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2  { float: right; clear: none; inline-size: 20%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3  { float: right; clear: none; inline-size: 30%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4  { float: right; clear: none; inline-size: 40%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5  { float: right; clear: none; inline-size: 50%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6  { float: right; clear: none; inline-size: 60%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7  { float: right; clear: none; inline-size: 70%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8  { float: right; clear: none; inline-size: 80%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9  { float: right; clear: none; inline-size: 90%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: right; clear: none; inline-size: 100%; }

/* Offsets */
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0  { -webkit-margin-start: 0%;   margin-inline-start: 0%;   }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1  { -webkit-margin-start: 10%;  margin-inline-start: 10%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2  { -webkit-margin-start: 20%;  margin-inline-start: 20%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3  { -webkit-margin-start: 30%;  margin-inline-start: 30%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4  { -webkit-margin-start: 40%;  margin-inline-start: 40%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5  { -webkit-margin-start: 50%;  margin-inline-start: 50%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6  { -webkit-margin-start: 60%;  margin-inline-start: 60%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7  { -webkit-margin-start: 70%;  margin-inline-start: 70%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8  { -webkit-margin-start: 80%;  margin-inline-start: 80%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9  { -webkit-margin-start: 90%;  margin-inline-start: 90%;  }
[dir=rtl] .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 { -webkit-margin-start: 100%; margin-inline-start: 100%; }


/* ========================= */
/* RTL Layout: Default Grid with 10 Columns */
/* ========================= */
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1  { float: right; clear: none; inline-size: 10%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2  { float: right; clear: none; inline-size: 20%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3  { float: right; clear: none; inline-size: 30%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4  { float: right; clear: none; inline-size: 40%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5  { float: right; clear: none; inline-size: 50%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6  { float: right; clear: none; inline-size: 60%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7  { float: right; clear: none; inline-size: 70%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8  { float: right; clear: none; inline-size: 80%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9  { float: right; clear: none; inline-size: 90%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: right; clear: none; inline-size: 100%; }

/* Offsets */
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0  { -webkit-margin-start: 0%;   margin-inline-start: 0%;   }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1  { -webkit-margin-start: 10%;  margin-inline-start: 10%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2  { -webkit-margin-start: 20%;  margin-inline-start: 20%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3  { -webkit-margin-start: 30%;  margin-inline-start: 30%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4  { -webkit-margin-start: 40%;  margin-inline-start: 40%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5  { -webkit-margin-start: 50%;  margin-inline-start: 50%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6  { -webkit-margin-start: 60%;  margin-inline-start: 60%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7  { -webkit-margin-start: 70%;  margin-inline-start: 70%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8  { -webkit-margin-start: 80%;  margin-inline-start: 80%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9  { -webkit-margin-start: 90%;  margin-inline-start: 90%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 { -webkit-margin-start: 100%; margin-inline-start: 100%; }


/* ========================= */
/* RTL Layout: Grid with 11 Columns */
/* ========================= */
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1  { float: right; clear: none; inline-size: 9.09091%;  }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2  { float: right; clear: none; inline-size: 18.1818%;  }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3  { float: right; clear: none; inline-size: 27.2727%;  }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4  { float: right; clear: none; inline-size: 36.3636%;  }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5  { float: right; clear: none; inline-size: 45.4545%;  }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6  { float: right; clear: none; inline-size: 54.5455%;  }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7  { float: right; clear: none; inline-size: 63.6364%;  }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8  { float: right; clear: none; inline-size: 72.7273%;  }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9  { float: right; clear: none; inline-size: 81.8182%;  }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: right; clear: none; inline-size: 90.9091%;  }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: right; clear: none; inline-size: 100%;     }

/* Offsets */
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0  { -webkit-margin-start: 0%;       margin-inline-start: 0%;       }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1  { -webkit-margin-start: 9.09091%; margin-inline-start: 9.09091%; }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2  { -webkit-margin-start: 18.1818%; margin-inline-start: 18.1818%; }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3  { -webkit-margin-start: 27.2727%; margin-inline-start: 27.2727%; }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4  { -webkit-margin-start: 36.3636%; margin-inline-start: 36.3636%; }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5  { -webkit-margin-start: 45.4545%; margin-inline-start: 45.4545%; }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6  { -webkit-margin-start: 54.5455%; margin-inline-start: 54.5455%; }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7  { -webkit-margin-start: 63.6364%; margin-inline-start: 63.6364%; }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8  { -webkit-margin-start: 72.7273%; margin-inline-start: 72.7273%; }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9  { -webkit-margin-start: 81.8182%; margin-inline-start: 81.8182%; }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 { -webkit-margin-start: 90.9091%; margin-inline-start: 90.9091%; }
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 { -webkit-margin-start: 100%;     margin-inline-start: 100%;     }


/* ========================= */
/* RTL Layout: Default Grid with 11 Columns */
/* ========================= */
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1  { float: right; clear: none; inline-size: 9.09091%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2  { float: right; clear: none; inline-size: 18.1818%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3  { float: right; clear: none; inline-size: 27.2727%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4  { float: right; clear: none; inline-size: 36.3636%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5  { float: right; clear: none; inline-size: 45.4545%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6  { float: right; clear: none; inline-size: 54.5455%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7  { float: right; clear: none; inline-size: 63.6364%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8  { float: right; clear: none; inline-size: 72.7273%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9  { float: right; clear: none; inline-size: 81.8182%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: right; clear: none; inline-size: 90.9091%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: right; clear: none; inline-size: 100%;     }

/* Offsets */
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0  { -webkit-margin-start: 0%;       margin-inline-start: 0%;       }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1  { -webkit-margin-start: 9.09091%; margin-inline-start: 9.09091%; }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2  { -webkit-margin-start: 18.1818%; margin-inline-start: 18.1818%; }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3  { -webkit-margin-start: 27.2727%; margin-inline-start: 27.2727%; }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4  { -webkit-margin-start: 36.3636%; margin-inline-start: 36.3636%; }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5  { -webkit-margin-start: 45.4545%; margin-inline-start: 45.4545%; }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6  { -webkit-margin-start: 54.5455%; margin-inline-start: 54.5455%; }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7  { -webkit-margin-start: 63.6364%; margin-inline-start: 63.6364%; }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8  { -webkit-margin-start: 72.7273%; margin-inline-start: 72.7273%; }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9  { -webkit-margin-start: 81.8182%; margin-inline-start: 81.8182%; }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 { -webkit-margin-start: 90.9091%; margin-inline-start: 90.9091%; }
[dir=rtl] .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 { -webkit-margin-start: 100%;     margin-inline-start: 100%;     }


/* ========================= */
/* RTL Layout: Grid with 12 Columns */
/* ========================= */
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1  { float: right; clear: none; inline-size: 8.33333%;  }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2  { float: right; clear: none; inline-size: 16.6667%;  }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3  { float: right; clear: none; inline-size: 25%;       }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4  { float: right; clear: none; inline-size: 33.3333%;  }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5  { float: right; clear: none; inline-size: 41.6667%;  }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6  { float: right; clear: none; inline-size: 50%;       }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7  { float: right; clear: none; inline-size: 58.3333%;  }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8  { float: right; clear: none; inline-size: 66.6667%;  }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9  { float: right; clear: none; inline-size: 75%;       }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: right; clear: none; inline-size: 83.3333%;  }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: right; clear: none; inline-size: 91.6667%;  }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: right; clear: none; inline-size: 100%;      }

/* Offsets */
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0  { -webkit-margin-start: 0%;       margin-inline-start: 0%;       }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1  { -webkit-margin-start: 8.33333%; margin-inline-start: 8.33333%; }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2  { -webkit-margin-start: 16.6667%; margin-inline-start: 16.6667%; }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3  { -webkit-margin-start: 25%;      margin-inline-start: 25%;      }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4  { -webkit-margin-start: 33.3333%; margin-inline-start: 33.3333%; }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5  { -webkit-margin-start: 41.6667%; margin-inline-start: 41.6667%; }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6  { -webkit-margin-start: 50%;      margin-inline-start: 50%;      }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7  { -webkit-margin-start: 58.3333%; margin-inline-start: 58.3333%; }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8  { -webkit-margin-start: 66.6667%; margin-inline-start: 66.6667%; }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9  { -webkit-margin-start: 75%;      margin-inline-start: 75%;      }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 { -webkit-margin-start: 83.3333%; margin-inline-start: 83.3333%; }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 { -webkit-margin-start: 91.6667%; margin-inline-start: 91.6667%; }
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 { -webkit-margin-start: 100%;     margin-inline-start: 100%;     }


/* ========================= */
/* RTL Layout: Default Grid with 12 Columns */
/* ========================= */
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1  { float: right; clear: none; inline-size: 8.33333%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2  { float: right; clear: none; inline-size: 16.6667%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3  { float: right; clear: none; inline-size: 25%;       }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4  { float: right; clear: none; inline-size: 33.3333%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5  { float: right; clear: none; inline-size: 41.6667%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6  { float: right; clear: none; inline-size: 50%;       }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7  { float: right; clear: none; inline-size: 58.3333%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8  { float: right; clear: none; inline-size: 66.6667%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9  { float: right; clear: none; inline-size: 75%;       }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: right; clear: none; inline-size: 83.3333%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: right; clear: none; inline-size: 91.6667%;  }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: right; clear: none; inline-size: 100%;      }

/* Offsets */
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0  { -webkit-margin-start: 0%;       margin-inline-start: 0%;       }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1  { -webkit-margin-start: 8.33333%; margin-inline-start: 8.33333%; }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2  { -webkit-margin-start: 16.6667%; margin-inline-start: 16.6667%; }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3  { -webkit-margin-start: 25%;      margin-inline-start: 25%;      }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4  { -webkit-margin-start: 33.3333%; margin-inline-start: 33.3333%; }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5  { -webkit-margin-start: 41.6667%; margin-inline-start: 41.6667%; }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6  { -webkit-margin-start: 50%;      margin-inline-start: 50%;      }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7  { -webkit-margin-start: 58.3333%; margin-inline-start: 58.3333%; }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8  { -webkit-margin-start: 66.6667%; margin-inline-start: 66.6667%; }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9  { -webkit-margin-start: 75%;      margin-inline-start: 75%;      }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 { -webkit-margin-start: 83.3333%; margin-inline-start: 83.3333%; }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 { -webkit-margin-start: 91.6667%; margin-inline-start: 91.6667%; }
[dir=rtl] .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 { -webkit-margin-start: 100%;     margin-inline-start: 100%;     }
/* RTL Grid Column Special Classes */
[dir=rtl] .aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline {
    display: block;
    clear: both !important;
}

[dir=rtl] .aem-Grid > .aem-GridColumn.aem-GridColumn--default--none {
    float: right;
    display: block;
    clear: none !important;
}

[dir=rtl] .aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide {
    display: none;
}

/* -------------------------------
   PHONE VIEW (Max-width: 768px)
--------------------------------*/
@media (max-width: 768px) {

    /* -------- GRID 1 -------- */
    [dir=rtl] .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: right;
        clear: none;
        inline-size: 100%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
        -webkit-margin-start: 0%;
        margin-inline-start: 0%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: right;
        clear: none;
        inline-size: 100%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
        -webkit-margin-start: 0%;
        margin-inline-start: 0%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%;
    }

    /* -------- GRID 2 -------- */
    [dir=rtl] .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: right;
        clear: none;
        inline-size: 50%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: right;
        clear: none;
        inline-size: 100%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
        -webkit-margin-start: 0%;
        margin-inline-start: 0%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: right;
        clear: none;
        inline-size: 50%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: right;
        clear: none;
        inline-size: 100%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
        -webkit-margin-start: 0%;
        margin-inline-start: 0%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%;
    }

    /* -------- GRID 3 -------- */
    [dir=rtl] .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: right;
        clear: none;
        inline-size: 33.3333%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: right;
        clear: none;
        inline-size: 66.6667%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: right;
        clear: none;
        inline-size: 100%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
        -webkit-margin-start: 0%;
        margin-inline-start: 0%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
        -webkit-margin-start: 33.3333%;
        margin-inline-start: 33.3333%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
        -webkit-margin-start: 66.6667%;
        margin-inline-start: 66.6667%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: right;
        clear: none;
        inline-size: 33.3333%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: right;
        clear: none;
        inline-size: 66.6667%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: right;
        clear: none;
        inline-size: 100%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
        -webkit-margin-start: 0%;
        margin-inline-start: 0%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
        -webkit-margin-start: 33.3333%;
        margin-inline-start: 33.3333%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
        -webkit-margin-start: 66.6667%;
        margin-inline-start: 66.6667%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%;
    }

    /* -------- GRID 4 -------- */
    [dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: right;
        clear: none;
        inline-size: 25%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: right;
        clear: none;
        inline-size: 50%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: right;
        clear: none;
        inline-size: 75%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: right;
        clear: none;
        inline-size: 100%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
        -webkit-margin-start: 0%;
        margin-inline-start: 0%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
        -webkit-margin-start: 25%;
        margin-inline-start: 25%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
        -webkit-margin-start: 75%;
        margin-inline-start: 75%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: right;
        clear: none;
        inline-size: 25%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: right;
        clear: none;
        inline-size: 50%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: right;
        clear: none;
        inline-size: 75%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: right;
        clear: none;
        inline-size: 100%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
        -webkit-margin-start: 0%;
        margin-inline-start: 0%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
        -webkit-margin-start: 25%;
        margin-inline-start: 25%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
        -webkit-margin-start: 75%;
        margin-inline-start: 75%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%;
    }

    /* -------- GRID 5 -------- */
    [dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: right;
        clear: none;
        inline-size: 20%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: right;
        clear: none;
        inline-size: 40%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: right;
        clear: none;
        inline-size: 60%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: right;
        clear: none;
        inline-size: 80%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: right;
        clear: none;
        inline-size: 100%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
        -webkit-margin-start: 0%;
        margin-inline-start: 0%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
        -webkit-margin-start: 20%;
        margin-inline-start: 20%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
        -webkit-margin-start: 40%;
        margin-inline-start: 40%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
        -webkit-margin-start: 60%;
        margin-inline-start: 60%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
        -webkit-margin-start: 80%;
        margin-inline-start: 80%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: right;
        clear: none;
        inline-size: 20%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: right;
        clear: none;
        inline-size: 40%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: right;
        clear: none;
        inline-size: 60%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: right;
        clear: none;
        inline-size: 80%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: right;
        clear: none;
        inline-size: 100%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
        -webkit-margin-start: 0%;
        margin-inline-start: 0%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
        -webkit-margin-start: 20%;
        margin-inline-start: 20%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
        -webkit-margin-start: 40%;
        margin-inline-start: 40%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
        -webkit-margin-start: 60%;
        margin-inline-start: 60%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
        -webkit-margin-start: 80%;
        margin-inline-start: 80%;
    }

    [dir=rtl] .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%;
    }
}
/* ===== RTL Grid 6 ===== */
[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: right;
    clear: none;
    inline-size: 16.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: right;
    clear: none;
    inline-size: 33.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: right;
    clear: none;
    inline-size: 50%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: right;
    clear: none;
    inline-size: 66.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: right;
    clear: none;
    inline-size: 83.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: right;
    clear: none;
    inline-size: 100%;
}

/* Offsets */
[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 16.6667%;
    margin-inline-start: 16.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    -webkit-margin-start: 83.3333%;
    margin-inline-start: 83.3333%;
}

[dir=rtl] .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}
/* ===== RTL Grid 7 ===== */
[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: right;
    clear: none;
    inline-size: 14.2857%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: right;
    clear: none;
    inline-size: 28.5714%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: right;
    clear: none;
    inline-size: 42.8571%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: right;
    clear: none;
    inline-size: 57.1429%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: right;
    clear: none;
    inline-size: 71.4286%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: right;
    clear: none;
    inline-size: 85.7143%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: right;
    clear: none;
    inline-size: 100%;
}

/* Offsets */
[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 14.2857%;
    margin-inline-start: 14.2857%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 28.5714%;
    margin-inline-start: 28.5714%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    -webkit-margin-start: 42.8571%;
    margin-inline-start: 42.8571%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    -webkit-margin-start: 57.1429%;
    margin-inline-start: 57.1429%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    -webkit-margin-start: 71.4286%;
    margin-inline-start: 71.4286%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    -webkit-margin-start: 85.7143%;
    margin-inline-start: 85.7143%;
}

[dir=rtl] .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}
/* -------- GRID 8 -------- */
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; inline-size: 12.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; inline-size: 25%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; inline-size: 37.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; inline-size: 50%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; inline-size: 62.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; inline-size: 75%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; inline-size: 87.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; inline-size: 100%; }

/* Offsets */
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { -webkit-margin-start: 0%;    margin-inline-start: 0%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { -webkit-margin-start: 12.5%; margin-inline-start: 12.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { -webkit-margin-start: 25%;   margin-inline-start: 25%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { -webkit-margin-start: 37.5%; margin-inline-start: 37.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { -webkit-margin-start: 50%;   margin-inline-start: 50%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { -webkit-margin-start: 62.5%; margin-inline-start: 62.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { -webkit-margin-start: 75%;   margin-inline-start: 75%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { -webkit-margin-start: 87.5%; margin-inline-start: 87.5%; }
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { -webkit-margin-start: 100%;  margin-inline-start: 100%; }

/* Phone version */
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; inline-size: 12.5%; }
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; inline-size: 25%; }
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; inline-size: 37.5%; }
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; inline-size: 50%; }
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; inline-size: 62.5%; }
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; inline-size: 75%; }
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; inline-size: 87.5%; }
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; inline-size: 100%; }

.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { -webkit-margin-start: 0%;    margin-inline-start: 0%; }
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { -webkit-margin-start: 12.5%; margin-inline-start: 12.5%; }
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { -webkit-margin-start: 25%;   margin-inline-start: 25%; }
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { -webkit-margin-start: 37.5%; margin-inline-start: 37.5%; }
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { -webkit-margin-start: 50%;   margin-inline-start: 50%; }
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { -webkit-margin-start: 62.5%; margin-inline-start: 62.5%; }
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { -webkit-margin-start: 75%;   margin-inline-start: 75%; }
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { -webkit-margin-start: 87.5%; margin-inline-start: 87.5%; }
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { -webkit-margin-start: 100%;  margin-inline-start: 100%; }


/* -------- GRID 9 -------- */
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; inline-size: 11.1111%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; inline-size: 22.2222%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; inline-size: 33.3333%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; inline-size: 44.4444%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; inline-size: 55.5556%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; inline-size: 66.6667%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; inline-size: 77.7778%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; inline-size: 88.8889%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; inline-size: 100%; }

/* Offsets */
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { -webkit-margin-start: 0%;      margin-inline-start: 0%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { -webkit-margin-start: 11.1111%; margin-inline-start: 11.1111%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { -webkit-margin-start: 22.2222%; margin-inline-start: 22.2222%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { -webkit-margin-start: 33.3333%; margin-inline-start: 33.3333%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { -webkit-margin-start: 44.4444%; margin-inline-start: 44.4444%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { -webkit-margin-start: 55.5556%; margin-inline-start: 55.5556%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { -webkit-margin-start: 66.6667%; margin-inline-start: 66.6667%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { -webkit-margin-start: 77.7778%; margin-inline-start: 77.7778%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { -webkit-margin-start: 88.8889%; margin-inline-start: 88.8889%; }
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { -webkit-margin-start: 100%;    margin-inline-start: 100%; }

/* Phone version */
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; inline-size: 11.1111%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; inline-size: 22.2222%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; inline-size: 33.3333%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; inline-size: 44.4444%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; inline-size: 55.5556%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; inline-size: 66.6667%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; inline-size: 77.7778%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; inline-size: 88.8889%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; inline-size: 100%; }

.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { -webkit-margin-start: 0%;      margin-inline-start: 0%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { -webkit-margin-start: 11.1111%; margin-inline-start: 11.1111%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { -webkit-margin-start: 22.2222%; margin-inline-start: 22.2222%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { -webkit-margin-start: 33.3333%; margin-inline-start: 33.3333%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { -webkit-margin-start: 44.4444%; margin-inline-start: 44.4444%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { -webkit-margin-start: 55.5556%; margin-inline-start: 55.5556%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { -webkit-margin-start: 66.6667%; margin-inline-start: 66.6667%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { -webkit-margin-start: 77.7778%; margin-inline-start: 77.7778%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { -webkit-margin-start: 88.8889%; margin-inline-start: 88.8889%; }
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { -webkit-margin-start: 100%;    margin-inline-start: 100%; }


/* -------- GRID 10 -------- */
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1  { float: left; clear: none; inline-size: 10%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2  { float: left; clear: none; inline-size: 20%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3  { float: left; clear: none; inline-size: 30%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4  { float: left; clear: none; inline-size: 40%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5  { float: left; clear: none; inline-size: 50%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6  { float: left; clear: none; inline-size: 60%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7  { float: left; clear: none; inline-size: 70%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8  { float: left; clear: none; inline-size: 80%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9  { float: left; clear: none; inline-size: 90%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; inline-size: 100%; }

/* Offsets */
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0  { -webkit-margin-start: 0%;  margin-inline-start: 0%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1  { -webkit-margin-start: 10%; margin-inline-start: 10%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2  { -webkit-margin-start: 20%; margin-inline-start: 20%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3  { -webkit-margin-start: 30%; margin-inline-start: 30%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4  { -webkit-margin-start: 40%; margin-inline-start: 40%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5  { -webkit-margin-start: 50%; margin-inline-start: 50%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6  { -webkit-margin-start: 60%; margin-inline-start: 60%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7  { -webkit-margin-start: 70%; margin-inline-start: 70%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8  { -webkit-margin-start: 80%; margin-inline-start: 80%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9  { -webkit-margin-start: 90%; margin-inline-start: 90%; }
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { -webkit-margin-start: 100%; margin-inline-start: 100%; }

/* Phone version */
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1  { float: left; clear: none; inline-size: 10%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2  { float: left; clear: none; inline-size: 20%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3  { float: left; clear: none; inline-size: 30%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4  { float: left; clear: none; inline-size: 40%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5  { float: left; clear: none; inline-size: 50%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6  { float: left; clear: none; inline-size: 60%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7  { float: left; clear: none; inline-size: 70%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8  { float: left; clear: none; inline-size: 80%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9  { float: left; clear: none; inline-size: 90%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; inline-size: 100%; }

.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0  { -webkit-margin-start: 0%;  margin-inline-start: 0%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1  { -webkit-margin-start: 10%; margin-inline-start: 10%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2  { -webkit-margin-start: 20%; margin-inline-start: 20%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3  { -webkit-margin-start: 30%; margin-inline-start: 30%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4  { -webkit-margin-start: 40%; margin-inline-start: 40%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5  { -webkit-margin-start: 50%; margin-inline-start: 50%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6  { -webkit-margin-start: 60%; margin-inline-start: 60%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7  { -webkit-margin-start: 70%; margin-inline-start: 70%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8  { -webkit-margin-start: 80%; margin-inline-start: 80%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9  { -webkit-margin-start: 90%; margin-inline-start: 90%; }
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { -webkit-margin-start: 100%; margin-inline-start: 100%; }
/* =========================
   RTL Grid 11 Columns
   ========================= */

/* .aem-Grid--11 widths */
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: right;
    clear: none;
    inline-size: 9.09091%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: right;
    clear: none;
    inline-size: 18.1818%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: right;
    clear: none;
    inline-size: 27.2727%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: right;
    clear: none;
    inline-size: 36.3636%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: right;
    clear: none;
    inline-size: 45.4545%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: right;
    clear: none;
    inline-size: 54.5455%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: right;
    clear: none;
    inline-size: 63.6364%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: right;
    clear: none;
    inline-size: 72.7273%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: right;
    clear: none;
    inline-size: 81.8182%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: right;
    clear: none;
    inline-size: 90.9091%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: right;
    clear: none;
    inline-size: 100%;
}

/* .aem-Grid--11 offsets */
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 9.09091%;
    margin-inline-start: 9.09091%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 18.1818%;
    margin-inline-start: 18.1818%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    -webkit-margin-start: 27.2727%;
    margin-inline-start: 27.2727%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    -webkit-margin-start: 36.3636%;
    margin-inline-start: 36.3636%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    -webkit-margin-start: 45.4545%;
    margin-inline-start: 45.4545%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    -webkit-margin-start: 54.5455%;
    margin-inline-start: 54.5455%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    -webkit-margin-start: 63.6364%;
    margin-inline-start: 63.6364%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    -webkit-margin-start: 72.7273%;
    margin-inline-start: 72.7273%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    -webkit-margin-start: 81.8182%;
    margin-inline-start: 81.8182%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    -webkit-margin-start: 90.9091%;
    margin-inline-start: 90.9091%;
}
[dir=rtl] .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* .aem-Grid--phone--11 widths */
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: right;
    clear: none;
    inline-size: 9.09091%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: right;
    clear: none;
    inline-size: 18.1818%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: right;
    clear: none;
    inline-size: 27.2727%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: right;
    clear: none;
    inline-size: 36.3636%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: right;
    clear: none;
    inline-size: 45.4545%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: right;
    clear: none;
    inline-size: 54.5455%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: right;
    clear: none;
    inline-size: 63.6364%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: right;
    clear: none;
    inline-size: 72.7273%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: right;
    clear: none;
    inline-size: 81.8182%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: right;
    clear: none;
    inline-size: 90.9091%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: right;
    clear: none;
    inline-size: 100%;
}

/* .aem-Grid--phone--11 offsets */
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 9.09091%;
    margin-inline-start: 9.09091%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 16.6667%;
    margin-inline-start: 18.1818%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    -webkit-margin-start: 27.2727%;
    margin-inline-start: 27.2727%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    -webkit-margin-start: 36.3636%;
    margin-inline-start: 36.3636%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    -webkit-margin-start: 45.4545%;
    margin-inline-start: 45.4545%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    -webkit-margin-start: 54.5455%;
    margin-inline-start: 54.5455%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    -webkit-margin-start: 63.6364%;
    margin-inline-start: 63.6364%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    -webkit-margin-start: 72.7273%;
    margin-inline-start: 72.7273%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    -webkit-margin-start: 81.8182%;
    margin-inline-start: 81.8182%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    -webkit-margin-start: 90.9091%;
    margin-inline-start: 90.9091%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}


/* =========================
   RTL Grid 12 Columns
   ========================= */

/* .aem-Grid--12 widths */
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: right;
    clear: none;
    inline-size: 8.33333%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: right;
    clear: none;
    inline-size: 16.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: right;
    clear: none;
    inline-size: 25%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: right;
    clear: none;
    inline-size: 33.3333%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: right;
    clear: none;
    inline-size: 41.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: right;
    clear: none;
    inline-size: 50%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: right;
    clear: none;
    inline-size: 58.3333%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: right;
    clear: none;
    inline-size: 66.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: right;
    clear: none;
    inline-size: 75%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: right;
    clear: none;
    inline-size: 83.3333%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: right;
    clear: none;
    inline-size: 91.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: right;
    clear: none;
    inline-size: 100%;
}

/* .aem-Grid--12 offsets */
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 8.33333%;
    margin-inline-start: 8.33333%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 16.6667%;
    margin-inline-start: 16.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    -webkit-margin-start: 25%;
    margin-inline-start: 25%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    -webkit-margin-start: 41.6667%;
    margin-inline-start: 41.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    -webkit-margin-start: 58.3333%;
    margin-inline-start: 58.3333%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    -webkit-margin-start: 75%;
    margin-inline-start: 75%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    -webkit-margin-start: 83.3333%;
    margin-inline-start: 83.3333%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    -webkit-margin-start: 91.6667%;
    margin-inline-start: 91.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}

/* .aem-Grid--phone--12 widths */
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: right;
    clear: none;
    inline-size: 8.33333%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: right;
    clear: none;
    inline-size: 16.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: right;
    clear: none;
    inline-size: 25%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: right;
    clear: none;
    inline-size: 33.3333%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: right;
    clear: none;
    inline-size: 41.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: right;
    clear: none;
    inline-size: 50%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: right;
    clear: none;
    inline-size: 58.3333%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: right;
    clear: none;
    inline-size: 66.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: right;
    clear: none;
    inline-size: 75%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: right;
    clear: none;
    inline-size: 83.3333%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: right;
    clear: none;
    inline-size: 91.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: right;
    clear: none;
    inline-size: 100%;
}

/* .aem-Grid--phone--12 offsets */
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    -webkit-margin-start: 0%;
    margin-inline-start: 0%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    -webkit-margin-start: 8.33333%;
    margin-inline-start: 8.33333%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    -webkit-margin-start: 16.6667%;
    margin-inline-start: 16.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    -webkit-margin-start: 25%;
    margin-inline-start: 25%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    -webkit-margin-start: 33.3333%;
    margin-inline-start: 33.3333%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    -webkit-margin-start: 41.6667%;
    margin-inline-start: 41.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    -webkit-margin-start: 58.3333%;
    margin-inline-start: 58.3333%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    -webkit-margin-start: 66.6667%;
    margin-inline-start: 66.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    -webkit-margin-start: 75%;
    margin-inline-start: 75%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    -webkit-margin-start: 83.3333%;
    margin-inline-start: 83.3333%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    -webkit-margin-start: 91.6667%;
    margin-inline-start: 91.6667%;
}
[dir=rtl] .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
}
/* =========================================
   RTL helpers (phone-specific)
   ========================================= */
   [dir=rtl] .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline {
    display: block;
    clear: both !important;
  }
  
  [dir=rtl] .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none {
    float: right;
    display: block;
    clear: none !important;
  }
  
  [dir=rtl] .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide {
    display: none;
  }
  
  /* =========================================
     Adaptive Form: Button
     ========================================= */
  .cmp-adaptiveform-button {
    border: none;
    flex-direction: column;
    margin: 12px 0;
    display: flex;
    position: relative;
  }
  
  /* invalid state */
  .cmp-adaptiveform-button[data-cmp-valid=false] input,
  .cmp-adaptiveform-button[data-cmp-valid=false] textarea,
  .cmp-adaptiveform-button[data-cmp-valid=false] select {
    background: #eb3c360d;
    border: 2px solid #ae0d0d;
    outline-color: #ae0d0d;
  }
  .cmp-adaptiveform-button[data-cmp-valid=false] > .cmp-adaptiveform-button__shortdescription {
    display: none;
  }
  .cmp-adaptiveform-button[data-cmp-valid=false] > .cmp-adaptiveform-button__errormessage {
    align-items: center;
    display: flex;
  }
  
  /* required indicator */
  .cmp-adaptiveform-button[data-cmp-required=true] .cmp-adaptiveform-button__label {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    justify-content: flex-start;
    column-gap: 6px;
    display: flex;
  }
  .cmp-adaptiveform-button[data-cmp-required=true] .cmp-adaptiveform-button__label:after {
    content: "*";
    color: #ae0d0d;
    font-weight: 700;
  }
  
  /* in container components */
  .cmp-adaptiveform-button.cmp-tabs,
  .cmp-adaptiveform-button.cmp-adaptiveform-wizard,
  .cmp-adaptiveform-button.cmp-accordion {
    margin: 48px 0;
  }
  
  /* primary widget */
  .cmp-adaptiveform-button__widget:not(.reset .cmp-adaptiveform-button__widget) {
    cursor: pointer;
    color: #fff;
    background: #336ad3;
    border: none;
    border-radius: 6px;
    width: 100%;
    height: 52px;
    padding: 8px 24px;
    font-size: 16px;
    font-weight: 400;
    display: block;
  }
  .cmp-adaptiveform-button__widget:not(.reset .cmp-adaptiveform-button__widget):hover:not([disabled]) {
    background-color: #226bf9cc;
  }
  .cmp-adaptiveform-button__widget:not(.reset .cmp-adaptiveform-button__widget):active:not([disabled]) {
    background-color: #2a2b48;
  }
  .cmp-adaptiveform-button__widget:not(.reset .cmp-adaptiveform-button__widget):disabled {
    opacity: 0.5;
    cursor: default;
  }
  .cmp-adaptiveform-button__widget:not(.reset .cmp-adaptiveform-button__widget)[data-cmp-enabled=false] {
    opacity: 0.5;
  }
  
  /* long description */
  .cmp-adaptiveform-button__longdescription {
    opacity: 1;
    color: #505050;
    pointer-events: none;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    background-color: #226bf91a;
    border-radius: 6px;
    align-items: flex-start;
    column-gap: 12px;
    margin: 6px 0;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
  }
  .cmp-adaptiveform-button__longdescription:before {
    content: "";
    background: url(resources/images/long-description.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 16px;
  }
  .cmp-adaptiveform-button__longdescription p {
    margin: 0;
  }
  
  /* short description */
  .cmp-adaptiveform-button__shortdescription {
    color: #000000e6;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: static;
  }
  
  /* question mark icon */
  .cmp-adaptiveform-button__questionmark {
    cursor: pointer;
    color: #336ad3;
    top: 0;
    background: url(resources/images/question-default.svg) 50% / cover no-repeat;
    border: none;
    border-radius: 9px;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
  }
  .cmp-adaptiveform-button__questionmark:hover {
    background: url(resources/images/question-hover.svg) 50% / cover no-repeat;
  }
  .cmp-adaptiveform-button__questionmark:active {
    background: url(resources/images/question-clicked.svg) 50% / cover no-repeat;
  }
  
  /* label container */
  .cmp-adaptiveform-button__label-container {
    justify-content: space-between;
    display: flex;
  }
  .cmp-adaptiveform-button__label-container > button[class*="__questionmark"] {
    position: unset;
    inset-inline-end: unset;
  }
  
  /* unified top margins */
  .cmp-adaptiveform-button__shortdescription,
  .cmp-adaptiveform-button__longdescription {
    -webkit-margin-before: 8px;
    margin-block-start: 8px;
  }
  
  /* sticky submit container */
  .submit {
    z-index: 12;
    background: linear-gradient(#fff0 0%, #fff 25%);
    border-radius: 0;
    width: 100%;
    padding: 24px 0;
    position: sticky;
    inset-block-end: 0;
    inset-inline-start: 0;
  }
  
  /* reset variant */
  .reset .cmp-adaptiveform-button__widget {
    vertical-align: text-bottom;
    cursor: pointer;
    color: #505050;
    opacity: 1;
    background-color: #fff;
    border: 1px solid #949494;
    border-radius: 6px;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    height: 52px;
    margin: 12px 0;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    position: static;
  }
  .reset .cmp-adaptiveform-button__widget:hover {
    background-color: #ebebeb;
    border: 1px solid #949494;
  }
  .reset .cmp-adaptiveform-button__widget:active {
    color: #fff;
    background-color: #2a2b48;
  }
  .reset .cmp-adaptiveform-button__widget:disabled {
    cursor: default;
    opacity: 0.5;
    background-color: #f5f5f5;
  }
  
  /* =========================================
     Adaptive Form: Checkbox Group
     ========================================= */
  .cmp-adaptiveform-checkboxgroup {
    flex-direction: column;
    display: flex;
    position: relative;
  }
  
  /* invalid state */
  .cmp-adaptiveform-checkboxgroup[data-cmp-valid=false] input,
  .cmp-adaptiveform-checkboxgroup[data-cmp-valid=false] textarea,
  .cmp-adaptiveform-checkboxgroup[data-cmp-valid=false] select {
    background: #eb3c360d;
    border: 2px solid #ae0d0d;
    outline-color: #ae0d0d;
  }
  .cmp-adaptiveform-checkboxgroup[data-cmp-valid=false] > .cmp-adaptiveform-checkboxgroup__shortdescription {
    display: none;
  }
  .cmp-adaptiveform-checkboxgroup[data-cmp-valid=false] > .cmp-adaptiveform-checkboxgroup__errormessage {
    align-items: center;
    display: flex;
  }
  
  /* required indicator */
  .cmp-adaptiveform-checkboxgroup[data-cmp-required=true] .cmp-adaptiveform-checkboxgroup__label {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    justify-content: flex-start;
    column-gap: 6px;
    display: flex;
  }
  .cmp-adaptiveform-checkboxgroup[data-cmp-required=true] .cmp-adaptiveform-checkboxgroup__label:after {
    content: "*";
    color: #ae0d0d;
    font-weight: 700;
  }
  
  /* in container components */
  .cmp-adaptiveform-checkboxgroup.cmp-tabs,
  .cmp-adaptiveform-checkboxgroup.cmp-adaptiveform-wizard,
  .cmp-adaptiveform-checkboxgroup.cmp-accordion {
    margin: 48px 0;
  }
  
  /* group label */
  .cmp-adaptiveform-checkboxgroup__label {
    -webkit-padding-end: 24px;
    box-sizing: border-box;
    opacity: 1;
    color: #505050;
    pointer-events: none;
    z-index: 11;
    padding-inline-end: 24px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
  }
  
  /* options wrapper */
  .cmp-adaptiveform-checkboxgroup__widget {
    pointer-events: all;
    margin: 6px 0;
    display: flex;
  }
  .cmp-adaptiveform-checkboxgroup__widget.VERTICAL {
    flex-direction: column;
    row-gap: 0;
  }
  .cmp-adaptiveform-checkboxgroup__widget.HORIZONTAL {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    flex-flow: wrap;
    column-gap: 0;
  }
  
  /* long description */
  .cmp-adaptiveform-checkboxgroup__longdescription {
    opacity: 1;
    color: #505050;
    pointer-events: none;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    background-color: #226bf91a;
    border-radius: 6px;
    align-items: flex-start;
    column-gap: 12px;
    margin: 6px 0;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
  }
  .cmp-adaptiveform-checkboxgroup__longdescription:before {
    content: "";
    background: url(resources/images/long-description.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 16px;
  }
  .cmp-adaptiveform-checkboxgroup__longdescription p {
    margin: 0;
  }
  
  /* short description */
  .cmp-adaptiveform-checkboxgroup__shortdescription {
    color: #000000e6;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: static;
  }
  
  /* question mark icon */
  .cmp-adaptiveform-checkboxgroup__questionmark {
    cursor: pointer;
    color: #336ad3;
    top: 0;
    background: url(resources/images/question-default.svg) 50% / cover no-repeat;
    border: none;
    border-radius: 9px;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
  }
  .cmp-adaptiveform-checkboxgroup__questionmark:hover {
    background: url(resources/images/question-hover.svg) 50% / cover no-repeat;
  }
  .cmp-adaptiveform-checkboxgroup__questionmark:active {
    background: url(resources/images/question-clicked.svg) 50% / cover no-repeat;
  }
  
  /* label container */
  .cmp-adaptiveform-checkboxgroup__label-container {
    justify-content: space-between;
    display: flex;
  }
  .cmp-adaptiveform-checkboxgroup__label-container > button[class*="__questionmark"] {
    position: unset;
    inset-inline-end: unset;
  }
  
  /* error message */
  .cmp-adaptiveform-checkboxgroup__errormessage {
    color: #ae0d0d;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    display: none;
  }
  .cmp-adaptiveform-checkboxgroup__errormessage:before {
    content: "";
    -webkit-margin-end: 6px;
    background: url(resources/images/error.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 14px;
    margin-inline-end: 6px;
  }
  
  /* single option item */
  .cmp-adaptiveform-checkboxgroup-item {
    pointer-events: all;
    color: #505050;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    opacity: 1;
    cursor: pointer;
    border: none;
    border-radius: 6px;
    align-items: center;
    column-gap: 12px;
    margin: 0;
    padding: 12px;
    font-size: 16px;
    display: flex;
    position: static;
  }
  .cmp-adaptiveform-checkboxgroup-item .cmp-adaptiveform-checkboxgroup__label,
  .cmp-adaptiveform-checkboxgroup__option-label {
    pointer-events: all;
    align-items: center;
    gap: 12px;
    width: 100%;
    display: flex;
  }
  .cmp-adaptiveform-checkboxgroup[data-cmp-enabled=true] .cmp-adaptiveform-checkboxgroup-item:hover,
  .cmp-adaptiveform-checkboxgroup[data-cmp-enabled=true] .cmp-adaptiveform-checkboxgroup__option-label:hover {
    cursor: pointer;
  }
  
  /* checkbox control */
  .cmp-adaptiveform-checkboxgroup__option__widget {
    appearance: none;
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    display: flex;
  }
  .cmp-adaptiveform-checkboxgroup__option__widget:hover:not([disabled]):not(:checked) {
    cursor: pointer;
    background: linear-gradient(#226bf91a 0% 100%), #fff;
    border: 1px solid #949494;
  }
  .cmp-adaptiveform-checkboxgroup__option__widget:checked {
    background-color: #336ad3;
  }
  .cmp-adaptiveform-checkboxgroup__option__widget:checked:after {
    content: "";
    background-image: url(resources/images/check-white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
  }
  
  /* =========================================
     Adaptive Form: Container
     ========================================= */
  .cmp-adaptiveform-container__wrapper {
    box-sizing: border-box;
    padding: 0 24px;
    width: 100%;
    margin: 0 auto;
    padding: 12px;              /* keeps existing padding */
    padding-inline: 20%;        /* desktop inline padding */
  }
  
  /* =========================================
     Media Queries
     ========================================= */
  @media (min-width: 640px) {
    .cmp-adaptiveform-button__widget:not(.reset .cmp-adaptiveform-button__widget) {
      width: -moz-fit-content;
      width: fit-content;
    }
  
    .reset .cmp-adaptiveform-button__widget {
      width: -moz-fit-content;
      width: fit-content;
    }
  }
  
  @media (max-width: 640px) {
    .cmp-adaptiveform-button__questionmark {
      inset-block-start: -20px;
    }
  
    .cmp-adaptiveform-button {
      -webkit-margin-before: 32px;
      margin-block-start: 32px;
    }
  }
  
  @media (max-width: 768px) {
    .cmp-adaptiveform-container__wrapper {
      padding-inline: 12px;     /* mobile inline padding */
    }
  }
  /* .cmp-adaptiveform-container--loading {
    pointer-events: none;
    cursor: wait;
    z-index: 100000;
    background: #fff url(resources/images/busy-state.gif) 50% no-repeat fixed;
    width: 100%;
    height: 100%;
    position: fixed;
    inset: 0;
} */

/* =============================
   Datepicker Styles
   ============================= */
.cmp-adaptiveform-datepicker {
    flex-direction: column;
    display: flex;
    position: relative;
}

.cmp-adaptiveform-datepicker[data-cmp-valid=false] input,
.cmp-adaptiveform-datepicker[data-cmp-valid=false] textarea,
.cmp-adaptiveform-datepicker[data-cmp-valid=false] select {
    background: #eb3c360d;
    border: 2px solid #ae0d0d;
    outline-color: #ae0d0d;
}

.cmp-adaptiveform-datepicker[data-cmp-valid=false] > .cmp-adaptiveform-datepicker__shortdescription {
    display: none;
}

.cmp-adaptiveform-datepicker[data-cmp-valid=false] > .cmp-adaptiveform-datepicker__errormessage {
    align-items: center;
    display: flex;
}

.cmp-adaptiveform-datepicker[data-cmp-required=true] .cmp-adaptiveform-datepicker__label {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    justify-content: flex-start;
    column-gap: 6px;
    display: flex;
}

.cmp-adaptiveform-datepicker[data-cmp-required=true] .cmp-adaptiveform-datepicker__label:after {
    content: "*";
    color: #ae0d0d;
    font-weight: 700;
}

.cmp-adaptiveform-datepicker.cmp-tabs,
.cmp-adaptiveform-datepicker.cmp-adaptiveform-wizard,
.cmp-adaptiveform-datepicker.cmp-accordion {
    margin: 48px 0;
}

.cmp-adaptiveform-datepicker__label {
    -webkit-padding-end: 24px;
    box-sizing: border-box;
    opacity: 1;
    color: #505050;
    pointer-events: none;
    z-index: 11;
    padding-inline-end: 24px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
}

.cmp-adaptiveform-datepicker__widget {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    outline: 0 solid #336ad3;
    height: 43px;
    margin: 6px 0;
    padding: 0 12px;
    font-family: SF Pro, Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.cmp-adaptiveform-datepicker__widget:hover:not([disabled]) {
    background: linear-gradient(#226bf90d 0% 100%), #fff;
    border: 1px solid #949494;
}

.cmp-adaptiveform-datepicker__widget:focus:not([disabled]) {
    outline-offset: 0;
    background-color: #fff;
    border-color: #0000;
    outline: 2px solid #336ad3;
    transition: outline .1s ease-out, border .1s ease-out;
}

.cmp-adaptiveform-datepicker__widget:disabled,
.cmp-adaptiveform-datepicker__widget[readonly] {
    background-color: #f5f5f5;
}

.cmp-adaptiveform-datepicker__longdescription {
    opacity: 1;
    color: #505050;
    pointer-events: none;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    background-color: #226bf91a;
    border-radius: 6px;
    align-items: flex-start;
    column-gap: 12px;
    margin: 6px 0;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
}

.cmp-adaptiveform-datepicker__longdescription:before {
    content: "";
    background: url(resources/images/long-description.svg) 50%/cover no-repeat;
    min-width: 16px;
    height: 16px;
}

.cmp-adaptiveform-datepicker__longdescription p {
    margin: 0;
}

.cmp-adaptiveform-datepicker__shortdescription {
    color: #000000e6;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: static;
}

.cmp-adaptiveform-datepicker__questionmark {
    cursor: pointer;
    color: #336ad3;
    top: 0;
    background: url(resources/images/question-default.svg) 50%/cover no-repeat;
    border: none;
    border-radius: 9px;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
}

.cmp-adaptiveform-datepicker__questionmark:hover {
    background: url(resources/images/question-hover.svg) 50%/cover no-repeat;
}

.cmp-adaptiveform-datepicker__questionmark:active {
    background: url(resources/images/question-clicked.svg) 50%/cover no-repeat;
}

.cmp-adaptiveform-datepicker__label-container {
    justify-content: space-between;
    display: flex;
}

.cmp-adaptiveform-datepicker__label-container > button[class*=__questionmark] {
    position: unset;
    inset-inline-end: unset;
}

.cmp-adaptiveform-datepicker__errormessage {
    color: #ae0d0d;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    display: none;
}

.cmp-adaptiveform-datepicker__errormessage:before {
    content: "";
    -webkit-margin-end: 6px;
    background: url(resources/images/error.svg) 50%/cover no-repeat;
    min-width: 16px;
    height: 14px;
    margin-inline-end: 6px;
}

.datepicker-calendar-icon {
    top: 38px;
}

/* =============================
   Dropdown Styles
   ============================= */
.cmp-adaptiveform-dropdown {
    flex-direction: column;
    display: flex;
    position: relative;
}

.cmp-adaptiveform-dropdown[data-cmp-valid=false] input,
.cmp-adaptiveform-dropdown[data-cmp-valid=false] textarea,
.cmp-adaptiveform-dropdown[data-cmp-valid=false] select {
    background: #eb3c360d;
    border: 2px solid #ae0d0d;
    outline-color: #ae0d0d;
}

.cmp-adaptiveform-dropdown[data-cmp-valid=false] > .cmp-adaptiveform-dropdown__shortdescription {
    display: none;
}

.cmp-adaptiveform-dropdown[data-cmp-valid=false] > .cmp-adaptiveform-dropdown__errormessage {
    align-items: center;
    display: flex;
}

.cmp-adaptiveform-dropdown[data-cmp-required=true] .cmp-adaptiveform-dropdown__label {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    justify-content: flex-start;
    column-gap: 6px;
    display: flex;
}

.cmp-adaptiveform-dropdown[data-cmp-required=true] .cmp-adaptiveform-dropdown__label:after {
    content: "*";
    color: #ae0d0d;
    font-weight: 700;
}

.cmp-adaptiveform-dropdown.cmp-tabs,
.cmp-adaptiveform-dropdown.cmp-adaptiveform-wizard,
.cmp-adaptiveform-dropdown.cmp-accordion {
    margin: 48px 0;
}

.cmp-adaptiveform-dropdown__label {
    -webkit-padding-end: 24px;
    box-sizing: border-box;
    opacity: 1;
    color: #505050;
    pointer-events: none;
    z-index: 11;
    padding-inline-end: 24px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
}

.cmp-adaptiveform-dropdown__widget {
    box-sizing: border-box;
    appearance: none;
    cursor: pointer;
    background: url(resources/images/chevron-down.svg) right 10px center no-repeat;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    outline: 0 solid #336ad3;
    height: 43px;
    margin: 6px 0;
    padding: 0 12px;
    font-family: SF Pro, Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.cmp-adaptiveform-dropdown__longdescription {
    opacity: 1;
    color: #505050;
    pointer-events: none;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    background-color: #226bf91a;
    border-radius: 6px;
    align-items: flex-start;
    column-gap: 12px;
    margin: 6px 0;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
}

.cmp-adaptiveform-dropdown__longdescription:before {
    content: "";
    background: url(resources/images/long-description.svg) 50%/cover no-repeat;
    min-width: 16px;
    height: 16px;
}

.cmp-adaptiveform-dropdown__longdescription p {
    margin: 0;
}

.cmp-adaptiveform-dropdown__shortdescription {
    color: #000000e6;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: static;
}

.cmp-adaptiveform-dropdown__questionmark {
    cursor: pointer;
    color: #336ad3;
    top: 0;
    background: url(resources/images/question-default.svg) 50%/cover no-repeat;
    border: none;
    border-radius: 9px;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
}

.cmp-adaptiveform-dropdown__questionmark:hover {
    background: url(resources/images/question-hover.svg) 50%/cover no-repeat;
}

.cmp-adaptiveform-dropdown__questionmark:active {
    background: url(resources/images/question-clicked.svg) 50%/cover no-repeat;
}

.cmp-adaptiveform-dropdown__label-container {
    justify-content: space-between;
    display: flex;
}

.cmp-adaptiveform-dropdown__label-container > button[class*=__questionmark] {
    position: unset;
    inset-inline-end: unset;
}

.cmp-adaptiveform-dropdown__errormessage {
    color: #ae0d0d;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    display: none;
}

.cmp-adaptiveform-dropdown__errormessage:before {
    content: "";
    -webkit-margin-end: 6px;
    background: url(resources/images/error.svg) 50%/cover no-repeat;
    min-width: 16px;
    height: 14px;
    margin-inline-end: 6px;
}

.cmp-adaptiveform-dropdown__widget:hover:not([disabled]) {
    background: linear-gradient(#226bf90d 0% 100%), #fff;
    border: 1px solid #949494;
}

.cmp-adaptiveform-dropdown__widget:focus:not([disabled]) {
    outline-offset: 0;
    background-color: #fff;
    border-color: #0000;
    outline: 2px solid #336ad3;
    transition: outline .1s ease-out, border .1s ease-out;
}

.cmp-adaptiveform-dropdown__widget:disabled,
.cmp-adaptiveform-dropdown__widget[readonly] {
    background-color: #f5f5f5;
}

.cmp-adaptiveform-dropdown__widget:after {
    content: "";
    background: url(resources/images/chevron-down.svg) 50%/cover no-repeat;
    position: relative;
}
[dir=rtl] .cmp-adaptiveform-dropdown__widget {
    background-position: 10px;
}

.cmp-adaptiveform-dropdown__widget[multiple=multiple] {
    height: 80px;
}

/* ========================================
   File Input
======================================== */
.cmp-adaptiveform-fileinput {
    flex-direction: column;
    display: flex;
    position: relative;
}

.cmp-adaptiveform-fileinput[data-cmp-valid=false] input,
.cmp-adaptiveform-fileinput[data-cmp-valid=false] textarea,
.cmp-adaptiveform-fileinput[data-cmp-valid=false] select {
    background: #eb3c360d;
    border: 2px solid #ae0d0d;
    outline-color: #ae0d0d;
}

.cmp-adaptiveform-fileinput[data-cmp-valid=false] > .cmp-adaptiveform-fileinput__shortdescription {
    display: none;
}

.cmp-adaptiveform-fileinput[data-cmp-valid=false] > .cmp-adaptiveform-fileinput__errormessage {
    align-items: center;
    display: flex;
}

.cmp-adaptiveform-fileinput[data-cmp-required=true] .cmp-adaptiveform-fileinput__label {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    justify-content: flex-start;
    column-gap: 6px;
    display: flex;
}

.cmp-adaptiveform-fileinput[data-cmp-required=true] .cmp-adaptiveform-fileinput__label:after {
    content: "*";
    color: #ae0d0d;
    font-weight: 700;
}

.cmp-adaptiveform-fileinput.cmp-tabs,
.cmp-adaptiveform-fileinput.cmp-adaptiveform-wizard,
.cmp-adaptiveform-fileinput.cmp-accordion {
    margin: 48px 0;
}

.cmp-adaptiveform-fileinput__label {
    -webkit-padding-end: 24px;
    box-sizing: border-box;
    opacity: 1;
    color: #505050;
    pointer-events: none;
    z-index: 11;
    padding-inline-end: 24px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
}

.cmp-adaptiveform-fileinput__widget {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    outline: 0 solid #336ad3;
    height: 43px;
    margin: 6px 0;
    padding: 0 12px;
    font-family: SF Pro, Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.cmp-adaptiveform-fileinput__widget:hover:not([disabled]) {
    background: linear-gradient(#226bf90d 0% 100%), #fff;
    border: 1px solid #949494;
}

.cmp-adaptiveform-fileinput__widget:focus:not([disabled]) {
    outline-offset: 0;
    background-color: #fff;
    border-color: #0000;
    outline: 2px solid #336ad3;
    transition: outline .1s ease-out, border .1s ease-out;
}

.cmp-adaptiveform-fileinput__widget:disabled,
.cmp-adaptiveform-fileinput__widget[readonly] {
    background-color: #f5f5f5;
}

.cmp-adaptiveform-fileinput__longdescription {
    opacity: 1;
    color: #505050;
    pointer-events: none;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    background-color: #226bf91a;
    border-radius: 6px;
    align-items: flex-start;
    column-gap: 12px;
    margin: 6px 0;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
}

.cmp-adaptiveform-fileinput__longdescription:before {
    content: "";
    background: url(resources/images/long-description.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 16px;
}

.cmp-adaptiveform-fileinput__longdescription p {
    margin: 0;
}

.cmp-adaptiveform-fileinput__shortdescription {
    color: #000000e6;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: static;
}

.cmp-adaptiveform-fileinput__questionmark {
    cursor: pointer;
    color: #336ad3;
    top: 0;
    background: url(resources/images/question-default.svg) 50% / cover no-repeat;
    border: none;
    border-radius: 9px;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
}

.cmp-adaptiveform-fileinput__questionmark:hover {
    background: url(resources/images/question-hover.svg) 50% / cover no-repeat;
}

.cmp-adaptiveform-fileinput__questionmark:active {
    background: url(resources/images/question-clicked.svg) 50% / cover no-repeat;
}

.cmp-adaptiveform-fileinput__label-container {
    justify-content: space-between;
    display: flex;
}

.cmp-adaptiveform-fileinput__label-container > button[class*=__questionmark] {
    position: unset;
    inset-inline-end: unset;
}

.cmp-adaptiveform-fileinput__errormessage {
    color: #ae0d0d;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    display: none;
}

.cmp-adaptiveform-fileinput__errormessage:before {
    content: "";
    -webkit-margin-end: 6px;
    background: url(resources/images/error.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 14px;
    margin-inline-end: 6px;
}

/* === File Input Label === */
.cmp-adaptiveform-fileinput__widgetlabel {
    vertical-align: text-bottom;
    cursor: pointer;
    color: #505050;
    opacity: 1;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    pointer-events: all;
    margin: 12px 0;
    background-color: #fff;
    border: 1px solid #949494;
    border-radius: 6px;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    column-gap: 6px;
    width: 100%;
    height: 43px;
    margin: 6px 0;
    padding: 12px 24px;
    padding-block: 8px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    position: static;
}

@media (min-width: 640px) {
    .cmp-adaptiveform-fileinput__widgetlabel {
        width: fit-content;
    }
}

.cmp-adaptiveform-fileinput__widgetlabel:hover {
    background-color: #ebebeb;
    border: 1px solid #949494;
}

.cmp-adaptiveform-fileinput__widgetlabel:active {
    color: #fff;
    background-color: #2a2b48;
}

.cmp-adaptiveform-fileinput__widgetlabel:disabled {
    cursor: default;
    opacity: .5;
    background-color: #f5f5f5;
}

.cmp-adaptiveform-fileinput__widgetlabel:before {
    content: "";
    background: url(resources/images/file-attach.svg) 50% / cover no-repeat;
    width: 16px;
    height: 16px;
    display: block;
}

.cmp-adaptiveform-fileinput__widgetlabel:active:before {
    background: url(resources/images/file-attach-white.svg) 50% / cover no-repeat;
}

/* === File List === */
.cmp-adaptiveform-fileinput__filelist {
    pointer-events: all;
    margin: 6px 0;
    padding: 0;
    display: flex;
}

.cmp-adaptiveform-fileinput__filelist.VERTICAL {
    flex-direction: column;
    row-gap: 0;
}

.cmp-adaptiveform-fileinput__filelist.HORIZONTAL {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    flex-flow: wrap;
    column-gap: 0;
}

.cmp-adaptiveform-fileinput__fileitem {
    pointer-events: all;
    color: #505050;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    opacity: 1;
    cursor: pointer;
    border: none;
    border-radius: 6px;
    justify-content: space-between;
    align-items: center;
    column-gap: 12px;
    width: 100%;
    margin: 0;
    padding: 12px;
    font-size: 16px;
    display: flex;
    position: static;
}

.cmp-adaptiveform-fileinput__fileendcontainer {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex;
}

.cmp-adaptiveform-fileinput input[type=file] {
    -webkit-column-gap: 48px;
    -moz-column-gap: 48px;
    column-gap: 48px;
}

.cmp-adaptiveform-fileinput__filedelete {
    float: right;
    text-transform: uppercase;
    color: #ae0d0d;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

[dir=rtl] .cmp-adaptiveform-fileinput__filedelete {
    float: left;
}

.cmp-adaptiveform-fileinput br {
    display: none;
}

/* ========================================
   Footer
======================================== */
.cmp-adaptiveform-footer {
    color: #505050;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    min-height: 80px;
    font-size: 12px;
    display: flex;
}

.cmp-adaptiveform-footer__text {
    padding: 12px;
}

/* ========================================
   Image
======================================== */
.cmp-image {
    border: 1px solid #d6d6d6;
    border-radius: 8px;
}

.cmp-image__image {
    width: inherit;
    border-radius: 8px;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
}
/* ========================================
   Number Input
======================================== */
.cmp-adaptiveform-numberinput {
    flex-direction: column;
    display: flex;
    position: relative;
}

.cmp-adaptiveform-numberinput[data-cmp-valid=false] input,
.cmp-adaptiveform-numberinput[data-cmp-valid=false] textarea,
.cmp-adaptiveform-numberinput[data-cmp-valid=false] select {
    background: #eb3c360d;
    border: 2px solid #ae0d0d;
    outline-color: #ae0d0d;
}

.cmp-adaptiveform-numberinput[data-cmp-valid=false] > .cmp-adaptiveform-numberinput__shortdescription {
    display: none;
}

.cmp-adaptiveform-numberinput[data-cmp-valid=false] > .cmp-adaptiveform-numberinput__errormessage {
    align-items: center;
    display: flex;
}

.cmp-adaptiveform-numberinput[data-cmp-required=true] .cmp-adaptiveform-numberinput__label {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    justify-content: flex-start;
    column-gap: 6px;
    display: flex;
}

.cmp-adaptiveform-numberinput[data-cmp-required=true] .cmp-adaptiveform-numberinput__label:after {
    content: "*";
    color: #ae0d0d;
    font-weight: 700;
}

.cmp-adaptiveform-numberinput.cmp-tabs,
.cmp-adaptiveform-numberinput.cmp-adaptiveform-wizard,
.cmp-adaptiveform-numberinput.cmp-accordion {
    margin: 48px 0;
}

.cmp-adaptiveform-numberinput__label {
    -webkit-padding-end: 24px;
    box-sizing: border-box;
    opacity: 1;
    color: #505050;
    pointer-events: none;
    z-index: 11;
    padding-inline-end: 24px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
}

.cmp-adaptiveform-numberinput__widget {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    outline: 0 solid #336ad3;
    height: 43px;
    margin: 6px 0;
    padding: 0 12px;
    font-family: SF Pro, Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.cmp-adaptiveform-numberinput__widget:hover:not([disabled]) {
    background: linear-gradient(#226bf90d 0% 100%), #fff;
    border: 1px solid #949494;
}

.cmp-adaptiveform-numberinput__widget:focus:not([disabled]) {
    outline-offset: 0;
    background-color: #fff;
    border-color: #0000;
    outline: 2px solid #336ad3;
    transition: outline .1s ease-out, border .1s ease-out;
}

.cmp-adaptiveform-numberinput__widget:disabled,
.cmp-adaptiveform-numberinput__widget[readonly] {
    background-color: #f5f5f5;
}

.cmp-adaptiveform-numberinput__longdescription {
    opacity: 1;
    color: #505050;
    pointer-events: none;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    background-color: #226bf91a;
    border-radius: 6px;
    align-items: flex-start;
    column-gap: 12px;
    margin: 6px 0;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
}

.cmp-adaptiveform-numberinput__longdescription:before {
    content: "";
    background: url(resources/images/long-description.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 16px;
}

.cmp-adaptiveform-numberinput__longdescription p {
    margin: 0;
}

.cmp-adaptiveform-numberinput__shortdescription {
    color: #000000e6;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: static;
}

.cmp-adaptiveform-numberinput__questionmark {
    cursor: pointer;
    color: #336ad3;
    top: 0;
    background: url(resources/images/question-default.svg) 50% / cover no-repeat;
    border: none;
    border-radius: 9px;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
}

.cmp-adaptiveform-numberinput__questionmark:hover {
    background: url(resources/images/question-hover.svg) 50% / cover no-repeat;
}

.cmp-adaptiveform-numberinput__questionmark:active {
    background: url(resources/images/question-clicked.svg) 50% / cover no-repeat;
}

.cmp-adaptiveform-numberinput__label-container {
    justify-content: space-between;
    display: flex;
}

.cmp-adaptiveform-numberinput__label-container > button[class*=__questionmark] {
    position: unset;
    inset-inline-end: unset;
}

.cmp-adaptiveform-numberinput__errormessage {
    color: #ae0d0d;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    display: none;
}

.cmp-adaptiveform-numberinput__errormessage:before {
    content: "";
    -webkit-margin-end: 6px;
    background: url(resources/images/error.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 14px;
    margin-inline-end: 6px;
}

/* ========================================
   Container
======================================== */
.cmp-container {
    flex-direction: column;
    display: flex;
    position: relative;
}

.cmp-container[data-cmp-is=adaptiveFormPanel] {
    background-color: #fafafa;
    margin: 0 0 48px;
    padding: 48px;
}

@media (max-width: 480px) {
    .cmp-container[data-cmp-is=adaptiveFormPanel] {
        width: 100%;
        padding-block: 48px;
        padding-inline: 24px;
    }
}

.cmp-container__label-container {
    -webkit-margin-after: 12px;
    margin-block-end: 12px;
}

.cmp-container__label {
    color: #505050;
    opacity: 1;
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 600;
    position: static;
}

.cmp-container__longdescription {
    opacity: 1;
    color: #505050;
    pointer-events: none;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    background-color: #226bf91a;
    border-radius: 6px;
    align-items: flex-start;
    column-gap: 12px;
    margin: 6px 0;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
}
.cmp-container__longdescription:before {
    content: "";
    background: url(resources/images/long-description.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 16px;
}

.cmp-container__longdescription p {
    margin: 0;
}

.cmp-container__shortdescription {
    color: #000000e6;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: static;
}

.cmp-container__questionmark {
    cursor: pointer;
    color: #336ad3;
    top: 0;
    background: url(resources/images/question-default.svg) 50% / cover no-repeat;
    border: none;
    border-radius: 9px;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
}

.cmp-container__questionmark:hover {
    background: url(resources/images/question-hover.svg) 50% / cover no-repeat;
}

.cmp-container__questionmark:active {
    background: url(resources/images/question-clicked.svg) 50% / cover no-repeat;
}

.cmp-container__label-container {
    justify-content: space-between;
    display: flex;
}

.cmp-container__label-container > button[class*="__questionmark"] {
    position: unset;
    inset-inline-end: unset;
}

.panelcontainer:last-child > [data-cmp-is=adaptiveFormPanel] {
    -webkit-margin-after: 0;
    margin-block-end: 0;
}

/* ========================================
   Radio Button
======================================== */
.cmp-adaptiveform-radiobutton {
    flex-direction: column;
    display: flex;
    position: relative;
}

.cmp-adaptiveform-radiobutton[data-cmp-valid=false] input,
.cmp-adaptiveform-radiobutton[data-cmp-valid=false] textarea,
.cmp-adaptiveform-radiobutton[data-cmp-valid=false] select {
    background: #eb3c360d;
    border: 2px solid #ae0d0d;
    outline-color: #ae0d0d;
}

.cmp-adaptiveform-radiobutton[data-cmp-valid=false] > .cmp-adaptiveform-radiobutton__shortdescription {
    display: none;
}

.cmp-adaptiveform-radiobutton[data-cmp-valid=false] > .cmp-adaptiveform-radiobutton__errormessage {
    align-items: center;
    display: flex;
}

.cmp-adaptiveform-radiobutton[data-cmp-required=true] .cmp-adaptiveform-radiobutton__label {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    justify-content: flex-start;
    column-gap: 6px;
    display: flex;
}

.cmp-adaptiveform-radiobutton[data-cmp-required=true] .cmp-adaptiveform-radiobutton__label:after {
    content: "*";
    color: #ae0d0d;
    font-weight: 700;
}

.cmp-adaptiveform-radiobutton.cmp-tabs,
.cmp-adaptiveform-radiobutton.cmp-adaptiveform-wizard,
.cmp-adaptiveform-radiobutton.cmp-accordion {
    margin: 48px 0;
}

.cmp-adaptiveform-radiobutton__label {
    -webkit-padding-end: 24px;
    box-sizing: border-box;
    opacity: 1;
    color: #505050;
    pointer-events: none;
    z-index: 11;
    padding-inline-end: 24px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
}

.cmp-adaptiveform-radiobutton__widget {
    pointer-events: all;
    margin: 6px 0;
    display: flex;
}

.cmp-adaptiveform-radiobutton__widget.VERTICAL {
    flex-direction: column;
    row-gap: 0;
}

.cmp-adaptiveform-radiobutton__widget.HORIZONTAL {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    flex-flow: wrap;
    column-gap: 0;
}

.cmp-adaptiveform-radiobutton__longdescription {
    opacity: 1;
    color: #505050;
    pointer-events: none;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    background-color: #226bf91a;
    border-radius: 6px;
    align-items: flex-start;
    column-gap: 12px;
    margin: 6px 0;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
}

.cmp-adaptiveform-radiobutton__longdescription:before {
    content: "";
    background: url(resources/images/long-description.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 16px;
}

.cmp-adaptiveform-radiobutton__longdescription p {
    margin: 0;
}

.cmp-adaptiveform-radiobutton__shortdescription {
    color: #000000e6;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: static;
}

.cmp-adaptiveform-radiobutton__questionmark {
    cursor: pointer;
    color: #336ad3;
    top: 0;
    background: url(resources/images/question-default.svg) 50% / cover no-repeat;
    border: none;
    border-radius: 9px;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
}

.cmp-adaptiveform-radiobutton__questionmark:hover {
    background: url(resources/images/question-hover.svg) 50% / cover no-repeat;
}

.cmp-adaptiveform-radiobutton__questionmark:active {
    background: url(resources/images/question-clicked.svg) 50% / cover no-repeat;
}

.cmp-adaptiveform-radiobutton__label-container {
    justify-content: space-between;
    display: flex;
}

.cmp-adaptiveform-radiobutton__label-container > button[class*="__questionmark"] {
    position: unset;
    inset-inline-end: unset;
}

.cmp-adaptiveform-radiobutton__errormessage {
    color: #ae0d0d;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    display: none;
}

.cmp-adaptiveform-radiobutton__errormessage:before {
    content: "";
    -webkit-margin-end: 6px;
    background: url(resources/images/error.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 14px;
    margin-inline-end: 6px;
}

.cmp-adaptiveform-radiobutton__option {
    pointer-events: all;
    color: #505050;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    opacity: 1;
    cursor: pointer;
    border: none;
    border-radius: 6px;
    align-items: center;
    column-gap: 12px;
    margin: 0;
    padding: 12px;
    font-size: 16px;
    display: flex;
    position: static;
}

.cmp-adaptiveform-radiobutton__option-label {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    align-items: center;
    column-gap: 12px;
    width: 100%;
    display: flex;
}

.cmp-adaptiveform-radiobutton[data-cmp-enabled=true] .cmp-adaptiveform-radiobutton__option:hover,
.cmp-adaptiveform-radiobutton[data-cmp-enabled=true] .cmp-adaptiveform-radiobutton__option-label:hover {
    cursor: pointer;
}

.cmp-adaptiveform-radiobutton__option__widget {
    appearance: none;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 1rem;
    outline: none;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex;
}

.cmp-adaptiveform-radiobutton__option__widget:checked {
    border: 1px solid #b8d1df;
}

.cmp-adaptiveform-radiobutton__option__widget:checked:after {
    content: "";
    background: #336ad3;
    border-radius: 1rem;
    width: .75rem;
    height: .75rem;
}

.cmp-adaptiveform-radiobutton__option__widget:hover:not([disabled]):not(:checked) {
    cursor: pointer;
    background: linear-gradient(#226bf91a 0% 100%), #fff;
    border: 1px solid #949494;
}

.cmp-adaptiveform-radiobutton span {
    opacity: 1;
}

.cmp-adaptiveform-text {
    color: #505050;
    font-size: 16px;
}

/* ========================================
   Text Input (Start of next section)
======================================== */
.cmp-adaptiveform-textinput {
    flex-direction: column;
    display: flex;
    position: relative;
}

.cmp-adaptiveform-textinput[data-cmp-valid=false] input,
.cmp-adaptiveform-textinput[data-cmp-valid=false] textarea,
.cmp-adaptiveform-textinput[data-cmp-valid=false] select {
    background: #eb3c360d;
    border: 2px solid #ae0d0d;
    outline-color: #ae0d0d;
}

.cmp-adaptiveform-textinput[data-cmp-valid=false] > .cmp-adaptiveform-textinput__shortdescription {
    display: none;
}

.cmp-adaptiveform-textinput[data-cmp-valid=false] > .cmp-adaptiveform-textinput__errormessage {
    align-items: center;
    display: flex;
}

.cmp-adaptiveform-textinput[data-cmp-required=true] .cmp-adaptiveform-textinput__label {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    justify-content: flex-start;
    column-gap: 6px;
    display: flex;
}
.cmp-adaptiveform-textinput[data-cmp-required=true] .cmp-adaptiveform-textinput__label:after {
    content: "*";
    color: #ae0d0d;
    font-weight: 700;
}

.cmp-adaptiveform-textinput.cmp-tabs,
.cmp-adaptiveform-textinput.cmp-adaptiveform-wizard,
.cmp-adaptiveform-textinput.cmp-accordion {
    margin: 48px 0;
}

.cmp-adaptiveform-textinput__label {
    -webkit-padding-end: 24px;
    box-sizing: border-box;
    opacity: 1;
    color: #505050;
    pointer-events: none;
    z-index: 11;
    padding-inline-end: 24px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
}

.cmp-adaptiveform-textinput__widget {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    outline: 0 solid #336ad3;
    height: 43px;
    margin: 6px 0;
    padding: 0 12px;
    font-family: SF Pro, Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.cmp-adaptiveform-textinput__widget:hover:not([disabled]) {
    background: linear-gradient(#226bf90d 0% 100%), #fff;
    border: 1px solid #949494;
}

.cmp-adaptiveform-textinput__widget:focus:not([disabled]) {
    outline-offset: 0;
    background-color: #fff;
    border-color: #0000;
    outline: 2px solid #336ad3;
    transition: outline .1s ease-out, border .1s ease-out;
}

.cmp-adaptiveform-textinput__widget:disabled,
.cmp-adaptiveform-textinput__widget[readonly] {
    background-color: #f5f5f5;
}

.cmp-adaptiveform-textinput__longdescription {
    opacity: 1;
    color: #505050;
    pointer-events: none;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    background-color: #226bf91a;
    border-radius: 6px;
    align-items: flex-start;
    column-gap: 12px;
    margin: 6px 0;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
}

.cmp-adaptiveform-textinput__longdescription:before {
    content: "";
    background: url(resources/images/long-description.svg) 50%/cover no-repeat;
    min-width: 16px;
    height: 16px;
}

.cmp-adaptiveform-textinput__longdescription p {
    margin: 0;
}

.cmp-adaptiveform-textinput__shortdescription {
    color: #000000e6;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: static;
}

.cmp-adaptiveform-textinput__questionmark {
    cursor: pointer;
    color: #336ad3;
    top: 0;
    background: url(resources/images/question-default.svg) 50%/cover no-repeat;
    border: none;
    border-radius: 9px;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
}

.cmp-adaptiveform-textinput__questionmark:hover {
    background: url(resources/images/question-hover.svg) 50%/cover no-repeat;
}

.cmp-adaptiveform-textinput__questionmark:active {
    background: url(resources/images/question-clicked.svg) 50%/cover no-repeat;
}

.cmp-adaptiveform-textinput__label-container {
    justify-content: space-between;
    display: flex;
}

.cmp-adaptiveform-textinput__label-container > button[class*=__questionmark] {
    position: unset;
    inset-inline-end: unset;
}

.cmp-adaptiveform-textinput__errormessage {
    color: #ae0d0d;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    display: none;
}

.cmp-adaptiveform-textinput__errormessage:before {
    content: "";
    -webkit-margin-end: 6px;
    background: url(resources/images/error.svg) 50%/cover no-repeat;
    min-width: 16px;
    height: 14px;
    margin-inline-end: 6px;
}

textarea.cmp-adaptiveform-textinput__widget {
    box-sizing: border-box;
    padding: 0 12px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    outline: 0 solid #336ad3;
    height: 80px;
    margin: 6px 0;
    padding-top: 6px;
    font-family: SF Pro, Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
}

textarea.cmp-adaptiveform-textinput__widget:hover:not([disabled]) {
    background: linear-gradient(#226bf90d 0% 100%), #fff;
    border: 1px solid #949494;
}

textarea.cmp-adaptiveform-textinput__widget:focus:not([disabled]) {
    outline-offset: 0;
    background-color: #fff;
    border-color: #0000;
    outline: 2px solid #336ad3;
    transition: outline .1s ease-out, border .1s ease-out;
}

textarea.cmp-adaptiveform-textinput__widget:disabled,
textarea.cmp-adaptiveform-textinput__widget[readonly] {
    background-color: #f5f5f5;
}

/* Accordion styles */
.cmp-accordion {
    flex-direction: column;
    display: flex;
    position: relative;
}

.cmp-accordion[data-cmp-valid=false] input,
.cmp-accordion[data-cmp-valid=false] textarea,
.cmp-accordion[data-cmp-valid=false] select {
    background: #eb3c360d;
    border: 2px solid #ae0d0d;
    outline-color: #ae0d0d;
}

.cmp-accordion[data-cmp-valid=false] > .cmp-accordion__shortdescription {
    display: none;
}

.cmp-accordion[data-cmp-valid=false] > .cmp-accordion__errormessage {
    align-items: center;
    display: flex;
}

.cmp-accordion[data-cmp-required=true] .cmp-accordion__label {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    justify-content: flex-start;
    column-gap: 6px;
    display: flex;
}

.cmp-accordion[data-cmp-required=true] .cmp-accordion__label:after {
    content: "*";
    color: #ae0d0d;
    font-weight: 700;
}

.cmp-accordion.cmp-tabs,
.cmp-accordion.cmp-adaptiveform-wizard,
.cmp-accordion.cmp-accordion {
    margin: 48px 0;
}

.cmp-accordion__longdescription {
    opacity: 1;
    color: #505050;
    pointer-events: none;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    background-color: #226bf91a;
    border-radius: 6px;
    align-items: flex-start;
    column-gap: 12px;
    margin: 6px 0;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
}

.cmp-accordion__longdescription:before {
    content: "";
    background: url(resources/images/long-description.svg) 50%/cover no-repeat;
    min-width: 16px;
    height: 16px;
}

.cmp-accordion__longdescription p {
    margin: 0;
}

.cmp-accordion__shortdescription {
    color: #000000e6;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: static;
}

.cmp-accordion__questionmark {
    cursor: pointer;
    color: #336ad3;
    top: 0;
    background: url(resources/images/question-default.svg) 50%/cover no-repeat;
    border: none;
    border-radius: 9px;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
}

.cmp-accordion__questionmark:hover {
    background: url(resources/images/question-hover.svg) 50%/cover no-repeat;
}

.cmp-accordion__questionmark:active {
    background: url(resources/images/question-clicked.svg) 50%/cover no-repeat;
}

.cmp-accordion__label-container {
    justify-content: space-between;
    display: flex;
    margin-bottom: 12px;
}

.cmp-accordion__label-container > button[class*=__questionmark] {
    position: unset;
    inset-inline-end: unset;
}

.cmp-accordion__item {
    opacity: 1;
}

.cmp-accordion__header {
    padding: 0;
    display: flex;
}

.cmp-accordion__label {
    color: #505050;
    opacity: 1;
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 600;
    position: static;
}
.cmp-accordion__header .cmp-accordion__button {
    color: #505050;
    white-space: nowrap;
    cursor: pointer;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    margin-inline-end: 24px;
    background-color: transparent;
    border: 2px;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    flex-direction: row-reverse;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    column-gap: 12px;
    min-height: 48px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    display: flex;
}

.cmp-accordion__header .cmp-accordion__button:hover {
    color: #000;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
}

.cmp-accordion__header .cmp-accordion__button--active,
.cmp-accordion__header .cmp-accordion__button--active:hover {
    color: #255ecc;
    border-color: #336ad3;
    border-bottom-style: solid;
    align-items: center;
    display: flex;
}

.cmp-accordion__header .cmp-accordion__button--active:after {
    content: "—";
    color: #336ad3;
    display: none;
}

.cmp-accordion__header .cmp-accordion__button:hover {
    color: #505050;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

.cmp-accordion__header .cmp-accordion__button--expanded {
    color: #336ad3;
    border: none;
}

.cmp-accordion__header .cmp-accordion__button--expanded:hover {
    color: #336ad3;
    background-color: none;
    border: none;
}

.cmp-accordion__button .cmp-accordion__icon {
    background: url(resources/images/chevron-down.svg) 50%/cover no-repeat;
    width: 16px;
    height: 16px;
    margin: 0;
    display: inline-block;
}

.cmp-accordion__title {
    align-items: center;
    display: flex;
}

.cmp-accordion__button.cmp-accordion__button--expanded .cmp-accordion__icon {
    transform: rotate(180deg);
}

.cmp-accordion__panel--hidden {
    display: none;
}

.cmp-accordion__repeatable-buttons {
    background: none;
    align-items: center;
    gap: 5px;
    display: flex;
}

.cmp-accordion__repeatable-buttons .cmp-accordion__add-button {
    cursor: pointer;
    background: #d6d6d6 url(resources/images/add-button.svg) 50% no-repeat;
    border: 0;
    border-radius: 50%;
    width: 1.75rem;
    height: 1.75rem;
    padding: 5px;
}

.cmp-accordion__repeatable-buttons .cmp-accordion__add-button:hover {
    background: #336ad3 url(resources/images/add-button-white.svg) 50% no-repeat;
    box-shadow: 0 3px 12px #0003;
}

.cmp-accordion__repeatable-buttons .cmp-accordion__remove-button {
    cursor: pointer;
    background: #d6d6d6 url(resources/images/remove-button-black.svg) 50% no-repeat;
    border: 0;
    border-radius: 50%;
    width: 1.75rem;
    height: 1.75rem;
    padding: 5px;
}

.cmp-accordion__repeatable-buttons .cmp-accordion__remove-button:hover {
    background: #ae0d0d url(resources/images/remove-button.svg) 50% no-repeat;
    box-shadow: 0 3px 12px #0003;
}

.cmp-tabs {
    flex-direction: column;
    display: flex;
    position: relative;
}

.cmp-tabs[data-cmp-valid=false] input,
.cmp-tabs[data-cmp-valid=false] textarea,
.cmp-tabs[data-cmp-valid=false] select {
    background: #eb3c360d;
    border: 2px solid #ae0d0d;
    outline-color: #ae0d0d;
}

.cmp-tabs[data-cmp-valid=false] > .cmp-tabs__shortdescription {
    display: none;
}

.cmp-tabs[data-cmp-valid=false] > .cmp-tabs__errormessage {
    align-items: center;
    display: flex;
}

.cmp-tabs[data-cmp-required=true] .cmp-tabs__label {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    justify-content: flex-start;
    column-gap: 6px;
    display: flex;
}

.cmp-tabs[data-cmp-required=true] .cmp-tabs__label:after {
    content: "*";
    color: #ae0d0d;
    font-weight: 700;
}

.cmp-tabs.cmp-tabs,
.cmp-tabs.cmp-adaptiveform-wizard,
.cmp-tabs.cmp-accordion {
    margin: 48px 0;
}

.cmp-tabs__label-container {
    margin-block-end: 12px;
}

.cmp-tabs__label {
    color: #505050;
    opacity: 1;
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 600;
    position: static;
}

.cmp-tabs__longdescription {
    opacity: 1;
    color: #505050;
    pointer-events: none;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    background-color: #226bf91a;
    border-radius: 6px;
    align-items: flex-start;
    column-gap: 12px;
    margin: 6px 0;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
}

.cmp-tabs__longdescription:before {
    content: "";
    background: url(resources/images/long-description.svg) 50%/cover no-repeat;
    min-width: 16px;
    height: 16px;
}

.cmp-tabs__longdescription p {
    margin: 0;
}

.cmp-tabs__shortdescription {
    color: #000000e6;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: static;
}

.cmp-tabs__questionmark {
    cursor: pointer;
    color: #336ad3;
    top: 0;
    background: url(resources/images/question-default.svg) 50%/cover no-repeat;
    border: none;
    border-radius: 9px;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
}

.cmp-tabs__questionmark:hover {
    background: url(resources/images/question-hover.svg) 50%/cover no-repeat;
}

.cmp-tabs__questionmark:active {
    background: url(resources/images/question-clicked.svg) 50%/cover no-repeat;
}

.cmp-tabs__label-container {
    justify-content: space-between;
    display: flex;
}

.cmp-tabs__label-container > button[class*=__questionmark] {
    position: unset;
    inset-inline-end: unset;
}

.cmp-tabs .cmp-tabs__tablist {
    counter-reset: section;
    flex-wrap: nowrap;
    margin: 0;
    padding-block: 0 12px;
    padding-inline: 12px;
    list-style: none;
    display: flex;
    overflow: auto;
}

@media (max-width: 768px) {
    .cmp-tabs .cmp-tabs__tablist {
        padding-inline: 0;
    }
}

.cmp-tabs__tablist .cmp-tabs__tab {
    color: #505050;
    white-space: nowrap;
    background-color: transparent;
    border-width: 2px;
    border-radius: 0;
    align-items: center;
    min-height: 48px;
    margin-inline-end: 24px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    display: flex;
}

.cmp-tabs__tablist .cmp-tabs__tab:hover {
    color: #000;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
}

.cmp-tabs__tablist .cmp-tabs__tab--active,
.cmp-tabs__tablist .cmp-tabs__tab--active:hover {
    color: #255ecc;
    border-color: #336ad3;
    border-bottom-style: solid;
    align-items: center;
    display: flex;
}

.cmp-tabs__tablist .cmp-tabs__tab--active:after {
    content: "—";
    color: #336ad3;
    display: none;
}

.cmp-tabs__tabpanel {
    background-color: #fafafa;
    padding: 48px;
}

@media (max-width: 480px) {
    .cmp-tabs__tabpanel {
        width: 100%;
        padding-block: 48px;
        padding-inline: 24px;
    }
}

.cmp-adaptiveform-pageheader {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    color: #505050;
    word-break: break-all;
    box-sizing: border-box;
    background-color: #fafafa;
    border-radius: 0;
    align-items: center;
    column-gap: 12px;
    width: 100%;
    min-height: 80px;
    padding: 24px;
    font-size: 16px;
    display: flex;
}

.cmp-adaptiveform-pageheader img {
    color: #fff;
    width: auto;
    height: 48px;
    margin: 0;
    display: block;
}

.cmp-adaptiveform-pageheader div:last-child {
    align-items: center;
    display: flex;
}

.cmp-adaptiveform-pageheader p {
    margin: 0;
}

.cmp-adaptiveform-wizard {
    flex-direction: column;
    display: flex;
    position: relative;
}

.cmp-adaptiveform-wizard[data-cmp-valid=false] input,
.cmp-adaptiveform-wizard[data-cmp-valid=false] textarea,
.cmp-adaptiveform-wizard[data-cmp-valid=false] select {
    background: #eb3c360d;
    border: 2px solid #ae0d0d;
    outline-color: #ae0d0d;
}

.cmp-adaptiveform-wizard[data-cmp-valid=false] > .cmp-adaptiveform-wizard__shortdescription {
    display: none;
}

.cmp-adaptiveform-wizard[data-cmp-valid=false] > .cmp-adaptiveform-wizard__errormessage {
    align-items: center;
    display: flex;
}
.cmp-adaptiveform-wizard[data-cmp-required=true] .cmp-adaptiveform-wizard__label {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    justify-content: flex-start;
    column-gap: 6px;
    display: flex;
}

.cmp-adaptiveform-wizard[data-cmp-required=true] .cmp-adaptiveform-wizard__label:after {
    content: "*";
    color: #ae0d0d;
    font-weight: 700;
}

.cmp-adaptiveform-wizard.cmp-tabs,
.cmp-adaptiveform-wizard.cmp-adaptiveform-wizard,
.cmp-adaptiveform-wizard.cmp-accordion {
    margin: 48px 0;
}

.cmp-adaptiveform-wizard__label-container {
    margin-bottom: 12px;
}

.cmp-adaptiveform-wizard__label {
    color: #505050;
    opacity: 1;
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 600;
    position: static;
}

.cmp-adaptiveform-wizard__longdescription {
    opacity: 1;
    color: #505050;
    pointer-events: none;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    background-color: #226bf91a;
    border-radius: 6px;
    align-items: flex-start;
    column-gap: 12px;
    margin: 6px 0;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
}

.cmp-adaptiveform-wizard__longdescription:before {
    content: "";
    background: url(resources/images/long-description.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 16px;
}

.cmp-adaptiveform-wizard__longdescription p {
    margin: 0;
}

.cmp-adaptiveform-wizard__shortdescription {
    color: #000000e6;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: static;
}

.cmp-adaptiveform-wizard__questionmark {
    cursor: pointer;
    color: #336ad3;
    top: 0;
    background: url(resources/images/question-default.svg) 50% / cover no-repeat;
    border: none;
    border-radius: 9px;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
}

.cmp-adaptiveform-wizard__questionmark:hover {
    background: url(resources/images/question-hover.svg) 50% / cover no-repeat;
}

.cmp-adaptiveform-wizard__questionmark:active {
    background: url(resources/images/question-clicked.svg) 50% / cover no-repeat;
}

.cmp-adaptiveform-wizard__label-container {
    justify-content: space-between;
    display: flex;
}

.cmp-adaptiveform-wizard__label-container > button[class*="__questionmark"] {
    position: unset;
    inset-inline-end: unset;
}

.cmp-adaptiveform-wizard__tabs-container {
    scrollbar-width: none;
    max-width: 100%;
    overflow: auto;
}

.cmp-adaptiveform-wizard__tabList {
    counter-reset: section;
    flex-wrap: nowrap;
    margin: 0;
    padding-block: 0 12px;
    padding-inline: 12px;
    list-style: none;
    display: flex;
    overflow: auto;
}

.cmp-adaptiveform-wizard__tab {
    color: #505050;
    -webkit-margin-end: 24px;
    white-space: nowrap;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    box-sizing: border-box;
    padding: 0;
    background-color: transparent;
    border-width: 2px;
    border-color: transparent;
    border-bottom-style: solid;
    border-radius: 0;
    align-items: center;
    column-gap: 12px;
    min-height: 48px;
    margin-inline-end: 24px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    transition: flex-grow .3s, -webkit-box-flex .3s, -ms-flex-positive .3s;
    display: flex;
}

.cmp-adaptiveform-wizard__tab:hover {
    color: #000;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
}

.cmp-adaptiveform-wizard__tab--active,
.cmp-adaptiveform-wizard__tab--active:hover {
    color: #255ecc;
    border-color: #336ad3;
    border-bottom-style: solid;
    align-items: center;
    display: flex;
}

.cmp-adaptiveform-wizard__tab--active:after {
    content: "—";
    color: #336ad3;
    display: none;
}

.cmp-adaptiveform-wizard__tab:last-child {
    margin: 0;
}

.cmp-adaptiveform-wizard__tab--active {
    background-color: transparent;
    transition: flex-grow .3s, -webkit-box-flex .3s, -ms-flex-positive .3s;
}

.cmp-adaptiveform-wizard__wizardpanel {
    background-color: #fafafa;
    padding: 48px;
}

@media (max-width: 480px) {
    .cmp-adaptiveform-wizard__wizardpanel {
        width: 100%;
        padding-block: 48px;
        padding-inline: 24px;
    }
}

.cmp-adaptiveform-wizard__previousNav {
    cursor: pointer;
    vertical-align: text-bottom;
    color: #505050;
    opacity: 1;
    background-color: #fff;
    border: 1px solid #949494;
    border-radius: 6px;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    height: 43px;
    margin: 12px 0;
    padding: 12px 24px;
    padding-block: 8px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    position: static;
}

@media (min-width: 640px) {
    .cmp-adaptiveform-wizard__previousNav {
        width: -moz-fit-content;
        width: fit-content;
    }
}

.cmp-adaptiveform-wizard__previousNav:hover {
    background-color: #ebebeb;
    border: 1px solid #949494;
}

.cmp-adaptiveform-wizard__previousNav:active {
    color: #fff;
    background-color: #2a2b48;
}

.cmp-adaptiveform-wizard__previousNav:disabled {
    cursor: default;
    opacity: .5;
    background-color: #f5f5f5;
}

.cmp-adaptiveform-wizard__previousNav:before {
    content: "Previous";
    position: static;
}

.cmp-adaptiveform-wizard__nextNav {
    cursor: pointer;
    color: #fff;
    background: #336ad3;
    border: none;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 43px;
    margin: 12px 0;
    padding: 8px 24px;
    padding-block: 8px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    position: static;
}

.cmp-adaptiveform-wizard__nextNav:hover:not([disabled]) {
    background-color: #226bf9cc;
}

.cmp-adaptiveform-wizard__nextNav:active:not([disabled]) {
    background-color: #2a2b48;
}

.cmp-adaptiveform-wizard__nextNav:disabled {
    opacity: .5;
    cursor: default;
}

.cmp-adaptiveform-wizard__nextNav[data-cmp-enabled=false] {
    opacity: .5;
}

@media (min-width: 640px) {
    .cmp-adaptiveform-wizard__nextNav {
        width: -moz-fit-content;
        width: fit-content;
    }
}

.cmp-adaptiveform-wizard__nextNav:before {
    content: "Next";
    position: static;
}

.cmp-adaptiveform-wizard__containerNav {
    justify-content: end;
    gap: 20px;
    width: 100%;
    display: flex;
    position: absolute;
    inset-block-end: -80px;
}

.cmp-adaptiveform-wizard__nav--previous {
    cursor: pointer;
    vertical-align: text-bottom;
    color: #505050;
    opacity: 1;
    background-color: #fff;
    border: 1px solid #949494;
    border-radius: 6px;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    height: 43px;
    margin: 12px 0;
    padding: 12px 24px;
    padding-block: 8px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    position: static;
}

@media (min-width: 640px) {
    .cmp-adaptiveform-wizard__nav--previous {
        width: -moz-fit-content;
        width: fit-content;
    }
}

.cmp-adaptiveform-wizard__nav--previous:hover {
    background-color: #ebebeb;
    border: 1px solid #949494;
}

.cmp-adaptiveform-wizard__nav--previous:active {
    color: #fff;
    background-color: #2a2b48;
}

.cmp-adaptiveform-wizard__nav--previous:disabled {
    cursor: default;
    opacity: .5;
    background-color: #f5f5f5;
}

.cmp-adaptiveform-wizard__nav--previous:before {
    content: "Previous";
    position: static;
}

.cmp-adaptiveform-wizard__nav--next {
    cursor: pointer;
    color: #fff;
    background: #336ad3;
    border: none;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 43px;
    margin: 12px 0;
    padding: 8px 24px;
    padding-block: 8px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    position: static;
}

.cmp-adaptiveform-wizard__nav--next:hover:not([disabled]) {
    background-color: #226bf9cc;
}

.cmp-adaptiveform-wizard__nav--next:active:not([disabled]) {
    background-color: #2a2b48;
}

.cmp-adaptiveform-wizard__nav--next:disabled {
    opacity: .5;
    cursor: default;
}
.cmp-adaptiveform-wizard__nav--next[data-cmp-enabled=false] {
    opacity: .5;
}

@media (min-width: 640px) {
    .cmp-adaptiveform-wizard__nav--next {
        width: -moz-fit-content;
        width: fit-content;
    }
}

.cmp-adaptiveform-wizard__nav--next:before {
    content: "Next";
    position: static;
}

.cmp-title__text {
    color: #505050;
    letter-spacing: -1px;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.1;
}

.cmp-adaptiveform-telephoneinput {
    flex-direction: column;
    display: flex;
    position: relative;
}

.cmp-adaptiveform-telephoneinput[data-cmp-valid=false] input,
.cmp-adaptiveform-telephoneinput[data-cmp-valid=false] textarea,
.cmp-adaptiveform-telephoneinput[data-cmp-valid=false] select {
    background: #eb3c360d;
    border: 2px solid #ae0d0d;
    outline-color: #ae0d0d;
}

.cmp-adaptiveform-telephoneinput[data-cmp-valid=false] > .cmp-adaptiveform-telephoneinput__shortdescription {
    display: none;
}

.cmp-adaptiveform-telephoneinput[data-cmp-valid=false] > .cmp-adaptiveform-telephoneinput__errormessage {
    align-items: center;
    display: flex;
}

.cmp-adaptiveform-telephoneinput[data-cmp-required=true] .cmp-adaptiveform-telephoneinput__label {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    justify-content: flex-start;
    column-gap: 6px;
    display: flex;
}

.cmp-adaptiveform-telephoneinput[data-cmp-required=true] .cmp-adaptiveform-telephoneinput__label:after {
    content: "*";
    color: #ae0d0d;
    font-weight: 700;
}

.cmp-adaptiveform-telephoneinput.cmp-tabs,
.cmp-adaptiveform-telephoneinput.cmp-adaptiveform-wizard,
.cmp-adaptiveform-telephoneinput.cmp-accordion {
    margin: 48px 0;
}

.cmp-adaptiveform-telephoneinput__label {
    -webkit-padding-end: 24px;
    box-sizing: border-box;
    opacity: 1;
    color: #505050;
    pointer-events: none;
    z-index: 11;
    padding-inline-end: 24px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
}

.cmp-adaptiveform-telephoneinput__widget {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    outline: 0 solid #336ad3;
    height: 43px;
    margin: 6px 0;
    padding: 0 12px;
    font-family: SF Pro, Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.cmp-adaptiveform-telephoneinput__widget:hover:not([disabled]) {
    background: linear-gradient(#226bf90d 0% 100%), #fff;
    border: 1px solid #949494;
}

.cmp-adaptiveform-telephoneinput__widget:focus:not([disabled]) {
    outline-offset: 0;
    background-color: #fff;
    border-color: transparent;
    outline: 2px solid #336ad3;
    transition: outline .1s ease-out, border .1s ease-out;
}

.cmp-adaptiveform-telephoneinput__widget:disabled,
.cmp-adaptiveform-telephoneinput__widget[readonly] {
    background-color: #f5f5f5;
}

.cmp-adaptiveform-telephoneinput__longdescription {
    opacity: 1;
    color: #505050;
    pointer-events: none;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    background-color: #226bf91a;
    border-radius: 6px;
    align-items: flex-start;
    column-gap: 12px;
    margin: 6px 0;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
}

.cmp-adaptiveform-telephoneinput__longdescription:before {
    content: "";
    background: url(resources/images/long-description.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 16px;
}

.cmp-adaptiveform-telephoneinput__longdescription p {
    margin: 0;
}

.cmp-adaptiveform-telephoneinput__shortdescription {
    color: #000000e6;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: static;
}
.cmp-adaptiveform-telephoneinput__questionmark {
    cursor: pointer;
    color: #336ad3;
    top: 0;
    background: url(resources/images/question-default.svg) 50% / cover no-repeat;
    border: none;
    border-radius: 9px;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
}

.cmp-adaptiveform-telephoneinput__questionmark:hover {
    background: url(resources/images/question-hover.svg) 50% / cover no-repeat;
}

.cmp-adaptiveform-telephoneinput__questionmark:active {
    background: url(resources/images/question-clicked.svg) 50% / cover no-repeat;
}

.cmp-adaptiveform-telephoneinput__label-container {
    justify-content: space-between;
    display: flex;
}

.cmp-adaptiveform-telephoneinput__label-container > button[class*="__questionmark"] {
    position: unset;
    inset-inline-end: unset;
}

.cmp-adaptiveform-telephoneinput__errormessage {
    color: #ae0d0d;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    display: none;
}

.cmp-adaptiveform-telephoneinput__errormessage:before {
    content: "";
    -webkit-margin-end: 6px;
    background: url(resources/images/error.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 14px;
    margin-inline-end: 6px;
}

/* =========================
   EMAIL INPUT STYLES
   ========================= */

.cmp-adaptiveform-emailinput {
    flex-direction: column;
    display: flex;
    position: relative;
}

.cmp-adaptiveform-emailinput[data-cmp-valid=false] input,
.cmp-adaptiveform-emailinput[data-cmp-valid=false] textarea,
.cmp-adaptiveform-emailinput[data-cmp-valid=false] select {
    background: #eb3c360d;
    border: 2px solid #ae0d0d;
    outline-color: #ae0d0d;
}

.cmp-adaptiveform-emailinput[data-cmp-valid=false] > .cmp-adaptiveform-emailinput__shortdescription {
    display: none;
}

.cmp-adaptiveform-emailinput[data-cmp-valid=false] > .cmp-adaptiveform-emailinput__errormessage {
    align-items: center;
    display: flex;
}

.cmp-adaptiveform-emailinput[data-cmp-required=true] .cmp-adaptiveform-emailinput__label {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    justify-content: flex-start;
    column-gap: 6px;
    display: flex;
}

.cmp-adaptiveform-emailinput[data-cmp-required=true] .cmp-adaptiveform-emailinput__label:after {
    content: "*";
    color: #ae0d0d;
    font-weight: 700;
}

.cmp-adaptiveform-emailinput.cmp-tabs,
.cmp-adaptiveform-emailinput.cmp-adaptiveform-wizard,
.cmp-adaptiveform-emailinput.cmp-accordion {
    margin: 48px 0;
}

.cmp-adaptiveform-emailinput__label {
    -webkit-padding-end: 24px;
    box-sizing: border-box;
    opacity: 1;
    color: #505050;
    pointer-events: none;
    z-index: 11;
    padding-inline-end: 24px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
}

.cmp-adaptiveform-emailinput__widget {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    outline: 0 solid #336ad3;
    height: 43px;
    margin: 6px 0;
    padding: 0 12px;
    font-family: SF Pro, Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.cmp-adaptiveform-emailinput__widget:hover:not([disabled]) {
    background: linear-gradient(#226bf90d 0% 100%), #fff;
    border: 1px solid #949494;
}

.cmp-adaptiveform-emailinput__widget:focus:not([disabled]) {
    outline-offset: 0;
    background-color: #fff;
    border-color: transparent;
    outline: 2px solid #336ad3;
    transition: outline .1s ease-out, border .1s ease-out;
}
.cmp-adaptiveform-emailinput__widget:disabled,
.cmp-adaptiveform-emailinput__widget[readonly] {
    background-color: #f5f5f5;
}

.cmp-adaptiveform-emailinput__longdescription {
    opacity: 1;
    color: #505050;
    pointer-events: none;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    background-color: #226bf91a;
    border-radius: 6px;
    align-items: flex-start;
    column-gap: 12px;
    margin: 6px 0;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
}

.cmp-adaptiveform-emailinput__longdescription:before {
    content: "";
    background: url(resources/images/long-description.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 16px;
}

.cmp-adaptiveform-emailinput__longdescription p {
    margin: 0;
}

.cmp-adaptiveform-emailinput__shortdescription {
    color: #000000e6;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: static;
}

.cmp-adaptiveform-emailinput__questionmark {
    cursor: pointer;
    color: #336ad3;
    top: 0;
    background: url(resources/images/question-default.svg) 50% / cover no-repeat;
    border: none;
    border-radius: 9px;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
}

.cmp-adaptiveform-emailinput__questionmark:hover {
    background: url(resources/images/question-hover.svg) 50% / cover no-repeat;
}

.cmp-adaptiveform-emailinput__questionmark:active {
    background: url(resources/images/question-clicked.svg) 50% / cover no-repeat;
}

.cmp-adaptiveform-emailinput__label-container {
    justify-content: space-between;
    display: flex;
}

.cmp-adaptiveform-emailinput__label-container > button[class*="__questionmark"] {
    position: unset;
    inset-inline-end: unset;
}

.cmp-adaptiveform-emailinput__errormessage {
    color: #ae0d0d;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    display: none;
}

.cmp-adaptiveform-emailinput__errormessage:before {
    content: "";
    -webkit-margin-end: 6px;
    background: url(resources/images/error.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 14px;
    margin-inline-end: 6px;
}

/* =========================
   VERTICAL TABS
   ========================= */

.cmp-verticaltabs {
    margin: 12px;
    font-size: 16px;
    position: relative;
}

.cmp-verticaltabs__label {
    color: #505050;
    opacity: 1;
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 600;
    position: static;
}

.cmp-verticaltabs__tabs-container {
    -webkit-margin-before: 16px;
    margin-block-start: 16px;
    display: flex;
}

@media (max-width: 768px) {
    .cmp-verticaltabs__tabs-container {
        flex-direction: column;
    }
}

.cmp-verticaltabs__label-container {
    -webkit-margin-after: 12px;
    margin-block-end: 12px;
}

.cmp-verticaltabs__tabpanel {
    color: #505050;
    opacity: 1;
    flex: 1;
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 600;
    position: static;
}

@media (min-width: 768px) {
    .cmp-verticaltabs__tablist {
        -webkit-margin-end: 24px;
        -webkit-border-end: 2px #eee solid;
        margin: 0;
        border-inline-end: 2px solid #eee;
        width: 150px;
        margin-inline-end: 24px;
        padding: 0;
        list-style: none;
    }
}

@media (max-width: 768px) {
    .cmp-verticaltabs__tablist {
        counter-reset: section;
        margin: 0;
        flex-wrap: nowrap;
        margin-bottom: 0;
        padding-block: 0 12px;
        padding-inline: 0;
        list-style: none;
        display: flex;
        overflow: auto;
    }
}

.cmp-verticaltabs__tab {
    cursor: pointer;
}

@media (min-width: 768px) {
    .cmp-verticaltabs__tab {
        -webkit-margin-before: 8px;
        color: #505050;
        margin-block-start: 8px;
        padding-block: 12px;
        padding-inline: 12px 4px;
    }

    .cmp-verticaltabs__tab:hover {
        color: #000;
        -webkit-border-end: 2px solid #ccc;
        border-inline-end: 2px solid #ccc;
    }

    .cmp-verticaltabs__tab--active {
        -webkit-border-end: 4px solid #336ad3;
        color: #336ad3;
        border-inline-end: 4px solid #336ad3;
    }

    .cmp-verticaltabs__tab--active:hover {
        -webkit-border-end: 4px solid #336ad3;
        border-inline-end: 4px solid #336ad3;
    }
}

@media (max-width: 768px) {
    .cmp-verticaltabs__tab {
        color: #505050;
        -webkit-margin-end: 24px;
        white-space: nowrap;
        background-color: transparent;
        border-width: 2px;
        border-radius: 0;
        align-items: center;
        min-height: 48px;
        margin-inline-end: 24px;
        padding: 0;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.2;
        display: flex;
    }

    .cmp-verticaltabs__tab:hover {
        color: #000;
        border-bottom-style: solid;
        border-bottom-color: #ccc;
    }

    .cmp-verticaltabs__tab--active,
    .cmp-verticaltabs__tab--active:hover {
        color: #255ecc;
        border-color: #336ad3;
        border-bottom-style: solid;
        align-items: center;
        display: flex;
    }

    .cmp-verticaltabs__tab--active:after {
        content: "—";
        color: #336ad3;
        display: none;
    }
}

.cmp-verticaltabs__longdescription {
    opacity: 1;
    color: #505050;
    pointer-events: none;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    background-color: #226bf91a;
    border-radius: 6px;
    align-items: flex-start;
    column-gap: 12px;
    margin: 6px 0;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
}

.cmp-verticaltabs__longdescription:before {
    content: "";
    background: url(resources/images/long-description.svg) 50% / cover no-repeat;
    min-width: 16px;
    height: 16px;
}

.cmp-verticaltabs__longdescription p {
    margin: 0;
}

.cmp-verticaltabs__shortdescription {
    color: #000000e6;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: static;
}

.cmp-verticaltabs__questionmark {
    cursor: pointer;
    color: #336ad3;
    top: 0;
    background: url(resources/images/question-default.svg) 50% / cover no-repeat;
    border: none;
    border-radius: 9px;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
}

.cmp-verticaltabs__questionmark:hover {
    background: url(resources/images/question-hover.svg) 50% / cover no-repeat;
}

.cmp-verticaltabs__questionmark:active {
    background: url(resources/images/question-clicked.svg) 50% / cover no-repeat;
}

.cmp-verticaltabs__label-container {
    justify-content: space-between;
    display: flex;
}

.cmp-verticaltabs__label-container > button[class*="__questionmark"] {
    position: unset;
    inset-inline-end: unset;
}