@charset "UTF-8"; /*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,:after,:before {
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%;
    font-family: system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
    line-height: 1.15;
    -moz-tab-size: 4;
    tab-size: 4
}

body {
    margin: 0
}

hr {
    color: inherit;
    height: 0
}

abbr[title] {
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-color: inherit;
    text-indent: 0
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

:root {
    --font-family-main: FuturaLTPro;
    --font-family-secondary: Poppins;
    --color-text-primary: #4d4d4d;
    --color-text-secondary: #6f6f6f;
    --color-text-tertiary: #949494;
    --color-text-accent: #ff8674;
    --color-text-accent-dark: #4d4d4d;
    --color-text-highlight: #ff8674;
    --color-text-reverse: #fff;
    --color-text-error: #ea001e;
    --color-text-warning: #f6b450;
    --color-text-success: #0d8635;
    --color-bg-primary: #fff2f1;
    --color-bg-secondary: #f6f6f6;
    --color-bg-accent: #ff8674;
    --color-bg-accent-dark: #4d4d4d;
    --color-bg-reverse: #fff;
    --color-bg-error: #fbe5e4;
    --color-bg-warning: #fbe3bf;
    --color-bg-success: #d1fade;
    --color-bg-label: #fff2f1;
    --color-bg-product-card: #fff;
    --color-stroke-primary: #dbdbdb;
    --color-stroke-secondary: #cacaca;
    --color-stroke-accent: #ff8674;
    --color-stroke-accent-dark: #4d4d4d;
    --color-stroke-reverse: #fff;
    --color-stroke-error: #ea001e;
    --color-stroke-warning: #f6b450;
    --color-stroke-success: #0d8635;
    --g-text: #ff8674;
    --g-bg-light: #fff2f1;
    --g-bg-dark: #ff8674;
    --g-stroke: #ff8674;
    --default-text-color: #4d4d4d;
    --default-font-size: 1.8rem;
    --default-font-family: var(--font-family-main);
    --default-font-family-fallback: "Arial";
    --body-xxs-regular-font-size: 1.2rem;
    --body-xxs-regular-font-weight: 400;
    --body-xxs-regular-line-height: 1.2;
    --body-xxs-bold-font-size: 1.2rem;
    --body-xxs-bold-font-weight: 800;
    --body-xxs-bold-line-height: 1.2;
    --body-xs-regular-font-size: 1.4rem;
    --body-xs-regular-font-weight: 400;
    --body-xs-regular-line-height: 1.4;
    --body-xs-bold-font-size: 1.4rem;
    --body-xs-bold-font-weight: 800;
    --body-xs-bold-line-height: 1.4;
    --body-xs-caption-font-size: 1.4rem;
    --body-xs-caption-font-weight: 400;
    --body-xs-caption-line-height: 1.2;
    --body-s-regular-font-size: 1.6rem;
    --body-s-regular-font-weight: 400;
    --body-s-regular-line-height: 1.7;
    --body-s-bold-font-size: 1.6rem;
    --body-s-bold-font-weight: 800;
    --body-s-bold-line-height: 1.7;
    --body-s-caption-font-size: 1.6rem;
    --body-s-caption-font-weight: 400;
    --body-s-caption-line-height: 1.3;
    --body-m-regular-font-size: 1.8rem;
    --body-m-regular-font-weight: 400;
    --body-m-regular-line-height: 1.7;
    --body-m-bold-font-size: 1.8rem;
    --body-m-bold-font-weight: 800;
    --body-m-bold-line-height: 1.7;
    --body-m-caption-font-size: 1.8rem;
    --body-m-caption-font-weight: 400;
    --body-m-caption-line-height: 1.3;
    --line-height-xs: 1;
    --line-height-s: 1.2;
    --line-height-m: 1.3;
    --line-height-l: 1.4;
    --line-height-xl: 1.7;
    --line-height-xxl: 2.3;
    --h1-font-family: var(--font-family-main);
    --h1-font-size: 3.6rem;
    --h1-font-weight: 400;
    --h1-line-height: 1;
    --h1-letter-spacing: normal;
    --h2-font-family: var(--font-family-main);
    --h2-font-size: 2.8rem;
    --h2-font-weight: 400;
    --h2-line-height: 1.2;
    --h2-letter-spacing: normal;
    --h3-font-family: var(--font-family-main);
    --h3-font-size: 2.4rem;
    --h3-font-weight: 400;
    --h3-line-height: 1.2;
    --h3-letter-spacing: normal;
    --h4-font-family: var(--font-family-main);
    --h4-font-size: 2rem;
    --h4-font-weight: 400;
    --h4-line-height: 1.2;
    --h4-letter-spacing: normal;
    --h5-font-family: var(--font-family-main);
    --h5-font-size: 1.8rem;
    --h5-font-weight: 400;
    --h5-line-height: 1.2;
    --h5-letter-spacing: normal;
    --h6-font-family: var(--font-family-main);
    --h6-font-size: 1.6rem;
    --h6-font-weight: 400;
    --h6-line-height: 1.2;
    --h6-letter-spacing: normal;
    --h7-font-family: var(--font-family-main);
    --h7-font-size: 1.4rem;
    --h7-font-weight: 400;
    --h7-line-height: 1.2;
    --h7-letter-spacing: normal;
    --sub-heading-xs-font-family: var(--font-family-main);
    --sub-heading-xs-font-size: 1.4rem;
    --sub-heading-xs-font-weight: 400;
    --sub-heading-xs-line-height: 1.2;
    --sub-heading-xs-letter-spacing: 0.4rem;
    --sub-heading-s-font-family: var(--font-family-main);
    --sub-heading-s-font-size: 1.8rem;
    --sub-heading-s-font-weight: 400;
    --sub-heading-s-line-height: 1.2;
    --sub-heading-s-letter-spacing: 0.4rem;
    --number-text-font-family: var(--font-family-secondary);
    --number-text-font-size: 2rem;
    --number-text-font-weight: 700;
    --number-text-line-height: 1;
    --number-text-letter-spacing: 0.1rem;
    --link-default-font-size: 1.6rem;
    --link-default-line-height: 1.3;
    --link-default-font-weight: 400;
    --link-small-font-size: 1.4rem;
    --link-small-line-height: 1.3;
    --link-small-font-weight: 400;
    --button-default-font-family: var(--font-family-secondary);
    --button-default-font-size: 1.3rem;
    --button-default-font-weight: 600;
    --button-default-line-height: 1;
    --button-default-text-transform: uppercase;
    --button-default-letter-spacing: 0.05rem;
    --label-default-font-family: var(--font-family-main);
    --label-default-font-size: 1.2rem;
    --label-default-font-weight: 400;
    --label-default-line-height: 1;
    --label-default-text-transform: uppercase;
    --label-default-letter-spacing: 0.1rem;
    --tag-default-font-family: var(--font-family-main);
    --tag-default-font-size: 1.2rem;
    --tag-default-font-weight: 400;
    --tag-default-text-transform: uppercase;
    --accent-text-font-family: var(--font-family-secondary);
    --accent-text-font-size: 1.4rem;
    --accent-text-font-weight: 600;
    --accent-text-line-height: 1.2;
    --accent-text-text-transform: uppercase;
    --accent-text-letter-spacing: normal
}

@media (min-width: 768px) {
    :root {
        --h1-font-size:5.2rem;
        --h2-font-size: 4rem;
        --h2-line-height: 1;
        --h3-font-size: 3.2rem;
        --h4-font-size: 2.4rem;
        --h5-font-size: 2rem;
        --h6-font-size: 1.8rem;
        --h7-font-size: 1.6rem;
        --sub-heading-xs-font-size: 1.4rem;
        --sub-heading-s-font-size: 2rem;
        --number-text-font-size: 3.6rem;
        --accent-text-font-size: 2.8rem;
        --accent-text-letter-spacing: 0.05rem
    }
}

:root {
    --spacing-1: 0.4rem;
    --spacing-2: 0.8rem;
    --spacing-3: 1.2rem;
    --spacing-4: 1.6rem;
    --spacing-5: 2rem;
    --spacing-6: 2.4rem;
    --spacing-7: 2.8rem;
    --spacing-8: 3.2rem;
    --spacing-10: 4rem;
    --spacing-12: 4.8rem;
    --spacing-16: 6.4rem;
    --spacing-20: 8rem;
    --spacing-24: 9.6rem;
    --spacing-28: 11.2rem;
    --spacing-32: 12.8rem;
    --border-radius-s: 0;
    --page-container-spacing: var(--spacing-3);
    --header-height: 12.8rem;
    --header-height-sticky: 6.5rem;
    --header-height-scroll: var(--header-height);
    --sticky-anchor-nav: 0rem
}

@font-face {
    font-display: swap;
    font-family: FuturaLTPro;
    font-style: normal;
    src: url(/assets/fonts/FuturaLTPro-Book.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: NotoSans;
    font-style: normal;
    src: url(/assets/fonts/NotoSans-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    src: url(/assets/fonts/poppins-semibold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/fonts/poppins-bold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: NotoSans;
    font-style: normal;
    font-weight: 600;
    src: url(/assets/fonts/NotoSans-Semibold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: NotoSans;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/fonts/Notosans-Bold.woff2) format("woff2")
}

@media (min-width: 375px) {
    :root {
        --page-container-spacing:var(--spacing-5)
    }
}

@media (min-width: 768px) {
    :root {
        --page-container-spacing:3.6rem
    }
}

@media (min-width: 1280px) {
    :root {
        --page-container-spacing:4.4rem;
        --header-height: 10.4rem;
        --header-height-sticky: 10.4rem
    }
}

:root {
    --form-field-border-color: var(--color-stroke-primary);
    --form-field-border-color-focus: var(--color-stroke-accent)
}

::selection {
    background: var(--color-text-primary);
    color: #fff;
    text-shadow: none
}

:focus-visible {
    box-shadow: none;
    outline: .1rem solid var(--g-stroke)
}

fieldset {
    border: 0;
    min-width: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    color: var(--default-text-color);
    font-family: var(--default-font-family),var(--default-font-family-fallback);
    font-size: 62.5%;
    line-height: normal;
    min-height: 100%;
    overflow-y: scroll;
    scroll-behavior: smooth
}

html.is-header-sticky {
    --header-height-scroll: var(--header-height-sticky)
}

body {
    font-size: var(--default-font-size)
}

body:after {
    background: rgba(0,0,0,.2);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: calc(var(--header-height) + .1rem);
    transform: translateY(2rem);
    transition: all .2s ease-in;
    visibility: hidden;
    width: 100%;
    z-index: 21
}

body.is-scroll-disabled {
    padding-right: var(--scrollbar-size)
}

body.is-menu-opened {
    position: relative
}

body.is-menu-opened:after {
    opacity: 1;
    transform: translateY(0);
    transition: all .2s ease-out;
    visibility: visible
}

main {
    overflow: clip
}

h1 {
    font-family: var(--h1-font-family);
    font-size: var(--h1-font-size);
    font-weight: var(--h1-font-weight);
    letter-spacing: var(--h1-letter-spacing);
    line-height: var(--h1-line-height)
}

h1,h2 {
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

h2 {
    font-family: var(--h2-font-family);
    font-size: var(--h2-font-size);
    font-weight: var(--h2-font-weight);
    letter-spacing: var(--h2-letter-spacing);
    line-height: var(--h2-line-height)
}

h3 {
    font-family: var(--h3-font-family);
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    letter-spacing: var(--h3-letter-spacing);
    line-height: var(--h3-line-height)
}

h3,h4 {
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

h4 {
    font-family: var(--h4-font-family);
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height)
}

h5 {
    font-family: var(--h5-font-family);
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    letter-spacing: var(--h5-letter-spacing);
    line-height: var(--h5-line-height)
}

h5,h6 {
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

h6 {
    font-family: var(--h6-font-family);
    font-size: var(--h6-font-size);
    font-weight: var(--h6-font-weight);
    letter-spacing: var(--h6-letter-spacing);
    line-height: var(--h6-line-height)
}

button {
    color: var(--color-text-primary);
    cursor: pointer
}

fieldset {
    margin: 0;
    padding: 0
}

.c-form__field-label,label {
    display: block;
    font-size: var(--body-xs-caption-font-size);
    font-weight: var(--body-xs-caption-font-weight);
    line-height: var(--body-xs-caption-line-height);
    margin-bottom: var(--spacing-2)
}

textarea {
    min-height: 10rem;
    padding: var(--spacing-4) var(--spacing-3)
}

input,textarea {
    background: var(--color-bg-reverse);
    border: .1rem solid var(--form-field-border-color);
    border-radius: var(--border-radius-s);
    display: block;
    font-size: var(--body-xs-regular-font-size);
    font-weight: var(--body-xs-regular-font-weight);
    height: 5rem;
    line-height: var(--body-xs-regular-line-height);
    min-width: 27.3rem;
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3)
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: var(--color-text-tertiary);
    opacity: 1
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: var(--color-text-tertiary);
    opacity: 1
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: var(--color-text-tertiary);
    opacity: 1
}

input:focus,input:focus-visible,textarea:focus,textarea:focus-visible {
    border-color: var(--form-field-border-color-focus);
    box-shadow: none;
    outline: none
}

input[type=checkbox] {
    border: none;
    display: inline-block;
    height: 0;
    margin: 0;
    outline: 0;
    position: absolute;
    width: 0
}

input[type=checkbox]+.c-form__field-label,input[type=checkbox]+label {
    cursor: pointer;
    display: inline-block;
    font-size: var(--body-xs-regular-font-size);
    font-weight: var(--body-xs-regular-font-weight);
    line-height: var(--body-xs-regular-line-height);
    margin-bottom: var(--spacing-3);
    margin-left: calc(2rem + var(--spacing-2));
    outline: 0;
    position: relative
}

input[type=checkbox]+.c-form__field-label:before,input[type=checkbox]+label:before {
    background-color: var(--color-bg-reverse);
    border: .1rem solid var(--form-field-border-color);
    border-radius: .4rem;
    content: "";
    height: 2rem;
    left: calc((2rem + var(--spacing-2))*-1);
    position: absolute;
    top: 0;
    width: 2rem
}

input[type=checkbox]+.c-form__field-label:after,input[type=checkbox]+label:after {
    content: "";
    height: 1.6rem;
    left: calc(-1.8rem + var(--spacing-2)*-1);
    position: absolute;
    top: 0;
    width: 1.6rem
}

input[type=checkbox]:checked+.c-form__field-label:after,input[type=checkbox]:checked+label:after {
    background-color: var(--color-text-accent);
    height: 2rem;
    mask: url(/assets/build/dfp/eta/images/check.5cc8781e.svg) center/100% no-repeat;
    width: 1.6rem
}

input[type=checkbox]:focus+.c-form__field-label:before,input[type=checkbox]:focus+label:before {
    border: .1rem solid var(--form-field-border-color-focus)
}

input[type=radio] {
    border: none;
    display: inline-block;
    height: 0;
    margin: 0;
    outline: 0;
    position: absolute;
    width: 0
}

input[type=radio]+.c-form__field-label,input[type=radio]+label {
    cursor: pointer;
    display: inline-block;
    font-size: var(--body-xs-regular-font-size);
    font-weight: var(--body-xs-regular-font-weight);
    line-height: var(--body-xs-regular-line-height);
    margin-bottom: var(--spacing-4);
    margin-left: calc(2rem + var(--spacing-2));
    margin-right: var(--spacing-2);
    outline: 0;
    position: relative
}

input[type=radio]+.c-form__field-label:last-child,input[type=radio]+label:last-child {
    margin-right: 0
}

input[type=radio]+.c-form__field-label:before,input[type=radio]+label:before {
    background-color: var(--color-bg-reverse);
    border: .1rem solid var(--form-field-border-color);
    border-radius: 50%;
    content: "";
    height: 2rem;
    left: calc((2rem + var(--spacing-2))*-1);
    position: absolute;
    top: 0;
    width: 2rem
}

input[type=radio]+.c-form__field-label:after,input[type=radio]+label:after {
    border-radius: 50%;
    content: "";
    height: 1rem;
    left: calc(-1.5rem + var(--spacing-2)*-1);
    position: absolute;
    top: .5rem;
    width: 1rem
}

input[type=radio]:checked+.c-form__field-label:after,input[type=radio]:checked+label:after {
    box-shadow: inset 0 0 0 .5rem var(--color-text-primary)
}

input[type=radio]:focus+.c-form__field-label:before,input[type=radio]:focus+label:before {
    border: .2rem solid var(--color-stroke-accent)
}

select {
    appearance: none;
    background-color: var(--color-bg-reverse);
    background-image: url(/assets/build/dfp/eta/images/chevron-down.cffcc2c7.svg);
    background-position: right .7rem top 50%;
    background-repeat: no-repeat;
    background-size: 2rem auto;
    border: .1rem solid var(--form-field-border-color);
    border-radius: var(--border-radius-s);
    cursor: pointer;
    font-size: var(--body-xs-regular-font-size);
    font-weight: var(--body-xs-regular-font-weight);
    height: 5rem;
    line-height: var(--body-xs-regular-line-height);
    min-width: 27.3rem;
    padding-left: var(--spacing-3);
    padding-right: calc(var(--spacing-3) + var(--spacing-2) + 2rem);
    width: 100%
}

select:focus,select:focus-visible {
    border-color: var(--form-field-border-color-focus);
    box-shadow: none;
    outline: none
}

select::-ms-expand {
    display: none
}

select option {
    background-color: var(--color-bg-reverse);
    color: var(--color-text-primary);
    padding: var(--spacing-2)
}

select option:hover {
    background-color: var(--color-bg-secondary)
}

select[multiple] {
    background-image: none;
    height: auto
}

@supports (-webkit-touch-callout:none) {
    input,select,textarea {
        font-size: 1.6rem;
        line-height: 1;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

audio,canvas,iframe,img,svg,video {
    vertical-align: middle
}

figure {
    margin: 0
}

iframe {
    width: 100%
}

p {
    font-size: var(--body-m-regular-font-size);
    font-weight: var(--body-m-regular-font-weight);
    line-height: var(--body-m-regular-line-height);
    margin: 0
}

li {
    font-size: var(--body-m-caption-font-size);
    font-weight: var(--body-m-caption-font-weight);
    line-height: var(--body-m-caption-line-height)
}

li:not(:last-child) {
    margin-bottom: var(--spacing-3)
}

ul {
    padding: 0
}

ul li {
    list-style: disc inside
}

ul li::marker {
    color: var(--g-text);
    font-size: 1.3rem
}

ol {
    padding: 0
}

ol li {
    list-style: decimal inside
}

ol li::marker {
    font-size: 80%
}

table {
    width: 100%
}

address {
    font-style: normal
}

.o-grid {
    --grid-columns: 6;
    --grid-gap: 0;
    grid-gap: var(--grid-gap);
    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-columns),1fr)
}

.o-grid__col-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

.o-grid__col-1 {
    grid-column-end: span 1
}

.o-grid__col-offset-1 {
    grid-column-start: 2
}

.o-grid__row-1 {
    grid-row-end: span 1
}

.o-grid__row-offset-1 {
    grid-row-start: 2
}

.o-grid__col-row-1 {
    grid-row: 1/2
}

.o-grid__col-2 {
    grid-column-end: span 2
}

.o-grid__col-offset-2 {
    grid-column-start: 3
}

.o-grid__row-2 {
    grid-row-end: span 2
}

.o-grid__row-offset-2 {
    grid-row-start: 3
}

.o-grid__col-row-2 {
    grid-row: 1/3
}

.o-grid__col-3 {
    grid-column-end: span 3
}

.o-grid__col-offset-3 {
    grid-column-start: 4
}

.o-grid__row-3 {
    grid-row-end: span 3
}

.o-grid__row-offset-3 {
    grid-row-start: 4
}

.o-grid__col-row-3 {
    grid-row: 1/4
}

.o-grid__col-4 {
    grid-column-end: span 4
}

.o-grid__col-offset-4 {
    grid-column-start: 5
}

.o-grid__row-4 {
    grid-row-end: span 4
}

.o-grid__row-offset-4 {
    grid-row-start: 5
}

.o-grid__col-row-4 {
    grid-row: 1/5
}

.o-grid__col-5 {
    grid-column-end: span 5
}

.o-grid__col-offset-5 {
    grid-column-start: 6
}

.o-grid__row-5 {
    grid-row-end: span 5
}

.o-grid__row-offset-5 {
    grid-row-start: 6
}

.o-grid__col-row-5 {
    grid-row: 1/6
}

.o-grid__col-6 {
    grid-column-end: span 6
}

.o-grid__col-offset-6 {
    grid-column-start: 7
}

.o-grid__row-6 {
    grid-row-end: span 6
}

.o-grid__row-offset-6 {
    grid-row-start: 7
}

.o-grid__col-row-6 {
    grid-row: 1/7
}

.o-grid__col-7 {
    grid-column-end: span 7
}

.o-grid__col-offset-7 {
    grid-column-start: 8
}

.o-grid__row-7 {
    grid-row-end: span 7
}

.o-grid__row-offset-7 {
    grid-row-start: 8
}

.o-grid__col-row-7 {
    grid-row: 1/8
}

.o-grid__col-8 {
    grid-column-end: span 8
}

.o-grid__col-offset-8 {
    grid-column-start: 9
}

.o-grid__row-8 {
    grid-row-end: span 8
}

.o-grid__row-offset-8 {
    grid-row-start: 9
}

.o-grid__col-row-8 {
    grid-row: 1/9
}

.o-grid__col-9 {
    grid-column-end: span 9
}

.o-grid__col-offset-9 {
    grid-column-start: 10
}

.o-grid__row-9 {
    grid-row-end: span 9
}

.o-grid__row-offset-9 {
    grid-row-start: 10
}

.o-grid__col-row-9 {
    grid-row: 1/10
}

.o-grid__col-10 {
    grid-column-end: span 10
}

.o-grid__col-offset-10 {
    grid-column-start: 11
}

.o-grid__row-10 {
    grid-row-end: span 10
}

.o-grid__row-offset-10 {
    grid-row-start: 11
}

.o-grid__col-row-10 {
    grid-row: 1/11
}

.o-grid__col-11 {
    grid-column-end: span 11
}

.o-grid__col-offset-11 {
    grid-column-start: 12
}

.o-grid__row-11 {
    grid-row-end: span 11
}

.o-grid__row-offset-11 {
    grid-row-start: 12
}

.o-grid__col-row-11 {
    grid-row: 1/12
}

.o-grid__col-12 {
    grid-column-end: span 12
}

.o-grid__col-offset-12 {
    grid-column-start: 13
}

.o-grid__row-12 {
    grid-row-end: span 12
}

.o-grid__row-offset-12 {
    grid-row-start: 13
}

.o-grid__col-row-12 {
    grid-row: 1/13
}

@media (min-width: 375px) {
    .o-grid__col-1\:mobile {
        grid-column-end:span 1
    }

    .o-grid__col-offset-1\:mobile {
        grid-column-start: 2
    }

    .o-grid__row-1\:mobile {
        grid-row-end: span 1
    }

    .o-grid__row-offset-1\:mobile {
        grid-row-start: 2
    }

    .o-grid__col-row-1\:mobile {
        grid-row: 1/2
    }

    .o-grid__col-2\:mobile {
        grid-column-end: span 2
    }

    .o-grid__col-offset-2\:mobile {
        grid-column-start: 3
    }

    .o-grid__row-2\:mobile {
        grid-row-end: span 2
    }

    .o-grid__row-offset-2\:mobile {
        grid-row-start: 3
    }

    .o-grid__col-row-2\:mobile {
        grid-row: 1/3
    }

    .o-grid__col-3\:mobile {
        grid-column-end: span 3
    }

    .o-grid__col-offset-3\:mobile {
        grid-column-start: 4
    }

    .o-grid__row-3\:mobile {
        grid-row-end: span 3
    }

    .o-grid__row-offset-3\:mobile {
        grid-row-start: 4
    }

    .o-grid__col-row-3\:mobile {
        grid-row: 1/4
    }

    .o-grid__col-4\:mobile {
        grid-column-end: span 4
    }

    .o-grid__col-offset-4\:mobile {
        grid-column-start: 5
    }

    .o-grid__row-4\:mobile {
        grid-row-end: span 4
    }

    .o-grid__row-offset-4\:mobile {
        grid-row-start: 5
    }

    .o-grid__col-row-4\:mobile {
        grid-row: 1/5
    }

    .o-grid__col-5\:mobile {
        grid-column-end: span 5
    }

    .o-grid__col-offset-5\:mobile {
        grid-column-start: 6
    }

    .o-grid__row-5\:mobile {
        grid-row-end: span 5
    }

    .o-grid__row-offset-5\:mobile {
        grid-row-start: 6
    }

    .o-grid__col-row-5\:mobile {
        grid-row: 1/6
    }

    .o-grid__col-6\:mobile {
        grid-column-end: span 6
    }

    .o-grid__col-offset-6\:mobile {
        grid-column-start: 7
    }

    .o-grid__row-6\:mobile {
        grid-row-end: span 6
    }

    .o-grid__row-offset-6\:mobile {
        grid-row-start: 7
    }

    .o-grid__col-row-6\:mobile {
        grid-row: 1/7
    }

    .o-grid__col-7\:mobile {
        grid-column-end: span 7
    }

    .o-grid__col-offset-7\:mobile {
        grid-column-start: 8
    }

    .o-grid__row-7\:mobile {
        grid-row-end: span 7
    }

    .o-grid__row-offset-7\:mobile {
        grid-row-start: 8
    }

    .o-grid__col-row-7\:mobile {
        grid-row: 1/8
    }

    .o-grid__col-8\:mobile {
        grid-column-end: span 8
    }

    .o-grid__col-offset-8\:mobile {
        grid-column-start: 9
    }

    .o-grid__row-8\:mobile {
        grid-row-end: span 8
    }

    .o-grid__row-offset-8\:mobile {
        grid-row-start: 9
    }

    .o-grid__col-row-8\:mobile {
        grid-row: 1/9
    }

    .o-grid__col-9\:mobile {
        grid-column-end: span 9
    }

    .o-grid__col-offset-9\:mobile {
        grid-column-start: 10
    }

    .o-grid__row-9\:mobile {
        grid-row-end: span 9
    }

    .o-grid__row-offset-9\:mobile {
        grid-row-start: 10
    }

    .o-grid__col-row-9\:mobile {
        grid-row: 1/10
    }

    .o-grid__col-10\:mobile {
        grid-column-end: span 10
    }

    .o-grid__col-offset-10\:mobile {
        grid-column-start: 11
    }

    .o-grid__row-10\:mobile {
        grid-row-end: span 10
    }

    .o-grid__row-offset-10\:mobile {
        grid-row-start: 11
    }

    .o-grid__col-row-10\:mobile {
        grid-row: 1/11
    }

    .o-grid__col-11\:mobile {
        grid-column-end: span 11
    }

    .o-grid__col-offset-11\:mobile {
        grid-column-start: 12
    }

    .o-grid__row-11\:mobile {
        grid-row-end: span 11
    }

    .o-grid__row-offset-11\:mobile {
        grid-row-start: 12
    }

    .o-grid__col-row-11\:mobile {
        grid-row: 1/12
    }

    .o-grid__col-12\:mobile {
        grid-column-end: span 12
    }

    .o-grid__col-offset-12\:mobile {
        grid-column-start: 13
    }

    .o-grid__row-12\:mobile {
        grid-row-end: span 12
    }

    .o-grid__row-offset-12\:mobile {
        grid-row-start: 13
    }

    .o-grid__col-row-12\:mobile {
        grid-row: 1/13
    }
}

@media (min-width: 768px) {
    .o-grid__col-1\:tablet {
        grid-column-end:span 1
    }

    .o-grid__col-offset-1\:tablet {
        grid-column-start: 2
    }

    .o-grid__row-1\:tablet {
        grid-row-end: span 1
    }

    .o-grid__row-offset-1\:tablet {
        grid-row-start: 2
    }

    .o-grid__col-row-1\:tablet {
        grid-row: 1/2
    }

    .o-grid__col-2\:tablet {
        grid-column-end: span 2
    }

    .o-grid__col-offset-2\:tablet {
        grid-column-start: 3
    }

    .o-grid__row-2\:tablet {
        grid-row-end: span 2
    }

    .o-grid__row-offset-2\:tablet {
        grid-row-start: 3
    }

    .o-grid__col-row-2\:tablet {
        grid-row: 1/3
    }

    .o-grid__col-3\:tablet {
        grid-column-end: span 3
    }

    .o-grid__col-offset-3\:tablet {
        grid-column-start: 4
    }

    .o-grid__row-3\:tablet {
        grid-row-end: span 3
    }

    .o-grid__row-offset-3\:tablet {
        grid-row-start: 4
    }

    .o-grid__col-row-3\:tablet {
        grid-row: 1/4
    }

    .o-grid__col-4\:tablet {
        grid-column-end: span 4
    }

    .o-grid__col-offset-4\:tablet {
        grid-column-start: 5
    }

    .o-grid__row-4\:tablet {
        grid-row-end: span 4
    }

    .o-grid__row-offset-4\:tablet {
        grid-row-start: 5
    }

    .o-grid__col-row-4\:tablet {
        grid-row: 1/5
    }

    .o-grid__col-5\:tablet {
        grid-column-end: span 5
    }

    .o-grid__col-offset-5\:tablet {
        grid-column-start: 6
    }

    .o-grid__row-5\:tablet {
        grid-row-end: span 5
    }

    .o-grid__row-offset-5\:tablet {
        grid-row-start: 6
    }

    .o-grid__col-row-5\:tablet {
        grid-row: 1/6
    }

    .o-grid__col-6\:tablet {
        grid-column-end: span 6
    }

    .o-grid__col-offset-6\:tablet {
        grid-column-start: 7
    }

    .o-grid__row-6\:tablet {
        grid-row-end: span 6
    }

    .o-grid__row-offset-6\:tablet {
        grid-row-start: 7
    }

    .o-grid__col-row-6\:tablet {
        grid-row: 1/7
    }

    .o-grid__col-7\:tablet {
        grid-column-end: span 7
    }

    .o-grid__col-offset-7\:tablet {
        grid-column-start: 8
    }

    .o-grid__row-7\:tablet {
        grid-row-end: span 7
    }

    .o-grid__row-offset-7\:tablet {
        grid-row-start: 8
    }

    .o-grid__col-row-7\:tablet {
        grid-row: 1/8
    }

    .o-grid__col-8\:tablet {
        grid-column-end: span 8
    }

    .o-grid__col-offset-8\:tablet {
        grid-column-start: 9
    }

    .o-grid__row-8\:tablet {
        grid-row-end: span 8
    }

    .o-grid__row-offset-8\:tablet {
        grid-row-start: 9
    }

    .o-grid__col-row-8\:tablet {
        grid-row: 1/9
    }

    .o-grid__col-9\:tablet {
        grid-column-end: span 9
    }

    .o-grid__col-offset-9\:tablet {
        grid-column-start: 10
    }

    .o-grid__row-9\:tablet {
        grid-row-end: span 9
    }

    .o-grid__row-offset-9\:tablet {
        grid-row-start: 10
    }

    .o-grid__col-row-9\:tablet {
        grid-row: 1/10
    }

    .o-grid__col-10\:tablet {
        grid-column-end: span 10
    }

    .o-grid__col-offset-10\:tablet {
        grid-column-start: 11
    }

    .o-grid__row-10\:tablet {
        grid-row-end: span 10
    }

    .o-grid__row-offset-10\:tablet {
        grid-row-start: 11
    }

    .o-grid__col-row-10\:tablet {
        grid-row: 1/11
    }

    .o-grid__col-11\:tablet {
        grid-column-end: span 11
    }

    .o-grid__col-offset-11\:tablet {
        grid-column-start: 12
    }

    .o-grid__row-11\:tablet {
        grid-row-end: span 11
    }

    .o-grid__row-offset-11\:tablet {
        grid-row-start: 12
    }

    .o-grid__col-row-11\:tablet {
        grid-row: 1/12
    }

    .o-grid__col-12\:tablet {
        grid-column-end: span 12
    }

    .o-grid__col-offset-12\:tablet {
        grid-column-start: 13
    }

    .o-grid__row-12\:tablet {
        grid-row-end: span 12
    }

    .o-grid__row-offset-12\:tablet {
        grid-row-start: 13
    }

    .o-grid__col-row-12\:tablet {
        grid-row: 1/13
    }
}

@media (min-width: 1024px) {
    .o-grid__col-1\:tablet-large {
        grid-column-end:span 1
    }

    .o-grid__col-offset-1\:tablet-large {
        grid-column-start: 2
    }

    .o-grid__row-1\:tablet-large {
        grid-row-end: span 1
    }

    .o-grid__row-offset-1\:tablet-large {
        grid-row-start: 2
    }

    .o-grid__col-row-1\:tablet-large {
        grid-row: 1/2
    }

    .o-grid__col-2\:tablet-large {
        grid-column-end: span 2
    }

    .o-grid__col-offset-2\:tablet-large {
        grid-column-start: 3
    }

    .o-grid__row-2\:tablet-large {
        grid-row-end: span 2
    }

    .o-grid__row-offset-2\:tablet-large {
        grid-row-start: 3
    }

    .o-grid__col-row-2\:tablet-large {
        grid-row: 1/3
    }

    .o-grid__col-3\:tablet-large {
        grid-column-end: span 3
    }

    .o-grid__col-offset-3\:tablet-large {
        grid-column-start: 4
    }

    .o-grid__row-3\:tablet-large {
        grid-row-end: span 3
    }

    .o-grid__row-offset-3\:tablet-large {
        grid-row-start: 4
    }

    .o-grid__col-row-3\:tablet-large {
        grid-row: 1/4
    }

    .o-grid__col-4\:tablet-large {
        grid-column-end: span 4
    }

    .o-grid__col-offset-4\:tablet-large {
        grid-column-start: 5
    }

    .o-grid__row-4\:tablet-large {
        grid-row-end: span 4
    }

    .o-grid__row-offset-4\:tablet-large {
        grid-row-start: 5
    }

    .o-grid__col-row-4\:tablet-large {
        grid-row: 1/5
    }

    .o-grid__col-5\:tablet-large {
        grid-column-end: span 5
    }

    .o-grid__col-offset-5\:tablet-large {
        grid-column-start: 6
    }

    .o-grid__row-5\:tablet-large {
        grid-row-end: span 5
    }

    .o-grid__row-offset-5\:tablet-large {
        grid-row-start: 6
    }

    .o-grid__col-row-5\:tablet-large {
        grid-row: 1/6
    }

    .o-grid__col-6\:tablet-large {
        grid-column-end: span 6
    }

    .o-grid__col-offset-6\:tablet-large {
        grid-column-start: 7
    }

    .o-grid__row-6\:tablet-large {
        grid-row-end: span 6
    }

    .o-grid__row-offset-6\:tablet-large {
        grid-row-start: 7
    }

    .o-grid__col-row-6\:tablet-large {
        grid-row: 1/7
    }

    .o-grid__col-7\:tablet-large {
        grid-column-end: span 7
    }

    .o-grid__col-offset-7\:tablet-large {
        grid-column-start: 8
    }

    .o-grid__row-7\:tablet-large {
        grid-row-end: span 7
    }

    .o-grid__row-offset-7\:tablet-large {
        grid-row-start: 8
    }

    .o-grid__col-row-7\:tablet-large {
        grid-row: 1/8
    }

    .o-grid__col-8\:tablet-large {
        grid-column-end: span 8
    }

    .o-grid__col-offset-8\:tablet-large {
        grid-column-start: 9
    }

    .o-grid__row-8\:tablet-large {
        grid-row-end: span 8
    }

    .o-grid__row-offset-8\:tablet-large {
        grid-row-start: 9
    }

    .o-grid__col-row-8\:tablet-large {
        grid-row: 1/9
    }

    .o-grid__col-9\:tablet-large {
        grid-column-end: span 9
    }

    .o-grid__col-offset-9\:tablet-large {
        grid-column-start: 10
    }

    .o-grid__row-9\:tablet-large {
        grid-row-end: span 9
    }

    .o-grid__row-offset-9\:tablet-large {
        grid-row-start: 10
    }

    .o-grid__col-row-9\:tablet-large {
        grid-row: 1/10
    }

    .o-grid__col-10\:tablet-large {
        grid-column-end: span 10
    }

    .o-grid__col-offset-10\:tablet-large {
        grid-column-start: 11
    }

    .o-grid__row-10\:tablet-large {
        grid-row-end: span 10
    }

    .o-grid__row-offset-10\:tablet-large {
        grid-row-start: 11
    }

    .o-grid__col-row-10\:tablet-large {
        grid-row: 1/11
    }

    .o-grid__col-11\:tablet-large {
        grid-column-end: span 11
    }

    .o-grid__col-offset-11\:tablet-large {
        grid-column-start: 12
    }

    .o-grid__row-11\:tablet-large {
        grid-row-end: span 11
    }

    .o-grid__row-offset-11\:tablet-large {
        grid-row-start: 12
    }

    .o-grid__col-row-11\:tablet-large {
        grid-row: 1/12
    }

    .o-grid__col-12\:tablet-large {
        grid-column-end: span 12
    }

    .o-grid__col-offset-12\:tablet-large {
        grid-column-start: 13
    }

    .o-grid__row-12\:tablet-large {
        grid-row-end: span 12
    }

    .o-grid__row-offset-12\:tablet-large {
        grid-row-start: 13
    }

    .o-grid__col-row-12\:tablet-large {
        grid-row: 1/13
    }
}

@media (min-width: 1280px) {
    .o-grid__col-1\:desktop {
        grid-column-end:span 1
    }

    .o-grid__col-offset-1\:desktop {
        grid-column-start: 2
    }

    .o-grid__row-1\:desktop {
        grid-row-end: span 1
    }

    .o-grid__row-offset-1\:desktop {
        grid-row-start: 2
    }

    .o-grid__col-row-1\:desktop {
        grid-row: 1/2
    }

    .o-grid__col-2\:desktop {
        grid-column-end: span 2
    }

    .o-grid__col-offset-2\:desktop {
        grid-column-start: 3
    }

    .o-grid__row-2\:desktop {
        grid-row-end: span 2
    }

    .o-grid__row-offset-2\:desktop {
        grid-row-start: 3
    }

    .o-grid__col-row-2\:desktop {
        grid-row: 1/3
    }

    .o-grid__col-3\:desktop {
        grid-column-end: span 3
    }

    .o-grid__col-offset-3\:desktop {
        grid-column-start: 4
    }

    .o-grid__row-3\:desktop {
        grid-row-end: span 3
    }

    .o-grid__row-offset-3\:desktop {
        grid-row-start: 4
    }

    .o-grid__col-row-3\:desktop {
        grid-row: 1/4
    }

    .o-grid__col-4\:desktop {
        grid-column-end: span 4
    }

    .o-grid__col-offset-4\:desktop {
        grid-column-start: 5
    }

    .o-grid__row-4\:desktop {
        grid-row-end: span 4
    }

    .o-grid__row-offset-4\:desktop {
        grid-row-start: 5
    }

    .o-grid__col-row-4\:desktop {
        grid-row: 1/5
    }

    .o-grid__col-5\:desktop {
        grid-column-end: span 5
    }

    .o-grid__col-offset-5\:desktop {
        grid-column-start: 6
    }

    .o-grid__row-5\:desktop {
        grid-row-end: span 5
    }

    .o-grid__row-offset-5\:desktop {
        grid-row-start: 6
    }

    .o-grid__col-row-5\:desktop {
        grid-row: 1/6
    }

    .o-grid__col-6\:desktop {
        grid-column-end: span 6
    }

    .o-grid__col-offset-6\:desktop {
        grid-column-start: 7
    }

    .o-grid__row-6\:desktop {
        grid-row-end: span 6
    }

    .o-grid__row-offset-6\:desktop {
        grid-row-start: 7
    }

    .o-grid__col-row-6\:desktop {
        grid-row: 1/7
    }

    .o-grid__col-7\:desktop {
        grid-column-end: span 7
    }

    .o-grid__col-offset-7\:desktop {
        grid-column-start: 8
    }

    .o-grid__row-7\:desktop {
        grid-row-end: span 7
    }

    .o-grid__row-offset-7\:desktop {
        grid-row-start: 8
    }

    .o-grid__col-row-7\:desktop {
        grid-row: 1/8
    }

    .o-grid__col-8\:desktop {
        grid-column-end: span 8
    }

    .o-grid__col-offset-8\:desktop {
        grid-column-start: 9
    }

    .o-grid__row-8\:desktop {
        grid-row-end: span 8
    }

    .o-grid__row-offset-8\:desktop {
        grid-row-start: 9
    }

    .o-grid__col-row-8\:desktop {
        grid-row: 1/9
    }

    .o-grid__col-9\:desktop {
        grid-column-end: span 9
    }

    .o-grid__col-offset-9\:desktop {
        grid-column-start: 10
    }

    .o-grid__row-9\:desktop {
        grid-row-end: span 9
    }

    .o-grid__row-offset-9\:desktop {
        grid-row-start: 10
    }

    .o-grid__col-row-9\:desktop {
        grid-row: 1/10
    }

    .o-grid__col-10\:desktop {
        grid-column-end: span 10
    }

    .o-grid__col-offset-10\:desktop {
        grid-column-start: 11
    }

    .o-grid__row-10\:desktop {
        grid-row-end: span 10
    }

    .o-grid__row-offset-10\:desktop {
        grid-row-start: 11
    }

    .o-grid__col-row-10\:desktop {
        grid-row: 1/11
    }

    .o-grid__col-11\:desktop {
        grid-column-end: span 11
    }

    .o-grid__col-offset-11\:desktop {
        grid-column-start: 12
    }

    .o-grid__row-11\:desktop {
        grid-row-end: span 11
    }

    .o-grid__row-offset-11\:desktop {
        grid-row-start: 12
    }

    .o-grid__col-row-11\:desktop {
        grid-row: 1/12
    }

    .o-grid__col-12\:desktop {
        grid-column-end: span 12
    }

    .o-grid__col-offset-12\:desktop {
        grid-column-start: 13
    }

    .o-grid__row-12\:desktop {
        grid-row-end: span 12
    }

    .o-grid__row-offset-12\:desktop {
        grid-row-start: 13
    }

    .o-grid__col-row-12\:desktop {
        grid-row: 1/13
    }
}

@media (min-width: 1600px) {
    .o-grid__col-1\:desktop-large {
        grid-column-end:span 1
    }

    .o-grid__col-offset-1\:desktop-large {
        grid-column-start: 2
    }

    .o-grid__row-1\:desktop-large {
        grid-row-end: span 1
    }

    .o-grid__row-offset-1\:desktop-large {
        grid-row-start: 2
    }

    .o-grid__col-row-1\:desktop-large {
        grid-row: 1/2
    }

    .o-grid__col-2\:desktop-large {
        grid-column-end: span 2
    }

    .o-grid__col-offset-2\:desktop-large {
        grid-column-start: 3
    }

    .o-grid__row-2\:desktop-large {
        grid-row-end: span 2
    }

    .o-grid__row-offset-2\:desktop-large {
        grid-row-start: 3
    }

    .o-grid__col-row-2\:desktop-large {
        grid-row: 1/3
    }

    .o-grid__col-3\:desktop-large {
        grid-column-end: span 3
    }

    .o-grid__col-offset-3\:desktop-large {
        grid-column-start: 4
    }

    .o-grid__row-3\:desktop-large {
        grid-row-end: span 3
    }

    .o-grid__row-offset-3\:desktop-large {
        grid-row-start: 4
    }

    .o-grid__col-row-3\:desktop-large {
        grid-row: 1/4
    }

    .o-grid__col-4\:desktop-large {
        grid-column-end: span 4
    }

    .o-grid__col-offset-4\:desktop-large {
        grid-column-start: 5
    }

    .o-grid__row-4\:desktop-large {
        grid-row-end: span 4
    }

    .o-grid__row-offset-4\:desktop-large {
        grid-row-start: 5
    }

    .o-grid__col-row-4\:desktop-large {
        grid-row: 1/5
    }

    .o-grid__col-5\:desktop-large {
        grid-column-end: span 5
    }

    .o-grid__col-offset-5\:desktop-large {
        grid-column-start: 6
    }

    .o-grid__row-5\:desktop-large {
        grid-row-end: span 5
    }

    .o-grid__row-offset-5\:desktop-large {
        grid-row-start: 6
    }

    .o-grid__col-row-5\:desktop-large {
        grid-row: 1/6
    }

    .o-grid__col-6\:desktop-large {
        grid-column-end: span 6
    }

    .o-grid__col-offset-6\:desktop-large {
        grid-column-start: 7
    }

    .o-grid__row-6\:desktop-large {
        grid-row-end: span 6
    }

    .o-grid__row-offset-6\:desktop-large {
        grid-row-start: 7
    }

    .o-grid__col-row-6\:desktop-large {
        grid-row: 1/7
    }

    .o-grid__col-7\:desktop-large {
        grid-column-end: span 7
    }

    .o-grid__col-offset-7\:desktop-large {
        grid-column-start: 8
    }

    .o-grid__row-7\:desktop-large {
        grid-row-end: span 7
    }

    .o-grid__row-offset-7\:desktop-large {
        grid-row-start: 8
    }

    .o-grid__col-row-7\:desktop-large {
        grid-row: 1/8
    }

    .o-grid__col-8\:desktop-large {
        grid-column-end: span 8
    }

    .o-grid__col-offset-8\:desktop-large {
        grid-column-start: 9
    }

    .o-grid__row-8\:desktop-large {
        grid-row-end: span 8
    }

    .o-grid__row-offset-8\:desktop-large {
        grid-row-start: 9
    }

    .o-grid__col-row-8\:desktop-large {
        grid-row: 1/9
    }

    .o-grid__col-9\:desktop-large {
        grid-column-end: span 9
    }

    .o-grid__col-offset-9\:desktop-large {
        grid-column-start: 10
    }

    .o-grid__row-9\:desktop-large {
        grid-row-end: span 9
    }

    .o-grid__row-offset-9\:desktop-large {
        grid-row-start: 10
    }

    .o-grid__col-row-9\:desktop-large {
        grid-row: 1/10
    }

    .o-grid__col-10\:desktop-large {
        grid-column-end: span 10
    }

    .o-grid__col-offset-10\:desktop-large {
        grid-column-start: 11
    }

    .o-grid__row-10\:desktop-large {
        grid-row-end: span 10
    }

    .o-grid__row-offset-10\:desktop-large {
        grid-row-start: 11
    }

    .o-grid__col-row-10\:desktop-large {
        grid-row: 1/11
    }

    .o-grid__col-11\:desktop-large {
        grid-column-end: span 11
    }

    .o-grid__col-offset-11\:desktop-large {
        grid-column-start: 12
    }

    .o-grid__row-11\:desktop-large {
        grid-row-end: span 11
    }

    .o-grid__row-offset-11\:desktop-large {
        grid-row-start: 12
    }

    .o-grid__col-row-11\:desktop-large {
        grid-row: 1/12
    }

    .o-grid__col-12\:desktop-large {
        grid-column-end: span 12
    }

    .o-grid__col-offset-12\:desktop-large {
        grid-column-start: 13
    }

    .o-grid__row-12\:desktop-large {
        grid-row-end: span 12
    }

    .o-grid__row-offset-12\:desktop-large {
        grid-row-start: 13
    }

    .o-grid__col-row-12\:desktop-large {
        grid-row: 1/13
    }
}

@media (min-width: 1920px) {
    .o-grid__col-1\:desktop-xlarge {
        grid-column-end:span 1
    }

    .o-grid__col-offset-1\:desktop-xlarge {
        grid-column-start: 2
    }

    .o-grid__row-1\:desktop-xlarge {
        grid-row-end: span 1
    }

    .o-grid__row-offset-1\:desktop-xlarge {
        grid-row-start: 2
    }

    .o-grid__col-row-1\:desktop-xlarge {
        grid-row: 1/2
    }

    .o-grid__col-2\:desktop-xlarge {
        grid-column-end: span 2
    }

    .o-grid__col-offset-2\:desktop-xlarge {
        grid-column-start: 3
    }

    .o-grid__row-2\:desktop-xlarge {
        grid-row-end: span 2
    }

    .o-grid__row-offset-2\:desktop-xlarge {
        grid-row-start: 3
    }

    .o-grid__col-row-2\:desktop-xlarge {
        grid-row: 1/3
    }

    .o-grid__col-3\:desktop-xlarge {
        grid-column-end: span 3
    }

    .o-grid__col-offset-3\:desktop-xlarge {
        grid-column-start: 4
    }

    .o-grid__row-3\:desktop-xlarge {
        grid-row-end: span 3
    }

    .o-grid__row-offset-3\:desktop-xlarge {
        grid-row-start: 4
    }

    .o-grid__col-row-3\:desktop-xlarge {
        grid-row: 1/4
    }

    .o-grid__col-4\:desktop-xlarge {
        grid-column-end: span 4
    }

    .o-grid__col-offset-4\:desktop-xlarge {
        grid-column-start: 5
    }

    .o-grid__row-4\:desktop-xlarge {
        grid-row-end: span 4
    }

    .o-grid__row-offset-4\:desktop-xlarge {
        grid-row-start: 5
    }

    .o-grid__col-row-4\:desktop-xlarge {
        grid-row: 1/5
    }

    .o-grid__col-5\:desktop-xlarge {
        grid-column-end: span 5
    }

    .o-grid__col-offset-5\:desktop-xlarge {
        grid-column-start: 6
    }

    .o-grid__row-5\:desktop-xlarge {
        grid-row-end: span 5
    }

    .o-grid__row-offset-5\:desktop-xlarge {
        grid-row-start: 6
    }

    .o-grid__col-row-5\:desktop-xlarge {
        grid-row: 1/6
    }

    .o-grid__col-6\:desktop-xlarge {
        grid-column-end: span 6
    }

    .o-grid__col-offset-6\:desktop-xlarge {
        grid-column-start: 7
    }

    .o-grid__row-6\:desktop-xlarge {
        grid-row-end: span 6
    }

    .o-grid__row-offset-6\:desktop-xlarge {
        grid-row-start: 7
    }

    .o-grid__col-row-6\:desktop-xlarge {
        grid-row: 1/7
    }

    .o-grid__col-7\:desktop-xlarge {
        grid-column-end: span 7
    }

    .o-grid__col-offset-7\:desktop-xlarge {
        grid-column-start: 8
    }

    .o-grid__row-7\:desktop-xlarge {
        grid-row-end: span 7
    }

    .o-grid__row-offset-7\:desktop-xlarge {
        grid-row-start: 8
    }

    .o-grid__col-row-7\:desktop-xlarge {
        grid-row: 1/8
    }

    .o-grid__col-8\:desktop-xlarge {
        grid-column-end: span 8
    }

    .o-grid__col-offset-8\:desktop-xlarge {
        grid-column-start: 9
    }

    .o-grid__row-8\:desktop-xlarge {
        grid-row-end: span 8
    }

    .o-grid__row-offset-8\:desktop-xlarge {
        grid-row-start: 9
    }

    .o-grid__col-row-8\:desktop-xlarge {
        grid-row: 1/9
    }

    .o-grid__col-9\:desktop-xlarge {
        grid-column-end: span 9
    }

    .o-grid__col-offset-9\:desktop-xlarge {
        grid-column-start: 10
    }

    .o-grid__row-9\:desktop-xlarge {
        grid-row-end: span 9
    }

    .o-grid__row-offset-9\:desktop-xlarge {
        grid-row-start: 10
    }

    .o-grid__col-row-9\:desktop-xlarge {
        grid-row: 1/10
    }

    .o-grid__col-10\:desktop-xlarge {
        grid-column-end: span 10
    }

    .o-grid__col-offset-10\:desktop-xlarge {
        grid-column-start: 11
    }

    .o-grid__row-10\:desktop-xlarge {
        grid-row-end: span 10
    }

    .o-grid__row-offset-10\:desktop-xlarge {
        grid-row-start: 11
    }

    .o-grid__col-row-10\:desktop-xlarge {
        grid-row: 1/11
    }

    .o-grid__col-11\:desktop-xlarge {
        grid-column-end: span 11
    }

    .o-grid__col-offset-11\:desktop-xlarge {
        grid-column-start: 12
    }

    .o-grid__row-11\:desktop-xlarge {
        grid-row-end: span 11
    }

    .o-grid__row-offset-11\:desktop-xlarge {
        grid-row-start: 12
    }

    .o-grid__col-row-11\:desktop-xlarge {
        grid-row: 1/12
    }

    .o-grid__col-12\:desktop-xlarge {
        grid-column-end: span 12
    }

    .o-grid__col-offset-12\:desktop-xlarge {
        grid-column-start: 13
    }

    .o-grid__row-12\:desktop-xlarge {
        grid-row-end: span 12
    }

    .o-grid__row-offset-12\:desktop-xlarge {
        grid-row-start: 13
    }

    .o-grid__col-row-12\:desktop-xlarge {
        grid-row: 1/13
    }
}

@media (min-width: 768px) {
    .o-grid {
        --grid-columns:12
    }
}

.o-page-container {
    max-width: calc(1600px + var(--page-container-spacing)*2)
}

.o-page-container,.o-page-container-grid-10 {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--page-container-spacing);
    padding-right: var(--page-container-spacing);
    width: 100%
}

.o-page-container-grid-10 {
    max-width: calc(max(768px, min(1600px, 100vw - var(--page-container-spacing) * 2) / 12 * 10) + (2 * var(--page-container-spacing)))
}

.o-page-container-grid-8 {
    max-width: calc(max(768px, min(1600px, 100vw - var(--page-container-spacing) * 2) / 12 * 8) + (2 * var(--page-container-spacing)))
}

.o-page-container-grid-6,.o-page-container-grid-8 {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--page-container-spacing);
    padding-right: var(--page-container-spacing);
    width: 100%
}

.o-page-container-grid-6 {
    max-width: calc(max(768px, min(1600px, 100vw - var(--page-container-spacing) * 2) / 12 * 6) + (2 * var(--page-container-spacing)))
}

.o-page-container-grid-5 {
    max-width: calc(max(480px, min(1600px, 100vw - var(--page-container-spacing) * 2) / 12 * 5) + (2 * var(--page-container-spacing)))
}

.o-page-container-grid-4,.o-page-container-grid-5 {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--page-container-spacing);
    padding-right: var(--page-container-spacing);
    width: 100%
}

.o-page-container-grid-4 {
    max-width: calc(max(480px, min(1600px, 100vw - var(--page-container-spacing) * 2) / 12 * 4) + (2 * var(--page-container-spacing)))
}

.o-scroll-container {
    scroll-margin-top: calc(var(--header-height-scroll) + var(--sticky-anchor-nav))
}

.o-media-wrapper {
    --media-wrapper-ratio: auto;
    width: 100%
}

.o-media-wrapper iframe,.o-media-wrapper img {
    aspect-ratio: var(--media-wrapper-ratio);
    height: 100%;
    object-fit: cover;
    width: 100%
}

.o-media-wrapper--contain iframe,.o-media-wrapper--contain img {
    object-fit: contain
}

.o-media-wrapper--ratio-1\/1 {
    --media-wrapper-ratio: 1
}

.o-media-wrapper--ratio-5\/4 {
    --media-wrapper-ratio: 1.25
}

.o-media-wrapper--ratio-4\/3 {
    --media-wrapper-ratio: 1.3333333333
}

.o-media-wrapper--ratio-3\/2 {
    --media-wrapper-ratio: 1.5
}

.o-media-wrapper--ratio-16\/9 {
    --media-wrapper-ratio: 1.7777777778
}

.o-media-wrapper--ratio-21\/9 {
    --media-wrapper-ratio: 2.3333333333
}

.o-media-wrapper--ratio-4\/5 {
    --media-wrapper-ratio: 0.8
}

.o-media-wrapper--ratio-3\/4 {
    --media-wrapper-ratio: 0.75
}

.o-media-wrapper--ratio-2\/3 {
    --media-wrapper-ratio: 0.6666666667
}

.o-media-wrapper--ratio-9\/16 {
    --media-wrapper-ratio: 0.5625
}

.o-media-wrapper--ratio-9\/21 {
    --media-wrapper-ratio: 0.4285714286
}

.c-card-promoted-content__title {
    color: var(--g-text);
    font-family: var(--sub-heading-xs-font-family);
    font-size: var(--sub-heading-xs-font-size);
    font-weight: var(--sub-heading-xs-font-weight);
    letter-spacing: var(--sub-heading-xs-letter-spacing);
    line-height: var(--sub-heading-xs-line-height);
    margin-bottom: var(--spacing-5);
    text-transform: uppercase
}

.c-accordion__panel a,.c-form__cgu a,.c-link,.c-rich-paragraph__text a,.c-rich-text-editor a:not(.c-button):not(.c-button-icon):not(.c-link):not(.c-sources__btn),.c-rich-text-editor a:not(.c-button):not(.c-rich-text-editor__btn):not(.c-button-icon):not(.c-link):not(.c-sources__btn),.c-sources__btn {
    --link-font-size: var(--link-default-font-size);
    --link-line-height: var(--link-default-line-height);
    --link-font-weight: var(--link-default-font-weight);
    --link-color: var(--color-text-primary);
    --link-color-hover: var(--g-text);
    --link-color-disabled: var(--color-text-tertiary);
    --link-underline-color: var(--g-stroke);
    --link-underline-color-disabled: var(--color-stroke-secondary);
    color: var(--link-color);
    display: inline-block;
    font-size: var(--link-font-size);
    font-weight: var(--link-font-weight);
    line-height: var(--link-line-height);
    margin-bottom: .2rem;
    padding-bottom: .2rem;
    text-decoration: underline;
    text-decoration-color: var(--link-underline-color);
    text-underline-offset: .2rem;
    text-underline-position: under;
    transition: all .2s ease-in-out;
    vertical-align: middle
}

.c-accordion__panel a[type=button],.c-form__cgu a[type=button],.c-link[type=button],.c-rich-paragraph__text a[type=button],.c-rich-text-editor a[type=button]:not(.c-button):not(.c-button-icon):not(.c-link):not(.c-sources__btn),[type=button].c-sources__btn {
    background: none;
    border: none;
    padding: 0
}

@media (hover: hover) and (pointer:fine) {
    .c-accordion__panel a:hover,.c-form__cgu a:hover,.c-link:hover,.c-rich-paragraph__text a:hover,.c-rich-text-editor a:hover:not(.c-button):not(.c-button-icon):not(.c-link):not(.c-sources__btn),.c-sources__btn:hover {
        box-shadow:none;
        color: var(--link-color-hover);
        outline: none
    }
}

.c-accordion__panel a:focus-visible,.c-form__cgu a:focus-visible,.c-link:focus-visible,.c-rich-paragraph__text a:focus-visible,.c-rich-text-editor a:focus-visible:not(.c-button):not(.c-button-icon):not(.c-link):not(.c-sources__btn),.c-sources__btn:focus-visible {
    box-shadow: none;
    color: var(--link-color-hover);
    outline: none
}

.c-accordion__panel a.is-disabled,.c-accordion__panel a:disabled,.c-form__cgu a.is-disabled,.c-form__cgu a:disabled,.c-link.is-disabled,.c-link:disabled,.c-rich-paragraph__text a.is-disabled,.c-rich-paragraph__text a:disabled,.c-rich-text-editor a.is-disabled:not(.c-button):not(.c-button-icon):not(.c-link):not(.c-sources__btn),.c-rich-text-editor a:disabled:not(.c-button):not(.c-button-icon):not(.c-link):not(.c-sources__btn),.c-sources__btn:disabled,.is-disabled.c-sources__btn {
    color: var(--link-color-disabled);
    pointer-events: none;
    text-decoration-color: var(--link-underline-color-disabled)
}

.c-accordion__panel a.is-disabled:focus-visible,.c-accordion__panel a:disabled:focus-visible,.c-form__cgu a.is-disabled:focus-visible,.c-form__cgu a:disabled:focus-visible,.c-link.is-disabled:focus-visible,.c-link:disabled:focus-visible,.c-rich-paragraph__text a.is-disabled:focus-visible,.c-rich-paragraph__text a:disabled:focus-visible,.c-rich-text-editor a.is-disabled:focus-visible:not(.c-button):not(.c-button-icon):not(.c-link):not(.c-sources__btn),.c-rich-text-editor a:disabled:focus-visible:not(.c-button):not(.c-button-icon):not(.c-link):not(.c-sources__btn),.c-sources__btn:disabled:focus-visible,.is-disabled.c-sources__btn:focus-visible {
    box-shadow: none;
    outline: .1rem solid var(--g-stroke)
}

.c-link__icon {
    display: inline-block;
    padding-bottom: .2rem;
    position: relative
}

.c-link__icon:after {
    bottom: 0;
    color: transparent;
    content: "Icon underline text placeholder";
    left: 0;
    margin-bottom: -.2rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-decoration: underline;
    text-decoration-color: var(--link-underline-color);
    top: 0
}

.c-link__icon-left {
    padding-right: var(--spacing-1)
}

.c-link__icon-right {
    padding-left: var(--spacing-1)
}

.c-accordion__panel a svg,.c-form__cgu a svg,.c-link svg,.c-rich-paragraph__text a svg,.c-rich-text-editor a:not(.c-button):not(.c-button-icon):not(.c-link):not(.c-sources__btn) svg,.c-sources__btn svg {
    height: auto;
    width: 1.6rem
}

.c-link--small {
    --link-font-size: var(--link-small-font-size)
}

.c-accordion__panel .c-banner--content-reverse a,.c-banner--content-reverse .c-accordion__panel a,.c-banner--content-reverse .c-form__cgu a,.c-banner--content-reverse .c-link,.c-banner--content-reverse .c-rich-paragraph__text a,.c-banner--content-reverse .c-rich-text-editor a:not(.c-button):not(.c-button-icon):not(.c-link):not(.c-sources__btn),.c-banner--content-reverse .c-sources__btn,.c-form__cgu .c-banner--content-reverse a,.c-link--reverse,.c-rich-paragraph__text .c-banner--content-reverse a,.c-rich-text-editor .c-banner--content-reverse a:not(.c-button):not(.c-button-icon):not(.c-link):not(.c-sources__btn) {
    --link-color: var(--color-text-reverse);
    --link-color-hover: var(--color-text-reverse);
    --link-color-disabled: var(--color-text-reverse);
    --link-underline-color: var(--color-text-reverse);
    --link-underline-color-disabled: var(--color-text-reverse)
}

.c-accordion__panel .c-banner--content-reverse a:focus-visible,.c-banner--content-reverse .c-accordion__panel a:focus-visible,.c-banner--content-reverse .c-form__cgu a:focus-visible,.c-banner--content-reverse .c-link:focus-visible,.c-banner--content-reverse .c-rich-paragraph__text a:focus-visible,.c-banner--content-reverse .c-rich-text-editor a:focus-visible:not(.c-button):not(.c-button-icon):not(.c-link):not(.c-sources__btn),.c-banner--content-reverse .c-sources__btn:focus-visible,.c-form__cgu .c-banner--content-reverse a:focus-visible,.c-link--reverse:focus-visible,.c-rich-paragraph__text .c-banner--content-reverse a:focus-visible,.c-rich-text-editor .c-banner--content-reverse a:focus-visible:not(.c-button):not(.c-button-icon):not(.c-link):not(.c-sources__btn) {
    box-shadow: none;
    outline: .1rem solid var(--g-stroke)
}

.c-link--error {
    --link-color: var(--color-text-error);
    --link-color-hover: var(--color-text-error);
    --link-underline-color: var(--color-text-error)
}

.c-link--error:focus-visible {
    box-shadow: none;
    outline: .1rem solid var(--g-stroke)
}

.c-link--grey {
    --link-underline-color: var(--color-stroke-secondary)
}

.c-link--paragraph {
    --link-color: var(--color-text-secondary)
}

.c-button,.c-button-icon,.c-rich-text-editor__btn {
    --button-text-color: var(--color-text-reverse);
    --button-text-color-hover: var(--color-text-reverse);
    --button-text-color-focus: var(--button-text-color-hover);
    --button-text-color-active: var(--color-text-reverse);
    --button-text-color-disabled: var(--color-text-tertiary);
    --button-bg-color: var(--g-bg-dark);
    --button-bg-color-hover: var(--color-bg-accent-dark);
    --button-bg-color-focus: var(--button-bg-color-hover);
    --button-bg-color-active: var(--g-bg-dark);
    --button-bg-color-disabled: var(--color-bg-secondary);
    --button-border-color: var(--g-bg-dark);
    --button-border-color-hover: var(--color-bg-accent-dark);
    --button-border-color-focus: var(--button-border-color-hover);
    --button-border-color-active: var(--g-bg-dark);
    --button-border-color-disabled: var(--color-bg-secondary);
    --button-icon-color: var(--color-text-reverse);
    --button-icon-color-hover: var(--button-text-color);
    --button-icon-color-focus: var(--button-icon-color-hover);
    --button-icon-color-active: var(--color-text-reverse);
    --button-icon-color-disabled: var(--button-text-color-disabled);
    --button-font-size: var(--button-default-font-size);
    --button-line-height: var(--button-default-line-height);
    --button-letter-spacing: var(--button-default-letter-spacing);
    --button-padding: var(--spacing-5);
    --button-height: 5rem;
    align-items: center;
    -webkit-appearance: none;
    background-color: var(--button-bg-color);
    border-color: var(--button-border-color);
    border-radius: var(--border-radius-s);
    border-style: solid;
    border-width: .1rem;
    color: var(--button-text-color);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--button-default-font-family);
    font-size: var(--button-font-size);
    font-weight: var(--button-default-font-weight);
    gap: var(--spacing-2);
    height: var(--button-height);
    justify-content: center;
    letter-spacing: var(--button-letter-spacing);
    line-height: var(--button-line-height);
    margin: 0;
    padding: 0 var(--button-padding);
    text-align: center;
    text-decoration: none;
    text-transform: var(--button-default-text-transform);
    transition: all .5s ease-in-out;
    vertical-align: middle
}

.c-button svg,.c-button-icon svg,.c-rich-text-editor__btn svg {
    color: var(--button-icon-color);
    flex-shrink: 0;
    transition: all .5s ease-in-out;
    width: 1.6rem
}

@media (hover: hover) and (pointer:fine) {
    .c-button-icon:hover,.c-button:hover,.c-rich-text-editor__btn:hover {
        background-color:var(--button-bg-color-hover);
        border-color: var(--button-border-color-hover);
        color: var(--button-text-color-hover);
        text-decoration: none
    }

    .c-button-icon:hover svg,.c-button:hover svg,.c-rich-text-editor__btn:hover svg {
        color: var(--button-icon-color-hover)
    }
}

.c-button-icon:focus-visible,.c-button:focus-visible,.c-rich-text-editor__btn:focus-visible {
    background-color: var(--button-bg-color-focus);
    border-color: var(--button-border-color-focus);
    box-shadow: none;
    color: var(--button-text-color-focus);
    outline: none
}

.c-button-icon:focus-visible svg,.c-button:focus-visible svg,.c-rich-text-editor__btn:focus-visible svg {
    color: var(--button-icon-color-focus)
}

.c-button-icon.c-buy__btn.is-visible,.c-button-icon:active,.c-button.c-buy__btn.is-visible,.c-button:active,.c-rich-text-editor__btn.c-buy__btn.is-visible,.c-rich-text-editor__btn:active {
    background-color: var(--button-bg-color-active);
    border-color: var(--button-border-color-active);
    color: var(--button-text-color-active)
}

.c-button-icon.c-buy__btn.is-visible svg,.c-button-icon:active svg,.c-button.c-buy__btn.is-visible svg,.c-button:active svg,.c-rich-text-editor__btn.c-buy__btn.is-visible svg,.c-rich-text-editor__btn:active svg {
    color: var(--button-icon-color-active)
}

.c-button-icon:disabled,.c-button:disabled,.c-rich-text-editor__btn:disabled {
    background-color: var(--button-bg-color-disabled);
    border-color: var(--button-border-color-disabled);
    color: var(--button-text-color-disabled);
    cursor: default
}

.c-button-icon:disabled svg,.c-button:disabled svg,.c-rich-text-editor__btn:disabled svg {
    color: var(--button-icon-color-disabled)
}

.c-button--secondary,.c-rich-text-editor__btn-secondary {
    --button-text-color: var(--color-text-primary);
    --button-text-color-hover: var(--color-text-reverse);
    --button-bg-color: transparent;
    --button-bg-color-hover: var(--color-bg-accent-dark);
    --button-border-color: var(--color-bg-accent-dark);
    --button-border-color-hover: var(--color-bg-accent-dark);
    --button-icon-color: var(--g-text);
    --button-icon-color-hover: var(--color-text-reverse)
}

.c-button--tertiary {
    --button-text-color: var(--color-text-reverse);
    --button-text-color-hover: var(--color-text-reverse);
    --button-bg-color: var(--color-bg-accent-dark);
    --button-bg-color-hover: var(--g-bg-dark);
    --button-border-color: var(--color-bg-accent-dark);
    --button-border-color-hover: var(--g-bg-dark);
    --button-icon-color: var(--color-text-reverse);
    --button-icon-color-hover: var(--color-text-reverse)
}

.c-button--grey {
    --button-text-color: var(--color-text-primary);
    --button-text-color-hover: var(--color-text-reverse);
    --button-bg-color: var(--color-bg-secondary);
    --button-bg-color-hover: var(--g-bg-dark);
    --button-border-color: var(--color-bg-secondary);
    --button-border-color-hover: var(--g-bg-dark);
    --button-icon-color: var(--color-text-primary);
    --button-icon-color-hover: var(--color-text-reverse)
}

.c-button--primary-reverse {
    --button-text-color: var(--color-text-primary);
    --button-text-color-hover: var(--color-text-reverse);
    --button-bg-color: var(--color-bg-reverse);
    --button-bg-color-hover: var(--color-bg-accent-dark);
    --button-border-color: var(--color-bg-reverse);
    --button-border-color-hover: var(--color-bg-accent-dark);
    --button-icon-color: var(--color-text-primary);
    --button-icon-color-hover: var(--color-text-reverse)
}

.c-button--secondary-reverse {
    --button-text-color: var(--color-text-reverse);
    --button-text-color-hover: var(--color-text-primary);
    --button-bg-color: transparent;
    --button-bg-color-hover: var(--color-bg-reverse);
    --button-border-color: var(--color-stroke-reverse);
    --button-border-color-hover: var(--color-bg-reverse);
    --button-icon-color: var(--color-text-reverse);
    --button-icon-color-hover: var(--color-text-primary)
}

.c-button--align-left {
    flex-grow: 1;
    justify-content: space-between
}

.c-button-icon {
    --button-size: 5rem;
    height: var(--button-size);
    padding: 0;
    width: var(--button-size)
}

.c-button-icon svg {
    width: 2rem
}

.c-button-icon--secondary {
    --button-icon-color: var(--g-text);
    --button-text-color-hover: var(--color-text-reverse);
    --button-bg-color: var(--color-bg-secondary);
    --button-bg-color-hover: var(--color-bg-accent);
    --button-border-color: var(--color-bg-secondary);
    --button-border-color-hover: var(--color-bg-accent)
}

.c-chips-list {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--spacing-2);
    margin: 0;
    padding: 0
}

.c-chips-list li {
    list-style: none;
    margin-bottom: 0
}

.c-chips-list__item[data-disclosure-content]:not(.is-visible),.c-chips-list__toggle.is-visible {
    display: none
}

.c-chip,.c-chips-list--center {
    justify-content: center
}

.c-chip {
    --chip-font-size: var(--link-default-font-size);
    --chip-font-weight: var(--link-default-font-weight);
    --chip-text-color: var(--color-text-primary);
    --chip-text-color-hover: var(--color-text-reverse);
    --chip-bg-color: transparent;
    --chip-bg-color-hover: var(--color-bg-accent-dark);
    --chip-border-color: var(--color-stroke-secondary);
    --chip-border-color-hover: var(--color-stroke-accent-dark);
    align-items: center;
    background: var(--chip-bg-color);
    border: .1rem solid var(--chip-border-color);
    border-radius: 5rem;
    color: var(--chip-text-color);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--chip-font-size);
    font-weight: var(--chip-font-weight);
    gap: var(--spacing-2);
    height: 4rem;
    line-height: var(--line-height-xs);
    padding: var(--spacing-3) var(--spacing-4);
    text-decoration: none;
    transition: all .5s ease-in-out;
    vertical-align: middle
}

.c-chip:focus-visible,.c-chip:hover {
    background-color: var(--chip-bg-color-hover);
    border-color: var(--chip-border-color-hover);
    box-shadow: none;
    color: var(--chip-text-color-hover);
    outline: none
}

.c-chip svg {
    height: 1.6rem;
    width: auto
}

.c-banner--content-reverse .c-chip,.c-chip--reverse {
    --chip-text-color: var(--color-text-reverse);
    --chip-text-color-hover: var(--color-text-primary);
    --chip-bg-color-hover: var(--color-bg-reverse);
    --chip-border-color: var(--color-stroke-reverse);
    --chip-border-color-hover: var(--color-stroke-reverse)
}

.c-tag {
    --tag-font-size: var(--tag-default-font-size);
    --tag-font-weight: var(--tag-default-font-weight);
    --tag-text-color: var(--color-text-reverse);
    --tag-text-color-focus: var(--g-bg-dark);
    --tag-bg-color: var(--g-bg-dark);
    --tag-bg-color-focus: var(--g-bg-light);
    --tag-border-color: var(--g-bg-dark);
    --tag-border-color-focus: var(--g-bg-light);
    --tag-text-transform: var(--tag-default-text-transform);
    --tag-height: 2.4rem;
    align-items: center;
    background: var(--tag-bg-color);
    border: .1rem solid var(--tag-border-color);
    border-radius: var(--border-radius-s);
    color: var(--tag-text-color);
    display: inline-flex;
    font-family: var(--tag-default-font-family);
    font-size: var(--tag-font-size);
    font-weight: var(--tag-font-weight);
    gap: var(--spacing-1);
    height: var(--tag-height);
    justify-content: center;
    line-height: var(--line-height-xs);
    padding: 0 var(--spacing-3);
    text-transform: var(--tag-text-transform);
    vertical-align: middle
}

.c-tag:focus-visible {
    background: var(--tag-bg-color-focus);
    border-color: var(--tag-border-color-focus);
    box-shadow: none;
    color: var(--tag-text-color-focus);
    outline: none
}

.c-tag svg {
    height: 1.6rem;
    width: auto
}

.c-diagnostic__selfie-details-item.is-active .c-tag,.c-tag--secondary {
    --tag-text-color: var(--g-text);
    --tag-bg-color: var(--g-bg-light);
    --tag-bg-color-focus: var(--g-bg-dark);
    --tag-border-color: var(--g-bg-light)
}

.c-form input:not([type=radio]):not([type=checkbox]),.c-form textarea {
    width: 100%
}

.c-form__required-notice {
    font-size: var(--body-xs-regular-font-size);
    font-weight: var(--body-xs-regular-font-weight);
    line-height: var(--body-xs-regular-line-height)
}

.c-form__field,.c-form__required-notice {
    margin-bottom: var(--spacing-5)
}

.c-form__info {
    color: var(--color-text-secondary);
    font-size: var(--body-xxs-regular-font-size);
    font-weight: var(--body-xxs-regular-font-weight);
    line-height: var(--body-xxs-regular-line-height);
    margin-top: var(--spacing-2)
}

.c-form__cgu a {
    display: inline;
    font-size: inherit
}

.c-form .just-validate-error-label {
    --form-field-validation-message-color: var(--color-text-secondary);
    color: var(--form-field-validation-message-color);
    font-size: var(--body-xxs-regular-font-size);
    font-weight: var(--body-xxs-regular-font-weight);
    line-height: var(--body-xxs-regular-line-height);
    margin-top: var(--spacing-2);
    text-align: left
}

.c-form .is-valid,.c-form .is-valid+.c-form__field-label,.c-form .is-valid+label {
    --form-field-border-color: var(--color-stroke-success);
    --form-field-border-color-focus: var(--color-stroke-success);
    --form-field-validation-message-color: var(--color-stroke-error)
}

.c-form .is-invalid,.c-form .is-invalid+.c-form__field-label,.c-form .is-invalid+label {
    --form-field-border-color: var(--color-stroke-error);
    --form-field-border-color-focus: var(--color-stroke-error);
    --form-field-validation-message-color: var(--color-stroke-error)
}

.c-form .is-invalid+.c-form__field-label,.c-form .is-invalid+label,.c-form .is-valid+.c-form__field-label,.c-form .is-valid+label {
    margin-bottom: 0
}

.c-form__field--inline {
    display: flex
}

.c-form__field--small {
    max-width: 43rem
}

.c-form__field--medium {
    max-width: 70rem
}

.c-rating-field {
    display: inline-flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    position: relative
}

.c-rating-field input+.c-form__field-label,.c-rating-field input+label {
    color: var(--color-stroke-accent);
    margin: 0;
    padding-right: var(--spacing-1)
}

.c-rating-field input+.c-form__field-label svg:last-child,.c-rating-field input+.c-form__field-label:after,.c-rating-field input+.c-form__field-label:before,.c-rating-field input+.c-form__field-label:hover svg:first-child,.c-rating-field input+.c-form__field-label:hover~.c-form__field-label svg:first-child,.c-rating-field input+.c-form__field-label:hover~label svg:first-child,.c-rating-field input+label svg:last-child,.c-rating-field input+label:after,.c-rating-field input+label:before,.c-rating-field input+label:hover svg:first-child,.c-rating-field input+label:hover~.c-form__field-label svg:first-child,.c-rating-field input+label:hover~label svg:first-child {
    display: none
}

.c-rating-field input+.c-form__field-label:hover svg:last-child,.c-rating-field input+.c-form__field-label:hover~.c-form__field-label svg:last-child,.c-rating-field input+.c-form__field-label:hover~label svg:last-child,.c-rating-field input+label:hover svg:last-child,.c-rating-field input+label:hover~.c-form__field-label svg:last-child,.c-rating-field input+label:hover~label svg:last-child {
    display: inline
}

.c-rating-field input:checked~.c-form__field-label svg:first-child,.c-rating-field input:checked~label svg:first-child {
    display: none
}

.c-rating-field input:checked~.c-form__field-label svg:last-child,.c-rating-field input:checked~label svg:last-child {
    display: inline
}

.c-toggle-field {
    display: flex
}

.c-toggle-field input[type=radio]+.c-form__field-label,.c-toggle-field input[type=radio]+label {
    align-items: center;
    border: .1rem solid var(--form-field-border-color);
    border-radius: .5rem;
    display: flex;
    height: 5rem;
    justify-content: center;
    margin: 0;
    padding: 0 var(--spacing-3)
}

.c-toggle-field input[type=radio]+.c-form__field-label:last-child,.c-toggle-field input[type=radio]+label:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.c-toggle-field input[type=radio]+.c-form__field-label:after,.c-toggle-field input[type=radio]+.c-form__field-label:before,.c-toggle-field input[type=radio]+label:after,.c-toggle-field input[type=radio]+label:before {
    display: none
}

.c-toggle-field input[type=radio]:checked+.c-form__field-label,.c-toggle-field input[type=radio]:checked+label {
    background: var(--color-bg-accent);
    border-color: var(--color-stroke-accent);
    color: var(--color-text-reverse);
    transition: all .2s ease-out
}

.c-toggle-field input[type=radio]:first-child+.c-form__field-label,.c-toggle-field input[type=radio]:first-child+label {
    border-bottom-right-radius: 0;
    border-right-color: transparent;
    border-top-right-radius: 0
}

.c-toggle-field input[type=radio]:first-child:checked~.c-form__field-label,.c-toggle-field input[type=radio]:first-child:checked~label {
    border-left-color: var(--color-stroke-accent)
}

.c-combobox {
    --combobox-height: 5rem;
    --combobox-padding: var(--spacing-3);
    flex-shrink: 0;
    min-width: 27.3rem;
    position: relative;
    width: 100%
}

.c-combobox__trigger {
    align-items: center;
    background: var(--color-bg-reverse);
    border: .1rem solid var(--form-field-border-color);
    cursor: pointer;
    display: flex;
    height: var(--combobox-height);
    justify-content: space-between;
    padding: 0 var(--combobox-padding)
}

.c-combobox__trigger svg {
    height: auto;
    width: 2rem
}

.c-combobox__trigger.is-visible svg {
    transform: rotate(180deg);
    transition: transform .2s ease
}

.c-combobox__trigger:focus-visible {
    border: .1rem solid var(--form-field-border-color-focus)
}

.c-combobox__trigger:focus-visible+.c-combobox__content .is-focused {
    background: var(--color-bg-secondary)
}

.c-combobox__placeholder {
    margin-right: var(--spacing-2);
    max-width: 100%;
    overflow: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.is-selected .c-combobox__placeholder {
    color: var(--color-text-primary)
}

.c-combobox__content {
    background-color: var(--color-bg-reverse);
    border: .1rem solid var(--color-stroke-primary);
    border-top: none;
    left: 0;
    position: absolute;
    top: var(--combobox-height);
    width: 100%;
    z-index: 3
}

.c-combobox__content:not(.is-visible) {
    display: none
}

.c-combobox__content ul {
    margin: 0;
    padding: 0
}

.c-combobox__content ul li {
    list-style: none;
    margin-bottom: 0
}

.c-combobox__option {
    cursor: pointer;
    font-size: var(--body-xs-regular-font-size);
    font-weight: var(--body-xs-regular-font-weight);
    line-height: var(--body-xs-regular-line-height);
    padding: var(--combobox-padding)
}

.c-combobox__option:hover {
    background: var(--color-bg-secondary);
    transition: all .2s ease-in-out
}

.c-combobox__option.is-selected {
    color: var(--color-text-accent)
}

.c-modal {
    background: rgba(0,0,0,.502);
    display: flex;
    height: 100%;
    opacity: 0;
    padding: var(--page-container-spacing);
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    transition: all .15s linear;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

.c-modal__inner-wrapper {
    background: var(--color-bg-reverse);
    border-radius: var(--border-radius-s);
    height: 100%;
    padding: var(--spacing-5);
    position: relative;
    transform: translateY(-5rem);
    transition: transform .3s ease-out;
    width: 100%
}

.c-modal__close {
    background: none;
    border: none;
    color: var(--color-text-primary);
    display: flex;
    padding: 0;
    position: absolute;
    right: var(--spacing-5);
    top: var(--spacing-5);
    z-index: 2
}

.c-modal__close svg {
    height: auto;
    width: 2.8rem
}

.c-modal__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    width: 100%
}

.c-modal__head {
    box-shadow: none;
    margin-bottom: var(--spacing-8);
    outline: none
}

.c-modal__content {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    max-width: calc(max(768px, min(1600px, 100vw - var(--page-container-spacing) * 2) / 12 * 8) + (2 * var(--page-container-spacing)));
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.c-modal__title {
    font-family: var(--h3-font-family);
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    letter-spacing: var(--h3-letter-spacing);
    line-height: var(--h3-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.c-modal__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-3);
    justify-content: center;
    margin-bottom: auto;
    margin-top: var(--spacing-12)
}

.c-modal.is-visible {
    opacity: 1;
    visibility: visible;
    z-index: 1000
}

.c-modal.is-visible .c-modal__inner-wrapper {
    transform: none
}

.c-modal--sidebar {
    text-align: left
}

.c-modal--sidebar .c-modal__wrapper {
    height: 100%;
    max-width: 36rem;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform .2s cubic-bezier(.4,0,.6,1) .4s;
    width: 100%
}

.c-modal--sidebar .c-modal__title {
    padding: 0
}

.c-modal--sidebar .c-modal__inner-wrapper {
    transform: none;
    transition: none
}

.c-modal--sidebar .c-modal__content {
    margin: 0
}

.c-modal--sidebar.is-visible .c-modal__wrapper {
    transform: translateX(0)
}

.c-modal--default {
    align-items: center;
    justify-content: center
}

.c-modal--default.c-modal--size-auto .c-modal__wrapper {
    max-height: 100%;
    max-width: max(768px,min(1600px,100vw - var(--page-container-spacing) * 2)/12 * 8)
}

.c-modal--default.c-modal--size-large .c-modal__wrapper {
    height: 100%;
    max-width: max(768px,min(1600px,100vw - var(--page-container-spacing) * 2)/12 * 10);
    width: 100%
}

.c-modal--color .c-modal__inner-wrapper {
    background: var(--color-bg-primary)
}

@media (max-width: 767px) {
    .c-modal__head {
        text-align:left
    }
}

@media (min-width: 768px) {
    .c-modal--sidebar .c-modal__wrapper {
        max-width:53rem
    }

    .c-modal--default.c-modal--size-auto .c-modal__wrapper {
        padding: var(--spacing-10)
    }

    .c-modal--default.c-modal--size-large .c-modal__wrapper {
        max-height: min(100%,80rem)
    }
}

.c-immersive-modal {
    max-width: 41rem;
    opacity: 0;
    position: fixed;
    transition: all .15s linear;
    visibility: hidden;
    width: 100%;
    z-index: 500
}

.c-immersive-modal__wrapper {
    box-shadow: 0 .8rem 1.6rem 0 rgba(0,0,0,.078),0 0 .4rem 0 rgba(0,0,0,.039)
}

.c-immersive-modal__inner-wrapper {
    background: var(--color-bg-reverse);
    border-radius: var(--border-radius-s);
    padding: var(--spacing-10) var(--spacing-7);
    position: relative;
    text-align: center;
    transform: translateY(-5rem);
    transition: transform .3s ease-out;
    width: 100%
}

.c-immersive-modal__close {
    background: none;
    border: none;
    color: var(--color-text-primary);
    display: flex;
    padding: 0;
    position: absolute;
    right: var(--spacing-3);
    top: var(--spacing-3);
    z-index: 2
}

.c-immersive-modal__close svg {
    height: auto;
    width: 2.4rem
}

.c-immersive-modal__body {
    display: flex;
    flex-direction: column;
    width: 100%
}

.c-immersive-modal.is-visible {
    opacity: 1;
    visibility: visible
}

.c-immersive-modal.is-visible .c-immersive-modal__inner-wrapper {
    transform: none
}

@media (max-width: 1023px) {
    .c-immersive-modal {
        bottom:var(--spacing-8);
        left: 0;
        margin: 0 auto;
        padding: 0 var(--page-container-spacing);
        right: 0
    }
}

@media (min-width: 1024px) {
    .c-immersive-modal {
        bottom:15rem;
        right: var(--spacing-8)
    }
}

.c-accordion {
    text-align: left
}

.c-accordion__title {
    margin: 0
}

.c-accordion__trigger {
    align-items: center;
    background: none;
    border: none;
    color: var(--color-text-primary);
    display: flex;
    font-family: var(--h5-font-family);
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    gap: var(--spacing-4);
    justify-content: space-between;
    letter-spacing: var(--h5-letter-spacing);
    line-height: var(--h5-line-height);
    margin: 0;
    padding: 0;
    padding: 0 var(--spacing-4);
    position: relative;
    text-align: left;
    width: 100%
}

.c-accordion__trigger-icon {
    flex-shrink: 0;
    height: auto;
    position: absolute;
    right: var(--spacing-3);
    width: 2.4rem
}

.c-accordion__trigger.is-visible .c-accordion__trigger-icon-toggle {
    transform: rotate(180deg);
    transition: transform .2s ease
}

.c-accordion__trigger.is-visible .c-accordion__trigger-icon-closed,.c-accordion__trigger:not(.is-visible) .c-accordion__trigger-icon-opened {
    display: none
}

.c-accordion__panel {
    border-bottom: .1rem solid var(--color-stroke-primary);
    display: grid;
    grid-template-rows: 0fr;
    min-height: 0;
    padding-right: var(--spacing-8);
    transition: grid-template-rows .2s ease,padding .2s ease
}

.c-accordion__panel-wrapper {
    min-height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden
}

.is-visible .c-accordion__panel-wrapper {
    opacity: 1;
    visibility: visible
}

.c-accordion__panel.is-visible {
    grid-template-rows: 1fr
}

.c-accordion__panel,.c-accordion__panel a,.c-accordion__panel p {
    font-size: var(--body-s-regular-font-size);
    font-weight: var(--body-s-regular-font-weight);
    line-height: var(--body-s-regular-line-height)
}

.c-accordion__item:first-child .c-accordion__title {
    border-top: .1rem solid var(--color-stroke-primary)
}

.c-accordion__item:last-child .c-accordion__panel.is-visible {
    border-bottom: none;
    padding-bottom: 0
}

@media (max-width: 767px) {
    .c-accordion__trigger {
        padding:var(--spacing-4) var(--spacing-10) var(--spacing-4) 0
    }

    .c-accordion__panel.is-visible {
        padding-bottom: var(--spacing-4)
    }
}

@media (min-width: 768px) {
    .c-accordion__trigger {
        padding:var(--spacing-7) var(--spacing-16) var(--spacing-7) var(--spacing-8)
    }

    .c-accordion__panel {
        padding-left: var(--spacing-8)
    }

    .c-accordion__panel.is-visible {
        padding-bottom: var(--spacing-7)
    }

    .c-accordion--no-padding .c-accordion__trigger {
        padding-left: 0;
        padding-right: 0
    }

    .c-accordion--no-padding .c-accordion__panel {
        padding-left: 0
    }
}

.c-navbar__wrapper {
    align-items: center;
    display: flex;
    height: 100%
}

.c-navbar__item {
    align-items: center;
    background: none;
    border: .1rem solid transparent;
    color: inherit;
    display: flex;
    font-family: var(--button-default-font-family);
    font-size: var(--button-default-font-size);
    font-weight: var(--button-default-font-weight);
    height: 5.4rem;
    letter-spacing: var(--button-default-letter-spacing);
    line-height: var(--button-default-line-height);
    padding: 0;
    text-decoration: none;
    text-transform: var(--button-default-text-transform);
    transition: none
}

.c-navbar__item.is-selected {
    border-bottom-color: var(--g-stroke);
    color: var(--g-text)
}

.c-navbar__item:focus-visible {
    border-bottom-width: .2rem;
    border-color: var(--color-stroke-accent);
    box-shadow: none;
    outline: none
}

.c-navbar--inline {
    position: relative
}

.c-navbar--inline>div,.c-navbar--inline>ol,.c-navbar--inline>ul {
    -ms-overflow-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-right: calc(var(--page-container-spacing)*-1);
    overflow-x: auto;
    padding-right: var(--page-container-spacing);
    scrollbar-width: none;
    white-space: nowrap
}

.c-navbar--inline>div::-webkit-scrollbar,.c-navbar--inline>ol::-webkit-scrollbar,.c-navbar--inline>ul::-webkit-scrollbar {
    display: none
}

.c-navbar--inline>div li:first-child,.c-navbar--inline>ol li:first-child,.c-navbar--inline>ul li:first-child {
    margin-left: 0
}

@media (max-width: 767px) {
    .c-navbar--inline {
        cursor:pointer
    }
}

.c-navbar--full .c-navbar__wrapper {
    gap: 0
}

.c-navbar--full .c-navbar__item {
    flex-basis: 50%;
    justify-content: center
}

@media (max-width: 767px) {
    .c-navbar__wrapper {
        gap:var(--spacing-4)
    }

    .c-navbar__center {
        justify-content: center
    }

    .c-navbar__center .c-navbar__item {
        display: flex;
        justify-content: center;
        padding: var(--spacing-5)
    }
}

@media (min-width: 768px) {
    .c-navbar__wrapper {
        gap:var(--spacing-24)
    }
}

.c-tabs {
    position: relative
}

.c-tabs__list {
    margin-bottom: var(--spacing-6)
}

.c-tabs__panel:not(.is-selected) {
    display: none
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0!important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0!important;
    padding: 0!important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    -ms-flex-negative: 0;
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none!important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

.c-slider {
    --slider-arrow-position: 50%
}

.c-slider__wrapper {
    position: relative
}

.c-slider__slide {
    align-items: stretch;
    display: flex;
    width: 24rem
}

.c-slider__slide:last-child {
    margin-right: 0!important
}

.c-slider__slide>div {
    width: 100%
}

.c-slider__arrow {
    position: absolute;
    top: var(--slider-arrow-position);
    transform: translateY(-50%);
    z-index: 1
}

.c-slider__arrow--prev {
    left: calc(var(--page-container-spacing)*-1)
}

.c-slider__arrow--next {
    right: calc(var(--page-container-spacing)*-1)
}

.c-slider__arrow:disabled {
    display: none
}

.c-slider__pagination {
    margin-top: var(--spacing-7);
    padding: 0
}

.c-slider__page {
    align-items: center;
    background: none;
    border: none;
    border-radius: 4rem;
    display: flex;
    height: 1rem;
    justify-content: center;
    padding: 0;
    width: 1rem
}

.c-slider__page:before {
    background-color: var(--color-stroke-secondary);
    border-radius: 4rem;
    content: "";
    display: block;
    height: .4rem;
    width: .4rem
}

.c-slider__page.is-active:before {
    background-color: var(--color-text-primary)
}

.c-slider:not(.is-overflow) .c-slider__arrows,.c-slider:not(.is-overflow) .c-slider__pagination {
    display: none
}

.c-slider--full.is-overflow .c-slider__track {
    overflow: initial
}

@media (max-width: 767px) {
    .c-slider__track {
        width:75vw
    }

    .c-slider__pagination {
        gap: var(--spacing-4)
    }

    .c-slider:not(.is-overflow) .c-slider__track {
        margin-left: auto;
        margin-right: auto
    }

    .c-slider.is-overflow .c-slider__track {
        overflow: initial
    }

    .c-slider--track-preview-small .c-slider__track {
        width: 85vw
    }
}

@media (min-width: 768px) {
    .c-slider__arrow--prev {
        left:0;
        transform: translateX(-50%) translateY(-50%)
    }

    .c-slider__arrow--next {
        right: 0;
        transform: translateX(50%) translateY(-50%)
    }

    .c-slider__pagination {
        gap: var(--spacing-7)
    }

    .c-slider:not(.is-overflow) .c-slider__list {
        justify-content: center
    }

    .c-slider--wide-arrows.c-slider--full .c-slider__arrow--prev {
        left: calc(var(--spacing-12)*-1)
    }

    .c-slider--wide-arrows.c-slider--full .c-slider__arrow--next {
        right: calc(var(--spacing-12)*-1)
    }
}

@keyframes plyr-progress {
    to {
        background-position: var(--plyr-progress-loading-size,25px) 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: var(--plyr-font-family,inherit);
    font-variant-numeric: tabular-nums;
    font-weight: var(--plyr-font-weight-regular,400);
    line-height: var(--plyr-line-height,1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

.plyr audio,.plyr iframe,.plyr video {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before {
    box-sizing: inherit
}

.plyr--full-ui .c-form__field-label,.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: var(--plyr-badge-background,#4a5464);
    border-radius: var(--plyr-badge-border-radius,2px);
    color: var(--plyr-badge-text-color,#fff);
    font-size: var(--plyr-font-size-badge,9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: var(--plyr-font-size-small,13px);
    left: 0;
    padding: var(--plyr-control-spacing,10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media (min-width: 480px) {
    .plyr__captions {
        font-size:var(--plyr-font-size-base,15px);
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
}

@media (min-width: 768px) {
    .plyr__captions {
        font-size:var(--plyr-font-size-large,18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
    background: var(--plyr-captions-background,rgba(0,0,0,.8));
    border-radius: 2px;
    box-decoration-break: clone;
    color: var(--plyr-captions-text-color,#fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: transparent;
    border: 0;
    border-radius: var(--plyr-control-radius,4px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    fill: currentColor;
    display: block;
    height: var(--plyr-control-icon-size,18px);
    pointer-events: none;
    width: var(--plyr-control-icon-size,18px)
}

.plyr__control:focus {
    outline: 0
}

.plyr__control:focus-visible {
    outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    outline-offset: 2px
}

a.plyr__control {
    text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: var(--plyr-menu-background,hsla(0,0%,100%,.9));
    border-radius: var(--plyr-menu-radius,8px);
    bottom: 100%;
    box-shadow: var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));
    color: var(--plyr-menu-color,#4a5464);
    font-size: var(--plyr-font-size-base,15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)
}

.plyr__menu__container:after {
    border-top-color: transparent;
    border: var(--plyr-menu-arrow-size,4px) solid transparent;
    border-top-color: var(--plyr-menu-background,hsla(0,0%,100%,.9));
    content: "";
    height: 0;
    position: absolute;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: var(--plyr-menu-color,#4a5464);
    display: flex;
    font-size: var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));
    padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control:after {
    border: var(--plyr-menu-item-arrow-size,4px) solid transparent;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: var(--plyr-menu-arrow-color,#728197);
    right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: var(--plyr-font-weight-regular,400);
    margin: calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
    position: relative;
    width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: var(--plyr-menu-arrow-color,#728197);
    left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
    background: var(--plyr-menu-back-border-color,#dcdfe5);
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: rgba(0,0,0,.1);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: var(--plyr-control-spacing,10px);
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease,opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: rgba(35,40,47,.1)
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);
    overflow: hidden;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    display: block;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: transparent;
    background-image: linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height,5px);
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    appearance: none;
    background: var(--plyr-range-thumb-background,#fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
    height: var(--plyr-range-thumb-height,13px);
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
    position: relative;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height,13px)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height,5px);
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: var(--plyr-range-thumb-background,#fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
    height: var(--plyr-range-thumb-height,13px);
    position: relative;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height,13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height,5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height,5px);
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: transparent;
    background: currentColor;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height,5px);
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: var(--plyr-range-thumb-background,#fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
    height: var(--plyr-range-thumb-height,13px);
    margin-top: 0;
    position: relative;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height,13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
    outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
    outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
    outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    outline-offset: 2px
}

.plyr__poster {
    background-color: var(--plyr-video-background,var(--plyr-video-background,#000));
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
}

.plyr__time {
    font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px))
}

.plyr__time+.plyr__time:before {
    content: "⁄";
    margin-right: var(--plyr-control-spacing,10px)
}

@media (max-width: 767px) {
    .plyr__time+.plyr__time {
        display:none
    }
}

.plyr__tooltip {
    background: var(--plyr-tooltip-background,#fff);
    border-radius: var(--plyr-tooltip-radius,5px);
    bottom: 100%;
    box-shadow: var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
    color: var(--plyr-tooltip-color,#4a5464);
    font-size: var(--plyr-font-size-small,13px);
    font-weight: var(--plyr-font-weight-regular,400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s,opacity .2s ease .1s;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip:before {
    border-left: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
    left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0) scale(1)
}

.plyr__progress {
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: var(--plyr-range-thumb-height,13px);
    position: relative
}

.plyr__progress input[type=range],.plyr__progress__buffer {
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 120px;
    overflow-wrap: break-word
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-radius: 100px;
    height: var(--plyr-range-track-height,5px);
    left: 0;
    margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: transparent
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height,5px);
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height,5px);
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);
    background-repeat: repeat-x;
    background-size: var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))
}

.plyr__progress__marker {
    background-color: var(--plyr-progress-marker-background,#fff);
    border-radius: 1px;
    height: var(--plyr-range-track-height,5px);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: var(--plyr-progress-marker-width,3px);
    z-index: 3
}

.plyr__volume {
    align-items: center;
    display: flex;
    position: relative
}

.plyr__volume input[type=range] {
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    max-width: 90px;
    min-width: 60px;
    position: relative;
    z-index: 2
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: var(--plyr-audio-controls-background,#fff);
    border-radius: inherit;
    color: var(--plyr-audio-control-color,#4a5464);
    padding: var(--plyr-control-spacing,10px)
}

.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true] {
    background: var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    color: var(--plyr-audio-control-color-hover,#fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range].c-buy__btn.is-visible::-webkit-slider-thumb,.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--full-ui.plyr--audio input[type=range].c-buy__btn.is-visible::-moz-range-thumb,.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--full-ui.plyr--audio input[type=range].c-buy__btn.is-visible::-ms-thumb,.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--audio .plyr__progress__buffer {
    color: var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))
}

.plyr--video {
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: var(--plyr-video-background,var(--plyr-video-background,#000));
    border-radius: inherit;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio: 16/9) {
    .plyr__video-embed,.plyr__video-wrapper--fixed-ratio {
        height:0;
        padding-bottom: 56.25%;
        position: relative
    }
}

.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: var(--plyr-video-control-color,#fff);
    left: 0;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    z-index: 3
}

@media (min-width: 480px) {
    .plyr--video .plyr__controls {
        padding:var(--plyr-control-spacing,10px);
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true] {
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    color: var(--plyr-video-control-color-hover,#fff)
}

.plyr__control--overlaid {
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    border: 0;
    border-radius: 100%;
    color: var(--plyr-video-control-color,#fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus,.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range].c-buy__btn.is-visible::-webkit-slider-thumb,.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--full-ui.plyr--video input[type=range].c-buy__btn.is-visible::-moz-range-thumb,.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--full-ui.plyr--video input[type=range].c-buy__btn.is-visible::-ms-thumb,.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--video .plyr__progress__buffer {
    color: var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr:fullscreen .plyr__captions {
        font-size:var(--plyr-font-size-xlarge,21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0!important;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size:var(--plyr-font-size-xlarge,21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads:after {
    background: #23282f;
    border-radius: 2px;
    bottom: var(--plyr-control-spacing,10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: var(--plyr-control-spacing,10px);
    z-index: 3
}

.plyr__ads:empty:after {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: var(--plyr-range-track-height,5px);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: var(--plyr-tooltip-background,#fff);
    border-radius: var(--plyr-menu-radius,8px);
    bottom: 100%;
    box-shadow: var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    transform: translateY(10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s,opacity .2s ease .1s;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
    border-left: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__image-container:after {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
    content: "";
    pointer-events: none
}

.plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none
}

.plyr__preview-thumb__time-container {
    background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));
    border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px))
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none!important
}

.plyr__sr-only {
    clip: rect(1px,1px,1px,1px);
    border: 0!important;
    height: 1px!important;
    overflow: hidden;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

.plyr [hidden] {
    display: none!important
}

.c-video {
    --plyr-color-main: var(--color-bg-accent);
    width: 100%
}

.c-video__placeholder {
    align-items: center;
    aspect-ratio: 1.7777777778;
    display: flex;
    justify-content: center;
    position: relative
}

.c-video__placeholder iframe,.c-video__placeholder img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.c-video__placeholder:before {
    background: rgba(0,0,0,.2);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.c-video__placeholder-content {
    position: relative;
    z-index: 2
}

.c-video__consent {
    color: var(--color-text-reverse);
    padding: var(--spacing-10)
}

.c-video .plyr--full-ui.plyr--video .plyr__control--overlaid,.c-video__play-btn {
    align-items: center;
    background: none;
    border: none;
    border: .2rem solid var(--color-stroke-reverse);
    border-radius: 10rem;
    box-shadow: 0 0 .5rem 0 #000;
    color: var(--color-text-reverse);
    display: flex;
    flex-shrink: 0;
    font-family: var(--button-default-font-family);
    font-size: var(--button-default-font-size);
    font-weight: var(--button-default-font-weight);
    height: 10rem;
    justify-content: center;
    letter-spacing: var(--button-default-letter-spacing);
    line-height: var(--button-default-line-height);
    padding: 0;
    text-shadow: 0 0 .5rem #000;
    text-transform: var(--button-default-text-transform);
    width: 10rem
}

.c-video .plyr--full-ui.plyr--video .plyr__control--overlaid:focus,.c-video .plyr--full-ui.plyr--video .plyr__control--overlaid:focus-visible,.c-video .plyr--full-ui.plyr--video .plyr__control--overlaid:hover,.c-video__play-btn:focus,.c-video__play-btn:focus-visible,.c-video__play-btn:hover {
    background: rgba(0,0,0,.125);
    box-shadow: none;
    outline: none;
    transition: all .2s ease-in-out
}

.c-video .plyr--full-ui.plyr--video .plyr__control--overlaid svg,.c-video__play-btn svg {
    display: none
}

.c-video .plyr--full-ui.plyr--video .plyr__control--overlaid .plyr__sr-only,.c-video__play-btn .plyr__sr-only {
    clip: auto!important;
    height: auto!important;
    overflow: visible!important;
    position: static!important;
    width: auto!important
}

.c-video.is-no-allowed .c-video__placeholder {
    aspect-ratio: auto
}

.c-expandable-text__link {
    background: none;
    border: none;
    padding: 0
}

.c-expandable-text--auto .c-expandable-text__paragraph:not(.is-visible) p~*,.c-expandable-text--break .c-expandable-text__paragraph:not(.is-visible) .c-expandable-text__break~*,.c-expandable-text__link.is-visible span:first-child,.c-expandable-text__link:not(.is-visible) span:last-child {
    display: none
}

@keyframes loader {
    to {
        transform: rotate(1turn)
    }
}

.c-loader {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    position: fixed;
    z-index: 1000
}

.c-loader,.c-loader:before {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.c-loader:before {
    background: rgba(0,0,0,.2);
    content: "";
    display: block;
    position: absolute;
    z-index: 1
}

.c-loader__content {
    align-items: center;
    background: var(--color-bg-reverse);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: var(--page-container-spacing);
    max-width: 40rem;
    padding: var(--spacing-7);
    width: 100%;
    z-index: 1
}

.c-loader__icon {
    animation: loader 1s linear infinite;
    background: conic-gradient(transparent 10%,var(--color-bg-accent));
    border-radius: 50%;
    -webkit-mask: radial-gradient(farthest-side,transparent calc(100% - .8rem),#000 0);
    position: relative;
    z-index: 1
}

.c-loader:not(.is-visible) {
    display: none
}

@media (max-width: 767px) {
    .c-loader__icon {
        height:9.1rem;
        width: 9.1rem
    }
}

@media (min-width: 768px) {
    .c-loader__icon {
        height:11.2rem;
        width: 11.2rem
    }
}

.c-rate {
    color: var(--color-bg-accent);
    display: flex
}

.c-rate--small svg {
    height: auto;
    width: 1.4rem
}

.c-rate--large svg {
    height: auto;
    width: 2.2rem
}

.c-sticky-anchor-nav {
    position: sticky;
    top: var(--header-height-sticky);
    z-index: 5
}

@media (max-width: 767px) {
    .c-sticky-anchor-nav {
        margin-top:calc(var(--spacing-16) - var(--spacing-7))
    }

    .c-sticky-anchor-nav .c-combobox__trigger {
        border-left: none;
        border-right: none;
        border-top: none;
        padding-left: var(--spacing-5);
        padding-right: var(--spacing-5)
    }

    .c-sticky-anchor-nav .c-combobox__content ul {
        padding: var(--spacing-1) 0
    }

    .c-sticky-anchor-nav .c-combobox__option,.c-sticky-anchor-nav .c-combobox__placeholder {
        font-family: var(--button-default-font-family);
        font-size: var(--button-default-font-size);
        font-weight: var(--button-default-font-weight);
        letter-spacing: var(--button-default-letter-spacing);
        line-height: var(--button-default-line-height);
        text-transform: var(--button-default-text-transform)
    }

    .c-sticky-anchor-nav .c-combobox__option {
        border: none;
        padding: var(--spacing-4) var(--spacing-5)
    }
}

@media (min-width: 768px) {
    .c-sticky-anchor-nav {
        background:var(--color-bg-reverse);
        border-bottom: .1rem solid var(--color-stroke-primary);
        padding-left: 5rem;
        padding-right: 5rem
    }

    .c-sticky-anchor-nav .c-slider__track {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(max(768px, min(1600px, 100vw - var(--page-container-spacing) * 2) / 12 * 10) + (2 * var(--page-container-spacing)));
        padding-left: var(--page-container-spacing);
        padding-right: var(--page-container-spacing);
        width: 100%
    }

    .c-sticky-anchor-nav .c-slider__slide {
        width: auto
    }

    .c-sticky-anchor-nav .c-slider__arrow {
        --button-icon-color: var(--color-text-primary);
        --button-icon-color-hover: var(--color-text-primary);
        --button-icon-color-active: var(--color-text-primary);
        --button-bg-color: transparent;
        --button-bg-color-hover: transparent;
        --button-bg-color-active: transparent;
        --button-border-color: transparent;
        --button-border-color-hover: transparent;
        --button-border-color-active: transparent
    }

    .c-sticky-anchor-nav .c-slider__arrow--prev {
        left: 0;
        transform: translateX(-100%) translateY(-50%)
    }

    .c-sticky-anchor-nav .c-slider__arrow--next {
        right: 0;
        transform: translateX(100%) translateY(-50%)
    }
}

@media (min-width: 1024px) {
    .c-sticky-anchor-nav {
        padding-left:var(--page-container-spacing);
        padding-right: var(--page-container-spacing)
    }

    .c-sticky-anchor-nav .c-slider__arrow {
        transform: translateY(-50%)
    }

    .c-sticky-anchor-nav .c-slider__arrow--prev {
        left: calc(max(var(--page-container-spacing), (100vw - 1600px) / 2) - var(--page-container-spacing))
    }

    .c-sticky-anchor-nav .c-slider__arrow--next {
        right: calc(max(var(--page-container-spacing), (100vw - 1600px) / 2) - var(--page-container-spacing))
    }
}

.c-back-to-top {
    bottom: var(--spacing-16);
    flex-direction: column;
    gap: 0;
    height: auto;
    opacity: 0;
    padding-bottom: var(--spacing-4);
    padding-top: var(--spacing-4);
    position: fixed;
    right: 0;
    visibility: hidden;
    z-index: 9
}

.c-back-to-top svg {
    height: 2rem;
    width: auto
}

.c-back-to-top__text {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .5s ease,padding .5s ease
}

.c-back-to-top__text-wrapper {
    overflow: hidden
}

.c-back-to-top__text-content {
    transform: rotate(-180deg);
    white-space: nowrap;
    writing-mode: vertical-rl
}

@media (hover: hover) and (pointer:fine) {
    .c-back-to-top:hover .c-back-to-top__text {
        grid-template-rows:1fr;
        padding-top: var(--spacing-4)
    }
}

.c-back-to-top.is-visible {
    opacity: 1;
    transition: all .2s ease-in-out;
    visibility: visible
}

@keyframes header-sticky {
    0% {
        top: calc(var(--header-height-sticky)*-1)
    }

    to {
        top: 0
    }
}

.c-header {
    background: var(--color-bg-reverse);
    border-bottom: .1rem solid var(--color-stroke-primary);
    z-index: 25
}

.c-header__main {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1600px + var(--page-container-spacing)*2);
    padding-left: var(--page-container-spacing);
    padding-right: var(--page-container-spacing);
    padding-top: var(--spacing-3);
    width: 100%
}

.c-header__logo {
    height: 4rem
}

.c-header__logo a {
    display: block;
    height: 100%
}

.c-header__logo img {
    height: 100%;
    width: auto
}

.c-header__logo-wrapper {
    height: 100%
}

.c-header__search {
    flex-grow: 1;
    z-index: 10
}

.c-header__search input {
    background: var(--color-bg-secondary);
    border-radius: .4rem;
    height: 3.2rem;
    padding-right: var(--spacing-12);
    width: 100%
}

.c-header__search input::-moz-placeholder {
    color: var(--color-text-secondary)
}

.c-header__search input::-webkit-input-placeholder {
    color: var(--color-text-secondary)
}

.c-header__search input:-ms-input-placeholder {
    color: var(--color-text-secondary)
}

.c-header__search input:not(:focus-visible):not(.is-invalid):not(.is-valid) {
    border-color: var(--color-bg-secondary)
}

.c-header__search input+.just-validate-error-label {
    margin-top: 0;
    position: absolute;
    top: 3.2rem
}

.c-header__search-field-wrapper {
    position: relative;
    width: 100%
}

.c-header__search-btn {
    background: none;
    border: none;
    height: 3.2rem;
    padding: 0;
    padding: 0 var(--spacing-3);
    position: absolute;
    right: 0;
    top: 0
}

.c-header__search-btn svg {
    color: var(--color-text-accent);
    height: 2.4rem;
    width: auto
}

.c-header__search-close {
    background: none;
    border: none;
    color: var(--color-text-primary);
    display: none;
    padding: 0
}

.c-header__search-close svg {
    height: 2.4rem
}

.c-header__right {
    display: flex;
    gap: var(--spacing-8);
    margin-left: auto
}

.c-header__links {
    align-items: center;
    display: flex;
    gap: var(--spacing-8);
    margin: 0;
    padding: 0
}

.c-header__links li {
    list-style: none;
    margin-bottom: 0
}

.c-header-link {
    align-items: flex-start;
    display: flex;
    position: relative
}

.c-header .c-langs .c-header-link__dropdown-trigger,.c-header-link__action {
    align-items: center;
    background: none;
    border: none;
    color: inherit;
    color: var(--color-text-secondary);
    display: flex;
    font-size: var(--body-xxs-regular-font-size);
    font-weight: var(--body-xxs-regular-font-weight);
    gap: var(--spacing-2);
    line-height: var(--body-xxs-regular-line-height);
    padding: 0;
    text-decoration: none;
    transition: none
}

.c-header .c-langs .c-header-link__dropdown-trigger svg,.c-header-link__action svg {
    height: 2rem;
    width: 2rem
}

.c-header .c-langs .c-header-link__dropdown,.c-header-link__dropdown {
    background: var(--color-bg-reverse);
    box-shadow: .3rem .3rem .7rem -.4rem rgba(91,103,112,.3);
    display: none;
    margin: 0;
    min-width: 100%;
    padding: 0;
    padding: var(--spacing-2);
    position: absolute;
    right: 0;
    top: var(--spacing-6);
    z-index: 11
}

.c-header .c-langs .c-header-link__dropdown li,.c-header-link__dropdown li {
    list-style: none;
    margin-bottom: 0
}

.c-header .c-langs .is-visible.c-header-link__dropdown,.c-header-link__dropdown.is-visible {
    display: block
}

.c-header .c-langs .c-header-link__dropdown li:not(:last-child),.c-header-link__dropdown li:not(:last-child) {
    margin-bottom: var(--spacing-1)
}

.c-header .c-langs .c-header-link__dropdown a,.c-header-link__dropdown a {
    border: none;
    display: block;
    font-size: var(--body-xxs-regular-font-size);
    font-weight: var(--body-xxs-regular-font-weight);
    line-height: var(--body-xxs-regular-line-height)
}

.c-header-link__dropdown-trigger {
    align-items: center;
    background: none;
    border: none;
    display: flex;
    gap: var(--spacing-1);
    padding: 0
}

.c-header .c-langs .is-visible .c-header-link__dropdown-icon,.is-visible .c-header .c-langs .c-header-link__dropdown-icon,.is-visible .c-header-link__dropdown-icon {
    transform: rotate(180deg);
    transition: transform .2s ease
}

.c-header__search-mobile-btn,.c-header__search-mobile-btn .is-active {
    display: none
}

.c-header .c-langs .c-header__menu-mobile-btn .c-header-link__dropdown-trigger svg,.c-header__menu-mobile-btn .c-header .c-langs .c-header-link__dropdown-trigger svg,.c-header__menu-mobile-btn .c-header-link__action svg {
    color: var(--color-text-primary)
}

.c-header.is-sticky {
    animation: header-sticky .2s ease;
    left: 0;
    position: sticky;
    top: 0
}

.c-header .c-langs .c-header-link__dropdown {
    min-width: 5rem
}

.c-header .c-langs .is-selected {
    color: var(--color-text-accent)
}

@media (max-width: 1279px) {
    .c-header__main {
        flex-wrap:wrap
    }

    .c-header__dispatch-layout {
        padding-bottom: 0
    }

    .c-header__logo {
        margin-bottom: var(--spacing-3);
        order: 1
    }

    .c-header__search {
        flex-basis: 100%;
        order: 3;
        padding-bottom: var(--spacing-4);
        padding-top: var(--spacing-4);
        position: relative;
        transition: padding .05s ease,height .05s ease
    }

    .c-header__search:before {
        background: var(--color-stroke-primary);
        content: "";
        height: .1rem;
        left: calc(var(--page-container-spacing)*-1);
        position: absolute;
        top: 0;
        width: calc(100% + var(--page-container-spacing)*2)
    }

    .c-header__search-wrapper {
        display: flex;
        gap: var(--spacing-3)
    }

    .c-header__right {
        margin-bottom: var(--spacing-3);
        order: 2
    }

    .c-header-link:not(.is-mobile-visible) {
        display: none
    }

    .c-header .c-langs .c-header-link__dropdown-trigger svg,.c-header-link__action svg {
        color: var(--color-text-accent);
        height: 2.4rem;
        width: 2.4rem
    }

    .c-header .c-langs .c-header-link__dropdown,.c-header-link__dropdown {
        min-width: 10rem;
        padding: var(--spacing-3)
    }

    .c-header .c-langs .c-header-link__dropdown li:not(:last-child),.c-header-link__dropdown li:not(:last-child) {
        margin-bottom: var(--spacing-2)
    }

    .c-header .c-langs .c-header-link__dropdown-icon,.c-header-link__dropdown-icon {
        display: none
    }

    .is-mobile-visible .c-header-link__label {
        clip: rect(.1rem,.1rem,.1rem,.1rem);
        word-wrap: normal;
        height: .1rem;
        overflow: hidden;
        position: absolute!important;
        width: .1rem
    }

    .c-header.is-sticky:not(.c-header--no-search) .c-header__search:not(.is-active) {
        height: 0;
        opacity: 0;
        padding: 0;
        position: absolute;
        top: calc(var(--header-height-sticky)*-1);
        transition: none;
        visibility: hidden
    }

    .c-header--no-search .c-header__search,.c-header.is-sticky .c-header__search {
        background: var(--color-bg-reverse);
        border-bottom: .1rem solid var(--color-stroke-primary);
        display: none;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: calc(1600px + var(--page-container-spacing)*2);
        padding-left: var(--page-container-spacing);
        padding-right: var(--page-container-spacing);
        position: absolute;
        top: 6.5rem;
        width: 100%
    }

    .c-header--no-search .c-header__search:before,.c-header.is-sticky .c-header__search:before {
        display: none
    }

    .c-header--no-search .c-header__search-close,.c-header--no-search .c-header__search.is-active,.c-header.is-sticky .c-header__search-close,.c-header.is-sticky .c-header__search.is-active {
        display: block
    }

    .c-header--no-search .c-header__search-mobile-btn,.c-header.is-sticky .c-header__search-mobile-btn {
        display: inherit
    }
}

@media (min-width: 1280px) {
    .c-header__main {
        gap:var(--spacing-2) var(--spacing-20)
    }

    .c-header__logo {
        height: 4.5rem;
        order: 1
    }

    .c-header__dispatch-layout {
        padding-bottom: var(--spacing-3)
    }

    .c-header__search {
        order: 2
    }

    .c-header__search-field-wrapper {
        max-width: 54rem
    }

    .c-header__right {
        order: 3
    }

    .c-header__links {
        height: 3.2rem
    }

    .c-header__menu-mobile-btn {
        display: none
    }
}

.c-footer__newsletter .c-button,.c-footer__newsletter .c-button-icon,.c-footer__newsletter .c-rich-text-editor__btn {
    --button-icon-color: var(--color-text-accent);
    --button-bg-color-active: var(--color-bg-accent);
    --button-border-color-active: var(--color-stroke-accent);
    width: 100%
}

.c-footer__short-nav {
    order: 1
}

.c-footer__short-nav a {
    border-bottom: none!important;
    margin-bottom: 0!important;
    margin-right: var(--spacing-5)
}

.c-footer__social-icon svg {
    height: 2rem;
    width: 2rem
}

.c-footer-link__dropdown {
    background: var(--color-bg-reverse);
    box-shadow: .3rem .3rem .7rem -.4rem rgba(91,103,112,.3);
    display: none;
    margin: 0;
    min-width: 100%;
    padding: 0;
    padding: var(--spacing-2);
    position: absolute;
    right: 0;
    top: calc(var(--spacing-16)*-1);
    z-index: 11
}

.c-footer-link__dropdown li {
    list-style: none;
    margin-bottom: 0
}

.c-footer-link__dropdown.is-visible {
    display: block
}

.c-footer-link__dropdown li:not(:last-child) {
    margin-bottom: var(--spacing-1)
}

.c-footer-link__dropdown a {
    border: none;
    display: block;
    font-size: var(--body-xxs-regular-font-size);
    font-weight: var(--body-xxs-regular-font-weight);
    line-height: var(--body-xxs-regular-line-height)
}

.c-footer-link__dropdown a.current {
    color: var(--color-text-accent)
}

.c-footer-link__dropdown-trigger {
    align-items: center;
    background: none;
    border: none;
    display: flex;
    gap: var(--spacing-1);
    padding: 0
}

.c-footer-link__dropdown-trigger svg {
    height: 1.5rem;
    width: auto
}

.c-footer-link__dropdown-trigger.is-visible svg {
    transform: rotate(180deg);
    transition: transform .2s ease
}

.c-footer__menu a {
    margin-bottom: var(--spacing-6)
}

.c-footer__link {
    --link-color: var(--color-text-primary);
    --link-color-hover: var(--color-text-accent);
    --link-color-disabled: var(--color-text-tertiary);
    --link-underline-color: var(--color-stroke-primary);
    --link-underline-color-disabled: var(--color-stroke-primary)
}

.c-footer__lower {
    background: var(--g-bg-dark)
}

.c-footer__lower-wrapper {
    position: relative
}

.c-footer__copyright {
    order: 0
}

.c-footer__lang-wrapper {
    bottom: 0;
    position: absolute;
    right: 0
}

.c-footer__langs {
    position: relative
}

.c-footer .c-section-pictos__item svg {
    color: var(--color-text-accent)
}

@media (max-width: 1279px) {
    .c-prefooter .c-section-pictos__items {
        flex-direction:row;
        flex-wrap: wrap;
        margin: 0 calc(var(--page-container-spacing)*-1)
    }

    .c-prefooter .c-section-pictos__item {
        align-items: center;
        flex: 0 0 50%;
        flex-direction: column;
        padding: var(--spacing-5)
    }

    .c-prefooter .c-section-pictos__item:first-child {
        border-bottom: .1rem solid var(--color-stroke-primary);
        flex: 0 0 100%
    }

    .c-prefooter .c-section-pictos__item:nth-child(2) {
        border-right: .1rem solid var(--color-stroke-primary)
    }

    .c-footer__menu .last-menu__item {
        display: flex;
        gap: var(--spacing-5);
        justify-content: center
    }

    .c-footer__menu-last-grid {
        margin-top: var(--spacing-5);
        text-align: center
    }

    .c-footer__nav-sites-wrapper {
        text-align: center
    }
}

@media (min-width: 768px) {
    .c-prefooter.c-section-pictos--full .c-section-pictos__items {
        margin-top:0
    }
}

@media (min-width: 1280px) {
    .c-prefooter .c-section-pictos__item {
        flex:1
    }

    .c-footer__newsletter {
        order: 4
    }

    .c-footer__menu-last-grid {
        text-align: left
    }

    .c-footer__nav-sites-wrapper {
        align-items: center;
        display: flex;
        gap: var(--spacing-5);
        text-align: left
    }

    .c-footer__lower-wrapper {
        align-items: center;
        display: flex;
        gap: var(--spacing-10)
    }
}

.c-breadcrumb {
    padding-bottom: var(--spacing-3);
    padding-top: var(--spacing-3);
    position: relative
}

.c-breadcrumb:after {
    background: linear-gradient(270deg,#fff,hsla(0,0%,100%,.2));
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 8%
}

.c-breadcrumb>div,.c-breadcrumb>ol,.c-breadcrumb>ul {
    -ms-overflow-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-right: calc(var(--page-container-spacing)*-1);
    overflow-x: auto;
    padding-right: 8%;
    scrollbar-width: none;
    white-space: nowrap
}

.c-breadcrumb>div::-webkit-scrollbar,.c-breadcrumb>ol::-webkit-scrollbar,.c-breadcrumb>ul::-webkit-scrollbar {
    display: none
}

.c-breadcrumb>div li:first-child,.c-breadcrumb>ol li:first-child,.c-breadcrumb>ul li:first-child {
    margin-left: 0
}

@media (max-width: 767px) {
    .c-breadcrumb {
        cursor:pointer
    }
}

.c-breadcrumb__list {
    align-items: center;
    display: flex;
    gap: var(--spacing-3);
    margin: 0;
    padding: 0
}

.c-breadcrumb__list li {
    list-style: none;
    margin-bottom: 0
}

.c-breadcrumb__item {
    align-items: center;
    display: flex;
    gap: var(--spacing-2);
    padding-bottom: .1rem
}

.c-breadcrumb__item svg {
    height: 1.6rem;
    width: auto
}

.c-breadcrumb__link {
    color: var(--color-text-primary);
    text-decoration: underline;
    text-decoration-color: var(--color-stroke-secondary);
    text-underline-offset: .2rem;
    text-underline-position: under
}

.c-breadcrumb__link,.c-breadcrumb__text {
    display: inline-block;
    font-size: var(--body-xxs-regular-font-size);
    font-weight: var(--body-xxs-regular-font-weight);
    line-height: var(--body-xxs-regular-line-height)
}

@media (min-width: 768px) {
    .c-breadcrumb__item svg {
        transform:rotate(180deg)
    }
}

.avene-bleu-cleanance {
    color: #008c95!important
}

.avene-vert-cicalfate {
    color: #49c5b1!important
}

.avene-orange-solaire {
    color: #f60!important
}

.avene-salmon {
    color: #ff8674!important
}

.c-menu {
    flex-basis: 100%;
    order: 4
}

.c-menu__bar {
    display: flex;
    margin: 0;
    padding: 0
}

.c-menu__bar li {
    list-style: none;
    margin-bottom: 0
}

.c-menu__item-link {
    align-items: center;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--button-default-font-family);
    font-size: var(--button-default-font-size);
    font-weight: var(--button-default-font-weight);
    gap: var(--spacing-1);
    letter-spacing: var(--button-default-letter-spacing);
    line-height: var(--button-default-line-height);
    padding: 0;
    text-decoration: none;
    text-transform: var(--button-default-text-transform);
    transition: none
}

.c-menu__item-link img {
    flex-shrink: 0;
    height: 1.2rem;
    margin-right: var(--spacing-1);
    object-fit: cover;
    width: 1.2rem
}

.c-header .c-langs .c-menu .c-header-link__dropdown-trigger svg,.c-menu .c-header .c-langs .c-header-link__dropdown-trigger svg,.c-menu .c-header-link__action svg {
    color: var(--color-text-primary)
}

@media (max-width: 1279px) {
    .c-menu {
        background-color:var(--color-bg-reverse);
        left: 0;
        max-height: calc(100vh - var(--header-height-sticky));
        opacity: 0;
        position: fixed;
        top: calc(var(--header-height-sticky));
        transform: translateY(2rem);
        transition: all .2s ease-in;
        visibility: hidden;
        width: 100vw;
        z-index: 100
    }

    .c-menu.is-visible {
        opacity: 1;
        transform: translateY(0);
        transition: all .2s ease-out;
        visibility: visible
    }

    .c-menu__bar {
        display: flex;
        flex-direction: column
    }

    .c-menu__item-link {
        border-bottom: none!important;
        padding: var(--spacing-4) var(--page-container-spacing);
        width: 100%
    }

    .c-menu__item-arrow {
        height: auto;
        margin-left: auto;
        width: 2.4rem
    }

    .c-menu__content {
        background: var(--color-bg-reverse);
        height: 100vh;
        left: 0;
        opacity: 0;
        position: fixed;
        top: calc(var(--header-height-sticky)*-1);
        transform: translateX(-2rem);
        transition: all .2s ease-in;
        visibility: hidden;
        width: 100vw;
        z-index: 1
    }

    .c-menu__content.is-closing {
        transform: translateY(2rem)
    }

    .c-menu__content.is-visible {
        opacity: 1;
        transform: translateX(0);
        transition: all .2s ease-out;
        visibility: visible
    }

    .c-menu__content.is-visible.is-closing {
        transform: translateY(0)
    }

    .c-menu__quick-access {
        background: var(--color-bg-secondary)
    }

    .c-menu__quick-access .c-header-link:not(.is-mobile-visible) {
        display: block;
        flex-basis: 0;
        flex-grow: 1
    }

    .c-menu__quick-access .c-header-link.is-mobile-visible {
        display: none
    }

    .c-header .c-langs .c-menu__quick-access .c-header-link__dropdown-trigger,.c-menu__quick-access .c-header .c-langs .c-header-link__dropdown-trigger,.c-menu__quick-access .c-header-link__action {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: var(--spacing-3);
        height: 100%;
        justify-content: center;
        padding: var(--spacing-4) var(--spacing-2) var(--spacing-3) var(--spacing-2);
        text-align: center;
        width: 100%
    }
}

@media (min-width: 1280px) {
    .c-menu__bar {
        gap:var(--spacing-8)
    }

    .c-menu__item-link {
        border-bottom: .1rem solid transparent;
        padding: var(--spacing-3) 0
    }

    .c-menu__item-link.is-visible,.c-menu__item-link:hover {
        border-bottom: .1rem solid
    }

    .c-menu__item-arrow {
        display: none
    }

    .c-menu__content {
        background-color: var(--color-bg-reverse);
        display: block;
        height: 100%;
        left: 0;
        max-height: min(56.8rem,100vh - var(--header-height));
        opacity: 0;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        scrollbar-gutter: stable;
        top: calc(var(--header-height));
        transform: translateY(2rem);
        transition: all .2s ease-in;
        visibility: hidden;
        width: 100vw;
        z-index: 100
    }

    @-moz-document url-prefix() {
        .c-menu__content {
            scrollbar-color: var(--color-stroke-secondary) #fff;
            scrollbar-width: .4rem
        }
    }

    .c-menu__content::-webkit-scrollbar {
        width: .4rem
    }

    .c-menu__content::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 10rem
    }

    .c-menu__content::-webkit-scrollbar-thumb {
        background-color: var(--color-stroke-secondary);
        border-radius: 10rem
    }

    .c-menu__content.is-visible {
        opacity: 1;
        transform: translateY(0);
        transition: all .2s ease-out;
        visibility: visible
    }

    .c-menu__quick-access {
        display: none
    }
}

.c-menu-content__col-title {
    color: var(--color-text-highlight);
    margin-bottom: var(--spacing-3)
}

.c-menu-content__col-list a,.c-menu-content__col-title {
    font-size: var(--body-s-regular-font-size);
    font-weight: var(--body-s-regular-font-weight);
    line-height: var(--body-s-regular-line-height)
}

.c-menu-content__col-list a {
    color: inherit;
    text-decoration: none;
    transition: none
}

.c-menu-content__col-list a:hover {
    color: var(--color-text-highlight);
    transition: all .2s ease-in-out
}

.c-menu-content--mini-cards .c-menu-content__mini-cards-list {
    display: grid;
    gap: var(--spacing-5);
    grid-auto-rows: 1fr
}

.c-menu-content--mini-cards .c-menu-content__mini-cards-item {
    overflow: hidden
}

.c-menu-content--mini-cards .c-menu-content__mini-card {
    height: 100%;
    position: relative;
    width: 100%
}

.c-menu-content--mini-cards .c-menu-content__mini-card:before {
    background: rgba(0,0,0,.2);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.c-menu-content--mini-cards .c-menu-content__mini-card-link {
    align-items: center;
    color: inherit;
    color: var(--color-text-reverse);
    display: flex;
    font-family: var(--h7-font-family);
    font-size: var(--h7-font-size);
    font-weight: var(--h7-font-weight);
    height: 100%;
    justify-content: center;
    left: 0;
    letter-spacing: var(--h7-letter-spacing);
    line-height: var(--h7-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0;
    padding: var(--spacing-3);
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    transition: none;
    width: 100%;
    z-index: 3
}

.c-menu-content--mini-cards .c-menu-content__mini-card-link:focus-visible {
    color: var(--color-text-accent)
}

.c-menu-content--mini-cards .c-menu-content__mini-card img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.c-menu-content--sublevel .c-menu-content__link:not(.is-visible) {
    display: none
}

@media (max-width: 1279px) {
    .c-menu-content {
        height:100%;
        overflow-y: auto
    }

    .c-menu-content__header {
        align-items: center;
        background: var(--color-bg-accent);
        display: flex;
        justify-content: space-between;
        position: sticky;
        top: 0;
        z-index: 5
    }

    .c-menu-content__header-close,.c-menu-content__header-return {
        align-items: center;
        background: none;
        border: none;
        color: var(--color-text-reverse);
        display: flex;
        font-family: var(--button-default-font-family);
        font-size: var(--button-default-font-size);
        font-weight: var(--button-default-font-weight);
        gap: var(--spacing-1);
        letter-spacing: var(--button-default-letter-spacing);
        line-height: var(--button-default-line-height);
        padding: 0;
        padding: var(--spacing-5) var(--page-container-spacing);
        text-transform: var(--button-default-text-transform)
    }

    .c-menu-content__header-close svg,.c-menu-content__header-return svg {
        height: auto;
        width: 2.4rem
    }

    .c-menu-content__tabs {
        margin-top: var(--spacing-7);
        position: relative
    }

    .c-menu-content__tabs>div,.c-menu-content__tabs>ol,.c-menu-content__tabs>ul {
        -ms-overflow-style: none;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none;
        white-space: nowrap
    }

    .c-menu-content__tabs>div::-webkit-scrollbar,.c-menu-content__tabs>ol::-webkit-scrollbar,.c-menu-content__tabs>ul::-webkit-scrollbar {
        display: none
    }

    .c-menu-content__tabs>div li:first-child,.c-menu-content__tabs>ol li:first-child,.c-menu-content__tabs>ul li:first-child {
        margin-left: 0
    }
}

@media (max-width: 1279px) and (max-width:767px) {
    .c-menu-content__tabs {
        cursor:pointer
    }
}

@media (max-width: 1279px) {
    .has-two-items .c-menu-content__tabs-item {
        flex-basis:50%
    }

    .c-menu-content__tabs-link {
        background: none;
        border: none;
        border-bottom: .2rem solid transparent;
        color: var(--color-text-primary);
        font-family: var(--button-default-font-family);
        font-size: var(--button-default-font-size);
        font-weight: var(--button-default-font-weight);
        letter-spacing: var(--button-default-letter-spacing);
        line-height: var(--button-default-line-height);
        padding: 0;
        padding: var(--spacing-5) var(--spacing-6);
        text-transform: var(--button-default-text-transform)
    }

    .c-menu-content__tabs-link.is-visible {
        border-color: var(--g-stroke);
        color: var(--g-text)
    }

    .has-two-items .c-menu-content__tabs-link {
        width: 100%
    }

    .c-menu-content__tabs-panel {
        height: 0;
        left: var(--page-container-spacing);
        opacity: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        transition: opacity .2s ease-in,visibility .2s ease-in;
        visibility: hidden;
        z-index: -1
    }

    .c-menu-content__tabs-panel.is-visible {
        height: auto;
        opacity: 1;
        position: static;
        transition: all .2s ease-out;
        visibility: visible;
        z-index: auto
    }

    .c-menu-content__pushs {
        padding: 0 var(--page-container-spacing)
    }

    .c-menu-content__pushs,.c-menu-content__pushs-col {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-5)
    }

    .c-menu-content__push {
        aspect-ratio: .58;
        width: 100%
    }

    .c-menu-content__push-small {
        aspect-ratio: 1.5
    }

    .c-menu-content--columns .c-menu-content__main,.c-menu-content--sublevel .c-menu-content__main {
        padding: var(--spacing-7) 0
    }

    .c-menu-content--columns .c-menu-content__main-wrapper,.c-menu-content--sublevel .c-menu-content__main-wrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(1600px + var(--page-container-spacing)*2);
        padding-left: var(--page-container-spacing);
        padding-right: var(--page-container-spacing);
        position: relative;
        width: 100%
    }

    .c-menu-content--columns .c-menu-content__col-title,.c-menu-content--sublevel .c-menu-content__col-title {
        display: none
    }

    .c-menu-content--columns .c-menu-content__col a,.c-menu-content--sublevel .c-menu-content__col a {
        display: block;
        padding: var(--spacing-3) 0;
        width: 100%
    }

    .c-menu-content--sublevel .c-menu-content__main {
        padding-bottom: 0
    }

    .c-menu-content--sublevel .c-menu-content__pushs {
        margin: var(--spacing-7) 0 0 0;
        padding: 0
    }

    .c-menu-content--sublevel .c-menu-content__link {
        padding: var(--spacing-3) 0
    }

    .c-menu-content--mini-cards .c-menu-content__main {
        padding: var(--spacing-7) var(--page-container-spacing) var(--spacing-5) var(--page-container-spacing)
    }

    .c-menu-content--mini-cards .c-menu-content__mini-cards-list {
        grid-template-columns: 1fr;
        margin-top: var(--spacing-7)
    }

    .c-menu-content--mini-cards .c-menu-content__mini-card {
        aspect-ratio: 2.8
    }

    .c-menu-content--mini-cards .c-menu-content__link {
        display: none
    }
}

@media (min-width: 768px) and (max-width:1279px) {
    .c-menu-content__pushs {
        display:grid;
        grid-template-columns: 1fr 1fr
    }

    .c-menu-content__pushs-col {
        flex-direction: row
    }
}

@media (min-width: 1280px) {
    .c-menu-content {
        display:flex;
        justify-content: space-between;
        min-height: 100%
    }

    .c-menu-content__header {
        display: none
    }

    .c-menu-content__main {
        padding: var(--spacing-10) 0 var(--spacing-10) max(var(--page-container-spacing),(100vw - 1600px)/2)
    }

    .c-menu-content__col-list {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-3);
        overflow-y: auto;
        scrollbar-gutter: stable
    }

    @-moz-document url-prefix() {
        .c-menu-content__col-list {
            scrollbar-color: var(--color-stroke-secondary) #fff;
            scrollbar-width: .4rem
        }
    }

    .c-menu-content__col-list::-webkit-scrollbar {
        width: .4rem
    }

    .c-menu-content__col-list::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 10rem
    }

    .c-menu-content__col-list::-webkit-scrollbar-thumb {
        background-color: var(--color-stroke-secondary);
        border-radius: 10rem
    }

    .c-menu-content__pushs {
        display: flex;
        flex-shrink: 0
    }

    .c-menu-content__pushs-col {
        display: grid;
        flex-grow: 1;
        gap: var(--spacing-5);
        grid-auto-rows: 1fr;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        width: calc(25vw + var(--spacing-3))
    }

    .c-menu-content__push {
        height: 100%;
        width: 25vw
    }

    .c-menu-content__push:last-child {
        margin-left: var(--spacing-3)
    }

    .c-menu-content__push-small {
        height: 100%;
        width: 100%
    }

    .c-menu-content--mini-cards .c-menu-content__main {
        flex-grow: 1
    }

    .c-menu-content--mini-cards .c-menu-content__main-wrapper {
        display: flex;
        flex-direction: column;
        height: 100%;
        max-width: 89.2rem
    }

    .c-menu-content--mini-cards .c-menu-content__mini-cards-list {
        flex-grow: 1;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: 1fr 1fr 1fr
    }

    .c-menu-content--mini-cards .c-menu-content__mini-card {
        aspect-ratio: 2
    }

    .c-menu-content--mini-cards__link {
        margin-top: var(--spacing-4)
    }

    .c-menu-content--sublevel {
        height: 100%
    }

    .c-menu-content--sublevel .c-menu-content__main {
        display: flex;
        gap: var(--spacing-16);
        width: 100%
    }

    .c-menu-content--sublevel .c-menu-content__main-wrapper {
        flex-grow: 1;
        position: relative
    }

    .c-menu-content--sublevel .c-menu-content__col-left {
        border-right: .1rem solid var(--color-stroke-secondary);
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        padding-right: var(--spacing-10);
        width: 30.4rem
    }

    .c-menu-content--sublevel .c-menu-content__tabs-list {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-5)
    }

    .c-menu-content--sublevel .c-menu-content__tabs-link {
        background: none;
        border: none;
        font-family: var(--h4-font-family);
        font-size: var(--h4-font-size);
        font-weight: var(--h4-font-weight);
        letter-spacing: var(--h4-letter-spacing);
        line-height: var(--h4-line-height);
        margin-bottom: var(--spacing-4);
        margin-top: 0;
        padding: 0
    }

    .c-menu-content--sublevel .c-menu-content__tabs-link.is-visible,.c-menu-content--sublevel .c-menu-content__tabs-link:focus-visible {
        color: var(--color-text-accent);
        transition: all .2s ease-in-out
    }

    .c-menu-content--sublevel .c-menu-content__tabs-panel {
        display: flex;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: opacity .1s ease-out,visibility .1s ease-out;
        visibility: hidden;
        width: 100%;
        z-index: -1
    }

    .c-menu-content--sublevel .c-menu-content__tabs-panel.is-visible {
        opacity: 1;
        position: static;
        transition: all .1s ease-in;
        visibility: visible;
        z-index: auto
    }

    .c-menu-content--sublevel .c-menu-content__cols {
        display: grid;
        flex-grow: 1;
        gap: var(--spacing-16);
        grid-auto-rows: 1fr;
        grid-template-columns: 1fr 1fr
    }

    .c-menu-content--sublevel .c-menu-content__col {
        overflow: hidden;
        padding: 0 var(--spacing-4) 0 var(--spacing-10)
    }

    .c-menu-content--sublevel .c-menu-content__col-list {
        height: 100%
    }

    .c-menu-content--sublevel .c-menu-content__pushs {
        margin-bottom: calc(var(--spacing-10)*-1);
        margin-top: calc(var(--spacing-10)*-1);
        min-width: 25vw
    }

    .c-menu-content--sublevel .c-menu-content__link {
        bottom: 0;
        left: -36.8rem;
        padding-right: var(--spacing-10);
        position: absolute;
        width: 30.4rem
    }

    .c-menu-content--columns .c-menu-content__main {
        display: flex;
        flex-direction: column;
        flex-shrink: 0
    }

    .c-menu-content--columns .c-menu-content__main-wrapper {
        display: flex;
        gap: var(--spacing-16);
        justify-content: space-between
    }

    .c-menu-content--columns .c-menu-content__tabs {
        display: none
    }

    .c-menu-content--columns .c-menu-content__col {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        max-height: min(42rem,60vh);
        overflow: hidden;
        padding-left: var(--spacing-10);
        padding-right: var(--spacing-4);
        width: calc(25vw - max(var(--page-container-spacing), (100vw - 1600px) / 2)/3 - var(--spacing-3)/3 - var(--spacing-16)*2/3)
    }

    .c-menu-content--columns .c-menu-content__col:nth-child(3) {
        border-left: .1rem solid var(--color-stroke-secondary)
    }

    .c-menu-content--columns .c-menu-content__link {
        margin-top: var(--spacing-3)
    }
}

.c-menu-card {
    height: 100%;
    position: relative;
    width: 100%
}

.c-menu-card:before {
    background: rgba(0,0,0,.2);
    content: "";
    display: block;
    z-index: 1
}

.c-menu-card:before,.c-menu-card__link-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-menu-card__link-overlay {
    z-index: 3
}

.c-menu-card__content {
    align-items: center;
    color: var(--color-text-reverse);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: var(--spacing-5);
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

.c-menu-card img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.c-pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0
}

.c-pagination li {
    list-style: none;
    margin-bottom: 0
}

.c-pagination__arrow-link {
    align-items: center;
    background: none;
    border: none;
    color: inherit;
    color: var(--color-text-primary);
    display: flex;
    height: 5rem;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    transition: none;
    width: 5rem
}

.c-pagination__arrow-link svg {
    height: auto;
    width: 2rem
}

.disabled .c-pagination__arrow-link {
    color: var(--color-text-tertiary);
    cursor: default
}

.c-pagination__link {
    align-items: center;
    background: none;
    border: none;
    color: inherit;
    color: var(--color-text-tertiary);
    display: flex;
    height: 4rem;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    transition: none;
    width: 4rem
}

.c-pagination__link:hover {
    color: var(--color-text-accent);
    transition: all .2s ease-in-out
}

.active .c-pagination__link {
    color: var(--color-text-primary)
}

.c-pagination .sr-only {
    clip: rect(.1rem,.1rem,.1rem,.1rem);
    word-wrap: normal;
    height: .1rem;
    overflow: hidden;
    position: absolute!important;
    width: .1rem
}

@media (max-width: 767px) {
    .c-pagination--desktop {
        display:none
    }
}

@media (min-width: 768px) {
    .c-pagination--mobile {
        display:none
    }
}

.c-styleguide {
    background-color: #f6edff;
    padding: var(--spacing-16) 0
}

.c-styleguide__section {
    margin-bottom: var(--spacing-16)
}

.c-styleguide__title {
    font-family: var(--h4-font-family);
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height);
    margin-bottom: var(--spacing-8);
    margin-top: 0
}

.c-styleguide__subtitle {
    font-size: var(--body-xs-regular-font-size);
    font-weight: var(--body-xs-regular-font-weight);
    line-height: var(--body-xs-regular-line-height)
}

.c-styleguide__grid .o-grid,.c-styleguide__grid [class*=" o-grid__col"] {
    border: .1rem solid var(--color-stroke-primary)
}

.c-styleguide__grid [class*=" o-grid__col"] {
    background: var(--color-bg-secondary);
    font-size: var(--body-xxs-regular-font-size);
    font-weight: var(--body-xxs-regular-font-weight);
    line-height: var(--body-xxs-regular-line-height);
    padding: var(--spacing-3);
    text-align: center
}

.c-block {
    scroll-margin-top: calc(var(--header-height-scroll) + var(--sticky-anchor-nav))
}

.c-block--100-with-margins {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(max(768px, min(1600px, 100vw - var(--page-container-spacing) * 2) / 12 * 10) + (2 * var(--page-container-spacing)));
    padding-left: var(--page-container-spacing);
    padding-right: var(--page-container-spacing);
    width: 100%
}

.c-block--50-with-margins,.c-block--50-without-margins {
    padding-bottom: var(--spacing-10);
    padding-top: var(--spacing-10)
}

.c-block--50-with-margins.c-block--auto+.c-block--auto:not(.c-block--inner-margins) {
    padding-left: 0
}

@media (max-width: 1023px) {
    .c-block--50-with-margins.c-block--auto+.c-block--50-with-margins.c-block--auto,.c-block--50-with-margins.c-block--auto+.c-block--50-without-margins.c-block--auto,.c-block--50-with-margins.c-block--right,.c-block--50-without-margins.c-block--right {
        padding-top:0
    }

    .c-block--50-with-margins.c-block--reverse-mobile,.c-block--50-without-margins.c-block--reverse-mobile {
        order: -1
    }

    .c-block--50-with-margins:not(.c-block--no-margins-mobile),.c-block--50-without-margins.c-block--inner-margins {
        padding-left: var(--page-container-spacing);
        padding-right: var(--page-container-spacing)
    }

    .c-block--50-with-margins:not(.c-block--no-margins-mobile) {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(max(768px, min(1600px, 100vw - var(--page-container-spacing) * 2) / 12 * 10) + (2 * var(--page-container-spacing)));
        width: 100%
    }
}

@media (min-width: 1024px) {
    .c-block--inner-margins.c-block--50-with-margins.c-block--auto,.c-block--inner-margins.c-block--left {
        padding-right:var(--spacing-12)
    }

    .c-block--50-with-margins.c-block--auto+.c-block--inner-margins.c-block--auto,.c-block--inner-margins.c-block--right {
        padding-left: var(--spacing-12)
    }

    .c-block--50-with-margins,.c-block--50-without-margins {
        align-items: center;
        display: flex;
        height: 100%
    }

    .c-block--50-with-margins.c-block--stretch,.c-block--50-without-margins.c-block--stretch {
        align-items: stretch
    }

    .c-block--50-with-margins.c-block--auto,.c-block--50-with-margins.c-block--left {
        padding-left: calc(max(var(--page-container-spacing), (100vw - 1600px) / 2) + min(1600px, 100vw - var(--page-container-spacing) * 2)/12)
    }

    .c-block--50-with-margins.c-block--auto+.c-block--50-with-margins.c-block--auto,.c-block--50-with-margins.c-block--right {
        padding-right: calc(max(var(--page-container-spacing), (100vw - 1600px) / 2) + min(1600px, 100vw - var(--page-container-spacing) * 2)/12)
    }

    .c-block--50-without-margins.c-block--50-with-margins.c-block--auto,.c-block--50-without-margins.c-block--left {
        padding-left: calc(50vw - 960px)
    }

    .c-block--50-without-margins.c-block--inner-margins.c-block--50-with-margins.c-block--auto,.c-block--50-without-margins.c-block--left.c-block--inner-margins {
        padding-left: max(var(--page-container-spacing),(100vw - 1600px)/2)
    }

    .c-block--50-with-margins.c-block--auto+.c-block--50-without-margins.c-block--auto,.c-block--50-without-margins.c-block--right {
        padding-right: calc(50vw - 960px)
    }

    .c-block--50-with-margins.c-block--auto+.c-block--50-without-margins.c-block--inner-margins.c-block--auto,.c-block--50-without-margins.c-block--right.c-block--inner-margins {
        padding-right: max(var(--page-container-spacing),(100vw - 1600px)/2)
    }
}

.c-banner {
    --banner-padding: var(--spacing-20);
    --banner-padding-mobile: var(--spacing-20);
    --banner-min-height-desktop: 33.6rem;
    --banner-min-height-mobile: 31.8rem;
    width: 100%
}

.c-banner__wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    padding-bottom: var(--banner-padding);
    padding-top: var(--banner-padding);
    position: relative;
    width: 100%
}

.c-banner__content {
    position: relative;
    width: 100%;
    z-index: 2
}

.c-banner__link-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.c-banner__description * {
    font-size: var(--body-xs-regular-font-size);
    font-weight: var(--body-xs-regular-font-weight);
    line-height: var(--body-xs-regular-line-height)
}

.c-banner--content-reverse .c-banner__content,.c-banner--content-reverse .c-banner__text,.c-banner--content-reverse .c-rich-heading--s .c-rich-heading__sub-heading,.c-banner--content-reverse .c-rich-heading--xs .c-rich-heading__sub-heading,.c-banner--content-reverse .c-subtitle,.c-banner--content-reverse h1,.c-banner--content-reverse p,.c-banner--content-reverse svg {
    color: var(--color-text-reverse)
}

.c-banner--content-background .c-banner__content {
    background: var(--color-bg-reverse);
    padding: var(--spacing-16) var(--spacing-8)
}

.c-banner--white {
    background: var(--color-bg-reverse)
}

.c-banner--color {
    background: var(--g-bg-light)
}

.c-banner--color-dark {
    background: var(--g-bg-dark)
}

.c-banner--image img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.c-banner--image .c-rich-heading__icon {
    height: auto;
    position: static;
    width: auto
}

.c-banner--overlay-full {
    position: relative
}

.c-banner--overlay-full:before {
    background: linear-gradient(1turn,rgba(0,0,0,.5),rgba(255,0,0,0));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.c-banner--overlay-full-dark {
    position: relative
}

.c-banner--overlay-full-dark:before {
    background: rgba(0,0,0,.4);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.c-banner--overlay-gradient-left {
    position: relative
}

.c-banner--overlay-gradient-left:before {
    background: linear-gradient(1turn,rgba(0,0,0,.5),rgba(255,0,0,0));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.c-banner--overlay-gradient-right {
    position: relative
}

.c-banner--overlay-gradient-right:before {
    background: linear-gradient(1turn,rgba(0,0,0,.5),rgba(255,0,0,0));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.c-banner--center .c-banner__content {
    text-align: center
}

.c-banner--align-center .c-banner__wrapper,.c-banner--align-left .c-banner__wrapper,.c-banner--align-right .c-banner__wrapper {
    padding-left: max(var(--page-container-spacing),(100% - 1600px)/2);
    padding-right: max(var(--page-container-spacing),(100% - 1600px)/2)
}

.c-banner--align-bottom .c-banner__wrapper {
    align-items: flex-end;
    display: flex;
    padding-bottom: var(--spacing-5)
}

.c-banner--ratio-4\/5 {
    aspect-ratio: .6666666667
}

.c-banner--ratio-4\/5 iframe,.c-banner--ratio-4\/5 img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.c-banner--small {
    --banner-padding: var(--spacing-16)
}

.c-banner--small,.c-banner--small-mobile {
    --banner-padding-mobile: var(--spacing-16)
}

@media (max-width: 767px) {
    .c-banner__wrapper {
        padding-bottom:var(--banner-padding-mobile);
        padding-top: var(--banner-padding-mobile)
    }

    .c-banner--align-left .c-banner__wrapper {
        align-items: flex-end;
        padding-bottom: var(--spacing-5)
    }

    .c-banner--align-center .c-banner__wrapper {
        align-items: center
    }

    .c-banner--align-bottom-mobile .c-banner__wrapper,.c-banner--align-right .c-banner__wrapper {
        align-items: flex-end;
        padding-bottom: var(--spacing-5)
    }

    .c-banner--align-bottom-mobile .c-banner__wrapper {
        display: flex
    }

    .c-banner--min-height .c-banner__wrapper {
        min-height: var(--banner-min-height-mobile)
    }
}

@media (min-width: 768px) {
    .c-banner--desktop-center .c-banner__content {
        text-align:center
    }

    .c-banner--overlay-full {
        position: relative
    }

    .c-banner--overlay-full:before {
        background: rgba(0,0,0,.2);
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .c-banner--overlay-gradient-left {
        position: relative
    }

    .c-banner--overlay-gradient-left:before {
        background: linear-gradient(90deg,rgba(0,0,0,.2),transparent 63.44%);
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .c-banner--overlay-gradient-right {
        position: relative
    }

    .c-banner--overlay-gradient-right:before {
        background: linear-gradient(270deg,rgba(0,0,0,.2),transparent 62.59%);
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .c-banner--align-left .c-banner__wrapper {
        justify-content: flex-start
    }

    .c-banner--align-center .c-banner__wrapper {
        justify-content: center
    }

    .c-banner--align-right .c-banner__wrapper {
        justify-content: flex-end
    }

    .c-banner--align-bottom .c-banner__wrapper {
        padding-bottom: var(--spacing-12)
    }

    .c-banner--ratio-4\/5 iframe,.c-banner--ratio-4\/5 img {
        aspect-ratio: .5625;
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .c-banner--min-height .c-banner__wrapper {
        min-height: var(--banner-min-height-desktop)
    }
}

@media (min-width: 1280px) {
    .c-banner--ratio-4\/5 iframe,.c-banner--ratio-4\/5 img {
        aspect-ratio:.8;
        height: 100%;
        object-fit: cover;
        width: 100%
    }
}

.c-rich-heading__sub-heading {
    color: var(--g-text);
    display: block;
    margin-bottom: var(--spacing-5);
    margin-top: 0
}

.c-rich-heading__title {
    display: block;
    font-family: var(--h3-font-family);
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    letter-spacing: var(--h3-letter-spacing);
    line-height: var(--h3-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.c-rich-heading__icon {
    display: none
}

.c-rich-heading--xs .c-rich-heading__sub-heading {
    color: var(--g-text);
    font-family: var(--sub-heading-xs-font-family);
    font-size: var(--sub-heading-xs-font-size);
    font-weight: var(--sub-heading-xs-font-weight);
    letter-spacing: var(--sub-heading-xs-letter-spacing);
    line-height: var(--sub-heading-xs-line-height);
    margin-bottom: var(--spacing-5);
    text-transform: uppercase
}

.c-rich-heading--s .c-rich-heading__sub-heading {
    color: var(--g-text);
    font-family: var(--sub-heading-s-font-family);
    font-size: var(--sub-heading-s-font-size);
    font-weight: var(--sub-heading-s-font-weight);
    letter-spacing: var(--sub-heading-s-letter-spacing);
    line-height: var(--sub-heading-s-line-height);
    margin-bottom: var(--spacing-5);
    text-transform: uppercase
}

.c-rich-heading--left {
    text-align: left
}

.c-rich-heading--center {
    text-align: center
}

.c-rich-paragraph__intro p {
    font-size: var(--body-m-bold-font-size);
    font-weight: var(--body-m-bold-font-weight);
    line-height: var(--body-m-bold-line-height)
}

.c-rich-paragraph__intro p,.c-rich-paragraph__text p {
    margin-top: var(--spacing-5)
}

.c-rich-paragraph__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-4) var(--spacing-10);
    margin-top: var(--spacing-10)
}

.c-subtitle {
    background: var(--g-bg-dark);
    color: var(--color-text-reverse);
    display: inline-block;
    font-family: var(--button-default-font-family);
    font-size: var(--button-default-font-size);
    font-weight: var(--button-default-font-weight);
    letter-spacing: var(--button-default-letter-spacing);
    line-height: var(--button-default-line-height);
    margin-bottom: var(--spacing-5);
    padding: var(--spacing-1) var(--spacing-2);
    text-transform: var(--button-default-text-transform)
}

.c-rich-text-editor {
    width: 100%
}

.c-rich-text-editor .small-text {
    color: var(--g-text);
    font-family: var(--sub-heading-xs-font-family);
    font-size: var(--sub-heading-xs-font-size);
    font-weight: var(--sub-heading-xs-font-weight);
    letter-spacing: var(--sub-heading-xs-letter-spacing);
    line-height: var(--sub-heading-xs-line-height);
    margin-bottom: var(--spacing-5);
    text-transform: uppercase
}

.c-rich-text-editor .style-1 {
    font-family: var(--h1-font-family);
    font-size: var(--h1-font-size);
    font-weight: var(--h1-font-weight);
    letter-spacing: var(--h1-letter-spacing);
    line-height: var(--h1-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.c-rich-text-editor .style-2 {
    font-family: var(--h2-font-family);
    font-size: var(--h2-font-size);
    font-weight: var(--h2-font-weight);
    letter-spacing: var(--h2-letter-spacing);
    line-height: var(--h2-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.c-rich-text-editor .style-3 {
    font-family: var(--h3-font-family);
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    letter-spacing: var(--h3-letter-spacing);
    line-height: var(--h3-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.c-rich-text-editor .style-4 {
    font-family: var(--h4-font-family);
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.c-rich-text-editor .style-5 {
    font-family: var(--h5-font-family);
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    letter-spacing: var(--h5-letter-spacing);
    line-height: var(--h5-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.c-rich-text-editor .style-6 {
    font-family: var(--h6-font-family);
    font-size: var(--h6-font-size);
    font-weight: var(--h6-font-weight);
    letter-spacing: var(--h6-letter-spacing);
    line-height: var(--h6-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.c-rich-text-editor strong {
    color: var(--color-text-primary);
    font-size: var(--body-m-bold-font-size);
    font-weight: var(--body-m-bold-font-weight);
    line-height: var(--body-m-bold-line-height)
}

.c-rich-text-editor a:not(.c-button):not(.c-rich-text-editor__btn):not(.c-button-icon):not(.c-link):not(.c-sources__btn) {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0;
    padding-bottom: 0;
    vertical-align: inherit
}

.c-rich-text-editor p {
    color: var(--color-text-secondary)
}

.c-rich-text-editor p:not(:last-child) {
    margin-bottom: var(--spacing-5)
}

.c-rich-text-editor__btn a:not(.c-button):not(.c-button-icon):not(.c-rich-text-editor__btn):not(.c-link):not(.c-sources__btn) {
    align-items: center;
    color: inherit;
    display: contents;
    height: 100%;
    margin: 0 calc(var(--button-padding)*-1);
    padding: 0 var(--button-padding);
    text-decoration: none;
    transition: none;
    width: calc(100% + var(--button-padding)*2)
}

.c-rich-text-editor__btn a:not(.c-button):not(.c-button-icon):not(.c-rich-text-editor__btn):not(.c-link):not(.c-sources__btn):hover {
    color: inherit
}

.c-rich-text-editor li {
    color: var(--color-text-secondary)
}

.c-rich-text-editor li a {
    font-size: inherit;
    line-height: inherit;
    vertical-align: inherit
}

.c-rich-text-editor .align-center {
    text-align: center
}

.c-rich-text-editor table th {
    text-align: left
}

.c-rich-text-editor table td,.c-rich-text-editor table th {
    padding: var(--spacing-1) var(--spacing-3)
}

.c-rich-text-editor img {
    max-width: 100%
}

@media (min-width: 768px) {
    .c-rich-text-editor__col.w-50 {
        display:inline-block;
        width: 50%
    }

    .c-rich-text-editor__col.w-30 {
        display: inline-block;
        width: 30%
    }

    .c-rich-text-editor__col.w-70 {
        display: inline-block;
        width: 70%
    }

    .c-rich-text-editor__col--left {
        float: left;
        padding-right: var(--spacing-5)
    }

    .c-rich-text-editor__col--right {
        padding-left: var(--spacing-5)
    }
}

@media (max-width: 767px) {
    .c-rich-text-editor {
        overflow-x:auto
    }

    .c-rich-text-editor__col:not(:last-child) {
        margin-bottom: var(--spacing-10)
    }

    .c-rich-text-editor table th {
        font-size: 1rem
    }
}

.c-sources {
    display: grid;
    grid-template-rows: 0fr;
    margin-top: var(--spacing-10);
    min-height: 0;
    transition: grid-template-rows .2s ease,padding .2s ease
}

.c-sources-wrapper {
    min-height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden
}

.is-visible .c-sources-wrapper {
    opacity: 1;
    visibility: visible
}

.c-sources.is-visible {
    grid-template-rows: 1fr
}

.c-sources__text,.c-sources__text p {
    color: var(--color-text-secondary);
    font-size: var(--body-xxs-regular-font-size);
    font-style: italic;
    font-weight: var(--body-xxs-regular-font-weight);
    line-height: var(--body-xxs-regular-line-height)
}

.c-sources__btn {
    background: none;
    border: none;
    padding: 0
}

.c-sources__btn.is-visible span:first-child,.c-sources__btn:not(.is-visible) span:last-child {
    display: none
}

.c-sources.is-visible {
    padding-bottom: var(--spacing-5)
}

.c-key-figures {
    --key-figure-bg: var(--color-bg-reverse);
    --key-figure-stroke: var(--g-stroke);
    --key-figure-color: var(--g-text);
    --key-figure-spacing: var(--spacing-5)
}

.c-key-figures__list {
    margin: 0;
    padding: 0
}

.c-key-figures__list li {
    list-style: none;
    margin-bottom: 0
}

.c-key-figures .c-sources__text {
    text-align: center
}

.c-key-figures--highlight {
    --key-figure-bg: $g-bg-dark;
    --key-figure-stroke: $g-bg-dark;
    --key-figure-color: $color-text-reverse
}

.c-key-figures--50 .c-key-figures__list {
    display: grid;
    gap: var(--key-figure-spacing);
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr
}

.c-key-figures--50.c-key-figures--items-3 .c-key-figures__item:last-child {
    grid-column: 1/-1
}

.c-key-figures--50.c-key-figures--items-3 .c-key-figures__item:last-child .c-card-key-figure {
    aspect-ratio: auto
}

@media (max-width: 1023px) {
    .c-key-figures--100 .c-key-figures__list {
        display:grid;
        gap: var(--key-figure-spacing);
        grid-auto-rows: 1fr;
        grid-template-columns: 1fr 1fr
    }

    .c-key-figures--100.c-key-figures--items-3 .c-key-figures__item:last-child {
        grid-column: 1/-1
    }

    .c-key-figures--100.c-key-figures--items-3 .c-key-figures__item:last-child .c-card-key-figure {
        aspect-ratio: auto
    }
}

@media (max-width: 767px) {
    .c-key-figures {
        --key-figure-spacing:var(--spacing-2)
    }
}

@media (min-width: 1024px) {
    .c-key-figures--100 .c-key-figures__list {
        align-items:stretch;
        display: flex;
        gap: var(--key-figure-spacing);
        justify-content: center
    }

    .c-key-figures--100 .c-key-figures__item {
        width: calc(25% - var(--key-figure-spacing)*3/4)
    }
}

.c-cover__text {
    color: var(--color-text-secondary);
    margin-top: var(--spacing-8)
}

.c-cover__text p {
    font-size: var(--body-m-caption-font-size);
    font-weight: var(--body-m-caption-font-weight);
    line-height: var(--body-m-caption-line-height)
}

.c-cover__index-btn {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.c-cover .c-subtitle {
    display: block;
    margin: 0;
    margin-bottom: var(--spacing-5);
    width: fit-content
}

@media (min-width: 768px) {
    .c-cover__index-btn {
        right:max(var(--page-container-spacing),(100% - 1600px)/2)
    }

    .c-cover .c-subtitle {
        margin: 0 auto;
        margin-bottom: var(--spacing-5)
    }
}

.c-cover-range__intro p {
    font-family: var(--h4-font-family);
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.c-cover-range__text p {
    color: var(--color-text-secondary);
    font-size: var(--body-m-regular-font-size);
    font-weight: var(--body-m-regular-font-weight);
    line-height: var(--body-m-regular-line-height);
    margin-top: var(--spacing-6)
}

.c-cover-range__image img {
    border-bottom: 1.1rem solid var(--g-stroke)
}

@media (max-width: 1279px) {
    .c-cover-range {
        gap:var(--spacing-10);
        margin-left: auto;
        margin-right: auto;
        max-width: calc(1600px + var(--page-container-spacing)*2);
        padding-left: var(--page-container-spacing);
        padding-right: var(--page-container-spacing);
        width: 100%
    }

    .c-cover-range__content {
        padding-top: var(--spacing-10);
        text-align: center
    }

    .c-cover-range__text {
        text-align: left
    }
}

@media (min-width: 1280px) {
    .c-cover-range__content {
        display:flex;
        flex-direction: column;
        justify-content: center;
        padding: var(--spacing-12) var(--spacing-20) var(--spacing-12) calc(max(var(--page-container-spacing), (100vw - 1600px) / 2) + var(--spacing-20))
    }

    .c-cover-range__image {
        padding-right: calc(50vw - 960px)
    }
}

.c-promoted-content-full-width-primary {
    --banner-min-height-desktop: 48.5rem;
    --banner-min-height-mobile: 56.2rem
}

.c-promoted-content-full-width-primary .c-banner__content {
    width: max(480px,min(1600px,100vw - var(--page-container-spacing) * 2)/12 * 5)
}

@media (min-width: 768px) {
    .c-promoted-content-full-width-primary {
        --banner-padding:var(--spacing-24)
    }
}

.c-promoted-content-image-background {
    --banner-padding: var(--spacing-24)
}

.c-promoted-content-image-background__title,.c-promoted-content-image-background__title p {
    font-family: var(--h3-font-family);
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    letter-spacing: var(--h3-letter-spacing);
    line-height: var(--h3-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

@media (max-width: 767px) {
    .c-promoted-content-image-background {
        aspect-ratio:2/3
    }

    .c-promoted-content-image-background__wrapper {
        margin: 0 var(--spacing-5);
        width: 100%
    }
}

@media (min-width: 768px) {
    .c-promoted-content-image-background__wrapper {
        margin-left:auto;
        margin-right: auto;
        max-width: calc(max(480px, min(1600px, 100vw - var(--page-container-spacing) * 2) / 12 * 4) + (2 * var(--page-container-spacing)));
        padding-left: var(--page-container-spacing);
        padding-right: var(--page-container-spacing);
        width: 100%
    }
}

.c-promoted-content-separate-image {
    background: var(--color-bg-reverse)
}

.c-promoted-content-separate-image__image {
    align-items: center;
    display: flex
}

.c-promoted-content-separate-image__image-wrapper {
    border-bottom: 1.1rem solid var(--g-stroke);
    width: 100%
}

.c-promoted-content-separate-image .c-rich-paragraph__text {
    color: var(--color-text-secondary)
}

.c-promoted-content-separate-image--color .c-promoted-content-separate-image__content {
    background: var(--g-bg-light)
}

.c-promoted-content-separate-image--100 .c-promoted-content-separate-image__wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(max(768px, min(1600px, 100vw - var(--page-container-spacing) * 2) / 12 * 10) + (2 * var(--page-container-spacing)));
    padding-left: var(--page-container-spacing);
    padding-right: var(--page-container-spacing);
    width: 100%
}

.c-promoted-content-separate-image--50 {
    width: 100%
}

.c-promoted-content-separate-image--50 .c-promoted-content-separate-image__wrapper {
    height: 100%
}

.c-promoted-content-separate-image--50 .c-rich-paragraph {
    width: 100%
}

.c-promoted-content-separate-image--50 .c-rich-paragraph__actions {
    margin-top: var(--spacing-5)
}

@media (max-width: 1023px) {
    .c-promoted-content-separate-image--100 {
        padding-bottom:var(--spacing-5);
        padding-top: var(--spacing-5)
    }

    .c-promoted-content-separate-image--100 .c-promoted-content-separate-image__content {
        padding-bottom: var(--spacing-12);
        padding-top: var(--spacing-12)
    }

    .c-promoted-content-separate-image--100 .c-promoted-content-separate-image__image-wrapper iframe,.c-promoted-content-separate-image--100 .c-promoted-content-separate-image__image-wrapper img {
        aspect-ratio: 1;
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .c-promoted-content-separate-image--100.c-promoted-content-separate-image--color .c-promoted-content-separate-image__content {
        padding-left: var(--spacing-6);
        padding-right: var(--spacing-6)
    }

    .c-promoted-content-separate-image--50 .c-promoted-content-separate-image__content {
        padding-bottom: var(--spacing-10);
        padding-top: var(--spacing-10)
    }

    .c-promoted-content-separate-image--50 .c-promoted-content-separate-image__image-wrapper iframe,.c-promoted-content-separate-image--50 .c-promoted-content-separate-image__image-wrapper img {
        aspect-ratio: 1.3333333333;
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .c-promoted-content-separate-image--50.c-promoted-content-separate-image--color .c-promoted-content-separate-image__content {
        padding-left: var(--spacing-8);
        padding-right: var(--spacing-8)
    }
}

@media (min-width: 1024px) {
    .c-promoted-content-separate-image__content {
        align-items:center;
        display: flex
    }

    .c-promoted-content-separate-image__image-wrapper iframe,.c-promoted-content-separate-image__image-wrapper img {
        aspect-ratio: 1;
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .c-promoted-content-separate-image--color .c-promoted-content-separate-image__image {
        align-items: stretch
    }

    .c-promoted-content-separate-image--50 .c-promoted-content-separate-image__content {
        padding-bottom: var(--spacing-7);
        padding-top: var(--spacing-7)
    }

    .c-promoted-content-separate-image--50 .c-promoted-content-separate-image__image-wrapper {
        height: 100%;
        width: 100%
    }

    .c-promoted-content-separate-image--50 .c-promoted-content-separate-image__image-wrapper img {
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .c-promoted-content-separate-image--left .c-promoted-content-separate-image__content {
        order: 2;
        padding-left: var(--spacing-12)
    }

    .c-promoted-content-separate-image--left .c-promoted-content-separate-image__image {
        order: 1
    }

    .c-promoted-content-separate-image--left.c-promoted-content-separate-image--color .c-promoted-content-separate-image__content,.c-promoted-content-separate-image--right .c-promoted-content-separate-image__content {
        padding-right: var(--spacing-12)
    }

    .c-promoted-content-separate-image--right.c-promoted-content-separate-image--color .c-promoted-content-separate-image__content {
        padding-left: var(--spacing-12)
    }

    .c-promoted-content-separate-image--100 {
        padding-bottom: var(--spacing-20);
        padding-top: var(--spacing-20)
    }

    .c-promoted-content-separate-image--100.c-promoted-content-separate-image--color .c-promoted-content-separate-image__content {
        padding-bottom: var(--spacing-12);
        padding-top: var(--spacing-12)
    }
}

@media (min-width: 1600px) {
    .c-promoted-content-separate-image--50 .c-promoted-content-separate-image__image-wrapper {
        height:auto;
        width: 100%
    }

    .c-promoted-content-separate-image--50 .c-promoted-content-separate-image__image-wrapper iframe,.c-promoted-content-separate-image--50 .c-promoted-content-separate-image__image-wrapper img {
        aspect-ratio: .6666666667;
        height: 100%;
        object-fit: cover;
        width: 100%
    }
}

.c-quote {
    --banner-padding-mobile: var(--spacing-10)
}

.c-quote__sub-heading {
    font-family: var(--sub-heading-xs-font-family);
    font-size: var(--sub-heading-xs-font-size);
    font-weight: var(--sub-heading-xs-font-weight);
    letter-spacing: var(--sub-heading-xs-letter-spacing);
    line-height: var(--sub-heading-xs-line-height);
    text-transform: uppercase
}

.c-quote__picto,.c-quote__sub-heading {
    color: var(--g-text);
    margin-bottom: var(--spacing-7)
}

.c-quote__picto {
    height: auto;
    width: 4rem
}

.c-quote__author {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
    margin-top: var(--spacing-7)
}

.c-quote__author-picture {
    border-radius: 15rem;
    display: inline-block;
    height: 4.5rem;
    overflow: hidden;
    width: 4.5rem
}

.c-quote__author-picture img {
    border-radius: 15rem;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.c-section-pictos__items {
    display: flex;
    gap: var(--spacing-6);
    margin: 0;
    margin-top: var(--spacing-12);
    padding: 0
}

.c-section-pictos__items li {
    list-style: none;
    margin-bottom: 0
}

.c-section-pictos__item {
    display: flex;
    position: relative
}

.c-section-pictos__item img,.c-section-pictos__item svg {
    flex-shrink: 0;
    height: 4.8rem;
    width: 4.8rem
}

.c-section-pictos__item svg {
    color: var(--g-text)
}

.c-section-pictos__item-link-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.c-section-pictos--50 .c-section-pictos__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(max(480px, min(1600px, 100vw - var(--page-container-spacing) * 2) / 12 * 4) + (2 * var(--page-container-spacing)));
    padding-left: var(--page-container-spacing);
    padding-right: var(--page-container-spacing);
    width: 100%
}

.c-section-pictos--50 .c-section-pictos__items {
    flex-direction: column
}

.c-section-pictos--50 .c-section-pictos__item {
    align-items: center;
    text-align: left
}

.c-section-pictos--50 .c-section-pictos__item svg {
    margin-right: var(--spacing-8)
}

.c-section-pictos--50 .c-section-pictos__item img {
    margin-right: var(--spacing-5)
}

@media (max-width: 767px) {
    .c-section-pictos__content {
        align-items:center;
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        max-width: calc(max(480px, min(1600px, 100vw - var(--page-container-spacing) * 2) / 12 * 4) + (2 * var(--page-container-spacing)));
        padding-left: var(--page-container-spacing);
        padding-right: var(--page-container-spacing);
        width: 100%
    }

    .c-section-pictos__items {
        flex-direction: column
    }

    .c-section-pictos__item {
        align-items: center;
        text-align: left
    }

    .c-section-pictos__item svg {
        margin-right: var(--spacing-8)
    }

    .c-section-pictos__item img {
        margin-right: var(--spacing-5)
    }
}

@media (min-width: 768px) {
    .c-section-pictos--full .c-section-pictos__content {
        margin-left:auto;
        margin-right: auto;
        max-width: calc(max(768px, min(1600px, 100vw - var(--page-container-spacing) * 2) / 12 * 10) + (2 * var(--page-container-spacing)));
        padding-left: var(--page-container-spacing);
        padding-right: var(--page-container-spacing);
        width: 100%
    }

    .c-section-pictos--full .c-section-pictos__items {
        justify-content: center
    }

    .c-section-pictos--full .c-section-pictos__item {
        align-items: center;
        flex-basis: 0;
        flex-direction: column;
        flex-grow: 1;
        max-width: 31rem
    }

    .c-section-pictos--full .c-section-pictos__item-content {
        margin-top: auto
    }

    .c-section-pictos--full .c-section-pictos__item img,.c-section-pictos--full .c-section-pictos__item svg {
        margin-bottom: var(--spacing-5)
    }

    .c-section-pictos--full .c-section-pictos__item img+.c-section-pictos__item-content,.c-section-pictos--full .c-section-pictos__item svg+.c-section-pictos__item-content {
        margin-top: inherit
    }
}

.c-card-article {
    position: relative;
    text-align: left
}

.c-card-article__link-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.c-card-article__image {
    margin-bottom: var(--spacing-4)
}

.c-card-article__title {
    font-family: var(--h5-font-family);
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    letter-spacing: var(--h5-letter-spacing);
    line-height: var(--h5-line-height);
    margin-bottom: var(--spacing-2);
    margin-top: 0
}

.c-card-article__text {
    color: var(--color-text-secondary);
    margin-bottom: var(--spacing-4)
}

.c-card-article__text li,.c-card-article__text p {
    font-size: var(--body-s-caption-font-size);
    font-weight: var(--body-s-caption-font-weight);
    line-height: var(--body-s-caption-line-height)
}

.c-card-image {
    aspect-ratio: 1.25;
    position: relative;
    text-align: left
}

.c-card-image:before {
    background: linear-gradient(1turn,rgba(0,0,0,.5),transparent);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.c-card-image iframe,.c-card-image img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.c-card-image__link-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.c-card-image__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    padding: var(--spacing-8);
    position: relative;
    z-index: 1
}

.c-card-range {
    position: relative
}

.c-card-range__link-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.c-card-range__image iframe,.c-card-range__image img {
    aspect-ratio: 1.5;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.c-card-key-figure {
    --key-figure-bg: var(--color-bg-reverse);
    --key-figure-stroke: var(--g-stroke);
    --key-figure-color: var(--g-text);
    --key-figure-padding: var(--spacing-4);
    --key-figure-gap: var(--spacing-3);
    align-items: center;
    aspect-ratio: .89;
    background: var(--key-figure-bg);
    border: .1rem solid var(--key-figure-stroke);
    color: var(--key-figure-color);
    display: flex;
    flex-direction: column;
    gap: var(--key-figure-gap);
    height: 100%;
    justify-content: center;
    padding: var(--key-figure-padding);
    text-align: center;
    width: 100%
}

.c-card-key-figure__number {
    font-family: var(--number-text-font-family);
    font-size: var(--number-text-font-size);
    font-weight: var(--number-text-font-weight);
    letter-spacing: var(--number-text-letter-spacing);
    line-height: var(--number-text-line-height)
}

.c-card-key-figure__text {
    font-family: var(--h5-font-family);
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    letter-spacing: var(--h5-letter-spacing);
    line-height: var(--h5-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.c-card-key-figure--highlight {
    --key-figure-bg: var(--g-bg-dark);
    --key-figure-stroke: var(--g-bg-dark);
    --key-figure-color: var(--color-text-reverse)
}

@media (min-width: 1280px) {
    .c-card-key-figure {
        --key-figure-padding:var(--spacing-6);
        --key-figure-gap: var(--spacing-5)
    }
}

.c-card-promoted-content {
    align-items: flex-end;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: var(--spacing-5);
    position: relative;
    width: 100%
}

.c-card-promoted-content__link-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.c-card-promoted-content__content {
    align-items: center;
    background: var(--color-bg-reverse);
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 40rem;
    padding: var(--spacing-10) var(--spacing-8);
    position: relative;
    width: 100%;
    z-index: 1
}

.c-card-promoted-content__text {
    text-align: center
}

.c-card-promoted-content__text p {
    font-size: var(--body-m-regular-font-size);
    font-weight: var(--body-m-regular-font-weight);
    line-height: var(--body-m-regular-line-height)
}

.c-card-promoted-content img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 767px) {
    .c-card-promoted-content--mobile-ratio {
        aspect-ratio:.65
    }
}

.c-card-product {
    --card-product-padding: var(--spacing-3);
    background: var(--color-bg-product-card);
    display: flex;
    flex-direction: column;
    height: 100%
}

.c-card-product__main {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: var(--card-product-padding);
    position: relative;
    text-align: center
}

.c-card-product__tags {
    display: flex;
    gap: var(--spacing-2);
    left: var(--card-product-padding);
    position: absolute;
    top: var(--card-product-padding);
    z-index: 4
}

.c-card-product__image {
    width: 100%
}

.c-card-product__title {
    font-family: var(--h6-font-family);
    font-size: var(--h6-font-size);
    font-weight: var(--h6-font-weight);
    letter-spacing: var(--h6-letter-spacing);
    line-height: var(--h6-line-height);
    margin-bottom: 0;
    margin-top: 0
}

.c-card-product__link-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.c-card-product__skeepers {
    margin-top: var(--spacing-5)
}

.c-card-product__skeepers .review__header {
    margin: 0
}

.c-card-product__skeepers .stars__rating {
    display: none
}

.c-card-product__actions {
    margin-top: auto;
    position: relative
}

.cc-CountrySelectorOverlay-module-languageList_PB2S2 {
    margin: 0;
    padding: 0
}

.cc-CountrySelectorOverlay-module-languageList_PB2S2 li {
    list-style: none;
    margin-bottom: 0
}

.c-card-product--default .c-card-product__image {
    margin-top: var(--spacing-8)
}

.c-card-product--large .c-card-product__content,.c-card-product--large .c-card-product__image {
    margin: auto 0
}

@media (max-width: 767px) {
    .c-card-product--default .c-card-product__content {
        margin-top:var(--spacing-4)
    }
}

@media (min-width: 768px) {
    .c-card-product {
        --card-product-padding:var(--spacing-5)
    }

    .c-card-product--default .c-card-product__content {
        margin-top: var(--spacing-10)
    }
}

.c-card-routine {
    display: flex;
    flex-direction: column;
    height: 100%
}

.c-card-routine__link-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.c-card-routine__wrapper {
    background: var(--color-bg-product-card);
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.c-card-routine__main {
    padding: 0 var(--spacing-5);
    position: relative
}

.c-card-routine__label {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-card-routine__image {
    margin-top: calc(var(--spacing-8) + var(--spacing-1) + var(--spacing-5));
    position: relative
}

.c-card-routine__tags {
    display: flex;
    gap: var(--spacing-2);
    left: var(--spacing-3);
    position: absolute;
    top: var(--spacing-3);
    z-index: 4
}

.c-card-routine__content {
    padding: var(--spacing-10) 0 var(--spacing-12) 0
}

.c-card-routine__actions {
    margin-top: auto;
    position: relative
}

@media (max-width: 767px) {
    .c-card-routine__wrapper {
        margin-top:var(--spacing-3)
    }

    .c-card-routine__label {
        margin-top: -.5rem
    }
}

@media (min-width: 768px) {
    .c-card-routine__wrapper {
        margin-top:-.5rem
    }

    .c-card-routine__label {
        margin-top: var(--spacing-3)
    }
}

.c-large-featured-articles__small {
    display: flex;
    flex-direction: column
}

.c-large-featured-articles__small .c-card-article__image {
    aspect-ratio: 5/4
}

.c-large-featured-articles__large {
    align-items: center;
    display: flex
}

.c-large-featured-articles__large .c-card-article__image {
    aspect-ratio: 4/5
}

.c-large-featured-articles .c-card-article .c-card-article {
    gap: var(--spacing-5)
}

.c-large-featured-articles .c-card-article .c-card-article__title {
    font-family: var(--h4-font-family);
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.c-large-featured-articles--4 .c-large-featured-articles__small .c-card-article:first-child .c-card-article__image {
    aspect-ratio: 4/5
}

.c-large-featured-articles--4 .c-large-featured-articles__small .c-card-article:nth-child(2) .c-card-article__image {
    aspect-ratio: 5/4
}

.c-large-featured-articles--4 .c-large-featured-articles__large {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.c-large-featured-articles--4 .c-large-featured-articles__large .c-card-article:first-child .c-card-article__image {
    aspect-ratio: 5/4
}

.c-large-featured-articles--4 .c-large-featured-articles__large .c-card-article:nth-child(2) .c-card-article__image {
    aspect-ratio: 4/5
}

@media (max-width: 767px) {
    .c-large-featured-articles--4 .c-large-featured-articles__large,.c-large-featured-articles__small {
        gap:var(--spacing-16)
    }
}

@media (min-width: 768px) {
    .c-large-featured-articles__small {
        gap:var(--spacing-32)
    }

    .c-large-featured-articles--2 .c-large-featured-articles__large {
        margin-top: 50%
    }

    .c-large-featured-articles--4 .c-large-featured-articles__large {
        gap: var(--spacing-32);
        margin-top: 50%
    }
}

.c-expandable-fragment__content {
    display: grid;
    grid-template-rows: 0fr;
    margin-top: var(--spacing-16);
    min-height: 0;
    text-align: left;
    transition: grid-template-rows .2s ease,padding .2s ease
}

.c-expandable-fragment__content-wrapper {
    min-height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden
}

.is-visible .c-expandable-fragment__content-wrapper {
    opacity: 1;
    visibility: visible
}

.c-expandable-fragment__content.is-visible {
    grid-template-rows: 1fr;
    padding-bottom: var(--spacing-16)
}

.c-expandable-fragment__content h3 {
    color: var(--g-text);
    font-family: var(--h4-font-family);
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.c-expandable-fragment__content p+h3 {
    margin-top: var(--spacing-10)
}

.c-expandable-fragment__content p {
    color: var(--color-text-secondary)
}

.c-expandable-fragment__disclosure-link {
    background: none;
    border: none;
    padding: 0
}

.c-expandable-fragment__disclosure-link svg {
    color: var(--g-text);
    height: 4rem;
    width: 4rem
}

.c-expandable-fragment__disclosure-link.is-visible svg:first-child,.c-expandable-fragment__disclosure-link:not(.is-visible) svg:last-child {
    display: none
}

.c-summary__breadcrumbs ul {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-2);
    margin: 0;
    padding: 0
}

.c-summary__breadcrumbs ul li {
    align-items: center;
    display: flex;
    font-family: var(--button-default-font-family);
    font-size: var(--button-default-font-size);
    font-weight: var(--button-default-font-weight);
    gap: var(--spacing-2);
    letter-spacing: var(--button-default-letter-spacing);
    line-height: var(--button-default-line-height);
    list-style: none;
    margin-bottom: 0;
    text-transform: var(--button-default-text-transform)
}

.c-summary__breadcrumbs ul li:not(:last-child):after {
    color: var(--color-text-accent);
    content: "—"
}

.c-summary__breadcrumbs ul a {
    color: inherit;
    text-decoration: none;
    transition: none
}

.c-summary .c-accordion__trigger-icon {
    width: 2rem
}

.c-summary .c-accordion__panel ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0
}

.c-summary .c-accordion__panel ul li {
    font-family: var(--h7-font-family);
    font-size: var(--h7-font-size);
    font-weight: var(--h7-font-weight);
    letter-spacing: var(--h7-letter-spacing);
    line-height: var(--h7-line-height);
    list-style: none;
    margin-bottom: 0;
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.c-summary .c-accordion__panel ul a {
    color: inherit;
    text-decoration: none;
    transition: none
}

.c-summary .c-modal__inner-wrapper {
    border-radius: 0;
    padding: var(--spacing-16) 0
}

.c-summary .c-modal__title {
    margin-bottom: var(--spacing-12);
    max-width: none;
    padding: 0;
    width: auto
}

.c-summary .c-accordion__trigger {
    color: var(--color-text-highlight);
    font-family: var(--h6-font-family);
    font-size: var(--h6-font-size);
    font-weight: var(--h6-font-weight);
    letter-spacing: var(--h6-letter-spacing);
    line-height: var(--h6-line-height);
    margin-bottom: 0;
    margin-top: 0
}

.c-summary .c-modal__actions {
    display: none
}

@media (max-width: 767px) {
    .c-summary__links {
        gap:var(--spacing-2)
    }

    .c-summary .c-modal__body {
        padding-left: var(--spacing-8);
        padding-right: var(--spacing-8)
    }
}

@media (min-width: 768px) {
    .c-summary__links {
        gap:var(--spacing-5)
    }

    .c-summary .c-modal__body {
        padding-left: var(--spacing-16);
        padding-right: var(--spacing-16)
    }

    .c-summary .c-accordion__trigger {
        padding-bottom: var(--spacing-8);
        padding-top: var(--spacing-8)
    }
}

.c-push-image {
    width: 100%
}

.c-push-image img {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.c-custom-product-promotion-large {
    background-color: var(--g-bg-light)
}

.c-custom-product-promotion-large__image-wrapper {
    display: flex;
    height: 100%
}

.c-custom-product-promotion-large__image-content {
    flex-grow: 1
}

.c-custom-product-promotion-large__image-content img {
    aspect-ratio: 1/1;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.c-custom-product-promotion-large__banner {
    align-items: center;
    background-color: var(--color-bg-reverse);
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    padding: var(--spacing-5) 0;
    width: 5rem;
    writing-mode: vertical-lr
}

.c-custom-product-promotion-large__banner span {
    margin: 0;
    transform: rotate(-180deg)
}

.c-custom-product-promotion-large__text p {
    color: var(--color-text-secondary);
    font-size: var(--body-s-regular-font-size);
    font-weight: var(--body-s-regular-font-weight);
    line-height: var(--body-s-regular-line-height)
}

.c-custom-product-promotion-large__text ul {
    margin: var(--spacing-5) 0
}

.c-custom-product-promotion-large .c-rich-heading__title {
    margin-bottom: var(--spacing-5)
}

@media (max-width: 767px) {
    .c-custom-product-promotion-large__banner {
        width:6.5rem
    }

    .c-custom-product-promotion-large__content {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(1600px + var(--page-container-spacing)*2);
        padding: var(--spacing-16) var(--page-container-spacing);
        width: 100%
    }

    .c-custom-product-promotion-large--right .c-custom-product-promotion-large__image {
        order: 1
    }

    .c-custom-product-promotion-large--right .c-custom-product-promotion-large__content {
        order: 2
    }
}

@media (min-width: 768px) {
    .c-custom-product-promotion-large__banner {
        width:11.3rem
    }

    .c-custom-product-promotion-large__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: var(--spacing-20);
        padding-top: var(--spacing-20)
    }

    .c-custom-product-promotion-large--left .c-custom-product-promotion-large__image {
        padding-left: calc(50vw - 960px);
        padding-right: calc(min(1600px, 100vw - var(--page-container-spacing) * 2)/12)
    }

    .c-custom-product-promotion-large--left .c-custom-product-promotion-large__content {
        padding-right: calc(max(var(--page-container-spacing), (100vw - 1600px) / 2) + min(1600px, 100vw - var(--page-container-spacing) * 2)/12)
    }

    .c-custom-product-promotion-large--right .c-custom-product-promotion-large__image {
        padding-left: calc(min(1600px, 100vw - var(--page-container-spacing) * 2)/12);
        padding-right: calc(50vw - 960px)
    }

    .c-custom-product-promotion-large--right .c-custom-product-promotion-large__content {
        padding-left: calc(max(var(--page-container-spacing), (100vw - 1600px) / 2) + min(1600px, 100vw - var(--page-container-spacing) * 2)/12)
    }
}

.c-dispatch__menu {
    display: grid;
    gap: var(--spacing-12)
}

@media (max-width: 767px) {
    .c-dispatch__menu {
        grid-template-columns:repeat(2,1fr)
    }

    .c-dispatch {
        --banner-padding-mobile: var(--spacing-10)
    }
}

@media (min-width: 768px) {
    .c-dispatch__menu {
        grid-template-columns:repeat(5,1fr)
    }
}

.c-search__form-input,.c-search__form-input input {
    width: 100%
}

.c-search__result .c-search__form-body {
    flex-direction: row
}

@media (max-width: 767px) {
    .c-search__form-body {
        flex-direction:column
    }

    .c-search__form .c-button,.c-search__form .c-button-icon,.c-search__form .c-rich-text-editor__btn {
        width: 100%
    }

    .c-search__form .c-button.c-search--button,.c-search__form .c-search--button.c-button-icon,.c-search__form .c-search--button.c-rich-text-editor__btn {
        width: auto
    }

    .c-search__result-tabs .c-navbar__wrapper {
        justify-content: center
    }
}

.c-card-search-article__picture {
    max-width: 24rem
}

@media (max-width: 1279px) {
    .c-card-search-article__picture {
        display:none
    }
}

.c-diagnostic__step {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.c-diagnostic__step:not(.is-visible) {
    display: none
}

.c-diagnostic__step .c-modal__head {
    margin-bottom: var(--spacing-6);
    text-align: center
}

.c-diagnostic__step .c-modal__content {
    margin-top: auto
}

.c-diagnostic__step .c-modal__actions {
    margin-bottom: auto;
    margin-top: var(--spacing-7)
}

.c-diagnostic__step .c-form__field {
    margin-bottom: var(--spacing-2)
}

.c-diagnostic__loader {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    right: 0;
    z-index: 2
}

.c-diagnostic__loader,.c-diagnostic__prev {
    left: 0;
    position: absolute;
    top: 0
}

.c-diagnostic__steps-links {
    background: none;
    border: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 11rem
}

.c-diagnostic__steps-links-progress {
    gap: .1rem;
    width: 100%
}

.c-diagnostic__steps-links-item {
    background: var(--color-bg-primary);
    border-radius: .15rem;
    flex-basis: 0;
    flex-grow: 1;
    height: .3rem;
    max-width: 100%
}

.c-diagnostic__steps-links-item.is-active {
    background: var(--color-bg-accent)
}

.c-diagnostic__group {
    align-items: center;
    display: flex;
    flex-direction: column
}

.c-diagnostic__choice {
    background: var(--color-bg-secondary);
    max-width: 31.5rem;
    text-align: left;
    width: 100%
}

.c-diagnostic__choice input[type=checkbox]+.c-form__field-label,.c-diagnostic__choice input[type=checkbox]+label,.c-diagnostic__choice input[type=radio]+.c-form__field-label,.c-diagnostic__choice input[type=radio]+label {
    align-items: center;
    display: flex;
    margin: 0
}

.c-diagnostic__choice input[type=checkbox]+.c-form__field-label:after,.c-diagnostic__choice input[type=checkbox]+.c-form__field-label:before,.c-diagnostic__choice input[type=checkbox]+label:after,.c-diagnostic__choice input[type=checkbox]+label:before,.c-diagnostic__choice input[type=radio]+.c-form__field-label:after,.c-diagnostic__choice input[type=radio]+.c-form__field-label:before,.c-diagnostic__choice input[type=radio]+label:after,.c-diagnostic__choice input[type=radio]+label:before {
    display: none
}

.c-diagnostic__choice input[type=checkbox]:checked+.c-form__field-label,.c-diagnostic__choice input[type=checkbox]:checked+label,.c-diagnostic__choice input[type=radio]:checked+.c-form__field-label,.c-diagnostic__choice input[type=radio]:checked+label {
    background: var(--color-bg-accent-dark);
    color: var(--color-text-reverse)
}

.c-diagnostic__choice-image {
    flex-shrink: 0;
    width: 10rem
}

.c-diagnostic__choice-label {
    padding: var(--spacing-3) var(--spacing-5)
}

.c-diagnostic__background-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.c-diagnostic__background-image img {
    height: 100%;
    width: 100%
}

.c-diagnostic__icon {
    width: 4.1rem
}

.c-diagnostic__selfie-results {
    overflow: hidden
}

.c-diagnostic__snapshot {
    position: relative
}

.c-diagnostic__snapshot-img {
    background: var(--color-bg-secondary)
}

.c-diagnostic__snapshot-legend {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    height: 85%;
    position: absolute;
    right: var(--spacing-3);
    top: 50%;
    transform: translateY(-50%)
}

.c-diagnostic__snapshot-legend-main {
    content: "";
    display: block;
    flex-grow: 1;
    margin: var(--spacing-2) 0;
    width: .4rem
}

.c-diagnostic__snapshot-legend-main.is-moisture {
    background: linear-gradient(180deg,#ea2c30 0,#ff7298 17%,#fd9839 34%,#f0b542 53%,#11cf64 70%,#0498f3 85%,#0068ff)
}

.c-diagnostic__snapshot-legend-main.is-redness {
    background: linear-gradient(0deg,#ffa9a9,red)
}

.c-diagnostic__snapshot-legend-main.is-oiliness {
    background: linear-gradient(180deg,#f68122 0,#dfbd5e)
}

.c-diagnostic__snapshot-legend-main.is-age-spots {
    background: linear-gradient(180deg,#1b3073 0,#66d3fa)
}

.c-diagnostic__snapshot-legend-main.is-dark-circles {
    background: linear-gradient(0deg,#e99de5,#c105c7)
}

.c-diagnostic__snapshot-legend-main.is-texture {
    background: linear-gradient(180deg,#fee94d 0,#fee94d 50%,#0a01b0 0,#1b008d)
}

.c-diagnostic__snapshot-legend-main.is-wrinkles {
    background: linear-gradient(0deg,#86d177,#006706)
}

.c-diagnostic__progress {
    height: .4rem
}

.c-diagnostic__progress-bar {
    background: var(--color-bg-accent);
    height: 100%;
    position: relative
}

.c-diagnostic__progress-bar:after {
    background: var(--color-bg-accent);
    border-radius: 5rem;
    content: "";
    display: block;
    height: 1rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem
}

.c-diagnostic__progress--reverse,.c-diagnostic__selfie-details-item.is-active .c-diagnostic__progress {
    background: var(--color-bg-secondary)
}

.c-diagnostic__progress--reverse .c-diagnostic__progress-bar,.c-diagnostic__progress--reverse .c-diagnostic__progress-bar:after,.c-diagnostic__selfie-details-item.is-active .c-diagnostic__progress .c-diagnostic__progress-bar,.c-diagnostic__selfie-details-item.is-active .c-diagnostic__progress .c-diagnostic__progress-bar:after {
    background: var(--color-bg-reverse)
}

.c-diagnostic__selfie-view {
    position: relative
}

.c-diagnostic__selfie-details-item {
    background: var(--color-bg-secondary);
    cursor: pointer;
    padding: var(--spacing-5)
}

.c-diagnostic__selfie-details-item-title {
    color: var(--color-text-accent)
}

.c-diagnostic__selfie-details-item.is-active {
    background: var(--color-bg-accent);
    color: var(--color-text-reverse)
}

.c-diagnostic__selfie-details-item.is-active .c-diagnostic__selfie-details-item-title {
    color: var(--color-text-reverse)
}

.c-diagnostic__result-selfie {
    align-items: flex-end;
    display: flex;
    gap: var(--spacing-3);
    margin-bottom: var(--spacing-3)
}

.c-diagnostic__result-selfie-image {
    width: 10rem
}

.c-diagnostic__result-item {
    border-top: .1rem solid var(--color-stroke-secondary);
    padding: var(--spacing-3) 0
}

.c-diagnostic__edit-btn svg {
    height: auto;
    width: 1.4rem
}

.c-diagnostic .c-slider__slide {
    width: auto
}

@media (max-width: 767px) {
    .c-diagnostic__prev span {
        display:none
    }

    .c-diagnostic__prev svg {
        height: 1.5rem;
        width: 2rem
    }

    .c-diagnostic__selfie-view {
        align-items: center;
        background: var(--color-bg-reverse);
        display: flex;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2
    }
}

@media (max-width: 1023px) {
    .c-diagnostic__selfie-results-actions {
        display:flex;
        flex-direction: column;
        gap: var(--spacing-5)
    }

    .c-diagnostic__selfie-results-actions button {
        width: 100%
    }

    .c-diagnostic .c-modal {
        padding: 0
    }
}

@media (min-width: 1024px) {
    .c-diagnostic__modal {
        padding-bottom:var(--spacing-3);
        padding-top: var(--spacing-3)
    }

    .c-diagnostic__selfie-results {
        position: relative
    }

    .c-diagnostic__selfie-results-list {
        flex-direction: column;
        gap: var(--spacing-10)
    }

    .c-diagnostic__selfie-results-actions {
        display: flex;
        gap: var(--spacing-5);
        justify-content: space-between;
        margin-top: auto
    }

    .c-diagnostic__selfie-results-detailed {
        position: relative
    }

    .c-diagnostic__selfie-results-detailed:after {
        background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,var(--color-bg-reverse) 100%);
        bottom: 0;
        content: "";
        display: block;
        height: 10rem;
        left: 0;
        opacity: 1;
        position: absolute;
        visibility: visible;
        width: 100%
    }

    .c-diagnostic__selfie-details {
        height: 100%;
        left: 0;
        overflow-y: auto;
        padding-bottom: 10rem;
        position: absolute;
        top: 0;
        width: 100%
    }

    .c-diagnostic__selfie-details .c-diagnostic__selfie-results-list {
        gap: var(--spacing-3)
    }
}

.c-newsletter__wrapper {
    background: var(--color-bg-primary);
    display: flex;
    width: 100%
}

.c-newsletter__modal-content,.c-newsletter__modal-content iframe,.c-newsletter__modal-wrapper {
    height: 100%
}

.c-newsletter .c-button,.c-newsletter .c-button-icon,.c-newsletter .c-rich-text-editor__btn {
    --button-bg-color: var(--color-bg-accent);
    --button-border-color: var(--color-stroke-accent);
    --button-bg-color-active: var(--color-bg-accent);
    --button-border-color-active: var(--color-stroke-accent)
}

@media (max-width: 767px) {
    .c-newsletter__wrapper {
        flex-direction:column
    }

    .c-newsletter__image iframe,.c-newsletter__image img {
        aspect-ratio: 2.3333333333;
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .c-newsletter__modal-wrapper {
        display: flex;
        flex-direction: column
    }

    .c-newsletter__modal-image iframe,.c-newsletter__modal-image img {
        aspect-ratio: 2.3333333333;
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .c-newsletter__modal-content {
        flex-grow: 1;
        padding: var(--spacing-7) var(--spacing-5) 0 var(--spacing-5)
    }

    .c-newsletter__modal .c-modal__inner-wrapper {
        padding: 0
    }
}

@media (min-width: 768px) {
    .c-newsletter__image {
        max-width:28.5rem
    }

    .c-newsletter__image iframe,.c-newsletter__image img {
        aspect-ratio: .8;
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .c-newsletter__modal .c-modal__inner-wrapper {
        padding: 0
    }

    .c-newsletter__modal .c-modal__body {
        overflow-y: inherit
    }

    .c-newsletter__modal-image {
        height: 100%;
        overflow: hidden
    }

    .c-newsletter__modal-image-wrapper {
        height: 100%
    }

    .c-newsletter__modal-image-wrapper img {
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .c-newsletter__modal-content {
        padding: var(--spacing-16) var(--spacing-10) 0 var(--spacing-10)
    }
}

.c-filters__list {
    display: flex;
    margin: 0;
    padding: 0
}

.c-filters__list li {
    list-style: none;
    margin-bottom: 0
}

.c-filters__selected-filters {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-2);
    margin: 0;
    padding: 0
}

.c-filters__selected-filters li {
    align-items: center;
    background: var(--color-bg-secondary);
    display: flex;
    font-size: var(--body-xs-regular-font-size);
    font-weight: var(--body-xs-regular-font-weight);
    gap: var(--spacing-4);
    line-height: var(--body-xs-regular-line-height);
    list-style: none;
    margin-bottom: 0;
    padding: var(--spacing-2) var(--spacing-3)
}

.c-filters__remove-btn {
    background: none;
    border: none;
    padding: 0;
    padding: var(--spacing-1)
}

.c-filters__remove-btn svg {
    height: 1.6rem;
    width: 1.6rem
}

.c-filters__item-btn svg {
    height: auto;
    width: 2rem
}

.c-filters__item-btn.is-visible svg {
    transform: rotate(180deg);
    transition: transform .2s ease
}

.c-filters__field:last-child input[type=checkbox]+.c-form__field-label,.c-filters__field:last-child input[type=checkbox]+label {
    margin-bottom: 0
}

.c-filters__more-link.is-visible {
    display: none
}

@media (max-width: 767px) {
    .c-filters>form {
        display:none
    }

    .c-filters__mobile-btn {
        display: flex;
        padding: var(--spacing-3) 0
    }

    .c-filters__list {
        flex-direction: column
    }

    .c-filters__item {
        border-top: .1rem solid var(--color-stroke-primary)
    }

    .c-filters__item:last-child {
        border-bottom: .1rem solid var(--color-stroke-primary)
    }

    .c-filters__item-btn {
        background: none;
        border: none;
        display: flex;
        justify-content: space-between;
        padding: 0;
        padding: var(--spacing-4) var(--spacing-3) var(--spacing-4) 0;
        width: 100%
    }

    .c-filters__item-dropdown {
        display: grid;
        grid-template-rows: 0fr;
        min-height: 0;
        transition: grid-template-rows .2s ease,padding .2s ease
    }

    .c-filters__item-dropdown-wrapper {
        min-height: 0;
        opacity: 0;
        overflow: hidden;
        visibility: hidden
    }

    .is-visible .c-filters__item-dropdown-wrapper {
        opacity: 1;
        visibility: visible
    }

    .c-filters__item-dropdown.is-visible {
        grid-template-rows: 1fr;
        padding-bottom: var(--spacing-4)
    }
}

@media (min-width: 768px) {
    .c-filters {
        padding-top:var(--spacing-5)
    }

    .c-filters__list {
        gap: var(--spacing-2);
        justify-content: center
    }

    .c-filters__item {
        position: relative
    }

    .c-filters__item-btn {
        align-items: center;
        background: var(--color-bg-reverse);
        border: .1rem solid var(--color-stroke-primary);
        display: flex;
        font-size: var(--body-xs-regular-font-size);
        font-weight: var(--body-xs-regular-font-weight);
        gap: var(--spacing-2);
        height: 5rem;
        line-height: var(--body-xs-regular-line-height);
        padding: var(--spacing-5) var(--spacing-3)
    }

    .c-filters__item-btn svg {
        height: auto;
        width: 2rem
    }

    .c-filters__item-dropdown {
        background: var(--color-bg-reverse);
        border: .1rem solid var(--color-stroke-primary);
        left: 0;
        min-width: max(110%,15.9rem);
        padding: var(--spacing-4);
        position: absolute;
        top: calc(100% - .1rem);
        z-index: 5
    }

    .c-filters__item-dropdown:not(.is-visible) {
        display: none
    }

    .c-filters__item-dropdown ul {
        height: 100%;
        max-height: 28rem;
        overflow-y: auto
    }

    .c-filters__mobile-btn {
        display: none
    }
}

.c-try-on.c-modal--default.c-modal--size-auto .c-modal__inner-wrapper,.c-try-on.c-modal--default.c-modal--size-auto .c-modal__wrapper {
    padding: 0
}

.c-try-on__modal-content {
    display: flex;
    height: 100%
}

.c-try-on__variants ul {
    margin: 0;
    padding: 0
}

.c-try-on__variants ul li {
    list-style: none;
    margin-bottom: 0
}

.c-try-on__variants-btn {
    background: none;
    border: none;
    border-bottom: .2rem solid transparent;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0;
    padding: 0 var(--spacing-3) var(--spacing-3) var(--spacing-3);
    text-align: center
}

.c-try-on__variants-btn.is-selected,.c-try-on__variants-btn:hover {
    border-color: var(--color-stroke-accent);
    transition: all .2s ease-in-out
}

.c-try-on .c-slider:not(.is-overflow) .c-slider__track {
    margin: 0
}

.c-try-on .c-slider:not(.is-overflow) .c-slider__list {
    justify-content: flex-start
}

@media (max-width: 767px) {
    .c-try-on {
        padding-left:0;
        padding-right: 0
    }

    .c-try-on.c-modal--default.c-modal--size-auto .c-modal__wrapper {
        height: 100%;
        width: 100%
    }

    .c-try-on__modal-content {
        flex-direction: column
    }

    .c-try-on__variants {
        padding: var(--spacing-4) 0 var(--spacing-4) var(--spacing-4)
    }

    .c-try-on__variants-wrapper {
        overflow: hidden
    }

    .c-slider--track-preview-small .c-slider__track {
        width: 80vw
    }
}

@media (min-width: 768px) {
    .c-try-on.c-modal--default.c-modal--size-auto .c-modal__wrapper {
        align-items:center;
        display: flex;
        height: 100%
    }

    .c-try-on__variants {
        flex-basis: 80%;
        height: 100%;
        padding: var(--spacing-12) var(--spacing-8);
        width: 50%
    }

    .c-try-on__variants ul {
        display: grid;
        gap: var(--spacing-3);
        grid-template-columns: repeat(3,1fr)
    }

    .c-try-on__variants li {
        display: flex;
        justify-content: center;
        width: auto!important
    }
}

@media (min-width: 1280px) {
    .c-try-on.c-modal--default.c-modal--size-auto .c-modal__inner-wrapper {
        height:48rem
    }

    .c-try-on.c-modal--default.c-modal--size-auto .c-modal__body {
        overflow: hidden
    }
}

.c-buy__btn {
    --button-bg-color: var(--color-bg-product-card);
    --button-border-color: var(--color-stroke-primary);
    position: relative;
    width: 100%
}

.c-buy__btn svg {
    height: auto;
    position: absolute;
    right: var(--button-padding);
    transform: none;
    width: 1.6rem
}

.c-buy__btn.is-visible svg {
    transform: rotate(180deg);
    transition: transform .2s ease
}

.c-buy__wrapper {
    background: var(--color-bg-reverse);
    bottom: 100%;
    display: flex;
    flex-direction: column;
    gap: .1rem;
    left: 0;
    padding-bottom: .1rem;
    position: absolute;
    width: 100%;
    z-index: 5
}

.c-buy__wrapper:not(.is-visible) {
    opacity: 0;
    transform: translateY(1rem);
    transition: none;
    visibility: hidden
}

.c-buy__wrapper.is-visible {
    opacity: 1;
    transform: none;
    transition: opacity .1s ease-in,visibility .1s ease-in,transform .2s ease;
    visibility: visible
}

@media (max-width: 767px) {
    .c-buy__wrapper button {
        padding-left:var(--spacing-1);
        padding-right: var(--spacing-1)
    }

    .c-buy__wrapper svg {
        display: none
    }
}

.c-card-push-product {
    background: var(--color-bg-secondary);
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: var(--spacing-8) var(--spacing-5) var(--spacing-5) var(--spacing-5);
    position: relative;
    width: 100%
}

.c-card-push-product__link-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.c-card-push-product__image {
    margin: 0 auto;
    max-height: 29rem;
    max-width: 29rem
}

.c-card-push-product__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    max-width: 40rem;
    padding: var(--spacing-10) 0;
    position: relative;
    width: 100%;
    z-index: 1
}

@media (max-width: 767px) {
    .c-card-push-product {
        aspect-ratio:.65
    }
}

@media (max-width: 1279px) {
    .c-card-push-product {
        justify-content:center
    }

    .c-card-push-product__image {
        margin-top: auto;
        max-height: none;
        max-width: none
    }
}

.c-crm-form__success-msg p {
    font-family: var(--h4-font-family);
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.c-crm-form .block-form--group~.block-form--group {
    margin-top: var(--spacing-5)
}

.c-store-locator__search-field {
    position: relative
}

.c-store-locator__search-field svg {
    height: 2rem;
    left: var(--spacing-3);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem
}

.c-store-locator__search-input {
    min-width: 0;
    padding-left: calc(var(--spacing-3) + 2rem + var(--spacing-1));
    width: 100%
}

.c-store-locator__no-schedule,.c-store-locator__opening-state {
    margin-top: var(--spacing-5)
}

.c-store-locator__opening-state:before {
    content: "●";
    margin-right: var(--spacing-1)
}

.c-store-locator__items {
    margin: 0;
    padding: 0
}

.c-store-locator__items li {
    list-style: none;
    margin-bottom: 0
}

.c-store-locator__item {
    border-bottom: .1rem solid var(--color-stroke-primary)
}

.c-store-locator__item-wrapper {
    position: relative
}

.c-store-locator__item-btn {
    background: none;
    border: none;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-store-locator__item-expanded-icon {
    color: var(--color-text-accent);
    position: absolute
}

.c-store-locator__item-expanded-icon svg {
    height: 2.4rem;
    width: 2.4rem
}

.c-store-locator__item .c-store-locator__no-schedule,.c-store-locator__item .c-store-locator__opening-state {
    margin-bottom: 0;
    margin-top: var(--spacing-2)
}

.c-store-locator__show-more-btn {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-3);
    margin-top: var(--spacing-3)
}

.c-store-locator__map-view {
    height: 100%;
    width: 100%
}

.c-store-locator__map-cluster {
    align-items: center;
    color: var(--color-text-reverse);
    display: flex;
    font-size: var(--body-xs-regular-font-size);
    font-weight: var(--body-xs-regular-font-weight);
    line-height: var(--body-xs-regular-line-height)
}

.c-store-locator__popup-btn {
    flex-basis: 50%;
    flex-grow: 1
}

.c-store-locator .gm-style-iw-c {
    border: .1rem solid var(--color-stroke-primary);
    border-radius: 0!important;
    box-shadow: none;
    max-height: 60rem!important;
    max-width: none!important;
    padding: var(--spacing-5)!important;
    width: min(36.8rem,100vw - 2 * var(--page-container-spacing))
}

.c-store-locator .gm-style-iw-d {
    max-height: 60rem!important;
    overflow: initial!important;
    overflow-y: auto!important;
    scrollbar-gutter: stable
}

@-moz-document url-prefix() {
    .c-store-locator .gm-style-iw-d {
        scrollbar-color: var(--color-stroke-secondary) #fff;
        scrollbar-width: .4rem
    }
}

.c-store-locator .gm-style-iw-d::-webkit-scrollbar {
    width: .4rem
}

.c-store-locator .gm-style-iw-d::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10rem
}

.c-store-locator .gm-style-iw-d::-webkit-scrollbar-thumb {
    background-color: var(--color-stroke-secondary);
    border-radius: 10rem
}

.c-store-locator .gm-style-iw-chr button {
    height: auto!important;
    padding: var(--spacing-3)!important;
    position: absolute!important;
    right: 0;
    top: 0;
    width: auto!important
}

.c-store-locator .gm-style-iw-chr button:before {
    background-color: var(--color-text-accent);
    content: "";
    display: inline-block;
    height: 2.4rem;
    -webkit-mask: url(/assets/build/dfp/eta/images/close.6c688fc3.svg) no-repeat 50% 0;
    mask: url(/assets/build/dfp/eta/images/close.6c688fc3.svg) no-repeat 50% 0;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 2.4rem
}

.c-store-locator .gm-style-iw-chr button span {
    display: none!important
}

.c-store-locator .gm-style-iw-ch {
    padding: 0
}

.c-store-locator .gm-style-iw-tc {
    display: none
}

@media (max-width: 1023px) {
    .c-store-locator__heading h1 {
        margin-bottom:0
    }

    .c-store-locator__heading h1+p {
        margin-top: var(--spacing-2)
    }

    .c-store-locator__title-fallback {
        display: none
    }

    .is-initialized .c-store-locator__title-fallback,.is-initializing .c-store-locator__title-fallback {
        display: inherit
    }

    .is-initialized .c-store-locator__description,.is-initializing .c-store-locator__description {
        display: none
    }

    .c-store-locator__search {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(1600px + var(--page-container-spacing)*2);
        padding-bottom: var(--spacing-5);
        padding-left: var(--page-container-spacing);
        padding-right: var(--page-container-spacing);
        width: 100%
    }

    .c-store-locator__no-schedule,.c-store-locator__opening-state {
        margin-bottom: var(--spacing-2)
    }

    .c-store-locator__placeholder {
        margin-bottom: var(--spacing-5)
    }

    .c-store-locator__placeholder-wrapper {
        aspect-ratio: 1;
        position: relative
    }

    .c-store-locator__placeholder-wrapper iframe,.c-store-locator__placeholder-wrapper img {
        height: 100%;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    .c-store-locator__placeholder-overlay {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .c-store-locator__item {
        padding-bottom: var(--spacing-1)
    }

    .c-store-locator__item-expanded-icon {
        right: var(--spacing-2);
        top: var(--spacing-3)
    }

    .c-store-locator__item-wrapper {
        padding: var(--spacing-3) var(--page-container-spacing) 0 var(--page-container-spacing)
    }

    .c-store-locator__item-btn.is-visible .c-store-locator__item-expanded-icon {
        transform: rotate(90deg);
        transition: transform .2s ease
    }

    .c-store-locator__item-content {
        display: grid;
        grid-template-rows: 0fr;
        min-height: 0;
        padding-left: var(--page-container-spacing);
        padding-right: var(--page-container-spacing);
        padding-top: var(--spacing-2);
        transition: grid-template-rows .2s ease,padding .2s ease
    }

    .c-store-locator__item-content-wrapper {
        min-height: 0;
        opacity: 0;
        overflow: hidden;
        visibility: hidden
    }

    .is-visible .c-store-locator__item-content-wrapper {
        opacity: 1;
        visibility: visible
    }

    .c-store-locator__item-content.is-visible {
        grid-template-rows: 1fr;
        padding-bottom: var(--spacing-2)
    }

    .c-store-locator__map {
        aspect-ratio: 16/25
    }
}

@media (min-width: 1024px) {
    .c-store-locator__heading {
        text-align:center
    }

    .c-store-locator__heading h1 {
        margin-bottom: var(--spacing-5)
    }

    .c-store-locator__search {
        padding: var(--spacing-5)
    }

    .c-store-locator__no-schedule,.c-store-locator__opening-state {
        margin-bottom: var(--spacing-3)
    }

    .c-store-locator__placeholder {
        display: none
    }

    .c-store-locator__content {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(1600px + var(--page-container-spacing)*2);
        padding-left: var(--page-container-spacing);
        padding-right: var(--page-container-spacing);
        width: 100%
    }

    .c-store-locator__content-wrapper {
        align-items: stretch;
        aspect-ratio: 16/9;
        display: flex
    }

    .c-store-locator__aside {
        display: flex;
        flex-direction: column;
        width: 28%
    }

    .c-store-locator__list {
        overflow-y: auto;
        scrollbar-gutter: stable
    }

    @-moz-document url-prefix() {
        .c-store-locator__list {
            scrollbar-color: var(--color-stroke-secondary) #fff;
            scrollbar-width: .4rem
        }
    }

    .c-store-locator__list::-webkit-scrollbar {
        width: .4rem
    }

    .c-store-locator__list::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 10rem
    }

    .c-store-locator__list::-webkit-scrollbar-thumb {
        background-color: var(--color-stroke-secondary);
        border-radius: 10rem
    }

    .c-store-locator__items {
        padding-top: .1rem
    }

    .c-store-locator__item {
        padding: var(--spacing-3) var(--spacing-5)
    }

    .c-store-locator__item:first-child {
        border-top: .1rem solid var(--color-stroke-primary)
    }

    .c-store-locator__item-expanded-icon {
        right: 0;
        top: 0
    }

    .c-store-locator__item-content {
        display: none
    }

    .c-store-locator__item.is-active {
        background: var(--color-bg-secondary)
    }

    .c-store-locator__map {
        width: 72%
    }

    .c-store-locator .c-tabs__panel:not(.is-selected) {
        display: flex
    }
}

.u-reset-link {
    color: inherit!important;
    transition: none!important
}

.u-reset-link,.u-reset-link-underline {
    text-decoration: none!important
}

.u-reset-list {
    margin: 0!important;
    padding: 0!important
}

.u-reset-list li {
    list-style: none!important;
    margin-bottom: 0!important
}

.u-reset-data-list,.u-reset-data-list dd {
    margin: 0!important
}

.u-reset-button {
    background: none!important;
    border: none!important;
    padding: 0
}

.u-reset-title {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    text-transform: inherit
}

.u-align--right {
    text-align: right!important
}

.u-align--center {
    text-align: center!important
}

.u-align--left {
    text-align: left!important
}

.u-align--justify {
    text-align: justify!important
}

.u-vertical-align--top {
    vertical-align: top!important
}

.u-vertical-align--middle {
    vertical-align: middle!important
}

.u-vertical-align--bottom {
    vertical-align: bottom!important
}

.u-text-color--primary {
    color: var(--color-text-primary)!important
}

.u-text-color--secondary {
    color: var(--color-text-secondary)!important
}

.u-text-color--tertiary {
    color: var(--color-text-tertiary)!important
}

.u-text-color--accent {
    color: var(--color-text-accent)!important
}

.u-text-color--accent-dark {
    color: var(--color-text-accent-dark)!important
}

.u-text-color--highlight {
    color: var(--color-text-highlight)!important
}

.u-text-color--reverse {
    color: var(--color-text-reverse)!important
}

.u-text-color--error {
    color: var(--color-text-error)!important
}

.u-text-color--warning {
    color: var(--color-text-warning)!important
}

.u-text-color--success {
    color: var(--color-text-success)!important
}

.u-bg-color--primary {
    background-color: var(--color-bg-primary)!important
}

.u-bg-color--secondary {
    background-color: var(--color-bg-secondary)!important
}

.u-bg-color--accent {
    background-color: var(--color-bg-accent)!important
}

.u-bg-color--accent-dark {
    background-color: var(--color-bg-accent-dark)!important
}

.u-bg-color--reverse {
    background-color: var(--color-bg-reverse)!important
}

.u-bg-color--error {
    background-color: var(--color-bg-error)!important
}

.u-bg-color--warning {
    background-color: var(--color-bg-warning)!important
}

.u-bg-color--success {
    background-color: var(--color-bg-success)!important
}

.u-border-color--primary {
    border-color: var(--color-stroke-primary)!important
}

.u-border--primary {
    border: .1rem solid #dbdbdb!important
}

.u-border-top--primary {
    border-top: .1rem solid #dbdbdb!important
}

.u-border-right--primary {
    border-right: .1rem solid #dbdbdb!important
}

.u-border-bottom--primary {
    border-bottom: .1rem solid #dbdbdb!important
}

.u-border-left--primary {
    border-left: .1rem solid #dbdbdb!important
}

.u-border-color--secondary {
    border-color: var(--color-stroke-secondary)!important
}

.u-border--secondary {
    border: .1rem solid #cacaca!important
}

.u-border-top--secondary {
    border-top: .1rem solid #cacaca!important
}

.u-border-right--secondary {
    border-right: .1rem solid #cacaca!important
}

.u-border-bottom--secondary {
    border-bottom: .1rem solid #cacaca!important
}

.u-border-left--secondary {
    border-left: .1rem solid #cacaca!important
}

.u-border-color--accent {
    border-color: var(--color-stroke-accent)!important
}

.u-border--accent {
    border: .1rem solid #ff8674!important
}

.u-border-top--accent {
    border-top: .1rem solid #ff8674!important
}

.u-border-right--accent {
    border-right: .1rem solid #ff8674!important
}

.u-border-bottom--accent {
    border-bottom: .1rem solid #ff8674!important
}

.u-border-left--accent {
    border-left: .1rem solid #ff8674!important
}

.u-border-color--accent-dark {
    border-color: var(--color-stroke-accent-dark)!important
}

.u-border--accent-dark {
    border: .1rem solid #4d4d4d!important
}

.u-border-top--accent-dark {
    border-top: .1rem solid #4d4d4d!important
}

.u-border-right--accent-dark {
    border-right: .1rem solid #4d4d4d!important
}

.u-border-bottom--accent-dark {
    border-bottom: .1rem solid #4d4d4d!important
}

.u-border-left--accent-dark {
    border-left: .1rem solid #4d4d4d!important
}

.u-border-color--reverse {
    border-color: var(--color-stroke-reverse)!important
}

.u-border--reverse {
    border: .1rem solid #fff!important
}

.u-border-top--reverse {
    border-top: .1rem solid #fff!important
}

.u-border-right--reverse {
    border-right: .1rem solid #fff!important
}

.u-border-bottom--reverse {
    border-bottom: .1rem solid #fff!important
}

.u-border-left--reverse {
    border-left: .1rem solid #fff!important
}

.u-border-color--error {
    border-color: var(--color-stroke-error)!important
}

.u-border--error {
    border: .1rem solid #ea001e!important
}

.u-border-top--error {
    border-top: .1rem solid #ea001e!important
}

.u-border-right--error {
    border-right: .1rem solid #ea001e!important
}

.u-border-bottom--error {
    border-bottom: .1rem solid #ea001e!important
}

.u-border-left--error {
    border-left: .1rem solid #ea001e!important
}

.u-border-color--warning {
    border-color: var(--color-stroke-warning)!important
}

.u-border--warning {
    border: .1rem solid #f6b450!important
}

.u-border-top--warning {
    border-top: .1rem solid #f6b450!important
}

.u-border-right--warning {
    border-right: .1rem solid #f6b450!important
}

.u-border-bottom--warning {
    border-bottom: .1rem solid #f6b450!important
}

.u-border-left--warning {
    border-left: .1rem solid #f6b450!important
}

.u-border-color--success {
    border-color: var(--color-stroke-success)!important
}

.u-border--success {
    border: .1rem solid #0d8635!important
}

.u-border-top--success {
    border-top: .1rem solid #0d8635!important
}

.u-border-right--success {
    border-right: .1rem solid #0d8635!important
}

.u-border-bottom--success {
    border-bottom: .1rem solid #0d8635!important
}

.u-border-left--success {
    border-left: .1rem solid #0d8635!important
}

.u-border--none {
    border: none
}

.u-border-top--none {
    border-top: none
}

.u-border-right--none {
    border-right: none
}

.u-border-bottom--none {
    border-bottom: none
}

.u-border-left--none {
    border-left: none
}

.u-g-text-color {
    color: var(--g-text)
}

.u-g-bg-color-light {
    background-color: var(--g-bg-light)
}

.u-g-bg-color-dark {
    background-color: var(--g-bg-dark)
}

.u-g-stroke-color {
    border-color: var(--g-stroke)
}

.u-reset-range {
    --g-text: var(--color-text-accent);
    --g-bg-light: var(--color-bg-primary);
    --g-bg-dark: var(--color-bg-accent);
    --g-stroke: var(--color-stroke-accent)
}

.u-h1 {
    font-family: var(--h1-font-family);
    font-size: var(--h1-font-size);
    font-weight: var(--h1-font-weight);
    letter-spacing: var(--h1-letter-spacing);
    line-height: var(--h1-line-height)
}

.u-h1,.u-h2 {
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.u-h2 {
    font-family: var(--h2-font-family);
    font-size: var(--h2-font-size);
    font-weight: var(--h2-font-weight);
    letter-spacing: var(--h2-letter-spacing);
    line-height: var(--h2-line-height)
}

.u-h3 {
    font-family: var(--h3-font-family);
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    letter-spacing: var(--h3-letter-spacing);
    line-height: var(--h3-line-height)
}

.u-h3,.u-h4 {
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.u-h4 {
    font-family: var(--h4-font-family);
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height)
}

.u-h5 {
    font-family: var(--h5-font-family);
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    letter-spacing: var(--h5-letter-spacing);
    line-height: var(--h5-line-height)
}

.u-h5,.u-h6 {
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.u-h6 {
    font-family: var(--h6-font-family);
    font-size: var(--h6-font-size);
    font-weight: var(--h6-font-weight);
    letter-spacing: var(--h6-letter-spacing);
    line-height: var(--h6-line-height)
}

.u-h7 {
    font-family: var(--h7-font-family);
    font-size: var(--h7-font-size);
    font-weight: var(--h7-font-weight);
    letter-spacing: var(--h7-letter-spacing);
    line-height: var(--h7-line-height);
    margin-bottom: var(--spacing-4);
    margin-top: 0
}

.u-hidden {
    display: none!important
}

.u-hidden-visually {
    clip: rect(.1rem,.1rem,.1rem,.1rem);
    word-wrap: normal;
    height: .1rem;
    overflow: hidden;
    position: absolute!important;
    width: .1rem
}

.u-visible {
    display: block!important
}

@media (min-width: 375px) {
    .u-hidden\:mobile {
        display:none!important
    }

    .u-hidden-visually\:mobile {
        clip: rect(.1rem,.1rem,.1rem,.1rem);
        word-wrap: normal;
        height: .1rem;
        overflow: hidden;
        position: absolute!important;
        width: .1rem
    }

    .u-visible\:mobile {
        display: block!important
    }
}

@media (min-width: 768px) {
    .u-hidden\:tablet {
        display:none!important
    }

    .u-hidden-visually\:tablet {
        clip: rect(.1rem,.1rem,.1rem,.1rem);
        word-wrap: normal;
        height: .1rem;
        overflow: hidden;
        position: absolute!important;
        width: .1rem
    }

    .u-visible\:tablet {
        display: block!important
    }
}

@media (min-width: 1024px) {
    .u-hidden\:tablet-large {
        display:none!important
    }

    .u-hidden-visually\:tablet-large {
        clip: rect(.1rem,.1rem,.1rem,.1rem);
        word-wrap: normal;
        height: .1rem;
        overflow: hidden;
        position: absolute!important;
        width: .1rem
    }

    .u-visible\:tablet-large {
        display: block!important
    }
}

@media (min-width: 1280px) {
    .u-hidden\:desktop {
        display:none!important
    }

    .u-hidden-visually\:desktop {
        clip: rect(.1rem,.1rem,.1rem,.1rem);
        word-wrap: normal;
        height: .1rem;
        overflow: hidden;
        position: absolute!important;
        width: .1rem
    }

    .u-visible\:desktop {
        display: block!important
    }
}

@media (min-width: 1600px) {
    .u-hidden\:desktop-large {
        display:none!important
    }

    .u-hidden-visually\:desktop-large {
        clip: rect(.1rem,.1rem,.1rem,.1rem);
        word-wrap: normal;
        height: .1rem;
        overflow: hidden;
        position: absolute!important;
        width: .1rem
    }

    .u-visible\:desktop-large {
        display: block!important
    }
}

@media (min-width: 1920px) {
    .u-hidden\:desktop-xlarge {
        display:none!important
    }

    .u-hidden-visually\:desktop-xlarge {
        clip: rect(.1rem,.1rem,.1rem,.1rem);
        word-wrap: normal;
        height: .1rem;
        overflow: hidden;
        position: absolute!important;
        width: .1rem
    }

    .u-visible\:desktop-xlarge {
        display: block!important
    }
}

.u-block {
    display: block
}

.u-inline {
    display: inline
}

.u-inline-block {
    display: inline-block
}

.u-text-decoration--none {
    text-decoration: none!important
}

.u-text-decoration--strike {
    text-decoration: line-through!important
}

.u-text-decoration--underline {
    text-decoration: underline!important
}

.u-text--uppercase {
    text-transform: uppercase!important
}

.u-text--lowercase {
    text-transform: lowercase!important
}

.u-text--transform-none {
    text-transform: none!important
}

.u-text--italic {
    font-style: italic!important
}

.u-text--no-style {
    font-style: normal!important
}

.u-text--no-white-space,.u-truncate {
    white-space: nowrap
}

.u-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.u-body-xxs-regular {
    font-size: var(--body-xxs-regular-font-size);
    font-weight: var(--body-xxs-regular-font-weight);
    line-height: var(--body-xxs-regular-line-height)
}

.u-body-xxs-bold {
    font-size: var(--body-xxs-bold-font-size);
    font-weight: var(--body-xxs-bold-font-weight);
    line-height: var(--body-xxs-bold-line-height)
}

.u-body-xs-regular {
    font-size: var(--body-xs-regular-font-size);
    font-weight: var(--body-xs-regular-font-weight);
    line-height: var(--body-xs-regular-line-height)
}

.u-body-xs-bold {
    font-size: var(--body-xs-bold-font-size);
    font-weight: var(--body-xs-bold-font-weight);
    line-height: var(--body-xs-bold-line-height)
}

.u-body-xs-caption {
    font-size: var(--body-xs-caption-font-size);
    font-weight: var(--body-xs-caption-font-weight);
    line-height: var(--body-xs-caption-line-height)
}

.u-body-s-regular {
    font-size: var(--body-s-regular-font-size);
    font-weight: var(--body-s-regular-font-weight);
    line-height: var(--body-s-regular-line-height)
}

.u-body-s-bold {
    font-size: var(--body-s-bold-font-size);
    font-weight: var(--body-s-bold-font-weight);
    line-height: var(--body-s-bold-line-height)
}

.u-body-s-caption {
    font-size: var(--body-s-caption-font-size);
    font-weight: var(--body-s-caption-font-weight);
    line-height: var(--body-s-caption-line-height)
}

.u-body-m-regular {
    font-size: var(--body-m-regular-font-size);
    font-weight: var(--body-m-regular-font-weight);
    line-height: var(--body-m-regular-line-height)
}

.u-body-m-bold {
    font-size: var(--body-m-bold-font-size);
    font-weight: var(--body-m-bold-font-weight);
    line-height: var(--body-m-bold-line-height)
}

.u-body-m-caption {
    font-size: var(--body-m-caption-font-size);
    font-weight: var(--body-m-caption-font-weight);
    line-height: var(--body-m-caption-line-height)
}

.u-sub-heading-xs {
    font-family: var(--sub-heading-xs-font-family);
    font-size: var(--sub-heading-xs-font-size);
    font-weight: var(--sub-heading-xs-font-weight);
    letter-spacing: var(--sub-heading-xs-letter-spacing);
    line-height: var(--sub-heading-xs-line-height)
}

.u-sub-heading-s,.u-sub-heading-xs {
    color: var(--g-text);
    margin-bottom: var(--spacing-5);
    text-transform: uppercase
}

.u-sub-heading-s {
    font-family: var(--sub-heading-s-font-family);
    font-size: var(--sub-heading-s-font-size);
    font-weight: var(--sub-heading-s-font-weight);
    letter-spacing: var(--sub-heading-s-letter-spacing);
    line-height: var(--sub-heading-s-line-height)
}

.u-label {
    font-family: var(--label-default-font-family);
    font-size: var(--label-default-font-size);
    font-weight: var(--label-default-font-weight);
    letter-spacing: var(--label-default-letter-spacing);
    text-transform: var(--label-default-text-transform)
}

.u-button {
    font-family: var(--button-default-font-family);
    font-size: var(--button-default-font-size);
    font-weight: var(--button-default-font-weight);
    letter-spacing: var(--button-default-letter-spacing);
    line-height: var(--button-default-line-height);
    text-transform: var(--button-default-text-transform)
}

.u-number {
    font-family: var(--number-text-font-family);
    font-size: var(--number-text-font-size);
    font-weight: var(--number-text-font-weight);
    letter-spacing: var(--number-text-letter-spacing);
    line-height: var(--number-text-line-height)
}

.u-accent {
    font-family: var(--accent-text-font-family);
    font-size: var(--accent-text-font-size);
    font-weight: var(--accent-text-font-weight);
    letter-spacing: var(--accent-text-letter-spacing);
    line-height: var(--accent-text-line-height);
    text-transform: var(--accent-text-text-transform)
}

.u-flex {
    display: flex!important
}

.u-inline-flex {
    display: inline-flex!important
}

.u-flex--column {
    flex-direction: column!important
}

.u-flex--row {
    flex-direction: row!important
}

.u-flex--row-reverse {
    flex-direction: row-reverse!important
}

.u-flex-grow {
    flex-grow: 1
}

.u-flex-wrap--wrap {
    flex-wrap: wrap
}

.u-flex-shrink--none {
    flex-shrink: 0
}

.u-flex-align-self--start {
    align-self: flex-start
}

.u-flex-align-items--start {
    align-items: flex-start
}

.u-flex-align-items--baseline {
    align-items: baseline
}

.u-flex-align-items--center {
    align-items: center
}

.u-flex-align-items--end {
    align-items: flex-end
}

.u-flex-justify-content--center {
    justify-content: center
}

.u-flex-justify-content--end {
    justify-content: flex-end
}

.u-flex-justify-content--space-between {
    justify-content: space-between
}

.u-margin--1 {
    margin: var(--spacing-1)!important
}

.u-margin--2 {
    margin: var(--spacing-2)!important
}

.u-margin--3 {
    margin: var(--spacing-3)!important
}

.u-margin--4 {
    margin: var(--spacing-4)!important
}

.u-margin--5 {
    margin: var(--spacing-5)!important
}

.u-margin--6 {
    margin: var(--spacing-6)!important
}

.u-margin--7 {
    margin: var(--spacing-7)!important
}

.u-margin--8 {
    margin: var(--spacing-8)!important
}

.u-margin--10 {
    margin: var(--spacing-10)!important
}

.u-margin--12 {
    margin: var(--spacing-12)!important
}

.u-margin--16 {
    margin: var(--spacing-16)!important
}

.u-margin--20 {
    margin: var(--spacing-20)!important
}

.u-margin--24 {
    margin: var(--spacing-24)!important
}

.u-margin--28 {
    margin: var(--spacing-28)!important
}

.u-margin--32 {
    margin: var(--spacing-32)!important
}

.u-margin--auto {
    margin: auto!important
}

.u-margin--none {
    margin: 0!important
}

.u-margin-top--1 {
    margin-top: var(--spacing-1)!important
}

.u-margin-top--2 {
    margin-top: var(--spacing-2)!important
}

.u-margin-top--3 {
    margin-top: var(--spacing-3)!important
}

.u-margin-top--4 {
    margin-top: var(--spacing-4)!important
}

.u-margin-top--5 {
    margin-top: var(--spacing-5)!important
}

.u-margin-top--6 {
    margin-top: var(--spacing-6)!important
}

.u-margin-top--7 {
    margin-top: var(--spacing-7)!important
}

.u-margin-top--8 {
    margin-top: var(--spacing-8)!important
}

.u-margin-top--10 {
    margin-top: var(--spacing-10)!important
}

.u-margin-top--12 {
    margin-top: var(--spacing-12)!important
}

.u-margin-top--16 {
    margin-top: var(--spacing-16)!important
}

.u-margin-top--20 {
    margin-top: var(--spacing-20)!important
}

.u-margin-top--24 {
    margin-top: var(--spacing-24)!important
}

.u-margin-top--28 {
    margin-top: var(--spacing-28)!important
}

.u-margin-top--32 {
    margin-top: var(--spacing-32)!important
}

.u-margin-top--auto {
    margin-top: auto!important
}

.u-margin-top--none {
    margin-top: 0!important
}

.u-margin-bottom--1 {
    margin-bottom: var(--spacing-1)!important
}

.u-margin-bottom--2 {
    margin-bottom: var(--spacing-2)!important
}

.u-margin-bottom--3 {
    margin-bottom: var(--spacing-3)!important
}

.u-margin-bottom--4 {
    margin-bottom: var(--spacing-4)!important
}

.u-margin-bottom--5 {
    margin-bottom: var(--spacing-5)!important
}

.u-margin-bottom--6 {
    margin-bottom: var(--spacing-6)!important
}

.u-margin-bottom--7 {
    margin-bottom: var(--spacing-7)!important
}

.u-margin-bottom--8 {
    margin-bottom: var(--spacing-8)!important
}

.u-margin-bottom--10 {
    margin-bottom: var(--spacing-10)!important
}

.u-margin-bottom--12 {
    margin-bottom: var(--spacing-12)!important
}

.u-margin-bottom--16 {
    margin-bottom: var(--spacing-16)!important
}

.u-margin-bottom--20 {
    margin-bottom: var(--spacing-20)!important
}

.u-margin-bottom--24 {
    margin-bottom: var(--spacing-24)!important
}

.u-margin-bottom--28 {
    margin-bottom: var(--spacing-28)!important
}

.u-margin-bottom--32 {
    margin-bottom: var(--spacing-32)!important
}

.u-margin-bottom--auto {
    margin-bottom: auto!important
}

.u-margin-bottom--none {
    margin-bottom: 0!important
}

.u-margin-right--1 {
    margin-right: var(--spacing-1)!important
}

.u-margin-right--2 {
    margin-right: var(--spacing-2)!important
}

.u-margin-right--3 {
    margin-right: var(--spacing-3)!important
}

.u-margin-right--4 {
    margin-right: var(--spacing-4)!important
}

.u-margin-right--5 {
    margin-right: var(--spacing-5)!important
}

.u-margin-right--6 {
    margin-right: var(--spacing-6)!important
}

.u-margin-right--7 {
    margin-right: var(--spacing-7)!important
}

.u-margin-right--8 {
    margin-right: var(--spacing-8)!important
}

.u-margin-right--10 {
    margin-right: var(--spacing-10)!important
}

.u-margin-right--12 {
    margin-right: var(--spacing-12)!important
}

.u-margin-right--16 {
    margin-right: var(--spacing-16)!important
}

.u-margin-right--20 {
    margin-right: var(--spacing-20)!important
}

.u-margin-right--24 {
    margin-right: var(--spacing-24)!important
}

.u-margin-right--28 {
    margin-right: var(--spacing-28)!important
}

.u-margin-right--32 {
    margin-right: var(--spacing-32)!important
}

.u-margin-right--auto {
    margin-right: auto!important
}

.u-margin-right--none {
    margin-right: 0!important
}

.u-margin-left--1 {
    margin-left: var(--spacing-1)!important
}

.u-margin-left--2 {
    margin-left: var(--spacing-2)!important
}

.u-margin-left--3 {
    margin-left: var(--spacing-3)!important
}

.u-margin-left--4 {
    margin-left: var(--spacing-4)!important
}

.u-margin-left--5 {
    margin-left: var(--spacing-5)!important
}

.u-margin-left--6 {
    margin-left: var(--spacing-6)!important
}

.u-margin-left--7 {
    margin-left: var(--spacing-7)!important
}

.u-margin-left--8 {
    margin-left: var(--spacing-8)!important
}

.u-margin-left--10 {
    margin-left: var(--spacing-10)!important
}

.u-margin-left--12 {
    margin-left: var(--spacing-12)!important
}

.u-margin-left--16 {
    margin-left: var(--spacing-16)!important
}

.u-margin-left--20 {
    margin-left: var(--spacing-20)!important
}

.u-margin-left--24 {
    margin-left: var(--spacing-24)!important
}

.u-margin-left--28 {
    margin-left: var(--spacing-28)!important
}

.u-margin-left--32 {
    margin-left: var(--spacing-32)!important
}

.u-margin-left--auto {
    margin-left: auto!important
}

.u-margin-left--none {
    margin-left: 0!important
}

.u-margin-vertical--1 {
    margin-bottom: var(--spacing-1)!important;
    margin-top: var(--spacing-1)!important
}

.u-margin-vertical--2 {
    margin-bottom: var(--spacing-2)!important;
    margin-top: var(--spacing-2)!important
}

.u-margin-vertical--3 {
    margin-bottom: var(--spacing-3)!important;
    margin-top: var(--spacing-3)!important
}

.u-margin-vertical--4 {
    margin-bottom: var(--spacing-4)!important;
    margin-top: var(--spacing-4)!important
}

.u-margin-vertical--5 {
    margin-bottom: var(--spacing-5)!important;
    margin-top: var(--spacing-5)!important
}

.u-margin-vertical--6 {
    margin-bottom: var(--spacing-6)!important;
    margin-top: var(--spacing-6)!important
}

.u-margin-vertical--7 {
    margin-bottom: var(--spacing-7)!important;
    margin-top: var(--spacing-7)!important
}

.u-margin-vertical--8 {
    margin-bottom: var(--spacing-8)!important;
    margin-top: var(--spacing-8)!important
}

.u-margin-vertical--10 {
    margin-bottom: var(--spacing-10)!important;
    margin-top: var(--spacing-10)!important
}

.u-margin-vertical--12 {
    margin-bottom: var(--spacing-12)!important;
    margin-top: var(--spacing-12)!important
}

.u-margin-vertical--16 {
    margin-bottom: var(--spacing-16)!important;
    margin-top: var(--spacing-16)!important
}

.u-margin-vertical--20 {
    margin-bottom: var(--spacing-20)!important;
    margin-top: var(--spacing-20)!important
}

.u-margin-vertical--24 {
    margin-bottom: var(--spacing-24)!important;
    margin-top: var(--spacing-24)!important
}

.u-margin-vertical--28 {
    margin-bottom: var(--spacing-28)!important;
    margin-top: var(--spacing-28)!important
}

.u-margin-vertical--32 {
    margin-bottom: var(--spacing-32)!important;
    margin-top: var(--spacing-32)!important
}

.u-margin-vertical--auto {
    margin-bottom: auto!important;
    margin-top: auto!important
}

.u-margin-vertical--none {
    margin-bottom: 0!important;
    margin-top: 0!important
}

.u-margin-horizontal--1 {
    margin-left: var(--spacing-1)!important;
    margin-right: var(--spacing-1)!important
}

.u-margin-horizontal--2 {
    margin-left: var(--spacing-2)!important;
    margin-right: var(--spacing-2)!important
}

.u-margin-horizontal--3 {
    margin-left: var(--spacing-3)!important;
    margin-right: var(--spacing-3)!important
}

.u-margin-horizontal--4 {
    margin-left: var(--spacing-4)!important;
    margin-right: var(--spacing-4)!important
}

.u-margin-horizontal--5 {
    margin-left: var(--spacing-5)!important;
    margin-right: var(--spacing-5)!important
}

.u-margin-horizontal--6 {
    margin-left: var(--spacing-6)!important;
    margin-right: var(--spacing-6)!important
}

.u-margin-horizontal--7 {
    margin-left: var(--spacing-7)!important;
    margin-right: var(--spacing-7)!important
}

.u-margin-horizontal--8 {
    margin-left: var(--spacing-8)!important;
    margin-right: var(--spacing-8)!important
}

.u-margin-horizontal--10 {
    margin-left: var(--spacing-10)!important;
    margin-right: var(--spacing-10)!important
}

.u-margin-horizontal--12 {
    margin-left: var(--spacing-12)!important;
    margin-right: var(--spacing-12)!important
}

.u-margin-horizontal--16 {
    margin-left: var(--spacing-16)!important;
    margin-right: var(--spacing-16)!important
}

.u-margin-horizontal--20 {
    margin-left: var(--spacing-20)!important;
    margin-right: var(--spacing-20)!important
}

.u-margin-horizontal--24 {
    margin-left: var(--spacing-24)!important;
    margin-right: var(--spacing-24)!important
}

.u-margin-horizontal--28 {
    margin-left: var(--spacing-28)!important;
    margin-right: var(--spacing-28)!important
}

.u-margin-horizontal--32 {
    margin-left: var(--spacing-32)!important;
    margin-right: var(--spacing-32)!important
}

.u-margin-horizontal--auto {
    margin-left: auto!important;
    margin-right: auto!important
}

.u-margin-horizontal--none {
    margin-left: 0!important;
    margin-right: 0!important
}

.u-padding--1 {
    padding: var(--spacing-1)!important
}

.u-padding--2 {
    padding: var(--spacing-2)!important
}

.u-padding--3 {
    padding: var(--spacing-3)!important
}

.u-padding--4 {
    padding: var(--spacing-4)!important
}

.u-padding--5 {
    padding: var(--spacing-5)!important
}

.u-padding--6 {
    padding: var(--spacing-6)!important
}

.u-padding--7 {
    padding: var(--spacing-7)!important
}

.u-padding--8 {
    padding: var(--spacing-8)!important
}

.u-padding--10 {
    padding: var(--spacing-10)!important
}

.u-padding--12 {
    padding: var(--spacing-12)!important
}

.u-padding--16 {
    padding: var(--spacing-16)!important
}

.u-padding--20 {
    padding: var(--spacing-20)!important
}

.u-padding--24 {
    padding: var(--spacing-24)!important
}

.u-padding--28 {
    padding: var(--spacing-28)!important
}

.u-padding--32 {
    padding: var(--spacing-32)!important
}

.u-padding--auto {
    padding: auto!important
}

.u-padding--none {
    padding: 0!important
}

.u-padding-top--1 {
    padding-top: var(--spacing-1)!important
}

.u-padding-top--2 {
    padding-top: var(--spacing-2)!important
}

.u-padding-top--3 {
    padding-top: var(--spacing-3)!important
}

.u-padding-top--4 {
    padding-top: var(--spacing-4)!important
}

.u-padding-top--5 {
    padding-top: var(--spacing-5)!important
}

.u-padding-top--6 {
    padding-top: var(--spacing-6)!important
}

.u-padding-top--7 {
    padding-top: var(--spacing-7)!important
}

.u-padding-top--8 {
    padding-top: var(--spacing-8)!important
}

.u-padding-top--10 {
    padding-top: var(--spacing-10)!important
}

.u-padding-top--12 {
    padding-top: var(--spacing-12)!important
}

.u-padding-top--16 {
    padding-top: var(--spacing-16)!important
}

.u-padding-top--20 {
    padding-top: var(--spacing-20)!important
}

.u-padding-top--24 {
    padding-top: var(--spacing-24)!important
}

.u-padding-top--28 {
    padding-top: var(--spacing-28)!important
}

.u-padding-top--32 {
    padding-top: var(--spacing-32)!important
}

.u-padding-top--auto {
    padding-top: auto!important
}

.u-padding-top--none {
    padding-top: 0!important
}

.u-padding-bottom--1 {
    padding-bottom: var(--spacing-1)!important
}

.u-padding-bottom--2 {
    padding-bottom: var(--spacing-2)!important
}

.u-padding-bottom--3 {
    padding-bottom: var(--spacing-3)!important
}

.u-padding-bottom--4 {
    padding-bottom: var(--spacing-4)!important
}

.u-padding-bottom--5 {
    padding-bottom: var(--spacing-5)!important
}

.u-padding-bottom--6 {
    padding-bottom: var(--spacing-6)!important
}

.u-padding-bottom--7 {
    padding-bottom: var(--spacing-7)!important
}

.u-padding-bottom--8 {
    padding-bottom: var(--spacing-8)!important
}

.u-padding-bottom--10 {
    padding-bottom: var(--spacing-10)!important
}

.u-padding-bottom--12 {
    padding-bottom: var(--spacing-12)!important
}

.u-padding-bottom--16 {
    padding-bottom: var(--spacing-16)!important
}

.u-padding-bottom--20 {
    padding-bottom: var(--spacing-20)!important
}

.u-padding-bottom--24 {
    padding-bottom: var(--spacing-24)!important
}

.u-padding-bottom--28 {
    padding-bottom: var(--spacing-28)!important
}

.u-padding-bottom--32 {
    padding-bottom: var(--spacing-32)!important
}

.u-padding-bottom--auto {
    padding-bottom: auto!important
}

.u-padding-bottom--none {
    padding-bottom: 0!important
}

.u-padding-right--1 {
    padding-right: var(--spacing-1)!important
}

.u-padding-right--2 {
    padding-right: var(--spacing-2)!important
}

.u-padding-right--3 {
    padding-right: var(--spacing-3)!important
}

.u-padding-right--4 {
    padding-right: var(--spacing-4)!important
}

.u-padding-right--5 {
    padding-right: var(--spacing-5)!important
}

.u-padding-right--6 {
    padding-right: var(--spacing-6)!important
}

.u-padding-right--7 {
    padding-right: var(--spacing-7)!important
}

.u-padding-right--8 {
    padding-right: var(--spacing-8)!important
}

.u-padding-right--10 {
    padding-right: var(--spacing-10)!important
}

.u-padding-right--12 {
    padding-right: var(--spacing-12)!important
}

.u-padding-right--16 {
    padding-right: var(--spacing-16)!important
}

.u-padding-right--20 {
    padding-right: var(--spacing-20)!important
}

.u-padding-right--24 {
    padding-right: var(--spacing-24)!important
}

.u-padding-right--28 {
    padding-right: var(--spacing-28)!important
}

.u-padding-right--32 {
    padding-right: var(--spacing-32)!important
}

.u-padding-right--auto {
    padding-right: auto!important
}

.u-padding-right--none {
    padding-right: 0!important
}

.u-padding-left--1 {
    padding-left: var(--spacing-1)!important
}

.u-padding-left--2 {
    padding-left: var(--spacing-2)!important
}

.u-padding-left--3 {
    padding-left: var(--spacing-3)!important
}

.u-padding-left--4 {
    padding-left: var(--spacing-4)!important
}

.u-padding-left--5 {
    padding-left: var(--spacing-5)!important
}

.u-padding-left--6 {
    padding-left: var(--spacing-6)!important
}

.u-padding-left--7 {
    padding-left: var(--spacing-7)!important
}

.u-padding-left--8 {
    padding-left: var(--spacing-8)!important
}

.u-padding-left--10 {
    padding-left: var(--spacing-10)!important
}

.u-padding-left--12 {
    padding-left: var(--spacing-12)!important
}

.u-padding-left--16 {
    padding-left: var(--spacing-16)!important
}

.u-padding-left--20 {
    padding-left: var(--spacing-20)!important
}

.u-padding-left--24 {
    padding-left: var(--spacing-24)!important
}

.u-padding-left--28 {
    padding-left: var(--spacing-28)!important
}

.u-padding-left--32 {
    padding-left: var(--spacing-32)!important
}

.u-padding-left--auto {
    padding-left: auto!important
}

.u-padding-left--none {
    padding-left: 0!important
}

.u-padding-vertical--1 {
    padding-bottom: var(--spacing-1)!important;
    padding-top: var(--spacing-1)!important
}

.u-padding-vertical--2 {
    padding-bottom: var(--spacing-2)!important;
    padding-top: var(--spacing-2)!important
}

.u-padding-vertical--3 {
    padding-bottom: var(--spacing-3)!important;
    padding-top: var(--spacing-3)!important
}

.u-padding-vertical--4 {
    padding-bottom: var(--spacing-4)!important;
    padding-top: var(--spacing-4)!important
}

.u-padding-vertical--5 {
    padding-bottom: var(--spacing-5)!important;
    padding-top: var(--spacing-5)!important
}

.u-padding-vertical--6 {
    padding-bottom: var(--spacing-6)!important;
    padding-top: var(--spacing-6)!important
}

.u-padding-vertical--7 {
    padding-bottom: var(--spacing-7)!important;
    padding-top: var(--spacing-7)!important
}

.u-padding-vertical--8 {
    padding-bottom: var(--spacing-8)!important;
    padding-top: var(--spacing-8)!important
}

.u-padding-vertical--10 {
    padding-bottom: var(--spacing-10)!important;
    padding-top: var(--spacing-10)!important
}

.u-padding-vertical--12 {
    padding-bottom: var(--spacing-12)!important;
    padding-top: var(--spacing-12)!important
}

.u-padding-vertical--16 {
    padding-bottom: var(--spacing-16)!important;
    padding-top: var(--spacing-16)!important
}

.u-padding-vertical--20 {
    padding-bottom: var(--spacing-20)!important;
    padding-top: var(--spacing-20)!important
}

.u-padding-vertical--24 {
    padding-bottom: var(--spacing-24)!important;
    padding-top: var(--spacing-24)!important
}

.u-padding-vertical--28 {
    padding-bottom: var(--spacing-28)!important;
    padding-top: var(--spacing-28)!important
}

.u-padding-vertical--32 {
    padding-bottom: var(--spacing-32)!important;
    padding-top: var(--spacing-32)!important
}

.u-padding-vertical--auto {
    padding-bottom: auto!important;
    padding-top: auto!important
}

.u-padding-vertical--none {
    padding-bottom: 0!important;
    padding-top: 0!important
}

.u-padding-horizontal--1 {
    padding-left: var(--spacing-1)!important;
    padding-right: var(--spacing-1)!important
}

.u-padding-horizontal--2 {
    padding-left: var(--spacing-2)!important;
    padding-right: var(--spacing-2)!important
}

.u-padding-horizontal--3 {
    padding-left: var(--spacing-3)!important;
    padding-right: var(--spacing-3)!important
}

.u-padding-horizontal--4 {
    padding-left: var(--spacing-4)!important;
    padding-right: var(--spacing-4)!important
}

.u-padding-horizontal--5 {
    padding-left: var(--spacing-5)!important;
    padding-right: var(--spacing-5)!important
}

.u-padding-horizontal--6 {
    padding-left: var(--spacing-6)!important;
    padding-right: var(--spacing-6)!important
}

.u-padding-horizontal--7 {
    padding-left: var(--spacing-7)!important;
    padding-right: var(--spacing-7)!important
}

.u-padding-horizontal--8 {
    padding-left: var(--spacing-8)!important;
    padding-right: var(--spacing-8)!important
}

.u-padding-horizontal--10 {
    padding-left: var(--spacing-10)!important;
    padding-right: var(--spacing-10)!important
}

.u-padding-horizontal--12 {
    padding-left: var(--spacing-12)!important;
    padding-right: var(--spacing-12)!important
}

.u-padding-horizontal--16 {
    padding-left: var(--spacing-16)!important;
    padding-right: var(--spacing-16)!important
}

.u-padding-horizontal--20 {
    padding-left: var(--spacing-20)!important;
    padding-right: var(--spacing-20)!important
}

.u-padding-horizontal--24 {
    padding-left: var(--spacing-24)!important;
    padding-right: var(--spacing-24)!important
}

.u-padding-horizontal--28 {
    padding-left: var(--spacing-28)!important;
    padding-right: var(--spacing-28)!important
}

.u-padding-horizontal--32 {
    padding-left: var(--spacing-32)!important;
    padding-right: var(--spacing-32)!important
}

.u-padding-horizontal--auto {
    padding-left: auto!important;
    padding-right: auto!important
}

.u-padding-horizontal--none {
    padding-left: 0!important;
    padding-right: 0!important
}

.u-gap--1,.u-gap-horizontal--1,.u-gap-vertical--1 {
    gap: var(--spacing-1)!important
}

.u-gap--2,.u-gap-horizontal--2,.u-gap-vertical--2 {
    gap: var(--spacing-2)!important
}

.u-gap--3,.u-gap-horizontal--3,.u-gap-vertical--3 {
    gap: var(--spacing-3)!important
}

.u-gap--4,.u-gap-horizontal--4,.u-gap-vertical--4 {
    gap: var(--spacing-4)!important
}

.u-gap--5,.u-gap-horizontal--5,.u-gap-vertical--5 {
    gap: var(--spacing-5)!important
}

.u-gap--6,.u-gap-horizontal--6,.u-gap-vertical--6 {
    gap: var(--spacing-6)!important
}

.u-gap--7,.u-gap-horizontal--7,.u-gap-vertical--7 {
    gap: var(--spacing-7)!important
}

.u-gap--8,.u-gap-horizontal--8,.u-gap-vertical--8 {
    gap: var(--spacing-8)!important
}

.u-gap--10,.u-gap-horizontal--10,.u-gap-vertical--10 {
    gap: var(--spacing-10)!important
}

.u-gap--12,.u-gap-horizontal--12,.u-gap-vertical--12 {
    gap: var(--spacing-12)!important
}

.u-gap--16,.u-gap-horizontal--16,.u-gap-vertical--16 {
    gap: var(--spacing-16)!important
}

.u-gap--20,.u-gap-horizontal--20,.u-gap-vertical--20 {
    gap: var(--spacing-20)!important
}

.u-gap--24,.u-gap-horizontal--24,.u-gap-vertical--24 {
    gap: var(--spacing-24)!important
}

.u-gap--28,.u-gap-horizontal--28,.u-gap-vertical--28 {
    gap: var(--spacing-28)!important
}

.u-gap--32,.u-gap-horizontal--32,.u-gap-vertical--32 {
    gap: var(--spacing-32)!important
}

.u-gap--none {
    gap: 0!important
}

@media (min-width: 375px) {
    .u-margin--1\:mobile {
        margin:var(--spacing-1)!important
    }

    .u-margin--2\:mobile {
        margin: var(--spacing-2)!important
    }

    .u-margin--3\:mobile {
        margin: var(--spacing-3)!important
    }

    .u-margin--4\:mobile {
        margin: var(--spacing-4)!important
    }

    .u-margin--5\:mobile {
        margin: var(--spacing-5)!important
    }

    .u-margin--6\:mobile {
        margin: var(--spacing-6)!important
    }

    .u-margin--7\:mobile {
        margin: var(--spacing-7)!important
    }

    .u-margin--8\:mobile {
        margin: var(--spacing-8)!important
    }

    .u-margin--10\:mobile {
        margin: var(--spacing-10)!important
    }

    .u-margin--12\:mobile {
        margin: var(--spacing-12)!important
    }

    .u-margin--16\:mobile {
        margin: var(--spacing-16)!important
    }

    .u-margin--20\:mobile {
        margin: var(--spacing-20)!important
    }

    .u-margin--24\:mobile {
        margin: var(--spacing-24)!important
    }

    .u-margin--28\:mobile {
        margin: var(--spacing-28)!important
    }

    .u-margin--32\:mobile {
        margin: var(--spacing-32)!important
    }

    .u-margin--auto\:mobile {
        margin: auto!important
    }

    .u-margin--none\:mobile {
        margin: 0!important
    }

    .u-margin-top--1\:mobile {
        margin-top: var(--spacing-1)!important
    }

    .u-margin-top--2\:mobile {
        margin-top: var(--spacing-2)!important
    }

    .u-margin-top--3\:mobile {
        margin-top: var(--spacing-3)!important
    }

    .u-margin-top--4\:mobile {
        margin-top: var(--spacing-4)!important
    }

    .u-margin-top--5\:mobile {
        margin-top: var(--spacing-5)!important
    }

    .u-margin-top--6\:mobile {
        margin-top: var(--spacing-6)!important
    }

    .u-margin-top--7\:mobile {
        margin-top: var(--spacing-7)!important
    }

    .u-margin-top--8\:mobile {
        margin-top: var(--spacing-8)!important
    }

    .u-margin-top--10\:mobile {
        margin-top: var(--spacing-10)!important
    }

    .u-margin-top--12\:mobile {
        margin-top: var(--spacing-12)!important
    }

    .u-margin-top--16\:mobile {
        margin-top: var(--spacing-16)!important
    }

    .u-margin-top--20\:mobile {
        margin-top: var(--spacing-20)!important
    }

    .u-margin-top--24\:mobile {
        margin-top: var(--spacing-24)!important
    }

    .u-margin-top--28\:mobile {
        margin-top: var(--spacing-28)!important
    }

    .u-margin-top--32\:mobile {
        margin-top: var(--spacing-32)!important
    }

    .u-margin-top--auto\:mobile {
        margin-top: auto!important
    }

    .u-margin-top--none\:mobile {
        margin-top: 0!important
    }

    .u-margin-bottom--1\:mobile {
        margin-bottom: var(--spacing-1)!important
    }

    .u-margin-bottom--2\:mobile {
        margin-bottom: var(--spacing-2)!important
    }

    .u-margin-bottom--3\:mobile {
        margin-bottom: var(--spacing-3)!important
    }

    .u-margin-bottom--4\:mobile {
        margin-bottom: var(--spacing-4)!important
    }

    .u-margin-bottom--5\:mobile {
        margin-bottom: var(--spacing-5)!important
    }

    .u-margin-bottom--6\:mobile {
        margin-bottom: var(--spacing-6)!important
    }

    .u-margin-bottom--7\:mobile {
        margin-bottom: var(--spacing-7)!important
    }

    .u-margin-bottom--8\:mobile {
        margin-bottom: var(--spacing-8)!important
    }

    .u-margin-bottom--10\:mobile {
        margin-bottom: var(--spacing-10)!important
    }

    .u-margin-bottom--12\:mobile {
        margin-bottom: var(--spacing-12)!important
    }

    .u-margin-bottom--16\:mobile {
        margin-bottom: var(--spacing-16)!important
    }

    .u-margin-bottom--20\:mobile {
        margin-bottom: var(--spacing-20)!important
    }

    .u-margin-bottom--24\:mobile {
        margin-bottom: var(--spacing-24)!important
    }

    .u-margin-bottom--28\:mobile {
        margin-bottom: var(--spacing-28)!important
    }

    .u-margin-bottom--32\:mobile {
        margin-bottom: var(--spacing-32)!important
    }

    .u-margin-bottom--auto\:mobile {
        margin-bottom: auto!important
    }

    .u-margin-bottom--none\:mobile {
        margin-bottom: 0!important
    }

    .u-margin-right--1\:mobile {
        margin-right: var(--spacing-1)!important
    }

    .u-margin-right--2\:mobile {
        margin-right: var(--spacing-2)!important
    }

    .u-margin-right--3\:mobile {
        margin-right: var(--spacing-3)!important
    }

    .u-margin-right--4\:mobile {
        margin-right: var(--spacing-4)!important
    }

    .u-margin-right--5\:mobile {
        margin-right: var(--spacing-5)!important
    }

    .u-margin-right--6\:mobile {
        margin-right: var(--spacing-6)!important
    }

    .u-margin-right--7\:mobile {
        margin-right: var(--spacing-7)!important
    }

    .u-margin-right--8\:mobile {
        margin-right: var(--spacing-8)!important
    }

    .u-margin-right--10\:mobile {
        margin-right: var(--spacing-10)!important
    }

    .u-margin-right--12\:mobile {
        margin-right: var(--spacing-12)!important
    }

    .u-margin-right--16\:mobile {
        margin-right: var(--spacing-16)!important
    }

    .u-margin-right--20\:mobile {
        margin-right: var(--spacing-20)!important
    }

    .u-margin-right--24\:mobile {
        margin-right: var(--spacing-24)!important
    }

    .u-margin-right--28\:mobile {
        margin-right: var(--spacing-28)!important
    }

    .u-margin-right--32\:mobile {
        margin-right: var(--spacing-32)!important
    }

    .u-margin-right--auto\:mobile {
        margin-right: auto!important
    }

    .u-margin-right--none\:mobile {
        margin-right: 0!important
    }

    .u-margin-left--1\:mobile {
        margin-left: var(--spacing-1)!important
    }

    .u-margin-left--2\:mobile {
        margin-left: var(--spacing-2)!important
    }

    .u-margin-left--3\:mobile {
        margin-left: var(--spacing-3)!important
    }

    .u-margin-left--4\:mobile {
        margin-left: var(--spacing-4)!important
    }

    .u-margin-left--5\:mobile {
        margin-left: var(--spacing-5)!important
    }

    .u-margin-left--6\:mobile {
        margin-left: var(--spacing-6)!important
    }

    .u-margin-left--7\:mobile {
        margin-left: var(--spacing-7)!important
    }

    .u-margin-left--8\:mobile {
        margin-left: var(--spacing-8)!important
    }

    .u-margin-left--10\:mobile {
        margin-left: var(--spacing-10)!important
    }

    .u-margin-left--12\:mobile {
        margin-left: var(--spacing-12)!important
    }

    .u-margin-left--16\:mobile {
        margin-left: var(--spacing-16)!important
    }

    .u-margin-left--20\:mobile {
        margin-left: var(--spacing-20)!important
    }

    .u-margin-left--24\:mobile {
        margin-left: var(--spacing-24)!important
    }

    .u-margin-left--28\:mobile {
        margin-left: var(--spacing-28)!important
    }

    .u-margin-left--32\:mobile {
        margin-left: var(--spacing-32)!important
    }

    .u-margin-left--auto\:mobile {
        margin-left: auto!important
    }

    .u-margin-left--none\:mobile {
        margin-left: 0!important
    }

    .u-margin-vertical--1\:mobile {
        margin-bottom: var(--spacing-1)!important;
        margin-top: var(--spacing-1)!important
    }

    .u-margin-vertical--2\:mobile {
        margin-bottom: var(--spacing-2)!important;
        margin-top: var(--spacing-2)!important
    }

    .u-margin-vertical--3\:mobile {
        margin-bottom: var(--spacing-3)!important;
        margin-top: var(--spacing-3)!important
    }

    .u-margin-vertical--4\:mobile {
        margin-bottom: var(--spacing-4)!important;
        margin-top: var(--spacing-4)!important
    }

    .u-margin-vertical--5\:mobile {
        margin-bottom: var(--spacing-5)!important;
        margin-top: var(--spacing-5)!important
    }

    .u-margin-vertical--6\:mobile {
        margin-bottom: var(--spacing-6)!important;
        margin-top: var(--spacing-6)!important
    }

    .u-margin-vertical--7\:mobile {
        margin-bottom: var(--spacing-7)!important;
        margin-top: var(--spacing-7)!important
    }

    .u-margin-vertical--8\:mobile {
        margin-bottom: var(--spacing-8)!important;
        margin-top: var(--spacing-8)!important
    }

    .u-margin-vertical--10\:mobile {
        margin-bottom: var(--spacing-10)!important;
        margin-top: var(--spacing-10)!important
    }

    .u-margin-vertical--12\:mobile {
        margin-bottom: var(--spacing-12)!important;
        margin-top: var(--spacing-12)!important
    }

    .u-margin-vertical--16\:mobile {
        margin-bottom: var(--spacing-16)!important;
        margin-top: var(--spacing-16)!important
    }

    .u-margin-vertical--20\:mobile {
        margin-bottom: var(--spacing-20)!important;
        margin-top: var(--spacing-20)!important
    }

    .u-margin-vertical--24\:mobile {
        margin-bottom: var(--spacing-24)!important;
        margin-top: var(--spacing-24)!important
    }

    .u-margin-vertical--28\:mobile {
        margin-bottom: var(--spacing-28)!important;
        margin-top: var(--spacing-28)!important
    }

    .u-margin-vertical--32\:mobile {
        margin-bottom: var(--spacing-32)!important;
        margin-top: var(--spacing-32)!important
    }

    .u-margin-vertical--auto\:mobile {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .u-margin-vertical--none\:mobile {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .u-margin-horizontal--1\:mobile {
        margin-left: var(--spacing-1)!important;
        margin-right: var(--spacing-1)!important
    }

    .u-margin-horizontal--2\:mobile {
        margin-left: var(--spacing-2)!important;
        margin-right: var(--spacing-2)!important
    }

    .u-margin-horizontal--3\:mobile {
        margin-left: var(--spacing-3)!important;
        margin-right: var(--spacing-3)!important
    }

    .u-margin-horizontal--4\:mobile {
        margin-left: var(--spacing-4)!important;
        margin-right: var(--spacing-4)!important
    }

    .u-margin-horizontal--5\:mobile {
        margin-left: var(--spacing-5)!important;
        margin-right: var(--spacing-5)!important
    }

    .u-margin-horizontal--6\:mobile {
        margin-left: var(--spacing-6)!important;
        margin-right: var(--spacing-6)!important
    }

    .u-margin-horizontal--7\:mobile {
        margin-left: var(--spacing-7)!important;
        margin-right: var(--spacing-7)!important
    }

    .u-margin-horizontal--8\:mobile {
        margin-left: var(--spacing-8)!important;
        margin-right: var(--spacing-8)!important
    }

    .u-margin-horizontal--10\:mobile {
        margin-left: var(--spacing-10)!important;
        margin-right: var(--spacing-10)!important
    }

    .u-margin-horizontal--12\:mobile {
        margin-left: var(--spacing-12)!important;
        margin-right: var(--spacing-12)!important
    }

    .u-margin-horizontal--16\:mobile {
        margin-left: var(--spacing-16)!important;
        margin-right: var(--spacing-16)!important
    }

    .u-margin-horizontal--20\:mobile {
        margin-left: var(--spacing-20)!important;
        margin-right: var(--spacing-20)!important
    }

    .u-margin-horizontal--24\:mobile {
        margin-left: var(--spacing-24)!important;
        margin-right: var(--spacing-24)!important
    }

    .u-margin-horizontal--28\:mobile {
        margin-left: var(--spacing-28)!important;
        margin-right: var(--spacing-28)!important
    }

    .u-margin-horizontal--32\:mobile {
        margin-left: var(--spacing-32)!important;
        margin-right: var(--spacing-32)!important
    }

    .u-margin-horizontal--auto\:mobile {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .u-margin-horizontal--none\:mobile {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .u-padding--1\:mobile {
        padding: var(--spacing-1)!important
    }

    .u-padding--2\:mobile {
        padding: var(--spacing-2)!important
    }

    .u-padding--3\:mobile {
        padding: var(--spacing-3)!important
    }

    .u-padding--4\:mobile {
        padding: var(--spacing-4)!important
    }

    .u-padding--5\:mobile {
        padding: var(--spacing-5)!important
    }

    .u-padding--6\:mobile {
        padding: var(--spacing-6)!important
    }

    .u-padding--7\:mobile {
        padding: var(--spacing-7)!important
    }

    .u-padding--8\:mobile {
        padding: var(--spacing-8)!important
    }

    .u-padding--10\:mobile {
        padding: var(--spacing-10)!important
    }

    .u-padding--12\:mobile {
        padding: var(--spacing-12)!important
    }

    .u-padding--16\:mobile {
        padding: var(--spacing-16)!important
    }

    .u-padding--20\:mobile {
        padding: var(--spacing-20)!important
    }

    .u-padding--24\:mobile {
        padding: var(--spacing-24)!important
    }

    .u-padding--28\:mobile {
        padding: var(--spacing-28)!important
    }

    .u-padding--32\:mobile {
        padding: var(--spacing-32)!important
    }

    .u-padding--auto\:mobile {
        padding: auto!important
    }

    .u-padding--none\:mobile {
        padding: 0!important
    }

    .u-padding-top--1\:mobile {
        padding-top: var(--spacing-1)!important
    }

    .u-padding-top--2\:mobile {
        padding-top: var(--spacing-2)!important
    }

    .u-padding-top--3\:mobile {
        padding-top: var(--spacing-3)!important
    }

    .u-padding-top--4\:mobile {
        padding-top: var(--spacing-4)!important
    }

    .u-padding-top--5\:mobile {
        padding-top: var(--spacing-5)!important
    }

    .u-padding-top--6\:mobile {
        padding-top: var(--spacing-6)!important
    }

    .u-padding-top--7\:mobile {
        padding-top: var(--spacing-7)!important
    }

    .u-padding-top--8\:mobile {
        padding-top: var(--spacing-8)!important
    }

    .u-padding-top--10\:mobile {
        padding-top: var(--spacing-10)!important
    }

    .u-padding-top--12\:mobile {
        padding-top: var(--spacing-12)!important
    }

    .u-padding-top--16\:mobile {
        padding-top: var(--spacing-16)!important
    }

    .u-padding-top--20\:mobile {
        padding-top: var(--spacing-20)!important
    }

    .u-padding-top--24\:mobile {
        padding-top: var(--spacing-24)!important
    }

    .u-padding-top--28\:mobile {
        padding-top: var(--spacing-28)!important
    }

    .u-padding-top--32\:mobile {
        padding-top: var(--spacing-32)!important
    }

    .u-padding-top--auto\:mobile {
        padding-top: auto!important
    }

    .u-padding-top--none\:mobile {
        padding-top: 0!important
    }

    .u-padding-bottom--1\:mobile {
        padding-bottom: var(--spacing-1)!important
    }

    .u-padding-bottom--2\:mobile {
        padding-bottom: var(--spacing-2)!important
    }

    .u-padding-bottom--3\:mobile {
        padding-bottom: var(--spacing-3)!important
    }

    .u-padding-bottom--4\:mobile {
        padding-bottom: var(--spacing-4)!important
    }

    .u-padding-bottom--5\:mobile {
        padding-bottom: var(--spacing-5)!important
    }

    .u-padding-bottom--6\:mobile {
        padding-bottom: var(--spacing-6)!important
    }

    .u-padding-bottom--7\:mobile {
        padding-bottom: var(--spacing-7)!important
    }

    .u-padding-bottom--8\:mobile {
        padding-bottom: var(--spacing-8)!important
    }

    .u-padding-bottom--10\:mobile {
        padding-bottom: var(--spacing-10)!important
    }

    .u-padding-bottom--12\:mobile {
        padding-bottom: var(--spacing-12)!important
    }

    .u-padding-bottom--16\:mobile {
        padding-bottom: var(--spacing-16)!important
    }

    .u-padding-bottom--20\:mobile {
        padding-bottom: var(--spacing-20)!important
    }

    .u-padding-bottom--24\:mobile {
        padding-bottom: var(--spacing-24)!important
    }

    .u-padding-bottom--28\:mobile {
        padding-bottom: var(--spacing-28)!important
    }

    .u-padding-bottom--32\:mobile {
        padding-bottom: var(--spacing-32)!important
    }

    .u-padding-bottom--auto\:mobile {
        padding-bottom: auto!important
    }

    .u-padding-bottom--none\:mobile {
        padding-bottom: 0!important
    }

    .u-padding-right--1\:mobile {
        padding-right: var(--spacing-1)!important
    }

    .u-padding-right--2\:mobile {
        padding-right: var(--spacing-2)!important
    }

    .u-padding-right--3\:mobile {
        padding-right: var(--spacing-3)!important
    }

    .u-padding-right--4\:mobile {
        padding-right: var(--spacing-4)!important
    }

    .u-padding-right--5\:mobile {
        padding-right: var(--spacing-5)!important
    }

    .u-padding-right--6\:mobile {
        padding-right: var(--spacing-6)!important
    }

    .u-padding-right--7\:mobile {
        padding-right: var(--spacing-7)!important
    }

    .u-padding-right--8\:mobile {
        padding-right: var(--spacing-8)!important
    }

    .u-padding-right--10\:mobile {
        padding-right: var(--spacing-10)!important
    }

    .u-padding-right--12\:mobile {
        padding-right: var(--spacing-12)!important
    }

    .u-padding-right--16\:mobile {
        padding-right: var(--spacing-16)!important
    }

    .u-padding-right--20\:mobile {
        padding-right: var(--spacing-20)!important
    }

    .u-padding-right--24\:mobile {
        padding-right: var(--spacing-24)!important
    }

    .u-padding-right--28\:mobile {
        padding-right: var(--spacing-28)!important
    }

    .u-padding-right--32\:mobile {
        padding-right: var(--spacing-32)!important
    }

    .u-padding-right--auto\:mobile {
        padding-right: auto!important
    }

    .u-padding-right--none\:mobile {
        padding-right: 0!important
    }

    .u-padding-left--1\:mobile {
        padding-left: var(--spacing-1)!important
    }

    .u-padding-left--2\:mobile {
        padding-left: var(--spacing-2)!important
    }

    .u-padding-left--3\:mobile {
        padding-left: var(--spacing-3)!important
    }

    .u-padding-left--4\:mobile {
        padding-left: var(--spacing-4)!important
    }

    .u-padding-left--5\:mobile {
        padding-left: var(--spacing-5)!important
    }

    .u-padding-left--6\:mobile {
        padding-left: var(--spacing-6)!important
    }

    .u-padding-left--7\:mobile {
        padding-left: var(--spacing-7)!important
    }

    .u-padding-left--8\:mobile {
        padding-left: var(--spacing-8)!important
    }

    .u-padding-left--10\:mobile {
        padding-left: var(--spacing-10)!important
    }

    .u-padding-left--12\:mobile {
        padding-left: var(--spacing-12)!important
    }

    .u-padding-left--16\:mobile {
        padding-left: var(--spacing-16)!important
    }

    .u-padding-left--20\:mobile {
        padding-left: var(--spacing-20)!important
    }

    .u-padding-left--24\:mobile {
        padding-left: var(--spacing-24)!important
    }

    .u-padding-left--28\:mobile {
        padding-left: var(--spacing-28)!important
    }

    .u-padding-left--32\:mobile {
        padding-left: var(--spacing-32)!important
    }

    .u-padding-left--auto\:mobile {
        padding-left: auto!important
    }

    .u-padding-left--none\:mobile {
        padding-left: 0!important
    }

    .u-padding-vertical--1\:mobile {
        padding-bottom: var(--spacing-1)!important;
        padding-top: var(--spacing-1)!important
    }

    .u-padding-vertical--2\:mobile {
        padding-bottom: var(--spacing-2)!important;
        padding-top: var(--spacing-2)!important
    }

    .u-padding-vertical--3\:mobile {
        padding-bottom: var(--spacing-3)!important;
        padding-top: var(--spacing-3)!important
    }

    .u-padding-vertical--4\:mobile {
        padding-bottom: var(--spacing-4)!important;
        padding-top: var(--spacing-4)!important
    }

    .u-padding-vertical--5\:mobile {
        padding-bottom: var(--spacing-5)!important;
        padding-top: var(--spacing-5)!important
    }

    .u-padding-vertical--6\:mobile {
        padding-bottom: var(--spacing-6)!important;
        padding-top: var(--spacing-6)!important
    }

    .u-padding-vertical--7\:mobile {
        padding-bottom: var(--spacing-7)!important;
        padding-top: var(--spacing-7)!important
    }

    .u-padding-vertical--8\:mobile {
        padding-bottom: var(--spacing-8)!important;
        padding-top: var(--spacing-8)!important
    }

    .u-padding-vertical--10\:mobile {
        padding-bottom: var(--spacing-10)!important;
        padding-top: var(--spacing-10)!important
    }

    .u-padding-vertical--12\:mobile {
        padding-bottom: var(--spacing-12)!important;
        padding-top: var(--spacing-12)!important
    }

    .u-padding-vertical--16\:mobile {
        padding-bottom: var(--spacing-16)!important;
        padding-top: var(--spacing-16)!important
    }

    .u-padding-vertical--20\:mobile {
        padding-bottom: var(--spacing-20)!important;
        padding-top: var(--spacing-20)!important
    }

    .u-padding-vertical--24\:mobile {
        padding-bottom: var(--spacing-24)!important;
        padding-top: var(--spacing-24)!important
    }

    .u-padding-vertical--28\:mobile {
        padding-bottom: var(--spacing-28)!important;
        padding-top: var(--spacing-28)!important
    }

    .u-padding-vertical--32\:mobile {
        padding-bottom: var(--spacing-32)!important;
        padding-top: var(--spacing-32)!important
    }

    .u-padding-vertical--auto\:mobile {
        padding-bottom: auto!important;
        padding-top: auto!important
    }

    .u-padding-vertical--none\:mobile {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .u-padding-horizontal--1\:mobile {
        padding-left: var(--spacing-1)!important;
        padding-right: var(--spacing-1)!important
    }

    .u-padding-horizontal--2\:mobile {
        padding-left: var(--spacing-2)!important;
        padding-right: var(--spacing-2)!important
    }

    .u-padding-horizontal--3\:mobile {
        padding-left: var(--spacing-3)!important;
        padding-right: var(--spacing-3)!important
    }

    .u-padding-horizontal--4\:mobile {
        padding-left: var(--spacing-4)!important;
        padding-right: var(--spacing-4)!important
    }

    .u-padding-horizontal--5\:mobile {
        padding-left: var(--spacing-5)!important;
        padding-right: var(--spacing-5)!important
    }

    .u-padding-horizontal--6\:mobile {
        padding-left: var(--spacing-6)!important;
        padding-right: var(--spacing-6)!important
    }

    .u-padding-horizontal--7\:mobile {
        padding-left: var(--spacing-7)!important;
        padding-right: var(--spacing-7)!important
    }

    .u-padding-horizontal--8\:mobile {
        padding-left: var(--spacing-8)!important;
        padding-right: var(--spacing-8)!important
    }

    .u-padding-horizontal--10\:mobile {
        padding-left: var(--spacing-10)!important;
        padding-right: var(--spacing-10)!important
    }

    .u-padding-horizontal--12\:mobile {
        padding-left: var(--spacing-12)!important;
        padding-right: var(--spacing-12)!important
    }

    .u-padding-horizontal--16\:mobile {
        padding-left: var(--spacing-16)!important;
        padding-right: var(--spacing-16)!important
    }

    .u-padding-horizontal--20\:mobile {
        padding-left: var(--spacing-20)!important;
        padding-right: var(--spacing-20)!important
    }

    .u-padding-horizontal--24\:mobile {
        padding-left: var(--spacing-24)!important;
        padding-right: var(--spacing-24)!important
    }

    .u-padding-horizontal--28\:mobile {
        padding-left: var(--spacing-28)!important;
        padding-right: var(--spacing-28)!important
    }

    .u-padding-horizontal--32\:mobile {
        padding-left: var(--spacing-32)!important;
        padding-right: var(--spacing-32)!important
    }

    .u-padding-horizontal--auto\:mobile {
        padding-left: auto!important;
        padding-right: auto!important
    }

    .u-padding-horizontal--none\:mobile {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .u-gap--1\:mobile,.u-gap-horizontal--1\:mobile,.u-gap-vertical--1\:mobile {
        gap: var(--spacing-1)!important
    }

    .u-gap--2\:mobile,.u-gap-horizontal--2\:mobile,.u-gap-vertical--2\:mobile {
        gap: var(--spacing-2)!important
    }

    .u-gap--3\:mobile,.u-gap-horizontal--3\:mobile,.u-gap-vertical--3\:mobile {
        gap: var(--spacing-3)!important
    }

    .u-gap--4\:mobile,.u-gap-horizontal--4\:mobile,.u-gap-vertical--4\:mobile {
        gap: var(--spacing-4)!important
    }

    .u-gap--5\:mobile,.u-gap-horizontal--5\:mobile,.u-gap-vertical--5\:mobile {
        gap: var(--spacing-5)!important
    }

    .u-gap--6\:mobile,.u-gap-horizontal--6\:mobile,.u-gap-vertical--6\:mobile {
        gap: var(--spacing-6)!important
    }

    .u-gap--7\:mobile,.u-gap-horizontal--7\:mobile,.u-gap-vertical--7\:mobile {
        gap: var(--spacing-7)!important
    }

    .u-gap--8\:mobile,.u-gap-horizontal--8\:mobile,.u-gap-vertical--8\:mobile {
        gap: var(--spacing-8)!important
    }

    .u-gap--10\:mobile,.u-gap-horizontal--10\:mobile,.u-gap-vertical--10\:mobile {
        gap: var(--spacing-10)!important
    }

    .u-gap--12\:mobile,.u-gap-horizontal--12\:mobile,.u-gap-vertical--12\:mobile {
        gap: var(--spacing-12)!important
    }

    .u-gap--16\:mobile,.u-gap-horizontal--16\:mobile,.u-gap-vertical--16\:mobile {
        gap: var(--spacing-16)!important
    }

    .u-gap--20\:mobile,.u-gap-horizontal--20\:mobile,.u-gap-vertical--20\:mobile {
        gap: var(--spacing-20)!important
    }

    .u-gap--24\:mobile,.u-gap-horizontal--24\:mobile,.u-gap-vertical--24\:mobile {
        gap: var(--spacing-24)!important
    }

    .u-gap--28\:mobile,.u-gap-horizontal--28\:mobile,.u-gap-vertical--28\:mobile {
        gap: var(--spacing-28)!important
    }

    .u-gap--32\:mobile,.u-gap-horizontal--32\:mobile,.u-gap-vertical--32\:mobile {
        gap: var(--spacing-32)!important
    }

    .u-gap--none\:mobile {
        gap: 0!important
    }
}

@media (min-width: 768px) {
    .u-margin--1\:tablet {
        margin:var(--spacing-1)!important
    }

    .u-margin--2\:tablet {
        margin: var(--spacing-2)!important
    }

    .u-margin--3\:tablet {
        margin: var(--spacing-3)!important
    }

    .u-margin--4\:tablet {
        margin: var(--spacing-4)!important
    }

    .u-margin--5\:tablet {
        margin: var(--spacing-5)!important
    }

    .u-margin--6\:tablet {
        margin: var(--spacing-6)!important
    }

    .u-margin--7\:tablet {
        margin: var(--spacing-7)!important
    }

    .u-margin--8\:tablet {
        margin: var(--spacing-8)!important
    }

    .u-margin--10\:tablet {
        margin: var(--spacing-10)!important
    }

    .u-margin--12\:tablet {
        margin: var(--spacing-12)!important
    }

    .u-margin--16\:tablet {
        margin: var(--spacing-16)!important
    }

    .u-margin--20\:tablet {
        margin: var(--spacing-20)!important
    }

    .u-margin--24\:tablet {
        margin: var(--spacing-24)!important
    }

    .u-margin--28\:tablet {
        margin: var(--spacing-28)!important
    }

    .u-margin--32\:tablet {
        margin: var(--spacing-32)!important
    }

    .u-margin--auto\:tablet {
        margin: auto!important
    }

    .u-margin--none\:tablet {
        margin: 0!important
    }

    .u-margin-top--1\:tablet {
        margin-top: var(--spacing-1)!important
    }

    .u-margin-top--2\:tablet {
        margin-top: var(--spacing-2)!important
    }

    .u-margin-top--3\:tablet {
        margin-top: var(--spacing-3)!important
    }

    .u-margin-top--4\:tablet {
        margin-top: var(--spacing-4)!important
    }

    .u-margin-top--5\:tablet {
        margin-top: var(--spacing-5)!important
    }

    .u-margin-top--6\:tablet {
        margin-top: var(--spacing-6)!important
    }

    .u-margin-top--7\:tablet {
        margin-top: var(--spacing-7)!important
    }

    .u-margin-top--8\:tablet {
        margin-top: var(--spacing-8)!important
    }

    .u-margin-top--10\:tablet {
        margin-top: var(--spacing-10)!important
    }

    .u-margin-top--12\:tablet {
        margin-top: var(--spacing-12)!important
    }

    .u-margin-top--16\:tablet {
        margin-top: var(--spacing-16)!important
    }

    .u-margin-top--20\:tablet {
        margin-top: var(--spacing-20)!important
    }

    .u-margin-top--24\:tablet {
        margin-top: var(--spacing-24)!important
    }

    .u-margin-top--28\:tablet {
        margin-top: var(--spacing-28)!important
    }

    .u-margin-top--32\:tablet {
        margin-top: var(--spacing-32)!important
    }

    .u-margin-top--auto\:tablet {
        margin-top: auto!important
    }

    .u-margin-top--none\:tablet {
        margin-top: 0!important
    }

    .u-margin-bottom--1\:tablet {
        margin-bottom: var(--spacing-1)!important
    }

    .u-margin-bottom--2\:tablet {
        margin-bottom: var(--spacing-2)!important
    }

    .u-margin-bottom--3\:tablet {
        margin-bottom: var(--spacing-3)!important
    }

    .u-margin-bottom--4\:tablet {
        margin-bottom: var(--spacing-4)!important
    }

    .u-margin-bottom--5\:tablet {
        margin-bottom: var(--spacing-5)!important
    }

    .u-margin-bottom--6\:tablet {
        margin-bottom: var(--spacing-6)!important
    }

    .u-margin-bottom--7\:tablet {
        margin-bottom: var(--spacing-7)!important
    }

    .u-margin-bottom--8\:tablet {
        margin-bottom: var(--spacing-8)!important
    }

    .u-margin-bottom--10\:tablet {
        margin-bottom: var(--spacing-10)!important
    }

    .u-margin-bottom--12\:tablet {
        margin-bottom: var(--spacing-12)!important
    }

    .u-margin-bottom--16\:tablet {
        margin-bottom: var(--spacing-16)!important
    }

    .u-margin-bottom--20\:tablet {
        margin-bottom: var(--spacing-20)!important
    }

    .u-margin-bottom--24\:tablet {
        margin-bottom: var(--spacing-24)!important
    }

    .u-margin-bottom--28\:tablet {
        margin-bottom: var(--spacing-28)!important
    }

    .u-margin-bottom--32\:tablet {
        margin-bottom: var(--spacing-32)!important
    }

    .u-margin-bottom--auto\:tablet {
        margin-bottom: auto!important
    }

    .u-margin-bottom--none\:tablet {
        margin-bottom: 0!important
    }

    .u-margin-right--1\:tablet {
        margin-right: var(--spacing-1)!important
    }

    .u-margin-right--2\:tablet {
        margin-right: var(--spacing-2)!important
    }

    .u-margin-right--3\:tablet {
        margin-right: var(--spacing-3)!important
    }

    .u-margin-right--4\:tablet {
        margin-right: var(--spacing-4)!important
    }

    .u-margin-right--5\:tablet {
        margin-right: var(--spacing-5)!important
    }

    .u-margin-right--6\:tablet {
        margin-right: var(--spacing-6)!important
    }

    .u-margin-right--7\:tablet {
        margin-right: var(--spacing-7)!important
    }

    .u-margin-right--8\:tablet {
        margin-right: var(--spacing-8)!important
    }

    .u-margin-right--10\:tablet {
        margin-right: var(--spacing-10)!important
    }

    .u-margin-right--12\:tablet {
        margin-right: var(--spacing-12)!important
    }

    .u-margin-right--16\:tablet {
        margin-right: var(--spacing-16)!important
    }

    .u-margin-right--20\:tablet {
        margin-right: var(--spacing-20)!important
    }

    .u-margin-right--24\:tablet {
        margin-right: var(--spacing-24)!important
    }

    .u-margin-right--28\:tablet {
        margin-right: var(--spacing-28)!important
    }

    .u-margin-right--32\:tablet {
        margin-right: var(--spacing-32)!important
    }

    .u-margin-right--auto\:tablet {
        margin-right: auto!important
    }

    .u-margin-right--none\:tablet {
        margin-right: 0!important
    }

    .u-margin-left--1\:tablet {
        margin-left: var(--spacing-1)!important
    }

    .u-margin-left--2\:tablet {
        margin-left: var(--spacing-2)!important
    }

    .u-margin-left--3\:tablet {
        margin-left: var(--spacing-3)!important
    }

    .u-margin-left--4\:tablet {
        margin-left: var(--spacing-4)!important
    }

    .u-margin-left--5\:tablet {
        margin-left: var(--spacing-5)!important
    }

    .u-margin-left--6\:tablet {
        margin-left: var(--spacing-6)!important
    }

    .u-margin-left--7\:tablet {
        margin-left: var(--spacing-7)!important
    }

    .u-margin-left--8\:tablet {
        margin-left: var(--spacing-8)!important
    }

    .u-margin-left--10\:tablet {
        margin-left: var(--spacing-10)!important
    }

    .u-margin-left--12\:tablet {
        margin-left: var(--spacing-12)!important
    }

    .u-margin-left--16\:tablet {
        margin-left: var(--spacing-16)!important
    }

    .u-margin-left--20\:tablet {
        margin-left: var(--spacing-20)!important
    }

    .u-margin-left--24\:tablet {
        margin-left: var(--spacing-24)!important
    }

    .u-margin-left--28\:tablet {
        margin-left: var(--spacing-28)!important
    }

    .u-margin-left--32\:tablet {
        margin-left: var(--spacing-32)!important
    }

    .u-margin-left--auto\:tablet {
        margin-left: auto!important
    }

    .u-margin-left--none\:tablet {
        margin-left: 0!important
    }

    .u-margin-vertical--1\:tablet {
        margin-bottom: var(--spacing-1)!important;
        margin-top: var(--spacing-1)!important
    }

    .u-margin-vertical--2\:tablet {
        margin-bottom: var(--spacing-2)!important;
        margin-top: var(--spacing-2)!important
    }

    .u-margin-vertical--3\:tablet {
        margin-bottom: var(--spacing-3)!important;
        margin-top: var(--spacing-3)!important
    }

    .u-margin-vertical--4\:tablet {
        margin-bottom: var(--spacing-4)!important;
        margin-top: var(--spacing-4)!important
    }

    .u-margin-vertical--5\:tablet {
        margin-bottom: var(--spacing-5)!important;
        margin-top: var(--spacing-5)!important
    }

    .u-margin-vertical--6\:tablet {
        margin-bottom: var(--spacing-6)!important;
        margin-top: var(--spacing-6)!important
    }

    .u-margin-vertical--7\:tablet {
        margin-bottom: var(--spacing-7)!important;
        margin-top: var(--spacing-7)!important
    }

    .u-margin-vertical--8\:tablet {
        margin-bottom: var(--spacing-8)!important;
        margin-top: var(--spacing-8)!important
    }

    .u-margin-vertical--10\:tablet {
        margin-bottom: var(--spacing-10)!important;
        margin-top: var(--spacing-10)!important
    }

    .u-margin-vertical--12\:tablet {
        margin-bottom: var(--spacing-12)!important;
        margin-top: var(--spacing-12)!important
    }

    .u-margin-vertical--16\:tablet {
        margin-bottom: var(--spacing-16)!important;
        margin-top: var(--spacing-16)!important
    }

    .u-margin-vertical--20\:tablet {
        margin-bottom: var(--spacing-20)!important;
        margin-top: var(--spacing-20)!important
    }

    .u-margin-vertical--24\:tablet {
        margin-bottom: var(--spacing-24)!important;
        margin-top: var(--spacing-24)!important
    }

    .u-margin-vertical--28\:tablet {
        margin-bottom: var(--spacing-28)!important;
        margin-top: var(--spacing-28)!important
    }

    .u-margin-vertical--32\:tablet {
        margin-bottom: var(--spacing-32)!important;
        margin-top: var(--spacing-32)!important
    }

    .u-margin-vertical--auto\:tablet {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .u-margin-vertical--none\:tablet {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .u-margin-horizontal--1\:tablet {
        margin-left: var(--spacing-1)!important;
        margin-right: var(--spacing-1)!important
    }

    .u-margin-horizontal--2\:tablet {
        margin-left: var(--spacing-2)!important;
        margin-right: var(--spacing-2)!important
    }

    .u-margin-horizontal--3\:tablet {
        margin-left: var(--spacing-3)!important;
        margin-right: var(--spacing-3)!important
    }

    .u-margin-horizontal--4\:tablet {
        margin-left: var(--spacing-4)!important;
        margin-right: var(--spacing-4)!important
    }

    .u-margin-horizontal--5\:tablet {
        margin-left: var(--spacing-5)!important;
        margin-right: var(--spacing-5)!important
    }

    .u-margin-horizontal--6\:tablet {
        margin-left: var(--spacing-6)!important;
        margin-right: var(--spacing-6)!important
    }

    .u-margin-horizontal--7\:tablet {
        margin-left: var(--spacing-7)!important;
        margin-right: var(--spacing-7)!important
    }

    .u-margin-horizontal--8\:tablet {
        margin-left: var(--spacing-8)!important;
        margin-right: var(--spacing-8)!important
    }

    .u-margin-horizontal--10\:tablet {
        margin-left: var(--spacing-10)!important;
        margin-right: var(--spacing-10)!important
    }

    .u-margin-horizontal--12\:tablet {
        margin-left: var(--spacing-12)!important;
        margin-right: var(--spacing-12)!important
    }

    .u-margin-horizontal--16\:tablet {
        margin-left: var(--spacing-16)!important;
        margin-right: var(--spacing-16)!important
    }

    .u-margin-horizontal--20\:tablet {
        margin-left: var(--spacing-20)!important;
        margin-right: var(--spacing-20)!important
    }

    .u-margin-horizontal--24\:tablet {
        margin-left: var(--spacing-24)!important;
        margin-right: var(--spacing-24)!important
    }

    .u-margin-horizontal--28\:tablet {
        margin-left: var(--spacing-28)!important;
        margin-right: var(--spacing-28)!important
    }

    .u-margin-horizontal--32\:tablet {
        margin-left: var(--spacing-32)!important;
        margin-right: var(--spacing-32)!important
    }

    .u-margin-horizontal--auto\:tablet {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .u-margin-horizontal--none\:tablet {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .u-padding--1\:tablet {
        padding: var(--spacing-1)!important
    }

    .u-padding--2\:tablet {
        padding: var(--spacing-2)!important
    }

    .u-padding--3\:tablet {
        padding: var(--spacing-3)!important
    }

    .u-padding--4\:tablet {
        padding: var(--spacing-4)!important
    }

    .u-padding--5\:tablet {
        padding: var(--spacing-5)!important
    }

    .u-padding--6\:tablet {
        padding: var(--spacing-6)!important
    }

    .u-padding--7\:tablet {
        padding: var(--spacing-7)!important
    }

    .u-padding--8\:tablet {
        padding: var(--spacing-8)!important
    }

    .u-padding--10\:tablet {
        padding: var(--spacing-10)!important
    }

    .u-padding--12\:tablet {
        padding: var(--spacing-12)!important
    }

    .u-padding--16\:tablet {
        padding: var(--spacing-16)!important
    }

    .u-padding--20\:tablet {
        padding: var(--spacing-20)!important
    }

    .u-padding--24\:tablet {
        padding: var(--spacing-24)!important
    }

    .u-padding--28\:tablet {
        padding: var(--spacing-28)!important
    }

    .u-padding--32\:tablet {
        padding: var(--spacing-32)!important
    }

    .u-padding--auto\:tablet {
        padding: auto!important
    }

    .u-padding--none\:tablet {
        padding: 0!important
    }

    .u-padding-top--1\:tablet {
        padding-top: var(--spacing-1)!important
    }

    .u-padding-top--2\:tablet {
        padding-top: var(--spacing-2)!important
    }

    .u-padding-top--3\:tablet {
        padding-top: var(--spacing-3)!important
    }

    .u-padding-top--4\:tablet {
        padding-top: var(--spacing-4)!important
    }

    .u-padding-top--5\:tablet {
        padding-top: var(--spacing-5)!important
    }

    .u-padding-top--6\:tablet {
        padding-top: var(--spacing-6)!important
    }

    .u-padding-top--7\:tablet {
        padding-top: var(--spacing-7)!important
    }

    .u-padding-top--8\:tablet {
        padding-top: var(--spacing-8)!important
    }

    .u-padding-top--10\:tablet {
        padding-top: var(--spacing-10)!important
    }

    .u-padding-top--12\:tablet {
        padding-top: var(--spacing-12)!important
    }

    .u-padding-top--16\:tablet {
        padding-top: var(--spacing-16)!important
    }

    .u-padding-top--20\:tablet {
        padding-top: var(--spacing-20)!important
    }

    .u-padding-top--24\:tablet {
        padding-top: var(--spacing-24)!important
    }

    .u-padding-top--28\:tablet {
        padding-top: var(--spacing-28)!important
    }

    .u-padding-top--32\:tablet {
        padding-top: var(--spacing-32)!important
    }

    .u-padding-top--auto\:tablet {
        padding-top: auto!important
    }

    .u-padding-top--none\:tablet {
        padding-top: 0!important
    }

    .u-padding-bottom--1\:tablet {
        padding-bottom: var(--spacing-1)!important
    }

    .u-padding-bottom--2\:tablet {
        padding-bottom: var(--spacing-2)!important
    }

    .u-padding-bottom--3\:tablet {
        padding-bottom: var(--spacing-3)!important
    }

    .u-padding-bottom--4\:tablet {
        padding-bottom: var(--spacing-4)!important
    }

    .u-padding-bottom--5\:tablet {
        padding-bottom: var(--spacing-5)!important
    }

    .u-padding-bottom--6\:tablet {
        padding-bottom: var(--spacing-6)!important
    }

    .u-padding-bottom--7\:tablet {
        padding-bottom: var(--spacing-7)!important
    }

    .u-padding-bottom--8\:tablet {
        padding-bottom: var(--spacing-8)!important
    }

    .u-padding-bottom--10\:tablet {
        padding-bottom: var(--spacing-10)!important
    }

    .u-padding-bottom--12\:tablet {
        padding-bottom: var(--spacing-12)!important
    }

    .u-padding-bottom--16\:tablet {
        padding-bottom: var(--spacing-16)!important
    }

    .u-padding-bottom--20\:tablet {
        padding-bottom: var(--spacing-20)!important
    }

    .u-padding-bottom--24\:tablet {
        padding-bottom: var(--spacing-24)!important
    }

    .u-padding-bottom--28\:tablet {
        padding-bottom: var(--spacing-28)!important
    }

    .u-padding-bottom--32\:tablet {
        padding-bottom: var(--spacing-32)!important
    }

    .u-padding-bottom--auto\:tablet {
        padding-bottom: auto!important
    }

    .u-padding-bottom--none\:tablet {
        padding-bottom: 0!important
    }

    .u-padding-right--1\:tablet {
        padding-right: var(--spacing-1)!important
    }

    .u-padding-right--2\:tablet {
        padding-right: var(--spacing-2)!important
    }

    .u-padding-right--3\:tablet {
        padding-right: var(--spacing-3)!important
    }

    .u-padding-right--4\:tablet {
        padding-right: var(--spacing-4)!important
    }

    .u-padding-right--5\:tablet {
        padding-right: var(--spacing-5)!important
    }

    .u-padding-right--6\:tablet {
        padding-right: var(--spacing-6)!important
    }

    .u-padding-right--7\:tablet {
        padding-right: var(--spacing-7)!important
    }

    .u-padding-right--8\:tablet {
        padding-right: var(--spacing-8)!important
    }

    .u-padding-right--10\:tablet {
        padding-right: var(--spacing-10)!important
    }

    .u-padding-right--12\:tablet {
        padding-right: var(--spacing-12)!important
    }

    .u-padding-right--16\:tablet {
        padding-right: var(--spacing-16)!important
    }

    .u-padding-right--20\:tablet {
        padding-right: var(--spacing-20)!important
    }

    .u-padding-right--24\:tablet {
        padding-right: var(--spacing-24)!important
    }

    .u-padding-right--28\:tablet {
        padding-right: var(--spacing-28)!important
    }

    .u-padding-right--32\:tablet {
        padding-right: var(--spacing-32)!important
    }

    .u-padding-right--auto\:tablet {
        padding-right: auto!important
    }

    .u-padding-right--none\:tablet {
        padding-right: 0!important
    }

    .u-padding-left--1\:tablet {
        padding-left: var(--spacing-1)!important
    }

    .u-padding-left--2\:tablet {
        padding-left: var(--spacing-2)!important
    }

    .u-padding-left--3\:tablet {
        padding-left: var(--spacing-3)!important
    }

    .u-padding-left--4\:tablet {
        padding-left: var(--spacing-4)!important
    }

    .u-padding-left--5\:tablet {
        padding-left: var(--spacing-5)!important
    }

    .u-padding-left--6\:tablet {
        padding-left: var(--spacing-6)!important
    }

    .u-padding-left--7\:tablet {
        padding-left: var(--spacing-7)!important
    }

    .u-padding-left--8\:tablet {
        padding-left: var(--spacing-8)!important
    }

    .u-padding-left--10\:tablet {
        padding-left: var(--spacing-10)!important
    }

    .u-padding-left--12\:tablet {
        padding-left: var(--spacing-12)!important
    }

    .u-padding-left--16\:tablet {
        padding-left: var(--spacing-16)!important
    }

    .u-padding-left--20\:tablet {
        padding-left: var(--spacing-20)!important
    }

    .u-padding-left--24\:tablet {
        padding-left: var(--spacing-24)!important
    }

    .u-padding-left--28\:tablet {
        padding-left: var(--spacing-28)!important
    }

    .u-padding-left--32\:tablet {
        padding-left: var(--spacing-32)!important
    }

    .u-padding-left--auto\:tablet {
        padding-left: auto!important
    }

    .u-padding-left--none\:tablet {
        padding-left: 0!important
    }

    .u-padding-vertical--1\:tablet {
        padding-bottom: var(--spacing-1)!important;
        padding-top: var(--spacing-1)!important
    }

    .u-padding-vertical--2\:tablet {
        padding-bottom: var(--spacing-2)!important;
        padding-top: var(--spacing-2)!important
    }

    .u-padding-vertical--3\:tablet {
        padding-bottom: var(--spacing-3)!important;
        padding-top: var(--spacing-3)!important
    }

    .u-padding-vertical--4\:tablet {
        padding-bottom: var(--spacing-4)!important;
        padding-top: var(--spacing-4)!important
    }

    .u-padding-vertical--5\:tablet {
        padding-bottom: var(--spacing-5)!important;
        padding-top: var(--spacing-5)!important
    }

    .u-padding-vertical--6\:tablet {
        padding-bottom: var(--spacing-6)!important;
        padding-top: var(--spacing-6)!important
    }

    .u-padding-vertical--7\:tablet {
        padding-bottom: var(--spacing-7)!important;
        padding-top: var(--spacing-7)!important
    }

    .u-padding-vertical--8\:tablet {
        padding-bottom: var(--spacing-8)!important;
        padding-top: var(--spacing-8)!important
    }

    .u-padding-vertical--10\:tablet {
        padding-bottom: var(--spacing-10)!important;
        padding-top: var(--spacing-10)!important
    }

    .u-padding-vertical--12\:tablet {
        padding-bottom: var(--spacing-12)!important;
        padding-top: var(--spacing-12)!important
    }

    .u-padding-vertical--16\:tablet {
        padding-bottom: var(--spacing-16)!important;
        padding-top: var(--spacing-16)!important
    }

    .u-padding-vertical--20\:tablet {
        padding-bottom: var(--spacing-20)!important;
        padding-top: var(--spacing-20)!important
    }

    .u-padding-vertical--24\:tablet {
        padding-bottom: var(--spacing-24)!important;
        padding-top: var(--spacing-24)!important
    }

    .u-padding-vertical--28\:tablet {
        padding-bottom: var(--spacing-28)!important;
        padding-top: var(--spacing-28)!important
    }

    .u-padding-vertical--32\:tablet {
        padding-bottom: var(--spacing-32)!important;
        padding-top: var(--spacing-32)!important
    }

    .u-padding-vertical--auto\:tablet {
        padding-bottom: auto!important;
        padding-top: auto!important
    }

    .u-padding-vertical--none\:tablet {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .u-padding-horizontal--1\:tablet {
        padding-left: var(--spacing-1)!important;
        padding-right: var(--spacing-1)!important
    }

    .u-padding-horizontal--2\:tablet {
        padding-left: var(--spacing-2)!important;
        padding-right: var(--spacing-2)!important
    }

    .u-padding-horizontal--3\:tablet {
        padding-left: var(--spacing-3)!important;
        padding-right: var(--spacing-3)!important
    }

    .u-padding-horizontal--4\:tablet {
        padding-left: var(--spacing-4)!important;
        padding-right: var(--spacing-4)!important
    }

    .u-padding-horizontal--5\:tablet {
        padding-left: var(--spacing-5)!important;
        padding-right: var(--spacing-5)!important
    }

    .u-padding-horizontal--6\:tablet {
        padding-left: var(--spacing-6)!important;
        padding-right: var(--spacing-6)!important
    }

    .u-padding-horizontal--7\:tablet {
        padding-left: var(--spacing-7)!important;
        padding-right: var(--spacing-7)!important
    }

    .u-padding-horizontal--8\:tablet {
        padding-left: var(--spacing-8)!important;
        padding-right: var(--spacing-8)!important
    }

    .u-padding-horizontal--10\:tablet {
        padding-left: var(--spacing-10)!important;
        padding-right: var(--spacing-10)!important
    }

    .u-padding-horizontal--12\:tablet {
        padding-left: var(--spacing-12)!important;
        padding-right: var(--spacing-12)!important
    }

    .u-padding-horizontal--16\:tablet {
        padding-left: var(--spacing-16)!important;
        padding-right: var(--spacing-16)!important
    }

    .u-padding-horizontal--20\:tablet {
        padding-left: var(--spacing-20)!important;
        padding-right: var(--spacing-20)!important
    }

    .u-padding-horizontal--24\:tablet {
        padding-left: var(--spacing-24)!important;
        padding-right: var(--spacing-24)!important
    }

    .u-padding-horizontal--28\:tablet {
        padding-left: var(--spacing-28)!important;
        padding-right: var(--spacing-28)!important
    }

    .u-padding-horizontal--32\:tablet {
        padding-left: var(--spacing-32)!important;
        padding-right: var(--spacing-32)!important
    }

    .u-padding-horizontal--auto\:tablet {
        padding-left: auto!important;
        padding-right: auto!important
    }

    .u-padding-horizontal--none\:tablet {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .u-gap--1\:tablet,.u-gap-horizontal--1\:tablet,.u-gap-vertical--1\:tablet {
        gap: var(--spacing-1)!important
    }

    .u-gap--2\:tablet,.u-gap-horizontal--2\:tablet,.u-gap-vertical--2\:tablet {
        gap: var(--spacing-2)!important
    }

    .u-gap--3\:tablet,.u-gap-horizontal--3\:tablet,.u-gap-vertical--3\:tablet {
        gap: var(--spacing-3)!important
    }

    .u-gap--4\:tablet,.u-gap-horizontal--4\:tablet,.u-gap-vertical--4\:tablet {
        gap: var(--spacing-4)!important
    }

    .u-gap--5\:tablet,.u-gap-horizontal--5\:tablet,.u-gap-vertical--5\:tablet {
        gap: var(--spacing-5)!important
    }

    .u-gap--6\:tablet,.u-gap-horizontal--6\:tablet,.u-gap-vertical--6\:tablet {
        gap: var(--spacing-6)!important
    }

    .u-gap--7\:tablet,.u-gap-horizontal--7\:tablet,.u-gap-vertical--7\:tablet {
        gap: var(--spacing-7)!important
    }

    .u-gap--8\:tablet,.u-gap-horizontal--8\:tablet,.u-gap-vertical--8\:tablet {
        gap: var(--spacing-8)!important
    }

    .u-gap--10\:tablet,.u-gap-horizontal--10\:tablet,.u-gap-vertical--10\:tablet {
        gap: var(--spacing-10)!important
    }

    .u-gap--12\:tablet,.u-gap-horizontal--12\:tablet,.u-gap-vertical--12\:tablet {
        gap: var(--spacing-12)!important
    }

    .u-gap--16\:tablet,.u-gap-horizontal--16\:tablet,.u-gap-vertical--16\:tablet {
        gap: var(--spacing-16)!important
    }

    .u-gap--20\:tablet,.u-gap-horizontal--20\:tablet,.u-gap-vertical--20\:tablet {
        gap: var(--spacing-20)!important
    }

    .u-gap--24\:tablet,.u-gap-horizontal--24\:tablet,.u-gap-vertical--24\:tablet {
        gap: var(--spacing-24)!important
    }

    .u-gap--28\:tablet,.u-gap-horizontal--28\:tablet,.u-gap-vertical--28\:tablet {
        gap: var(--spacing-28)!important
    }

    .u-gap--32\:tablet,.u-gap-horizontal--32\:tablet,.u-gap-vertical--32\:tablet {
        gap: var(--spacing-32)!important
    }

    .u-gap--none\:tablet {
        gap: 0!important
    }
}

@media (min-width: 1024px) {
    .u-margin--1\:tablet-large {
        margin:var(--spacing-1)!important
    }

    .u-margin--2\:tablet-large {
        margin: var(--spacing-2)!important
    }

    .u-margin--3\:tablet-large {
        margin: var(--spacing-3)!important
    }

    .u-margin--4\:tablet-large {
        margin: var(--spacing-4)!important
    }

    .u-margin--5\:tablet-large {
        margin: var(--spacing-5)!important
    }

    .u-margin--6\:tablet-large {
        margin: var(--spacing-6)!important
    }

    .u-margin--7\:tablet-large {
        margin: var(--spacing-7)!important
    }

    .u-margin--8\:tablet-large {
        margin: var(--spacing-8)!important
    }

    .u-margin--10\:tablet-large {
        margin: var(--spacing-10)!important
    }

    .u-margin--12\:tablet-large {
        margin: var(--spacing-12)!important
    }

    .u-margin--16\:tablet-large {
        margin: var(--spacing-16)!important
    }

    .u-margin--20\:tablet-large {
        margin: var(--spacing-20)!important
    }

    .u-margin--24\:tablet-large {
        margin: var(--spacing-24)!important
    }

    .u-margin--28\:tablet-large {
        margin: var(--spacing-28)!important
    }

    .u-margin--32\:tablet-large {
        margin: var(--spacing-32)!important
    }

    .u-margin--auto\:tablet-large {
        margin: auto!important
    }

    .u-margin--none\:tablet-large {
        margin: 0!important
    }

    .u-margin-top--1\:tablet-large {
        margin-top: var(--spacing-1)!important
    }

    .u-margin-top--2\:tablet-large {
        margin-top: var(--spacing-2)!important
    }

    .u-margin-top--3\:tablet-large {
        margin-top: var(--spacing-3)!important
    }

    .u-margin-top--4\:tablet-large {
        margin-top: var(--spacing-4)!important
    }

    .u-margin-top--5\:tablet-large {
        margin-top: var(--spacing-5)!important
    }

    .u-margin-top--6\:tablet-large {
        margin-top: var(--spacing-6)!important
    }

    .u-margin-top--7\:tablet-large {
        margin-top: var(--spacing-7)!important
    }

    .u-margin-top--8\:tablet-large {
        margin-top: var(--spacing-8)!important
    }

    .u-margin-top--10\:tablet-large {
        margin-top: var(--spacing-10)!important
    }

    .u-margin-top--12\:tablet-large {
        margin-top: var(--spacing-12)!important
    }

    .u-margin-top--16\:tablet-large {
        margin-top: var(--spacing-16)!important
    }

    .u-margin-top--20\:tablet-large {
        margin-top: var(--spacing-20)!important
    }

    .u-margin-top--24\:tablet-large {
        margin-top: var(--spacing-24)!important
    }

    .u-margin-top--28\:tablet-large {
        margin-top: var(--spacing-28)!important
    }

    .u-margin-top--32\:tablet-large {
        margin-top: var(--spacing-32)!important
    }

    .u-margin-top--auto\:tablet-large {
        margin-top: auto!important
    }

    .u-margin-top--none\:tablet-large {
        margin-top: 0!important
    }

    .u-margin-bottom--1\:tablet-large {
        margin-bottom: var(--spacing-1)!important
    }

    .u-margin-bottom--2\:tablet-large {
        margin-bottom: var(--spacing-2)!important
    }

    .u-margin-bottom--3\:tablet-large {
        margin-bottom: var(--spacing-3)!important
    }

    .u-margin-bottom--4\:tablet-large {
        margin-bottom: var(--spacing-4)!important
    }

    .u-margin-bottom--5\:tablet-large {
        margin-bottom: var(--spacing-5)!important
    }

    .u-margin-bottom--6\:tablet-large {
        margin-bottom: var(--spacing-6)!important
    }

    .u-margin-bottom--7\:tablet-large {
        margin-bottom: var(--spacing-7)!important
    }

    .u-margin-bottom--8\:tablet-large {
        margin-bottom: var(--spacing-8)!important
    }

    .u-margin-bottom--10\:tablet-large {
        margin-bottom: var(--spacing-10)!important
    }

    .u-margin-bottom--12\:tablet-large {
        margin-bottom: var(--spacing-12)!important
    }

    .u-margin-bottom--16\:tablet-large {
        margin-bottom: var(--spacing-16)!important
    }

    .u-margin-bottom--20\:tablet-large {
        margin-bottom: var(--spacing-20)!important
    }

    .u-margin-bottom--24\:tablet-large {
        margin-bottom: var(--spacing-24)!important
    }

    .u-margin-bottom--28\:tablet-large {
        margin-bottom: var(--spacing-28)!important
    }

    .u-margin-bottom--32\:tablet-large {
        margin-bottom: var(--spacing-32)!important
    }

    .u-margin-bottom--auto\:tablet-large {
        margin-bottom: auto!important
    }

    .u-margin-bottom--none\:tablet-large {
        margin-bottom: 0!important
    }

    .u-margin-right--1\:tablet-large {
        margin-right: var(--spacing-1)!important
    }

    .u-margin-right--2\:tablet-large {
        margin-right: var(--spacing-2)!important
    }

    .u-margin-right--3\:tablet-large {
        margin-right: var(--spacing-3)!important
    }

    .u-margin-right--4\:tablet-large {
        margin-right: var(--spacing-4)!important
    }

    .u-margin-right--5\:tablet-large {
        margin-right: var(--spacing-5)!important
    }

    .u-margin-right--6\:tablet-large {
        margin-right: var(--spacing-6)!important
    }

    .u-margin-right--7\:tablet-large {
        margin-right: var(--spacing-7)!important
    }

    .u-margin-right--8\:tablet-large {
        margin-right: var(--spacing-8)!important
    }

    .u-margin-right--10\:tablet-large {
        margin-right: var(--spacing-10)!important
    }

    .u-margin-right--12\:tablet-large {
        margin-right: var(--spacing-12)!important
    }

    .u-margin-right--16\:tablet-large {
        margin-right: var(--spacing-16)!important
    }

    .u-margin-right--20\:tablet-large {
        margin-right: var(--spacing-20)!important
    }

    .u-margin-right--24\:tablet-large {
        margin-right: var(--spacing-24)!important
    }

    .u-margin-right--28\:tablet-large {
        margin-right: var(--spacing-28)!important
    }

    .u-margin-right--32\:tablet-large {
        margin-right: var(--spacing-32)!important
    }

    .u-margin-right--auto\:tablet-large {
        margin-right: auto!important
    }

    .u-margin-right--none\:tablet-large {
        margin-right: 0!important
    }

    .u-margin-left--1\:tablet-large {
        margin-left: var(--spacing-1)!important
    }

    .u-margin-left--2\:tablet-large {
        margin-left: var(--spacing-2)!important
    }

    .u-margin-left--3\:tablet-large {
        margin-left: var(--spacing-3)!important
    }

    .u-margin-left--4\:tablet-large {
        margin-left: var(--spacing-4)!important
    }

    .u-margin-left--5\:tablet-large {
        margin-left: var(--spacing-5)!important
    }

    .u-margin-left--6\:tablet-large {
        margin-left: var(--spacing-6)!important
    }

    .u-margin-left--7\:tablet-large {
        margin-left: var(--spacing-7)!important
    }

    .u-margin-left--8\:tablet-large {
        margin-left: var(--spacing-8)!important
    }

    .u-margin-left--10\:tablet-large {
        margin-left: var(--spacing-10)!important
    }

    .u-margin-left--12\:tablet-large {
        margin-left: var(--spacing-12)!important
    }

    .u-margin-left--16\:tablet-large {
        margin-left: var(--spacing-16)!important
    }

    .u-margin-left--20\:tablet-large {
        margin-left: var(--spacing-20)!important
    }

    .u-margin-left--24\:tablet-large {
        margin-left: var(--spacing-24)!important
    }

    .u-margin-left--28\:tablet-large {
        margin-left: var(--spacing-28)!important
    }

    .u-margin-left--32\:tablet-large {
        margin-left: var(--spacing-32)!important
    }

    .u-margin-left--auto\:tablet-large {
        margin-left: auto!important
    }

    .u-margin-left--none\:tablet-large {
        margin-left: 0!important
    }

    .u-margin-vertical--1\:tablet-large {
        margin-bottom: var(--spacing-1)!important;
        margin-top: var(--spacing-1)!important
    }

    .u-margin-vertical--2\:tablet-large {
        margin-bottom: var(--spacing-2)!important;
        margin-top: var(--spacing-2)!important
    }

    .u-margin-vertical--3\:tablet-large {
        margin-bottom: var(--spacing-3)!important;
        margin-top: var(--spacing-3)!important
    }

    .u-margin-vertical--4\:tablet-large {
        margin-bottom: var(--spacing-4)!important;
        margin-top: var(--spacing-4)!important
    }

    .u-margin-vertical--5\:tablet-large {
        margin-bottom: var(--spacing-5)!important;
        margin-top: var(--spacing-5)!important
    }

    .u-margin-vertical--6\:tablet-large {
        margin-bottom: var(--spacing-6)!important;
        margin-top: var(--spacing-6)!important
    }

    .u-margin-vertical--7\:tablet-large {
        margin-bottom: var(--spacing-7)!important;
        margin-top: var(--spacing-7)!important
    }

    .u-margin-vertical--8\:tablet-large {
        margin-bottom: var(--spacing-8)!important;
        margin-top: var(--spacing-8)!important
    }

    .u-margin-vertical--10\:tablet-large {
        margin-bottom: var(--spacing-10)!important;
        margin-top: var(--spacing-10)!important
    }

    .u-margin-vertical--12\:tablet-large {
        margin-bottom: var(--spacing-12)!important;
        margin-top: var(--spacing-12)!important
    }

    .u-margin-vertical--16\:tablet-large {
        margin-bottom: var(--spacing-16)!important;
        margin-top: var(--spacing-16)!important
    }

    .u-margin-vertical--20\:tablet-large {
        margin-bottom: var(--spacing-20)!important;
        margin-top: var(--spacing-20)!important
    }

    .u-margin-vertical--24\:tablet-large {
        margin-bottom: var(--spacing-24)!important;
        margin-top: var(--spacing-24)!important
    }

    .u-margin-vertical--28\:tablet-large {
        margin-bottom: var(--spacing-28)!important;
        margin-top: var(--spacing-28)!important
    }

    .u-margin-vertical--32\:tablet-large {
        margin-bottom: var(--spacing-32)!important;
        margin-top: var(--spacing-32)!important
    }

    .u-margin-vertical--auto\:tablet-large {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .u-margin-vertical--none\:tablet-large {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .u-margin-horizontal--1\:tablet-large {
        margin-left: var(--spacing-1)!important;
        margin-right: var(--spacing-1)!important
    }

    .u-margin-horizontal--2\:tablet-large {
        margin-left: var(--spacing-2)!important;
        margin-right: var(--spacing-2)!important
    }

    .u-margin-horizontal--3\:tablet-large {
        margin-left: var(--spacing-3)!important;
        margin-right: var(--spacing-3)!important
    }

    .u-margin-horizontal--4\:tablet-large {
        margin-left: var(--spacing-4)!important;
        margin-right: var(--spacing-4)!important
    }

    .u-margin-horizontal--5\:tablet-large {
        margin-left: var(--spacing-5)!important;
        margin-right: var(--spacing-5)!important
    }

    .u-margin-horizontal--6\:tablet-large {
        margin-left: var(--spacing-6)!important;
        margin-right: var(--spacing-6)!important
    }

    .u-margin-horizontal--7\:tablet-large {
        margin-left: var(--spacing-7)!important;
        margin-right: var(--spacing-7)!important
    }

    .u-margin-horizontal--8\:tablet-large {
        margin-left: var(--spacing-8)!important;
        margin-right: var(--spacing-8)!important
    }

    .u-margin-horizontal--10\:tablet-large {
        margin-left: var(--spacing-10)!important;
        margin-right: var(--spacing-10)!important
    }

    .u-margin-horizontal--12\:tablet-large {
        margin-left: var(--spacing-12)!important;
        margin-right: var(--spacing-12)!important
    }

    .u-margin-horizontal--16\:tablet-large {
        margin-left: var(--spacing-16)!important;
        margin-right: var(--spacing-16)!important
    }

    .u-margin-horizontal--20\:tablet-large {
        margin-left: var(--spacing-20)!important;
        margin-right: var(--spacing-20)!important
    }

    .u-margin-horizontal--24\:tablet-large {
        margin-left: var(--spacing-24)!important;
        margin-right: var(--spacing-24)!important
    }

    .u-margin-horizontal--28\:tablet-large {
        margin-left: var(--spacing-28)!important;
        margin-right: var(--spacing-28)!important
    }

    .u-margin-horizontal--32\:tablet-large {
        margin-left: var(--spacing-32)!important;
        margin-right: var(--spacing-32)!important
    }

    .u-margin-horizontal--auto\:tablet-large {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .u-margin-horizontal--none\:tablet-large {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .u-padding--1\:tablet-large {
        padding: var(--spacing-1)!important
    }

    .u-padding--2\:tablet-large {
        padding: var(--spacing-2)!important
    }

    .u-padding--3\:tablet-large {
        padding: var(--spacing-3)!important
    }

    .u-padding--4\:tablet-large {
        padding: var(--spacing-4)!important
    }

    .u-padding--5\:tablet-large {
        padding: var(--spacing-5)!important
    }

    .u-padding--6\:tablet-large {
        padding: var(--spacing-6)!important
    }

    .u-padding--7\:tablet-large {
        padding: var(--spacing-7)!important
    }

    .u-padding--8\:tablet-large {
        padding: var(--spacing-8)!important
    }

    .u-padding--10\:tablet-large {
        padding: var(--spacing-10)!important
    }

    .u-padding--12\:tablet-large {
        padding: var(--spacing-12)!important
    }

    .u-padding--16\:tablet-large {
        padding: var(--spacing-16)!important
    }

    .u-padding--20\:tablet-large {
        padding: var(--spacing-20)!important
    }

    .u-padding--24\:tablet-large {
        padding: var(--spacing-24)!important
    }

    .u-padding--28\:tablet-large {
        padding: var(--spacing-28)!important
    }

    .u-padding--32\:tablet-large {
        padding: var(--spacing-32)!important
    }

    .u-padding--auto\:tablet-large {
        padding: auto!important
    }

    .u-padding--none\:tablet-large {
        padding: 0!important
    }

    .u-padding-top--1\:tablet-large {
        padding-top: var(--spacing-1)!important
    }

    .u-padding-top--2\:tablet-large {
        padding-top: var(--spacing-2)!important
    }

    .u-padding-top--3\:tablet-large {
        padding-top: var(--spacing-3)!important
    }

    .u-padding-top--4\:tablet-large {
        padding-top: var(--spacing-4)!important
    }

    .u-padding-top--5\:tablet-large {
        padding-top: var(--spacing-5)!important
    }

    .u-padding-top--6\:tablet-large {
        padding-top: var(--spacing-6)!important
    }

    .u-padding-top--7\:tablet-large {
        padding-top: var(--spacing-7)!important
    }

    .u-padding-top--8\:tablet-large {
        padding-top: var(--spacing-8)!important
    }

    .u-padding-top--10\:tablet-large {
        padding-top: var(--spacing-10)!important
    }

    .u-padding-top--12\:tablet-large {
        padding-top: var(--spacing-12)!important
    }

    .u-padding-top--16\:tablet-large {
        padding-top: var(--spacing-16)!important
    }

    .u-padding-top--20\:tablet-large {
        padding-top: var(--spacing-20)!important
    }

    .u-padding-top--24\:tablet-large {
        padding-top: var(--spacing-24)!important
    }

    .u-padding-top--28\:tablet-large {
        padding-top: var(--spacing-28)!important
    }

    .u-padding-top--32\:tablet-large {
        padding-top: var(--spacing-32)!important
    }

    .u-padding-top--auto\:tablet-large {
        padding-top: auto!important
    }

    .u-padding-top--none\:tablet-large {
        padding-top: 0!important
    }

    .u-padding-bottom--1\:tablet-large {
        padding-bottom: var(--spacing-1)!important
    }

    .u-padding-bottom--2\:tablet-large {
        padding-bottom: var(--spacing-2)!important
    }

    .u-padding-bottom--3\:tablet-large {
        padding-bottom: var(--spacing-3)!important
    }

    .u-padding-bottom--4\:tablet-large {
        padding-bottom: var(--spacing-4)!important
    }

    .u-padding-bottom--5\:tablet-large {
        padding-bottom: var(--spacing-5)!important
    }

    .u-padding-bottom--6\:tablet-large {
        padding-bottom: var(--spacing-6)!important
    }

    .u-padding-bottom--7\:tablet-large {
        padding-bottom: var(--spacing-7)!important
    }

    .u-padding-bottom--8\:tablet-large {
        padding-bottom: var(--spacing-8)!important
    }

    .u-padding-bottom--10\:tablet-large {
        padding-bottom: var(--spacing-10)!important
    }

    .u-padding-bottom--12\:tablet-large {
        padding-bottom: var(--spacing-12)!important
    }

    .u-padding-bottom--16\:tablet-large {
        padding-bottom: var(--spacing-16)!important
    }

    .u-padding-bottom--20\:tablet-large {
        padding-bottom: var(--spacing-20)!important
    }

    .u-padding-bottom--24\:tablet-large {
        padding-bottom: var(--spacing-24)!important
    }

    .u-padding-bottom--28\:tablet-large {
        padding-bottom: var(--spacing-28)!important
    }

    .u-padding-bottom--32\:tablet-large {
        padding-bottom: var(--spacing-32)!important
    }

    .u-padding-bottom--auto\:tablet-large {
        padding-bottom: auto!important
    }

    .u-padding-bottom--none\:tablet-large {
        padding-bottom: 0!important
    }

    .u-padding-right--1\:tablet-large {
        padding-right: var(--spacing-1)!important
    }

    .u-padding-right--2\:tablet-large {
        padding-right: var(--spacing-2)!important
    }

    .u-padding-right--3\:tablet-large {
        padding-right: var(--spacing-3)!important
    }

    .u-padding-right--4\:tablet-large {
        padding-right: var(--spacing-4)!important
    }

    .u-padding-right--5\:tablet-large {
        padding-right: var(--spacing-5)!important
    }

    .u-padding-right--6\:tablet-large {
        padding-right: var(--spacing-6)!important
    }

    .u-padding-right--7\:tablet-large {
        padding-right: var(--spacing-7)!important
    }

    .u-padding-right--8\:tablet-large {
        padding-right: var(--spacing-8)!important
    }

    .u-padding-right--10\:tablet-large {
        padding-right: var(--spacing-10)!important
    }

    .u-padding-right--12\:tablet-large {
        padding-right: var(--spacing-12)!important
    }

    .u-padding-right--16\:tablet-large {
        padding-right: var(--spacing-16)!important
    }

    .u-padding-right--20\:tablet-large {
        padding-right: var(--spacing-20)!important
    }

    .u-padding-right--24\:tablet-large {
        padding-right: var(--spacing-24)!important
    }

    .u-padding-right--28\:tablet-large {
        padding-right: var(--spacing-28)!important
    }

    .u-padding-right--32\:tablet-large {
        padding-right: var(--spacing-32)!important
    }

    .u-padding-right--auto\:tablet-large {
        padding-right: auto!important
    }

    .u-padding-right--none\:tablet-large {
        padding-right: 0!important
    }

    .u-padding-left--1\:tablet-large {
        padding-left: var(--spacing-1)!important
    }

    .u-padding-left--2\:tablet-large {
        padding-left: var(--spacing-2)!important
    }

    .u-padding-left--3\:tablet-large {
        padding-left: var(--spacing-3)!important
    }

    .u-padding-left--4\:tablet-large {
        padding-left: var(--spacing-4)!important
    }

    .u-padding-left--5\:tablet-large {
        padding-left: var(--spacing-5)!important
    }

    .u-padding-left--6\:tablet-large {
        padding-left: var(--spacing-6)!important
    }

    .u-padding-left--7\:tablet-large {
        padding-left: var(--spacing-7)!important
    }

    .u-padding-left--8\:tablet-large {
        padding-left: var(--spacing-8)!important
    }

    .u-padding-left--10\:tablet-large {
        padding-left: var(--spacing-10)!important
    }

    .u-padding-left--12\:tablet-large {
        padding-left: var(--spacing-12)!important
    }

    .u-padding-left--16\:tablet-large {
        padding-left: var(--spacing-16)!important
    }

    .u-padding-left--20\:tablet-large {
        padding-left: var(--spacing-20)!important
    }

    .u-padding-left--24\:tablet-large {
        padding-left: var(--spacing-24)!important
    }

    .u-padding-left--28\:tablet-large {
        padding-left: var(--spacing-28)!important
    }

    .u-padding-left--32\:tablet-large {
        padding-left: var(--spacing-32)!important
    }

    .u-padding-left--auto\:tablet-large {
        padding-left: auto!important
    }

    .u-padding-left--none\:tablet-large {
        padding-left: 0!important
    }

    .u-padding-vertical--1\:tablet-large {
        padding-bottom: var(--spacing-1)!important;
        padding-top: var(--spacing-1)!important
    }

    .u-padding-vertical--2\:tablet-large {
        padding-bottom: var(--spacing-2)!important;
        padding-top: var(--spacing-2)!important
    }

    .u-padding-vertical--3\:tablet-large {
        padding-bottom: var(--spacing-3)!important;
        padding-top: var(--spacing-3)!important
    }

    .u-padding-vertical--4\:tablet-large {
        padding-bottom: var(--spacing-4)!important;
        padding-top: var(--spacing-4)!important
    }

    .u-padding-vertical--5\:tablet-large {
        padding-bottom: var(--spacing-5)!important;
        padding-top: var(--spacing-5)!important
    }

    .u-padding-vertical--6\:tablet-large {
        padding-bottom: var(--spacing-6)!important;
        padding-top: var(--spacing-6)!important
    }

    .u-padding-vertical--7\:tablet-large {
        padding-bottom: var(--spacing-7)!important;
        padding-top: var(--spacing-7)!important
    }

    .u-padding-vertical--8\:tablet-large {
        padding-bottom: var(--spacing-8)!important;
        padding-top: var(--spacing-8)!important
    }

    .u-padding-vertical--10\:tablet-large {
        padding-bottom: var(--spacing-10)!important;
        padding-top: var(--spacing-10)!important
    }

    .u-padding-vertical--12\:tablet-large {
        padding-bottom: var(--spacing-12)!important;
        padding-top: var(--spacing-12)!important
    }

    .u-padding-vertical--16\:tablet-large {
        padding-bottom: var(--spacing-16)!important;
        padding-top: var(--spacing-16)!important
    }

    .u-padding-vertical--20\:tablet-large {
        padding-bottom: var(--spacing-20)!important;
        padding-top: var(--spacing-20)!important
    }

    .u-padding-vertical--24\:tablet-large {
        padding-bottom: var(--spacing-24)!important;
        padding-top: var(--spacing-24)!important
    }

    .u-padding-vertical--28\:tablet-large {
        padding-bottom: var(--spacing-28)!important;
        padding-top: var(--spacing-28)!important
    }

    .u-padding-vertical--32\:tablet-large {
        padding-bottom: var(--spacing-32)!important;
        padding-top: var(--spacing-32)!important
    }

    .u-padding-vertical--auto\:tablet-large {
        padding-bottom: auto!important;
        padding-top: auto!important
    }

    .u-padding-vertical--none\:tablet-large {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .u-padding-horizontal--1\:tablet-large {
        padding-left: var(--spacing-1)!important;
        padding-right: var(--spacing-1)!important
    }

    .u-padding-horizontal--2\:tablet-large {
        padding-left: var(--spacing-2)!important;
        padding-right: var(--spacing-2)!important
    }

    .u-padding-horizontal--3\:tablet-large {
        padding-left: var(--spacing-3)!important;
        padding-right: var(--spacing-3)!important
    }

    .u-padding-horizontal--4\:tablet-large {
        padding-left: var(--spacing-4)!important;
        padding-right: var(--spacing-4)!important
    }

    .u-padding-horizontal--5\:tablet-large {
        padding-left: var(--spacing-5)!important;
        padding-right: var(--spacing-5)!important
    }

    .u-padding-horizontal--6\:tablet-large {
        padding-left: var(--spacing-6)!important;
        padding-right: var(--spacing-6)!important
    }

    .u-padding-horizontal--7\:tablet-large {
        padding-left: var(--spacing-7)!important;
        padding-right: var(--spacing-7)!important
    }

    .u-padding-horizontal--8\:tablet-large {
        padding-left: var(--spacing-8)!important;
        padding-right: var(--spacing-8)!important
    }

    .u-padding-horizontal--10\:tablet-large {
        padding-left: var(--spacing-10)!important;
        padding-right: var(--spacing-10)!important
    }

    .u-padding-horizontal--12\:tablet-large {
        padding-left: var(--spacing-12)!important;
        padding-right: var(--spacing-12)!important
    }

    .u-padding-horizontal--16\:tablet-large {
        padding-left: var(--spacing-16)!important;
        padding-right: var(--spacing-16)!important
    }

    .u-padding-horizontal--20\:tablet-large {
        padding-left: var(--spacing-20)!important;
        padding-right: var(--spacing-20)!important
    }

    .u-padding-horizontal--24\:tablet-large {
        padding-left: var(--spacing-24)!important;
        padding-right: var(--spacing-24)!important
    }

    .u-padding-horizontal--28\:tablet-large {
        padding-left: var(--spacing-28)!important;
        padding-right: var(--spacing-28)!important
    }

    .u-padding-horizontal--32\:tablet-large {
        padding-left: var(--spacing-32)!important;
        padding-right: var(--spacing-32)!important
    }

    .u-padding-horizontal--auto\:tablet-large {
        padding-left: auto!important;
        padding-right: auto!important
    }

    .u-padding-horizontal--none\:tablet-large {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .u-gap--1\:tablet-large,.u-gap-horizontal--1\:tablet-large,.u-gap-vertical--1\:tablet-large {
        gap: var(--spacing-1)!important
    }

    .u-gap--2\:tablet-large,.u-gap-horizontal--2\:tablet-large,.u-gap-vertical--2\:tablet-large {
        gap: var(--spacing-2)!important
    }

    .u-gap--3\:tablet-large,.u-gap-horizontal--3\:tablet-large,.u-gap-vertical--3\:tablet-large {
        gap: var(--spacing-3)!important
    }

    .u-gap--4\:tablet-large,.u-gap-horizontal--4\:tablet-large,.u-gap-vertical--4\:tablet-large {
        gap: var(--spacing-4)!important
    }

    .u-gap--5\:tablet-large,.u-gap-horizontal--5\:tablet-large,.u-gap-vertical--5\:tablet-large {
        gap: var(--spacing-5)!important
    }

    .u-gap--6\:tablet-large,.u-gap-horizontal--6\:tablet-large,.u-gap-vertical--6\:tablet-large {
        gap: var(--spacing-6)!important
    }

    .u-gap--7\:tablet-large,.u-gap-horizontal--7\:tablet-large,.u-gap-vertical--7\:tablet-large {
        gap: var(--spacing-7)!important
    }

    .u-gap--8\:tablet-large,.u-gap-horizontal--8\:tablet-large,.u-gap-vertical--8\:tablet-large {
        gap: var(--spacing-8)!important
    }

    .u-gap--10\:tablet-large,.u-gap-horizontal--10\:tablet-large,.u-gap-vertical--10\:tablet-large {
        gap: var(--spacing-10)!important
    }

    .u-gap--12\:tablet-large,.u-gap-horizontal--12\:tablet-large,.u-gap-vertical--12\:tablet-large {
        gap: var(--spacing-12)!important
    }

    .u-gap--16\:tablet-large,.u-gap-horizontal--16\:tablet-large,.u-gap-vertical--16\:tablet-large {
        gap: var(--spacing-16)!important
    }

    .u-gap--20\:tablet-large,.u-gap-horizontal--20\:tablet-large,.u-gap-vertical--20\:tablet-large {
        gap: var(--spacing-20)!important
    }

    .u-gap--24\:tablet-large,.u-gap-horizontal--24\:tablet-large,.u-gap-vertical--24\:tablet-large {
        gap: var(--spacing-24)!important
    }

    .u-gap--28\:tablet-large,.u-gap-horizontal--28\:tablet-large,.u-gap-vertical--28\:tablet-large {
        gap: var(--spacing-28)!important
    }

    .u-gap--32\:tablet-large,.u-gap-horizontal--32\:tablet-large,.u-gap-vertical--32\:tablet-large {
        gap: var(--spacing-32)!important
    }

    .u-gap--none\:tablet-large {
        gap: 0!important
    }
}

@media (min-width: 1280px) {
    .u-margin--1\:desktop {
        margin:var(--spacing-1)!important
    }

    .u-margin--2\:desktop {
        margin: var(--spacing-2)!important
    }

    .u-margin--3\:desktop {
        margin: var(--spacing-3)!important
    }

    .u-margin--4\:desktop {
        margin: var(--spacing-4)!important
    }

    .u-margin--5\:desktop {
        margin: var(--spacing-5)!important
    }

    .u-margin--6\:desktop {
        margin: var(--spacing-6)!important
    }

    .u-margin--7\:desktop {
        margin: var(--spacing-7)!important
    }

    .u-margin--8\:desktop {
        margin: var(--spacing-8)!important
    }

    .u-margin--10\:desktop {
        margin: var(--spacing-10)!important
    }

    .u-margin--12\:desktop {
        margin: var(--spacing-12)!important
    }

    .u-margin--16\:desktop {
        margin: var(--spacing-16)!important
    }

    .u-margin--20\:desktop {
        margin: var(--spacing-20)!important
    }

    .u-margin--24\:desktop {
        margin: var(--spacing-24)!important
    }

    .u-margin--28\:desktop {
        margin: var(--spacing-28)!important
    }

    .u-margin--32\:desktop {
        margin: var(--spacing-32)!important
    }

    .u-margin--auto\:desktop {
        margin: auto!important
    }

    .u-margin--none\:desktop {
        margin: 0!important
    }

    .u-margin-top--1\:desktop {
        margin-top: var(--spacing-1)!important
    }

    .u-margin-top--2\:desktop {
        margin-top: var(--spacing-2)!important
    }

    .u-margin-top--3\:desktop {
        margin-top: var(--spacing-3)!important
    }

    .u-margin-top--4\:desktop {
        margin-top: var(--spacing-4)!important
    }

    .u-margin-top--5\:desktop {
        margin-top: var(--spacing-5)!important
    }

    .u-margin-top--6\:desktop {
        margin-top: var(--spacing-6)!important
    }

    .u-margin-top--7\:desktop {
        margin-top: var(--spacing-7)!important
    }

    .u-margin-top--8\:desktop {
        margin-top: var(--spacing-8)!important
    }

    .u-margin-top--10\:desktop {
        margin-top: var(--spacing-10)!important
    }

    .u-margin-top--12\:desktop {
        margin-top: var(--spacing-12)!important
    }

    .u-margin-top--16\:desktop {
        margin-top: var(--spacing-16)!important
    }

    .u-margin-top--20\:desktop {
        margin-top: var(--spacing-20)!important
    }

    .u-margin-top--24\:desktop {
        margin-top: var(--spacing-24)!important
    }

    .u-margin-top--28\:desktop {
        margin-top: var(--spacing-28)!important
    }

    .u-margin-top--32\:desktop {
        margin-top: var(--spacing-32)!important
    }

    .u-margin-top--auto\:desktop {
        margin-top: auto!important
    }

    .u-margin-top--none\:desktop {
        margin-top: 0!important
    }

    .u-margin-bottom--1\:desktop {
        margin-bottom: var(--spacing-1)!important
    }

    .u-margin-bottom--2\:desktop {
        margin-bottom: var(--spacing-2)!important
    }

    .u-margin-bottom--3\:desktop {
        margin-bottom: var(--spacing-3)!important
    }

    .u-margin-bottom--4\:desktop {
        margin-bottom: var(--spacing-4)!important
    }

    .u-margin-bottom--5\:desktop {
        margin-bottom: var(--spacing-5)!important
    }

    .u-margin-bottom--6\:desktop {
        margin-bottom: var(--spacing-6)!important
    }

    .u-margin-bottom--7\:desktop {
        margin-bottom: var(--spacing-7)!important
    }

    .u-margin-bottom--8\:desktop {
        margin-bottom: var(--spacing-8)!important
    }

    .u-margin-bottom--10\:desktop {
        margin-bottom: var(--spacing-10)!important
    }

    .u-margin-bottom--12\:desktop {
        margin-bottom: var(--spacing-12)!important
    }

    .u-margin-bottom--16\:desktop {
        margin-bottom: var(--spacing-16)!important
    }

    .u-margin-bottom--20\:desktop {
        margin-bottom: var(--spacing-20)!important
    }

    .u-margin-bottom--24\:desktop {
        margin-bottom: var(--spacing-24)!important
    }

    .u-margin-bottom--28\:desktop {
        margin-bottom: var(--spacing-28)!important
    }

    .u-margin-bottom--32\:desktop {
        margin-bottom: var(--spacing-32)!important
    }

    .u-margin-bottom--auto\:desktop {
        margin-bottom: auto!important
    }

    .u-margin-bottom--none\:desktop {
        margin-bottom: 0!important
    }

    .u-margin-right--1\:desktop {
        margin-right: var(--spacing-1)!important
    }

    .u-margin-right--2\:desktop {
        margin-right: var(--spacing-2)!important
    }

    .u-margin-right--3\:desktop {
        margin-right: var(--spacing-3)!important
    }

    .u-margin-right--4\:desktop {
        margin-right: var(--spacing-4)!important
    }

    .u-margin-right--5\:desktop {
        margin-right: var(--spacing-5)!important
    }

    .u-margin-right--6\:desktop {
        margin-right: var(--spacing-6)!important
    }

    .u-margin-right--7\:desktop {
        margin-right: var(--spacing-7)!important
    }

    .u-margin-right--8\:desktop {
        margin-right: var(--spacing-8)!important
    }

    .u-margin-right--10\:desktop {
        margin-right: var(--spacing-10)!important
    }

    .u-margin-right--12\:desktop {
        margin-right: var(--spacing-12)!important
    }

    .u-margin-right--16\:desktop {
        margin-right: var(--spacing-16)!important
    }

    .u-margin-right--20\:desktop {
        margin-right: var(--spacing-20)!important
    }

    .u-margin-right--24\:desktop {
        margin-right: var(--spacing-24)!important
    }

    .u-margin-right--28\:desktop {
        margin-right: var(--spacing-28)!important
    }

    .u-margin-right--32\:desktop {
        margin-right: var(--spacing-32)!important
    }

    .u-margin-right--auto\:desktop {
        margin-right: auto!important
    }

    .u-margin-right--none\:desktop {
        margin-right: 0!important
    }

    .u-margin-left--1\:desktop {
        margin-left: var(--spacing-1)!important
    }

    .u-margin-left--2\:desktop {
        margin-left: var(--spacing-2)!important
    }

    .u-margin-left--3\:desktop {
        margin-left: var(--spacing-3)!important
    }

    .u-margin-left--4\:desktop {
        margin-left: var(--spacing-4)!important
    }

    .u-margin-left--5\:desktop {
        margin-left: var(--spacing-5)!important
    }

    .u-margin-left--6\:desktop {
        margin-left: var(--spacing-6)!important
    }

    .u-margin-left--7\:desktop {
        margin-left: var(--spacing-7)!important
    }

    .u-margin-left--8\:desktop {
        margin-left: var(--spacing-8)!important
    }

    .u-margin-left--10\:desktop {
        margin-left: var(--spacing-10)!important
    }

    .u-margin-left--12\:desktop {
        margin-left: var(--spacing-12)!important
    }

    .u-margin-left--16\:desktop {
        margin-left: var(--spacing-16)!important
    }

    .u-margin-left--20\:desktop {
        margin-left: var(--spacing-20)!important
    }

    .u-margin-left--24\:desktop {
        margin-left: var(--spacing-24)!important
    }

    .u-margin-left--28\:desktop {
        margin-left: var(--spacing-28)!important
    }

    .u-margin-left--32\:desktop {
        margin-left: var(--spacing-32)!important
    }

    .u-margin-left--auto\:desktop {
        margin-left: auto!important
    }

    .u-margin-left--none\:desktop {
        margin-left: 0!important
    }

    .u-margin-vertical--1\:desktop {
        margin-bottom: var(--spacing-1)!important;
        margin-top: var(--spacing-1)!important
    }

    .u-margin-vertical--2\:desktop {
        margin-bottom: var(--spacing-2)!important;
        margin-top: var(--spacing-2)!important
    }

    .u-margin-vertical--3\:desktop {
        margin-bottom: var(--spacing-3)!important;
        margin-top: var(--spacing-3)!important
    }

    .u-margin-vertical--4\:desktop {
        margin-bottom: var(--spacing-4)!important;
        margin-top: var(--spacing-4)!important
    }

    .u-margin-vertical--5\:desktop {
        margin-bottom: var(--spacing-5)!important;
        margin-top: var(--spacing-5)!important
    }

    .u-margin-vertical--6\:desktop {
        margin-bottom: var(--spacing-6)!important;
        margin-top: var(--spacing-6)!important
    }

    .u-margin-vertical--7\:desktop {
        margin-bottom: var(--spacing-7)!important;
        margin-top: var(--spacing-7)!important
    }

    .u-margin-vertical--8\:desktop {
        margin-bottom: var(--spacing-8)!important;
        margin-top: var(--spacing-8)!important
    }

    .u-margin-vertical--10\:desktop {
        margin-bottom: var(--spacing-10)!important;
        margin-top: var(--spacing-10)!important
    }

    .u-margin-vertical--12\:desktop {
        margin-bottom: var(--spacing-12)!important;
        margin-top: var(--spacing-12)!important
    }

    .u-margin-vertical--16\:desktop {
        margin-bottom: var(--spacing-16)!important;
        margin-top: var(--spacing-16)!important
    }

    .u-margin-vertical--20\:desktop {
        margin-bottom: var(--spacing-20)!important;
        margin-top: var(--spacing-20)!important
    }

    .u-margin-vertical--24\:desktop {
        margin-bottom: var(--spacing-24)!important;
        margin-top: var(--spacing-24)!important
    }

    .u-margin-vertical--28\:desktop {
        margin-bottom: var(--spacing-28)!important;
        margin-top: var(--spacing-28)!important
    }

    .u-margin-vertical--32\:desktop {
        margin-bottom: var(--spacing-32)!important;
        margin-top: var(--spacing-32)!important
    }

    .u-margin-vertical--auto\:desktop {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .u-margin-vertical--none\:desktop {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .u-margin-horizontal--1\:desktop {
        margin-left: var(--spacing-1)!important;
        margin-right: var(--spacing-1)!important
    }

    .u-margin-horizontal--2\:desktop {
        margin-left: var(--spacing-2)!important;
        margin-right: var(--spacing-2)!important
    }

    .u-margin-horizontal--3\:desktop {
        margin-left: var(--spacing-3)!important;
        margin-right: var(--spacing-3)!important
    }

    .u-margin-horizontal--4\:desktop {
        margin-left: var(--spacing-4)!important;
        margin-right: var(--spacing-4)!important
    }

    .u-margin-horizontal--5\:desktop {
        margin-left: var(--spacing-5)!important;
        margin-right: var(--spacing-5)!important
    }

    .u-margin-horizontal--6\:desktop {
        margin-left: var(--spacing-6)!important;
        margin-right: var(--spacing-6)!important
    }

    .u-margin-horizontal--7\:desktop {
        margin-left: var(--spacing-7)!important;
        margin-right: var(--spacing-7)!important
    }

    .u-margin-horizontal--8\:desktop {
        margin-left: var(--spacing-8)!important;
        margin-right: var(--spacing-8)!important
    }

    .u-margin-horizontal--10\:desktop {
        margin-left: var(--spacing-10)!important;
        margin-right: var(--spacing-10)!important
    }

    .u-margin-horizontal--12\:desktop {
        margin-left: var(--spacing-12)!important;
        margin-right: var(--spacing-12)!important
    }

    .u-margin-horizontal--16\:desktop {
        margin-left: var(--spacing-16)!important;
        margin-right: var(--spacing-16)!important
    }

    .u-margin-horizontal--20\:desktop {
        margin-left: var(--spacing-20)!important;
        margin-right: var(--spacing-20)!important
    }

    .u-margin-horizontal--24\:desktop {
        margin-left: var(--spacing-24)!important;
        margin-right: var(--spacing-24)!important
    }

    .u-margin-horizontal--28\:desktop {
        margin-left: var(--spacing-28)!important;
        margin-right: var(--spacing-28)!important
    }

    .u-margin-horizontal--32\:desktop {
        margin-left: var(--spacing-32)!important;
        margin-right: var(--spacing-32)!important
    }

    .u-margin-horizontal--auto\:desktop {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .u-margin-horizontal--none\:desktop {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .u-padding--1\:desktop {
        padding: var(--spacing-1)!important
    }

    .u-padding--2\:desktop {
        padding: var(--spacing-2)!important
    }

    .u-padding--3\:desktop {
        padding: var(--spacing-3)!important
    }

    .u-padding--4\:desktop {
        padding: var(--spacing-4)!important
    }

    .u-padding--5\:desktop {
        padding: var(--spacing-5)!important
    }

    .u-padding--6\:desktop {
        padding: var(--spacing-6)!important
    }

    .u-padding--7\:desktop {
        padding: var(--spacing-7)!important
    }

    .u-padding--8\:desktop {
        padding: var(--spacing-8)!important
    }

    .u-padding--10\:desktop {
        padding: var(--spacing-10)!important
    }

    .u-padding--12\:desktop {
        padding: var(--spacing-12)!important
    }

    .u-padding--16\:desktop {
        padding: var(--spacing-16)!important
    }

    .u-padding--20\:desktop {
        padding: var(--spacing-20)!important
    }

    .u-padding--24\:desktop {
        padding: var(--spacing-24)!important
    }

    .u-padding--28\:desktop {
        padding: var(--spacing-28)!important
    }

    .u-padding--32\:desktop {
        padding: var(--spacing-32)!important
    }

    .u-padding--auto\:desktop {
        padding: auto!important
    }

    .u-padding--none\:desktop {
        padding: 0!important
    }

    .u-padding-top--1\:desktop {
        padding-top: var(--spacing-1)!important
    }

    .u-padding-top--2\:desktop {
        padding-top: var(--spacing-2)!important
    }

    .u-padding-top--3\:desktop {
        padding-top: var(--spacing-3)!important
    }

    .u-padding-top--4\:desktop {
        padding-top: var(--spacing-4)!important
    }

    .u-padding-top--5\:desktop {
        padding-top: var(--spacing-5)!important
    }

    .u-padding-top--6\:desktop {
        padding-top: var(--spacing-6)!important
    }

    .u-padding-top--7\:desktop {
        padding-top: var(--spacing-7)!important
    }

    .u-padding-top--8\:desktop {
        padding-top: var(--spacing-8)!important
    }

    .u-padding-top--10\:desktop {
        padding-top: var(--spacing-10)!important
    }

    .u-padding-top--12\:desktop {
        padding-top: var(--spacing-12)!important
    }

    .u-padding-top--16\:desktop {
        padding-top: var(--spacing-16)!important
    }

    .u-padding-top--20\:desktop {
        padding-top: var(--spacing-20)!important
    }

    .u-padding-top--24\:desktop {
        padding-top: var(--spacing-24)!important
    }

    .u-padding-top--28\:desktop {
        padding-top: var(--spacing-28)!important
    }

    .u-padding-top--32\:desktop {
        padding-top: var(--spacing-32)!important
    }

    .u-padding-top--auto\:desktop {
        padding-top: auto!important
    }

    .u-padding-top--none\:desktop {
        padding-top: 0!important
    }

    .u-padding-bottom--1\:desktop {
        padding-bottom: var(--spacing-1)!important
    }

    .u-padding-bottom--2\:desktop {
        padding-bottom: var(--spacing-2)!important
    }

    .u-padding-bottom--3\:desktop {
        padding-bottom: var(--spacing-3)!important
    }

    .u-padding-bottom--4\:desktop {
        padding-bottom: var(--spacing-4)!important
    }

    .u-padding-bottom--5\:desktop {
        padding-bottom: var(--spacing-5)!important
    }

    .u-padding-bottom--6\:desktop {
        padding-bottom: var(--spacing-6)!important
    }

    .u-padding-bottom--7\:desktop {
        padding-bottom: var(--spacing-7)!important
    }

    .u-padding-bottom--8\:desktop {
        padding-bottom: var(--spacing-8)!important
    }

    .u-padding-bottom--10\:desktop {
        padding-bottom: var(--spacing-10)!important
    }

    .u-padding-bottom--12\:desktop {
        padding-bottom: var(--spacing-12)!important
    }

    .u-padding-bottom--16\:desktop {
        padding-bottom: var(--spacing-16)!important
    }

    .u-padding-bottom--20\:desktop {
        padding-bottom: var(--spacing-20)!important
    }

    .u-padding-bottom--24\:desktop {
        padding-bottom: var(--spacing-24)!important
    }

    .u-padding-bottom--28\:desktop {
        padding-bottom: var(--spacing-28)!important
    }

    .u-padding-bottom--32\:desktop {
        padding-bottom: var(--spacing-32)!important
    }

    .u-padding-bottom--auto\:desktop {
        padding-bottom: auto!important
    }

    .u-padding-bottom--none\:desktop {
        padding-bottom: 0!important
    }

    .u-padding-right--1\:desktop {
        padding-right: var(--spacing-1)!important
    }

    .u-padding-right--2\:desktop {
        padding-right: var(--spacing-2)!important
    }

    .u-padding-right--3\:desktop {
        padding-right: var(--spacing-3)!important
    }

    .u-padding-right--4\:desktop {
        padding-right: var(--spacing-4)!important
    }

    .u-padding-right--5\:desktop {
        padding-right: var(--spacing-5)!important
    }

    .u-padding-right--6\:desktop {
        padding-right: var(--spacing-6)!important
    }

    .u-padding-right--7\:desktop {
        padding-right: var(--spacing-7)!important
    }

    .u-padding-right--8\:desktop {
        padding-right: var(--spacing-8)!important
    }

    .u-padding-right--10\:desktop {
        padding-right: var(--spacing-10)!important
    }

    .u-padding-right--12\:desktop {
        padding-right: var(--spacing-12)!important
    }

    .u-padding-right--16\:desktop {
        padding-right: var(--spacing-16)!important
    }

    .u-padding-right--20\:desktop {
        padding-right: var(--spacing-20)!important
    }

    .u-padding-right--24\:desktop {
        padding-right: var(--spacing-24)!important
    }

    .u-padding-right--28\:desktop {
        padding-right: var(--spacing-28)!important
    }

    .u-padding-right--32\:desktop {
        padding-right: var(--spacing-32)!important
    }

    .u-padding-right--auto\:desktop {
        padding-right: auto!important
    }

    .u-padding-right--none\:desktop {
        padding-right: 0!important
    }

    .u-padding-left--1\:desktop {
        padding-left: var(--spacing-1)!important
    }

    .u-padding-left--2\:desktop {
        padding-left: var(--spacing-2)!important
    }

    .u-padding-left--3\:desktop {
        padding-left: var(--spacing-3)!important
    }

    .u-padding-left--4\:desktop {
        padding-left: var(--spacing-4)!important
    }

    .u-padding-left--5\:desktop {
        padding-left: var(--spacing-5)!important
    }

    .u-padding-left--6\:desktop {
        padding-left: var(--spacing-6)!important
    }

    .u-padding-left--7\:desktop {
        padding-left: var(--spacing-7)!important
    }

    .u-padding-left--8\:desktop {
        padding-left: var(--spacing-8)!important
    }

    .u-padding-left--10\:desktop {
        padding-left: var(--spacing-10)!important
    }

    .u-padding-left--12\:desktop {
        padding-left: var(--spacing-12)!important
    }

    .u-padding-left--16\:desktop {
        padding-left: var(--spacing-16)!important
    }

    .u-padding-left--20\:desktop {
        padding-left: var(--spacing-20)!important
    }

    .u-padding-left--24\:desktop {
        padding-left: var(--spacing-24)!important
    }

    .u-padding-left--28\:desktop {
        padding-left: var(--spacing-28)!important
    }

    .u-padding-left--32\:desktop {
        padding-left: var(--spacing-32)!important
    }

    .u-padding-left--auto\:desktop {
        padding-left: auto!important
    }

    .u-padding-left--none\:desktop {
        padding-left: 0!important
    }

    .u-padding-vertical--1\:desktop {
        padding-bottom: var(--spacing-1)!important;
        padding-top: var(--spacing-1)!important
    }

    .u-padding-vertical--2\:desktop {
        padding-bottom: var(--spacing-2)!important;
        padding-top: var(--spacing-2)!important
    }

    .u-padding-vertical--3\:desktop {
        padding-bottom: var(--spacing-3)!important;
        padding-top: var(--spacing-3)!important
    }

    .u-padding-vertical--4\:desktop {
        padding-bottom: var(--spacing-4)!important;
        padding-top: var(--spacing-4)!important
    }

    .u-padding-vertical--5\:desktop {
        padding-bottom: var(--spacing-5)!important;
        padding-top: var(--spacing-5)!important
    }

    .u-padding-vertical--6\:desktop {
        padding-bottom: var(--spacing-6)!important;
        padding-top: var(--spacing-6)!important
    }

    .u-padding-vertical--7\:desktop {
        padding-bottom: var(--spacing-7)!important;
        padding-top: var(--spacing-7)!important
    }

    .u-padding-vertical--8\:desktop {
        padding-bottom: var(--spacing-8)!important;
        padding-top: var(--spacing-8)!important
    }

    .u-padding-vertical--10\:desktop {
        padding-bottom: var(--spacing-10)!important;
        padding-top: var(--spacing-10)!important
    }

    .u-padding-vertical--12\:desktop {
        padding-bottom: var(--spacing-12)!important;
        padding-top: var(--spacing-12)!important
    }

    .u-padding-vertical--16\:desktop {
        padding-bottom: var(--spacing-16)!important;
        padding-top: var(--spacing-16)!important
    }

    .u-padding-vertical--20\:desktop {
        padding-bottom: var(--spacing-20)!important;
        padding-top: var(--spacing-20)!important
    }

    .u-padding-vertical--24\:desktop {
        padding-bottom: var(--spacing-24)!important;
        padding-top: var(--spacing-24)!important
    }

    .u-padding-vertical--28\:desktop {
        padding-bottom: var(--spacing-28)!important;
        padding-top: var(--spacing-28)!important
    }

    .u-padding-vertical--32\:desktop {
        padding-bottom: var(--spacing-32)!important;
        padding-top: var(--spacing-32)!important
    }

    .u-padding-vertical--auto\:desktop {
        padding-bottom: auto!important;
        padding-top: auto!important
    }

    .u-padding-vertical--none\:desktop {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .u-padding-horizontal--1\:desktop {
        padding-left: var(--spacing-1)!important;
        padding-right: var(--spacing-1)!important
    }

    .u-padding-horizontal--2\:desktop {
        padding-left: var(--spacing-2)!important;
        padding-right: var(--spacing-2)!important
    }

    .u-padding-horizontal--3\:desktop {
        padding-left: var(--spacing-3)!important;
        padding-right: var(--spacing-3)!important
    }

    .u-padding-horizontal--4\:desktop {
        padding-left: var(--spacing-4)!important;
        padding-right: var(--spacing-4)!important
    }

    .u-padding-horizontal--5\:desktop {
        padding-left: var(--spacing-5)!important;
        padding-right: var(--spacing-5)!important
    }

    .u-padding-horizontal--6\:desktop {
        padding-left: var(--spacing-6)!important;
        padding-right: var(--spacing-6)!important
    }

    .u-padding-horizontal--7\:desktop {
        padding-left: var(--spacing-7)!important;
        padding-right: var(--spacing-7)!important
    }

    .u-padding-horizontal--8\:desktop {
        padding-left: var(--spacing-8)!important;
        padding-right: var(--spacing-8)!important
    }

    .u-padding-horizontal--10\:desktop {
        padding-left: var(--spacing-10)!important;
        padding-right: var(--spacing-10)!important
    }

    .u-padding-horizontal--12\:desktop {
        padding-left: var(--spacing-12)!important;
        padding-right: var(--spacing-12)!important
    }

    .u-padding-horizontal--16\:desktop {
        padding-left: var(--spacing-16)!important;
        padding-right: var(--spacing-16)!important
    }

    .u-padding-horizontal--20\:desktop {
        padding-left: var(--spacing-20)!important;
        padding-right: var(--spacing-20)!important
    }

    .u-padding-horizontal--24\:desktop {
        padding-left: var(--spacing-24)!important;
        padding-right: var(--spacing-24)!important
    }

    .u-padding-horizontal--28\:desktop {
        padding-left: var(--spacing-28)!important;
        padding-right: var(--spacing-28)!important
    }

    .u-padding-horizontal--32\:desktop {
        padding-left: var(--spacing-32)!important;
        padding-right: var(--spacing-32)!important
    }

    .u-padding-horizontal--auto\:desktop {
        padding-left: auto!important;
        padding-right: auto!important
    }

    .u-padding-horizontal--none\:desktop {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .u-gap--1\:desktop,.u-gap-horizontal--1\:desktop,.u-gap-vertical--1\:desktop {
        gap: var(--spacing-1)!important
    }

    .u-gap--2\:desktop,.u-gap-horizontal--2\:desktop,.u-gap-vertical--2\:desktop {
        gap: var(--spacing-2)!important
    }

    .u-gap--3\:desktop,.u-gap-horizontal--3\:desktop,.u-gap-vertical--3\:desktop {
        gap: var(--spacing-3)!important
    }

    .u-gap--4\:desktop,.u-gap-horizontal--4\:desktop,.u-gap-vertical--4\:desktop {
        gap: var(--spacing-4)!important
    }

    .u-gap--5\:desktop,.u-gap-horizontal--5\:desktop,.u-gap-vertical--5\:desktop {
        gap: var(--spacing-5)!important
    }

    .u-gap--6\:desktop,.u-gap-horizontal--6\:desktop,.u-gap-vertical--6\:desktop {
        gap: var(--spacing-6)!important
    }

    .u-gap--7\:desktop,.u-gap-horizontal--7\:desktop,.u-gap-vertical--7\:desktop {
        gap: var(--spacing-7)!important
    }

    .u-gap--8\:desktop,.u-gap-horizontal--8\:desktop,.u-gap-vertical--8\:desktop {
        gap: var(--spacing-8)!important
    }

    .u-gap--10\:desktop,.u-gap-horizontal--10\:desktop,.u-gap-vertical--10\:desktop {
        gap: var(--spacing-10)!important
    }

    .u-gap--12\:desktop,.u-gap-horizontal--12\:desktop,.u-gap-vertical--12\:desktop {
        gap: var(--spacing-12)!important
    }

    .u-gap--16\:desktop,.u-gap-horizontal--16\:desktop,.u-gap-vertical--16\:desktop {
        gap: var(--spacing-16)!important
    }

    .u-gap--20\:desktop,.u-gap-horizontal--20\:desktop,.u-gap-vertical--20\:desktop {
        gap: var(--spacing-20)!important
    }

    .u-gap--24\:desktop,.u-gap-horizontal--24\:desktop,.u-gap-vertical--24\:desktop {
        gap: var(--spacing-24)!important
    }

    .u-gap--28\:desktop,.u-gap-horizontal--28\:desktop,.u-gap-vertical--28\:desktop {
        gap: var(--spacing-28)!important
    }

    .u-gap--32\:desktop,.u-gap-horizontal--32\:desktop,.u-gap-vertical--32\:desktop {
        gap: var(--spacing-32)!important
    }

    .u-gap--none\:desktop {
        gap: 0!important
    }
}

@media (min-width: 1600px) {
    .u-margin--1\:desktop-large {
        margin:var(--spacing-1)!important
    }

    .u-margin--2\:desktop-large {
        margin: var(--spacing-2)!important
    }

    .u-margin--3\:desktop-large {
        margin: var(--spacing-3)!important
    }

    .u-margin--4\:desktop-large {
        margin: var(--spacing-4)!important
    }

    .u-margin--5\:desktop-large {
        margin: var(--spacing-5)!important
    }

    .u-margin--6\:desktop-large {
        margin: var(--spacing-6)!important
    }

    .u-margin--7\:desktop-large {
        margin: var(--spacing-7)!important
    }

    .u-margin--8\:desktop-large {
        margin: var(--spacing-8)!important
    }

    .u-margin--10\:desktop-large {
        margin: var(--spacing-10)!important
    }

    .u-margin--12\:desktop-large {
        margin: var(--spacing-12)!important
    }

    .u-margin--16\:desktop-large {
        margin: var(--spacing-16)!important
    }

    .u-margin--20\:desktop-large {
        margin: var(--spacing-20)!important
    }

    .u-margin--24\:desktop-large {
        margin: var(--spacing-24)!important
    }

    .u-margin--28\:desktop-large {
        margin: var(--spacing-28)!important
    }

    .u-margin--32\:desktop-large {
        margin: var(--spacing-32)!important
    }

    .u-margin--auto\:desktop-large {
        margin: auto!important
    }

    .u-margin--none\:desktop-large {
        margin: 0!important
    }

    .u-margin-top--1\:desktop-large {
        margin-top: var(--spacing-1)!important
    }

    .u-margin-top--2\:desktop-large {
        margin-top: var(--spacing-2)!important
    }

    .u-margin-top--3\:desktop-large {
        margin-top: var(--spacing-3)!important
    }

    .u-margin-top--4\:desktop-large {
        margin-top: var(--spacing-4)!important
    }

    .u-margin-top--5\:desktop-large {
        margin-top: var(--spacing-5)!important
    }

    .u-margin-top--6\:desktop-large {
        margin-top: var(--spacing-6)!important
    }

    .u-margin-top--7\:desktop-large {
        margin-top: var(--spacing-7)!important
    }

    .u-margin-top--8\:desktop-large {
        margin-top: var(--spacing-8)!important
    }

    .u-margin-top--10\:desktop-large {
        margin-top: var(--spacing-10)!important
    }

    .u-margin-top--12\:desktop-large {
        margin-top: var(--spacing-12)!important
    }

    .u-margin-top--16\:desktop-large {
        margin-top: var(--spacing-16)!important
    }

    .u-margin-top--20\:desktop-large {
        margin-top: var(--spacing-20)!important
    }

    .u-margin-top--24\:desktop-large {
        margin-top: var(--spacing-24)!important
    }

    .u-margin-top--28\:desktop-large {
        margin-top: var(--spacing-28)!important
    }

    .u-margin-top--32\:desktop-large {
        margin-top: var(--spacing-32)!important
    }

    .u-margin-top--auto\:desktop-large {
        margin-top: auto!important
    }

    .u-margin-top--none\:desktop-large {
        margin-top: 0!important
    }

    .u-margin-bottom--1\:desktop-large {
        margin-bottom: var(--spacing-1)!important
    }

    .u-margin-bottom--2\:desktop-large {
        margin-bottom: var(--spacing-2)!important
    }

    .u-margin-bottom--3\:desktop-large {
        margin-bottom: var(--spacing-3)!important
    }

    .u-margin-bottom--4\:desktop-large {
        margin-bottom: var(--spacing-4)!important
    }

    .u-margin-bottom--5\:desktop-large {
        margin-bottom: var(--spacing-5)!important
    }

    .u-margin-bottom--6\:desktop-large {
        margin-bottom: var(--spacing-6)!important
    }

    .u-margin-bottom--7\:desktop-large {
        margin-bottom: var(--spacing-7)!important
    }

    .u-margin-bottom--8\:desktop-large {
        margin-bottom: var(--spacing-8)!important
    }

    .u-margin-bottom--10\:desktop-large {
        margin-bottom: var(--spacing-10)!important
    }

    .u-margin-bottom--12\:desktop-large {
        margin-bottom: var(--spacing-12)!important
    }

    .u-margin-bottom--16\:desktop-large {
        margin-bottom: var(--spacing-16)!important
    }

    .u-margin-bottom--20\:desktop-large {
        margin-bottom: var(--spacing-20)!important
    }

    .u-margin-bottom--24\:desktop-large {
        margin-bottom: var(--spacing-24)!important
    }

    .u-margin-bottom--28\:desktop-large {
        margin-bottom: var(--spacing-28)!important
    }

    .u-margin-bottom--32\:desktop-large {
        margin-bottom: var(--spacing-32)!important
    }

    .u-margin-bottom--auto\:desktop-large {
        margin-bottom: auto!important
    }

    .u-margin-bottom--none\:desktop-large {
        margin-bottom: 0!important
    }

    .u-margin-right--1\:desktop-large {
        margin-right: var(--spacing-1)!important
    }

    .u-margin-right--2\:desktop-large {
        margin-right: var(--spacing-2)!important
    }

    .u-margin-right--3\:desktop-large {
        margin-right: var(--spacing-3)!important
    }

    .u-margin-right--4\:desktop-large {
        margin-right: var(--spacing-4)!important
    }

    .u-margin-right--5\:desktop-large {
        margin-right: var(--spacing-5)!important
    }

    .u-margin-right--6\:desktop-large {
        margin-right: var(--spacing-6)!important
    }

    .u-margin-right--7\:desktop-large {
        margin-right: var(--spacing-7)!important
    }

    .u-margin-right--8\:desktop-large {
        margin-right: var(--spacing-8)!important
    }

    .u-margin-right--10\:desktop-large {
        margin-right: var(--spacing-10)!important
    }

    .u-margin-right--12\:desktop-large {
        margin-right: var(--spacing-12)!important
    }

    .u-margin-right--16\:desktop-large {
        margin-right: var(--spacing-16)!important
    }

    .u-margin-right--20\:desktop-large {
        margin-right: var(--spacing-20)!important
    }

    .u-margin-right--24\:desktop-large {
        margin-right: var(--spacing-24)!important
    }

    .u-margin-right--28\:desktop-large {
        margin-right: var(--spacing-28)!important
    }

    .u-margin-right--32\:desktop-large {
        margin-right: var(--spacing-32)!important
    }

    .u-margin-right--auto\:desktop-large {
        margin-right: auto!important
    }

    .u-margin-right--none\:desktop-large {
        margin-right: 0!important
    }

    .u-margin-left--1\:desktop-large {
        margin-left: var(--spacing-1)!important
    }

    .u-margin-left--2\:desktop-large {
        margin-left: var(--spacing-2)!important
    }

    .u-margin-left--3\:desktop-large {
        margin-left: var(--spacing-3)!important
    }

    .u-margin-left--4\:desktop-large {
        margin-left: var(--spacing-4)!important
    }

    .u-margin-left--5\:desktop-large {
        margin-left: var(--spacing-5)!important
    }

    .u-margin-left--6\:desktop-large {
        margin-left: var(--spacing-6)!important
    }

    .u-margin-left--7\:desktop-large {
        margin-left: var(--spacing-7)!important
    }

    .u-margin-left--8\:desktop-large {
        margin-left: var(--spacing-8)!important
    }

    .u-margin-left--10\:desktop-large {
        margin-left: var(--spacing-10)!important
    }

    .u-margin-left--12\:desktop-large {
        margin-left: var(--spacing-12)!important
    }

    .u-margin-left--16\:desktop-large {
        margin-left: var(--spacing-16)!important
    }

    .u-margin-left--20\:desktop-large {
        margin-left: var(--spacing-20)!important
    }

    .u-margin-left--24\:desktop-large {
        margin-left: var(--spacing-24)!important
    }

    .u-margin-left--28\:desktop-large {
        margin-left: var(--spacing-28)!important
    }

    .u-margin-left--32\:desktop-large {
        margin-left: var(--spacing-32)!important
    }

    .u-margin-left--auto\:desktop-large {
        margin-left: auto!important
    }

    .u-margin-left--none\:desktop-large {
        margin-left: 0!important
    }

    .u-margin-vertical--1\:desktop-large {
        margin-bottom: var(--spacing-1)!important;
        margin-top: var(--spacing-1)!important
    }

    .u-margin-vertical--2\:desktop-large {
        margin-bottom: var(--spacing-2)!important;
        margin-top: var(--spacing-2)!important
    }

    .u-margin-vertical--3\:desktop-large {
        margin-bottom: var(--spacing-3)!important;
        margin-top: var(--spacing-3)!important
    }

    .u-margin-vertical--4\:desktop-large {
        margin-bottom: var(--spacing-4)!important;
        margin-top: var(--spacing-4)!important
    }

    .u-margin-vertical--5\:desktop-large {
        margin-bottom: var(--spacing-5)!important;
        margin-top: var(--spacing-5)!important
    }

    .u-margin-vertical--6\:desktop-large {
        margin-bottom: var(--spacing-6)!important;
        margin-top: var(--spacing-6)!important
    }

    .u-margin-vertical--7\:desktop-large {
        margin-bottom: var(--spacing-7)!important;
        margin-top: var(--spacing-7)!important
    }

    .u-margin-vertical--8\:desktop-large {
        margin-bottom: var(--spacing-8)!important;
        margin-top: var(--spacing-8)!important
    }

    .u-margin-vertical--10\:desktop-large {
        margin-bottom: var(--spacing-10)!important;
        margin-top: var(--spacing-10)!important
    }

    .u-margin-vertical--12\:desktop-large {
        margin-bottom: var(--spacing-12)!important;
        margin-top: var(--spacing-12)!important
    }

    .u-margin-vertical--16\:desktop-large {
        margin-bottom: var(--spacing-16)!important;
        margin-top: var(--spacing-16)!important
    }

    .u-margin-vertical--20\:desktop-large {
        margin-bottom: var(--spacing-20)!important;
        margin-top: var(--spacing-20)!important
    }

    .u-margin-vertical--24\:desktop-large {
        margin-bottom: var(--spacing-24)!important;
        margin-top: var(--spacing-24)!important
    }

    .u-margin-vertical--28\:desktop-large {
        margin-bottom: var(--spacing-28)!important;
        margin-top: var(--spacing-28)!important
    }

    .u-margin-vertical--32\:desktop-large {
        margin-bottom: var(--spacing-32)!important;
        margin-top: var(--spacing-32)!important
    }

    .u-margin-vertical--auto\:desktop-large {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .u-margin-vertical--none\:desktop-large {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .u-margin-horizontal--1\:desktop-large {
        margin-left: var(--spacing-1)!important;
        margin-right: var(--spacing-1)!important
    }

    .u-margin-horizontal--2\:desktop-large {
        margin-left: var(--spacing-2)!important;
        margin-right: var(--spacing-2)!important
    }

    .u-margin-horizontal--3\:desktop-large {
        margin-left: var(--spacing-3)!important;
        margin-right: var(--spacing-3)!important
    }

    .u-margin-horizontal--4\:desktop-large {
        margin-left: var(--spacing-4)!important;
        margin-right: var(--spacing-4)!important
    }

    .u-margin-horizontal--5\:desktop-large {
        margin-left: var(--spacing-5)!important;
        margin-right: var(--spacing-5)!important
    }

    .u-margin-horizontal--6\:desktop-large {
        margin-left: var(--spacing-6)!important;
        margin-right: var(--spacing-6)!important
    }

    .u-margin-horizontal--7\:desktop-large {
        margin-left: var(--spacing-7)!important;
        margin-right: var(--spacing-7)!important
    }

    .u-margin-horizontal--8\:desktop-large {
        margin-left: var(--spacing-8)!important;
        margin-right: var(--spacing-8)!important
    }

    .u-margin-horizontal--10\:desktop-large {
        margin-left: var(--spacing-10)!important;
        margin-right: var(--spacing-10)!important
    }

    .u-margin-horizontal--12\:desktop-large {
        margin-left: var(--spacing-12)!important;
        margin-right: var(--spacing-12)!important
    }

    .u-margin-horizontal--16\:desktop-large {
        margin-left: var(--spacing-16)!important;
        margin-right: var(--spacing-16)!important
    }

    .u-margin-horizontal--20\:desktop-large {
        margin-left: var(--spacing-20)!important;
        margin-right: var(--spacing-20)!important
    }

    .u-margin-horizontal--24\:desktop-large {
        margin-left: var(--spacing-24)!important;
        margin-right: var(--spacing-24)!important
    }

    .u-margin-horizontal--28\:desktop-large {
        margin-left: var(--spacing-28)!important;
        margin-right: var(--spacing-28)!important
    }

    .u-margin-horizontal--32\:desktop-large {
        margin-left: var(--spacing-32)!important;
        margin-right: var(--spacing-32)!important
    }

    .u-margin-horizontal--auto\:desktop-large {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .u-margin-horizontal--none\:desktop-large {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .u-padding--1\:desktop-large {
        padding: var(--spacing-1)!important
    }

    .u-padding--2\:desktop-large {
        padding: var(--spacing-2)!important
    }

    .u-padding--3\:desktop-large {
        padding: var(--spacing-3)!important
    }

    .u-padding--4\:desktop-large {
        padding: var(--spacing-4)!important
    }

    .u-padding--5\:desktop-large {
        padding: var(--spacing-5)!important
    }

    .u-padding--6\:desktop-large {
        padding: var(--spacing-6)!important
    }

    .u-padding--7\:desktop-large {
        padding: var(--spacing-7)!important
    }

    .u-padding--8\:desktop-large {
        padding: var(--spacing-8)!important
    }

    .u-padding--10\:desktop-large {
        padding: var(--spacing-10)!important
    }

    .u-padding--12\:desktop-large {
        padding: var(--spacing-12)!important
    }

    .u-padding--16\:desktop-large {
        padding: var(--spacing-16)!important
    }

    .u-padding--20\:desktop-large {
        padding: var(--spacing-20)!important
    }

    .u-padding--24\:desktop-large {
        padding: var(--spacing-24)!important
    }

    .u-padding--28\:desktop-large {
        padding: var(--spacing-28)!important
    }

    .u-padding--32\:desktop-large {
        padding: var(--spacing-32)!important
    }

    .u-padding--auto\:desktop-large {
        padding: auto!important
    }

    .u-padding--none\:desktop-large {
        padding: 0!important
    }

    .u-padding-top--1\:desktop-large {
        padding-top: var(--spacing-1)!important
    }

    .u-padding-top--2\:desktop-large {
        padding-top: var(--spacing-2)!important
    }

    .u-padding-top--3\:desktop-large {
        padding-top: var(--spacing-3)!important
    }

    .u-padding-top--4\:desktop-large {
        padding-top: var(--spacing-4)!important
    }

    .u-padding-top--5\:desktop-large {
        padding-top: var(--spacing-5)!important
    }

    .u-padding-top--6\:desktop-large {
        padding-top: var(--spacing-6)!important
    }

    .u-padding-top--7\:desktop-large {
        padding-top: var(--spacing-7)!important
    }

    .u-padding-top--8\:desktop-large {
        padding-top: var(--spacing-8)!important
    }

    .u-padding-top--10\:desktop-large {
        padding-top: var(--spacing-10)!important
    }

    .u-padding-top--12\:desktop-large {
        padding-top: var(--spacing-12)!important
    }

    .u-padding-top--16\:desktop-large {
        padding-top: var(--spacing-16)!important
    }

    .u-padding-top--20\:desktop-large {
        padding-top: var(--spacing-20)!important
    }

    .u-padding-top--24\:desktop-large {
        padding-top: var(--spacing-24)!important
    }

    .u-padding-top--28\:desktop-large {
        padding-top: var(--spacing-28)!important
    }

    .u-padding-top--32\:desktop-large {
        padding-top: var(--spacing-32)!important
    }

    .u-padding-top--auto\:desktop-large {
        padding-top: auto!important
    }

    .u-padding-top--none\:desktop-large {
        padding-top: 0!important
    }

    .u-padding-bottom--1\:desktop-large {
        padding-bottom: var(--spacing-1)!important
    }

    .u-padding-bottom--2\:desktop-large {
        padding-bottom: var(--spacing-2)!important
    }

    .u-padding-bottom--3\:desktop-large {
        padding-bottom: var(--spacing-3)!important
    }

    .u-padding-bottom--4\:desktop-large {
        padding-bottom: var(--spacing-4)!important
    }

    .u-padding-bottom--5\:desktop-large {
        padding-bottom: var(--spacing-5)!important
    }

    .u-padding-bottom--6\:desktop-large {
        padding-bottom: var(--spacing-6)!important
    }

    .u-padding-bottom--7\:desktop-large {
        padding-bottom: var(--spacing-7)!important
    }

    .u-padding-bottom--8\:desktop-large {
        padding-bottom: var(--spacing-8)!important
    }

    .u-padding-bottom--10\:desktop-large {
        padding-bottom: var(--spacing-10)!important
    }

    .u-padding-bottom--12\:desktop-large {
        padding-bottom: var(--spacing-12)!important
    }

    .u-padding-bottom--16\:desktop-large {
        padding-bottom: var(--spacing-16)!important
    }

    .u-padding-bottom--20\:desktop-large {
        padding-bottom: var(--spacing-20)!important
    }

    .u-padding-bottom--24\:desktop-large {
        padding-bottom: var(--spacing-24)!important
    }

    .u-padding-bottom--28\:desktop-large {
        padding-bottom: var(--spacing-28)!important
    }

    .u-padding-bottom--32\:desktop-large {
        padding-bottom: var(--spacing-32)!important
    }

    .u-padding-bottom--auto\:desktop-large {
        padding-bottom: auto!important
    }

    .u-padding-bottom--none\:desktop-large {
        padding-bottom: 0!important
    }

    .u-padding-right--1\:desktop-large {
        padding-right: var(--spacing-1)!important
    }

    .u-padding-right--2\:desktop-large {
        padding-right: var(--spacing-2)!important
    }

    .u-padding-right--3\:desktop-large {
        padding-right: var(--spacing-3)!important
    }

    .u-padding-right--4\:desktop-large {
        padding-right: var(--spacing-4)!important
    }

    .u-padding-right--5\:desktop-large {
        padding-right: var(--spacing-5)!important
    }

    .u-padding-right--6\:desktop-large {
        padding-right: var(--spacing-6)!important
    }

    .u-padding-right--7\:desktop-large {
        padding-right: var(--spacing-7)!important
    }

    .u-padding-right--8\:desktop-large {
        padding-right: var(--spacing-8)!important
    }

    .u-padding-right--10\:desktop-large {
        padding-right: var(--spacing-10)!important
    }

    .u-padding-right--12\:desktop-large {
        padding-right: var(--spacing-12)!important
    }

    .u-padding-right--16\:desktop-large {
        padding-right: var(--spacing-16)!important
    }

    .u-padding-right--20\:desktop-large {
        padding-right: var(--spacing-20)!important
    }

    .u-padding-right--24\:desktop-large {
        padding-right: var(--spacing-24)!important
    }

    .u-padding-right--28\:desktop-large {
        padding-right: var(--spacing-28)!important
    }

    .u-padding-right--32\:desktop-large {
        padding-right: var(--spacing-32)!important
    }

    .u-padding-right--auto\:desktop-large {
        padding-right: auto!important
    }

    .u-padding-right--none\:desktop-large {
        padding-right: 0!important
    }

    .u-padding-left--1\:desktop-large {
        padding-left: var(--spacing-1)!important
    }

    .u-padding-left--2\:desktop-large {
        padding-left: var(--spacing-2)!important
    }

    .u-padding-left--3\:desktop-large {
        padding-left: var(--spacing-3)!important
    }

    .u-padding-left--4\:desktop-large {
        padding-left: var(--spacing-4)!important
    }

    .u-padding-left--5\:desktop-large {
        padding-left: var(--spacing-5)!important
    }

    .u-padding-left--6\:desktop-large {
        padding-left: var(--spacing-6)!important
    }

    .u-padding-left--7\:desktop-large {
        padding-left: var(--spacing-7)!important
    }

    .u-padding-left--8\:desktop-large {
        padding-left: var(--spacing-8)!important
    }

    .u-padding-left--10\:desktop-large {
        padding-left: var(--spacing-10)!important
    }

    .u-padding-left--12\:desktop-large {
        padding-left: var(--spacing-12)!important
    }

    .u-padding-left--16\:desktop-large {
        padding-left: var(--spacing-16)!important
    }

    .u-padding-left--20\:desktop-large {
        padding-left: var(--spacing-20)!important
    }

    .u-padding-left--24\:desktop-large {
        padding-left: var(--spacing-24)!important
    }

    .u-padding-left--28\:desktop-large {
        padding-left: var(--spacing-28)!important
    }

    .u-padding-left--32\:desktop-large {
        padding-left: var(--spacing-32)!important
    }

    .u-padding-left--auto\:desktop-large {
        padding-left: auto!important
    }

    .u-padding-left--none\:desktop-large {
        padding-left: 0!important
    }

    .u-padding-vertical--1\:desktop-large {
        padding-bottom: var(--spacing-1)!important;
        padding-top: var(--spacing-1)!important
    }

    .u-padding-vertical--2\:desktop-large {
        padding-bottom: var(--spacing-2)!important;
        padding-top: var(--spacing-2)!important
    }

    .u-padding-vertical--3\:desktop-large {
        padding-bottom: var(--spacing-3)!important;
        padding-top: var(--spacing-3)!important
    }

    .u-padding-vertical--4\:desktop-large {
        padding-bottom: var(--spacing-4)!important;
        padding-top: var(--spacing-4)!important
    }

    .u-padding-vertical--5\:desktop-large {
        padding-bottom: var(--spacing-5)!important;
        padding-top: var(--spacing-5)!important
    }

    .u-padding-vertical--6\:desktop-large {
        padding-bottom: var(--spacing-6)!important;
        padding-top: var(--spacing-6)!important
    }

    .u-padding-vertical--7\:desktop-large {
        padding-bottom: var(--spacing-7)!important;
        padding-top: var(--spacing-7)!important
    }

    .u-padding-vertical--8\:desktop-large {
        padding-bottom: var(--spacing-8)!important;
        padding-top: var(--spacing-8)!important
    }

    .u-padding-vertical--10\:desktop-large {
        padding-bottom: var(--spacing-10)!important;
        padding-top: var(--spacing-10)!important
    }

    .u-padding-vertical--12\:desktop-large {
        padding-bottom: var(--spacing-12)!important;
        padding-top: var(--spacing-12)!important
    }

    .u-padding-vertical--16\:desktop-large {
        padding-bottom: var(--spacing-16)!important;
        padding-top: var(--spacing-16)!important
    }

    .u-padding-vertical--20\:desktop-large {
        padding-bottom: var(--spacing-20)!important;
        padding-top: var(--spacing-20)!important
    }

    .u-padding-vertical--24\:desktop-large {
        padding-bottom: var(--spacing-24)!important;
        padding-top: var(--spacing-24)!important
    }

    .u-padding-vertical--28\:desktop-large {
        padding-bottom: var(--spacing-28)!important;
        padding-top: var(--spacing-28)!important
    }

    .u-padding-vertical--32\:desktop-large {
        padding-bottom: var(--spacing-32)!important;
        padding-top: var(--spacing-32)!important
    }

    .u-padding-vertical--auto\:desktop-large {
        padding-bottom: auto!important;
        padding-top: auto!important
    }

    .u-padding-vertical--none\:desktop-large {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .u-padding-horizontal--1\:desktop-large {
        padding-left: var(--spacing-1)!important;
        padding-right: var(--spacing-1)!important
    }

    .u-padding-horizontal--2\:desktop-large {
        padding-left: var(--spacing-2)!important;
        padding-right: var(--spacing-2)!important
    }

    .u-padding-horizontal--3\:desktop-large {
        padding-left: var(--spacing-3)!important;
        padding-right: var(--spacing-3)!important
    }

    .u-padding-horizontal--4\:desktop-large {
        padding-left: var(--spacing-4)!important;
        padding-right: var(--spacing-4)!important
    }

    .u-padding-horizontal--5\:desktop-large {
        padding-left: var(--spacing-5)!important;
        padding-right: var(--spacing-5)!important
    }

    .u-padding-horizontal--6\:desktop-large {
        padding-left: var(--spacing-6)!important;
        padding-right: var(--spacing-6)!important
    }

    .u-padding-horizontal--7\:desktop-large {
        padding-left: var(--spacing-7)!important;
        padding-right: var(--spacing-7)!important
    }

    .u-padding-horizontal--8\:desktop-large {
        padding-left: var(--spacing-8)!important;
        padding-right: var(--spacing-8)!important
    }

    .u-padding-horizontal--10\:desktop-large {
        padding-left: var(--spacing-10)!important;
        padding-right: var(--spacing-10)!important
    }

    .u-padding-horizontal--12\:desktop-large {
        padding-left: var(--spacing-12)!important;
        padding-right: var(--spacing-12)!important
    }

    .u-padding-horizontal--16\:desktop-large {
        padding-left: var(--spacing-16)!important;
        padding-right: var(--spacing-16)!important
    }

    .u-padding-horizontal--20\:desktop-large {
        padding-left: var(--spacing-20)!important;
        padding-right: var(--spacing-20)!important
    }

    .u-padding-horizontal--24\:desktop-large {
        padding-left: var(--spacing-24)!important;
        padding-right: var(--spacing-24)!important
    }

    .u-padding-horizontal--28\:desktop-large {
        padding-left: var(--spacing-28)!important;
        padding-right: var(--spacing-28)!important
    }

    .u-padding-horizontal--32\:desktop-large {
        padding-left: var(--spacing-32)!important;
        padding-right: var(--spacing-32)!important
    }

    .u-padding-horizontal--auto\:desktop-large {
        padding-left: auto!important;
        padding-right: auto!important
    }

    .u-padding-horizontal--none\:desktop-large {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .u-gap--1\:desktop-large,.u-gap-horizontal--1\:desktop-large,.u-gap-vertical--1\:desktop-large {
        gap: var(--spacing-1)!important
    }

    .u-gap--2\:desktop-large,.u-gap-horizontal--2\:desktop-large,.u-gap-vertical--2\:desktop-large {
        gap: var(--spacing-2)!important
    }

    .u-gap--3\:desktop-large,.u-gap-horizontal--3\:desktop-large,.u-gap-vertical--3\:desktop-large {
        gap: var(--spacing-3)!important
    }

    .u-gap--4\:desktop-large,.u-gap-horizontal--4\:desktop-large,.u-gap-vertical--4\:desktop-large {
        gap: var(--spacing-4)!important
    }

    .u-gap--5\:desktop-large,.u-gap-horizontal--5\:desktop-large,.u-gap-vertical--5\:desktop-large {
        gap: var(--spacing-5)!important
    }

    .u-gap--6\:desktop-large,.u-gap-horizontal--6\:desktop-large,.u-gap-vertical--6\:desktop-large {
        gap: var(--spacing-6)!important
    }

    .u-gap--7\:desktop-large,.u-gap-horizontal--7\:desktop-large,.u-gap-vertical--7\:desktop-large {
        gap: var(--spacing-7)!important
    }

    .u-gap--8\:desktop-large,.u-gap-horizontal--8\:desktop-large,.u-gap-vertical--8\:desktop-large {
        gap: var(--spacing-8)!important
    }

    .u-gap--10\:desktop-large,.u-gap-horizontal--10\:desktop-large,.u-gap-vertical--10\:desktop-large {
        gap: var(--spacing-10)!important
    }

    .u-gap--12\:desktop-large,.u-gap-horizontal--12\:desktop-large,.u-gap-vertical--12\:desktop-large {
        gap: var(--spacing-12)!important
    }

    .u-gap--16\:desktop-large,.u-gap-horizontal--16\:desktop-large,.u-gap-vertical--16\:desktop-large {
        gap: var(--spacing-16)!important
    }

    .u-gap--20\:desktop-large,.u-gap-horizontal--20\:desktop-large,.u-gap-vertical--20\:desktop-large {
        gap: var(--spacing-20)!important
    }

    .u-gap--24\:desktop-large,.u-gap-horizontal--24\:desktop-large,.u-gap-vertical--24\:desktop-large {
        gap: var(--spacing-24)!important
    }

    .u-gap--28\:desktop-large,.u-gap-horizontal--28\:desktop-large,.u-gap-vertical--28\:desktop-large {
        gap: var(--spacing-28)!important
    }

    .u-gap--32\:desktop-large,.u-gap-horizontal--32\:desktop-large,.u-gap-vertical--32\:desktop-large {
        gap: var(--spacing-32)!important
    }

    .u-gap--none\:desktop-large {
        gap: 0!important
    }
}

@media (min-width: 1920px) {
    .u-margin--1\:desktop-xlarge {
        margin:var(--spacing-1)!important
    }

    .u-margin--2\:desktop-xlarge {
        margin: var(--spacing-2)!important
    }

    .u-margin--3\:desktop-xlarge {
        margin: var(--spacing-3)!important
    }

    .u-margin--4\:desktop-xlarge {
        margin: var(--spacing-4)!important
    }

    .u-margin--5\:desktop-xlarge {
        margin: var(--spacing-5)!important
    }

    .u-margin--6\:desktop-xlarge {
        margin: var(--spacing-6)!important
    }

    .u-margin--7\:desktop-xlarge {
        margin: var(--spacing-7)!important
    }

    .u-margin--8\:desktop-xlarge {
        margin: var(--spacing-8)!important
    }

    .u-margin--10\:desktop-xlarge {
        margin: var(--spacing-10)!important
    }

    .u-margin--12\:desktop-xlarge {
        margin: var(--spacing-12)!important
    }

    .u-margin--16\:desktop-xlarge {
        margin: var(--spacing-16)!important
    }

    .u-margin--20\:desktop-xlarge {
        margin: var(--spacing-20)!important
    }

    .u-margin--24\:desktop-xlarge {
        margin: var(--spacing-24)!important
    }

    .u-margin--28\:desktop-xlarge {
        margin: var(--spacing-28)!important
    }

    .u-margin--32\:desktop-xlarge {
        margin: var(--spacing-32)!important
    }

    .u-margin--auto\:desktop-xlarge {
        margin: auto!important
    }

    .u-margin--none\:desktop-xlarge {
        margin: 0!important
    }

    .u-margin-top--1\:desktop-xlarge {
        margin-top: var(--spacing-1)!important
    }

    .u-margin-top--2\:desktop-xlarge {
        margin-top: var(--spacing-2)!important
    }

    .u-margin-top--3\:desktop-xlarge {
        margin-top: var(--spacing-3)!important
    }

    .u-margin-top--4\:desktop-xlarge {
        margin-top: var(--spacing-4)!important
    }

    .u-margin-top--5\:desktop-xlarge {
        margin-top: var(--spacing-5)!important
    }

    .u-margin-top--6\:desktop-xlarge {
        margin-top: var(--spacing-6)!important
    }

    .u-margin-top--7\:desktop-xlarge {
        margin-top: var(--spacing-7)!important
    }

    .u-margin-top--8\:desktop-xlarge {
        margin-top: var(--spacing-8)!important
    }

    .u-margin-top--10\:desktop-xlarge {
        margin-top: var(--spacing-10)!important
    }

    .u-margin-top--12\:desktop-xlarge {
        margin-top: var(--spacing-12)!important
    }

    .u-margin-top--16\:desktop-xlarge {
        margin-top: var(--spacing-16)!important
    }

    .u-margin-top--20\:desktop-xlarge {
        margin-top: var(--spacing-20)!important
    }

    .u-margin-top--24\:desktop-xlarge {
        margin-top: var(--spacing-24)!important
    }

    .u-margin-top--28\:desktop-xlarge {
        margin-top: var(--spacing-28)!important
    }

    .u-margin-top--32\:desktop-xlarge {
        margin-top: var(--spacing-32)!important
    }

    .u-margin-top--auto\:desktop-xlarge {
        margin-top: auto!important
    }

    .u-margin-top--none\:desktop-xlarge {
        margin-top: 0!important
    }

    .u-margin-bottom--1\:desktop-xlarge {
        margin-bottom: var(--spacing-1)!important
    }

    .u-margin-bottom--2\:desktop-xlarge {
        margin-bottom: var(--spacing-2)!important
    }

    .u-margin-bottom--3\:desktop-xlarge {
        margin-bottom: var(--spacing-3)!important
    }

    .u-margin-bottom--4\:desktop-xlarge {
        margin-bottom: var(--spacing-4)!important
    }

    .u-margin-bottom--5\:desktop-xlarge {
        margin-bottom: var(--spacing-5)!important
    }

    .u-margin-bottom--6\:desktop-xlarge {
        margin-bottom: var(--spacing-6)!important
    }

    .u-margin-bottom--7\:desktop-xlarge {
        margin-bottom: var(--spacing-7)!important
    }

    .u-margin-bottom--8\:desktop-xlarge {
        margin-bottom: var(--spacing-8)!important
    }

    .u-margin-bottom--10\:desktop-xlarge {
        margin-bottom: var(--spacing-10)!important
    }

    .u-margin-bottom--12\:desktop-xlarge {
        margin-bottom: var(--spacing-12)!important
    }

    .u-margin-bottom--16\:desktop-xlarge {
        margin-bottom: var(--spacing-16)!important
    }

    .u-margin-bottom--20\:desktop-xlarge {
        margin-bottom: var(--spacing-20)!important
    }

    .u-margin-bottom--24\:desktop-xlarge {
        margin-bottom: var(--spacing-24)!important
    }

    .u-margin-bottom--28\:desktop-xlarge {
        margin-bottom: var(--spacing-28)!important
    }

    .u-margin-bottom--32\:desktop-xlarge {
        margin-bottom: var(--spacing-32)!important
    }

    .u-margin-bottom--auto\:desktop-xlarge {
        margin-bottom: auto!important
    }

    .u-margin-bottom--none\:desktop-xlarge {
        margin-bottom: 0!important
    }

    .u-margin-right--1\:desktop-xlarge {
        margin-right: var(--spacing-1)!important
    }

    .u-margin-right--2\:desktop-xlarge {
        margin-right: var(--spacing-2)!important
    }

    .u-margin-right--3\:desktop-xlarge {
        margin-right: var(--spacing-3)!important
    }

    .u-margin-right--4\:desktop-xlarge {
        margin-right: var(--spacing-4)!important
    }

    .u-margin-right--5\:desktop-xlarge {
        margin-right: var(--spacing-5)!important
    }

    .u-margin-right--6\:desktop-xlarge {
        margin-right: var(--spacing-6)!important
    }

    .u-margin-right--7\:desktop-xlarge {
        margin-right: var(--spacing-7)!important
    }

    .u-margin-right--8\:desktop-xlarge {
        margin-right: var(--spacing-8)!important
    }

    .u-margin-right--10\:desktop-xlarge {
        margin-right: var(--spacing-10)!important
    }

    .u-margin-right--12\:desktop-xlarge {
        margin-right: var(--spacing-12)!important
    }

    .u-margin-right--16\:desktop-xlarge {
        margin-right: var(--spacing-16)!important
    }

    .u-margin-right--20\:desktop-xlarge {
        margin-right: var(--spacing-20)!important
    }

    .u-margin-right--24\:desktop-xlarge {
        margin-right: var(--spacing-24)!important
    }

    .u-margin-right--28\:desktop-xlarge {
        margin-right: var(--spacing-28)!important
    }

    .u-margin-right--32\:desktop-xlarge {
        margin-right: var(--spacing-32)!important
    }

    .u-margin-right--auto\:desktop-xlarge {
        margin-right: auto!important
    }

    .u-margin-right--none\:desktop-xlarge {
        margin-right: 0!important
    }

    .u-margin-left--1\:desktop-xlarge {
        margin-left: var(--spacing-1)!important
    }

    .u-margin-left--2\:desktop-xlarge {
        margin-left: var(--spacing-2)!important
    }

    .u-margin-left--3\:desktop-xlarge {
        margin-left: var(--spacing-3)!important
    }

    .u-margin-left--4\:desktop-xlarge {
        margin-left: var(--spacing-4)!important
    }

    .u-margin-left--5\:desktop-xlarge {
        margin-left: var(--spacing-5)!important
    }

    .u-margin-left--6\:desktop-xlarge {
        margin-left: var(--spacing-6)!important
    }

    .u-margin-left--7\:desktop-xlarge {
        margin-left: var(--spacing-7)!important
    }

    .u-margin-left--8\:desktop-xlarge {
        margin-left: var(--spacing-8)!important
    }

    .u-margin-left--10\:desktop-xlarge {
        margin-left: var(--spacing-10)!important
    }

    .u-margin-left--12\:desktop-xlarge {
        margin-left: var(--spacing-12)!important
    }

    .u-margin-left--16\:desktop-xlarge {
        margin-left: var(--spacing-16)!important
    }

    .u-margin-left--20\:desktop-xlarge {
        margin-left: var(--spacing-20)!important
    }

    .u-margin-left--24\:desktop-xlarge {
        margin-left: var(--spacing-24)!important
    }

    .u-margin-left--28\:desktop-xlarge {
        margin-left: var(--spacing-28)!important
    }

    .u-margin-left--32\:desktop-xlarge {
        margin-left: var(--spacing-32)!important
    }

    .u-margin-left--auto\:desktop-xlarge {
        margin-left: auto!important
    }

    .u-margin-left--none\:desktop-xlarge {
        margin-left: 0!important
    }

    .u-margin-vertical--1\:desktop-xlarge {
        margin-bottom: var(--spacing-1)!important;
        margin-top: var(--spacing-1)!important
    }

    .u-margin-vertical--2\:desktop-xlarge {
        margin-bottom: var(--spacing-2)!important;
        margin-top: var(--spacing-2)!important
    }

    .u-margin-vertical--3\:desktop-xlarge {
        margin-bottom: var(--spacing-3)!important;
        margin-top: var(--spacing-3)!important
    }

    .u-margin-vertical--4\:desktop-xlarge {
        margin-bottom: var(--spacing-4)!important;
        margin-top: var(--spacing-4)!important
    }

    .u-margin-vertical--5\:desktop-xlarge {
        margin-bottom: var(--spacing-5)!important;
        margin-top: var(--spacing-5)!important
    }

    .u-margin-vertical--6\:desktop-xlarge {
        margin-bottom: var(--spacing-6)!important;
        margin-top: var(--spacing-6)!important
    }

    .u-margin-vertical--7\:desktop-xlarge {
        margin-bottom: var(--spacing-7)!important;
        margin-top: var(--spacing-7)!important
    }

    .u-margin-vertical--8\:desktop-xlarge {
        margin-bottom: var(--spacing-8)!important;
        margin-top: var(--spacing-8)!important
    }

    .u-margin-vertical--10\:desktop-xlarge {
        margin-bottom: var(--spacing-10)!important;
        margin-top: var(--spacing-10)!important
    }

    .u-margin-vertical--12\:desktop-xlarge {
        margin-bottom: var(--spacing-12)!important;
        margin-top: var(--spacing-12)!important
    }

    .u-margin-vertical--16\:desktop-xlarge {
        margin-bottom: var(--spacing-16)!important;
        margin-top: var(--spacing-16)!important
    }

    .u-margin-vertical--20\:desktop-xlarge {
        margin-bottom: var(--spacing-20)!important;
        margin-top: var(--spacing-20)!important
    }

    .u-margin-vertical--24\:desktop-xlarge {
        margin-bottom: var(--spacing-24)!important;
        margin-top: var(--spacing-24)!important
    }

    .u-margin-vertical--28\:desktop-xlarge {
        margin-bottom: var(--spacing-28)!important;
        margin-top: var(--spacing-28)!important
    }

    .u-margin-vertical--32\:desktop-xlarge {
        margin-bottom: var(--spacing-32)!important;
        margin-top: var(--spacing-32)!important
    }

    .u-margin-vertical--auto\:desktop-xlarge {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .u-margin-vertical--none\:desktop-xlarge {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .u-margin-horizontal--1\:desktop-xlarge {
        margin-left: var(--spacing-1)!important;
        margin-right: var(--spacing-1)!important
    }

    .u-margin-horizontal--2\:desktop-xlarge {
        margin-left: var(--spacing-2)!important;
        margin-right: var(--spacing-2)!important
    }

    .u-margin-horizontal--3\:desktop-xlarge {
        margin-left: var(--spacing-3)!important;
        margin-right: var(--spacing-3)!important
    }

    .u-margin-horizontal--4\:desktop-xlarge {
        margin-left: var(--spacing-4)!important;
        margin-right: var(--spacing-4)!important
    }

    .u-margin-horizontal--5\:desktop-xlarge {
        margin-left: var(--spacing-5)!important;
        margin-right: var(--spacing-5)!important
    }

    .u-margin-horizontal--6\:desktop-xlarge {
        margin-left: var(--spacing-6)!important;
        margin-right: var(--spacing-6)!important
    }

    .u-margin-horizontal--7\:desktop-xlarge {
        margin-left: var(--spacing-7)!important;
        margin-right: var(--spacing-7)!important
    }

    .u-margin-horizontal--8\:desktop-xlarge {
        margin-left: var(--spacing-8)!important;
        margin-right: var(--spacing-8)!important
    }

    .u-margin-horizontal--10\:desktop-xlarge {
        margin-left: var(--spacing-10)!important;
        margin-right: var(--spacing-10)!important
    }

    .u-margin-horizontal--12\:desktop-xlarge {
        margin-left: var(--spacing-12)!important;
        margin-right: var(--spacing-12)!important
    }

    .u-margin-horizontal--16\:desktop-xlarge {
        margin-left: var(--spacing-16)!important;
        margin-right: var(--spacing-16)!important
    }

    .u-margin-horizontal--20\:desktop-xlarge {
        margin-left: var(--spacing-20)!important;
        margin-right: var(--spacing-20)!important
    }

    .u-margin-horizontal--24\:desktop-xlarge {
        margin-left: var(--spacing-24)!important;
        margin-right: var(--spacing-24)!important
    }

    .u-margin-horizontal--28\:desktop-xlarge {
        margin-left: var(--spacing-28)!important;
        margin-right: var(--spacing-28)!important
    }

    .u-margin-horizontal--32\:desktop-xlarge {
        margin-left: var(--spacing-32)!important;
        margin-right: var(--spacing-32)!important
    }

    .u-margin-horizontal--auto\:desktop-xlarge {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .u-margin-horizontal--none\:desktop-xlarge {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .u-padding--1\:desktop-xlarge {
        padding: var(--spacing-1)!important
    }

    .u-padding--2\:desktop-xlarge {
        padding: var(--spacing-2)!important
    }

    .u-padding--3\:desktop-xlarge {
        padding: var(--spacing-3)!important
    }

    .u-padding--4\:desktop-xlarge {
        padding: var(--spacing-4)!important
    }

    .u-padding--5\:desktop-xlarge {
        padding: var(--spacing-5)!important
    }

    .u-padding--6\:desktop-xlarge {
        padding: var(--spacing-6)!important
    }

    .u-padding--7\:desktop-xlarge {
        padding: var(--spacing-7)!important
    }

    .u-padding--8\:desktop-xlarge {
        padding: var(--spacing-8)!important
    }

    .u-padding--10\:desktop-xlarge {
        padding: var(--spacing-10)!important
    }

    .u-padding--12\:desktop-xlarge {
        padding: var(--spacing-12)!important
    }

    .u-padding--16\:desktop-xlarge {
        padding: var(--spacing-16)!important
    }

    .u-padding--20\:desktop-xlarge {
        padding: var(--spacing-20)!important
    }

    .u-padding--24\:desktop-xlarge {
        padding: var(--spacing-24)!important
    }

    .u-padding--28\:desktop-xlarge {
        padding: var(--spacing-28)!important
    }

    .u-padding--32\:desktop-xlarge {
        padding: var(--spacing-32)!important
    }

    .u-padding--auto\:desktop-xlarge {
        padding: auto!important
    }

    .u-padding--none\:desktop-xlarge {
        padding: 0!important
    }

    .u-padding-top--1\:desktop-xlarge {
        padding-top: var(--spacing-1)!important
    }

    .u-padding-top--2\:desktop-xlarge {
        padding-top: var(--spacing-2)!important
    }

    .u-padding-top--3\:desktop-xlarge {
        padding-top: var(--spacing-3)!important
    }

    .u-padding-top--4\:desktop-xlarge {
        padding-top: var(--spacing-4)!important
    }

    .u-padding-top--5\:desktop-xlarge {
        padding-top: var(--spacing-5)!important
    }

    .u-padding-top--6\:desktop-xlarge {
        padding-top: var(--spacing-6)!important
    }

    .u-padding-top--7\:desktop-xlarge {
        padding-top: var(--spacing-7)!important
    }

    .u-padding-top--8\:desktop-xlarge {
        padding-top: var(--spacing-8)!important
    }

    .u-padding-top--10\:desktop-xlarge {
        padding-top: var(--spacing-10)!important
    }

    .u-padding-top--12\:desktop-xlarge {
        padding-top: var(--spacing-12)!important
    }

    .u-padding-top--16\:desktop-xlarge {
        padding-top: var(--spacing-16)!important
    }

    .u-padding-top--20\:desktop-xlarge {
        padding-top: var(--spacing-20)!important
    }

    .u-padding-top--24\:desktop-xlarge {
        padding-top: var(--spacing-24)!important
    }

    .u-padding-top--28\:desktop-xlarge {
        padding-top: var(--spacing-28)!important
    }

    .u-padding-top--32\:desktop-xlarge {
        padding-top: var(--spacing-32)!important
    }

    .u-padding-top--auto\:desktop-xlarge {
        padding-top: auto!important
    }

    .u-padding-top--none\:desktop-xlarge {
        padding-top: 0!important
    }

    .u-padding-bottom--1\:desktop-xlarge {
        padding-bottom: var(--spacing-1)!important
    }

    .u-padding-bottom--2\:desktop-xlarge {
        padding-bottom: var(--spacing-2)!important
    }

    .u-padding-bottom--3\:desktop-xlarge {
        padding-bottom: var(--spacing-3)!important
    }

    .u-padding-bottom--4\:desktop-xlarge {
        padding-bottom: var(--spacing-4)!important
    }

    .u-padding-bottom--5\:desktop-xlarge {
        padding-bottom: var(--spacing-5)!important
    }

    .u-padding-bottom--6\:desktop-xlarge {
        padding-bottom: var(--spacing-6)!important
    }

    .u-padding-bottom--7\:desktop-xlarge {
        padding-bottom: var(--spacing-7)!important
    }

    .u-padding-bottom--8\:desktop-xlarge {
        padding-bottom: var(--spacing-8)!important
    }

    .u-padding-bottom--10\:desktop-xlarge {
        padding-bottom: var(--spacing-10)!important
    }

    .u-padding-bottom--12\:desktop-xlarge {
        padding-bottom: var(--spacing-12)!important
    }

    .u-padding-bottom--16\:desktop-xlarge {
        padding-bottom: var(--spacing-16)!important
    }

    .u-padding-bottom--20\:desktop-xlarge {
        padding-bottom: var(--spacing-20)!important
    }

    .u-padding-bottom--24\:desktop-xlarge {
        padding-bottom: var(--spacing-24)!important
    }

    .u-padding-bottom--28\:desktop-xlarge {
        padding-bottom: var(--spacing-28)!important
    }

    .u-padding-bottom--32\:desktop-xlarge {
        padding-bottom: var(--spacing-32)!important
    }

    .u-padding-bottom--auto\:desktop-xlarge {
        padding-bottom: auto!important
    }

    .u-padding-bottom--none\:desktop-xlarge {
        padding-bottom: 0!important
    }

    .u-padding-right--1\:desktop-xlarge {
        padding-right: var(--spacing-1)!important
    }

    .u-padding-right--2\:desktop-xlarge {
        padding-right: var(--spacing-2)!important
    }

    .u-padding-right--3\:desktop-xlarge {
        padding-right: var(--spacing-3)!important
    }

    .u-padding-right--4\:desktop-xlarge {
        padding-right: var(--spacing-4)!important
    }

    .u-padding-right--5\:desktop-xlarge {
        padding-right: var(--spacing-5)!important
    }

    .u-padding-right--6\:desktop-xlarge {
        padding-right: var(--spacing-6)!important
    }

    .u-padding-right--7\:desktop-xlarge {
        padding-right: var(--spacing-7)!important
    }

    .u-padding-right--8\:desktop-xlarge {
        padding-right: var(--spacing-8)!important
    }

    .u-padding-right--10\:desktop-xlarge {
        padding-right: var(--spacing-10)!important
    }

    .u-padding-right--12\:desktop-xlarge {
        padding-right: var(--spacing-12)!important
    }

    .u-padding-right--16\:desktop-xlarge {
        padding-right: var(--spacing-16)!important
    }

    .u-padding-right--20\:desktop-xlarge {
        padding-right: var(--spacing-20)!important
    }

    .u-padding-right--24\:desktop-xlarge {
        padding-right: var(--spacing-24)!important
    }

    .u-padding-right--28\:desktop-xlarge {
        padding-right: var(--spacing-28)!important
    }

    .u-padding-right--32\:desktop-xlarge {
        padding-right: var(--spacing-32)!important
    }

    .u-padding-right--auto\:desktop-xlarge {
        padding-right: auto!important
    }

    .u-padding-right--none\:desktop-xlarge {
        padding-right: 0!important
    }

    .u-padding-left--1\:desktop-xlarge {
        padding-left: var(--spacing-1)!important
    }

    .u-padding-left--2\:desktop-xlarge {
        padding-left: var(--spacing-2)!important
    }

    .u-padding-left--3\:desktop-xlarge {
        padding-left: var(--spacing-3)!important
    }

    .u-padding-left--4\:desktop-xlarge {
        padding-left: var(--spacing-4)!important
    }

    .u-padding-left--5\:desktop-xlarge {
        padding-left: var(--spacing-5)!important
    }

    .u-padding-left--6\:desktop-xlarge {
        padding-left: var(--spacing-6)!important
    }

    .u-padding-left--7\:desktop-xlarge {
        padding-left: var(--spacing-7)!important
    }

    .u-padding-left--8\:desktop-xlarge {
        padding-left: var(--spacing-8)!important
    }

    .u-padding-left--10\:desktop-xlarge {
        padding-left: var(--spacing-10)!important
    }

    .u-padding-left--12\:desktop-xlarge {
        padding-left: var(--spacing-12)!important
    }

    .u-padding-left--16\:desktop-xlarge {
        padding-left: var(--spacing-16)!important
    }

    .u-padding-left--20\:desktop-xlarge {
        padding-left: var(--spacing-20)!important
    }

    .u-padding-left--24\:desktop-xlarge {
        padding-left: var(--spacing-24)!important
    }

    .u-padding-left--28\:desktop-xlarge {
        padding-left: var(--spacing-28)!important
    }

    .u-padding-left--32\:desktop-xlarge {
        padding-left: var(--spacing-32)!important
    }

    .u-padding-left--auto\:desktop-xlarge {
        padding-left: auto!important
    }

    .u-padding-left--none\:desktop-xlarge {
        padding-left: 0!important
    }

    .u-padding-vertical--1\:desktop-xlarge {
        padding-bottom: var(--spacing-1)!important;
        padding-top: var(--spacing-1)!important
    }

    .u-padding-vertical--2\:desktop-xlarge {
        padding-bottom: var(--spacing-2)!important;
        padding-top: var(--spacing-2)!important
    }

    .u-padding-vertical--3\:desktop-xlarge {
        padding-bottom: var(--spacing-3)!important;
        padding-top: var(--spacing-3)!important
    }

    .u-padding-vertical--4\:desktop-xlarge {
        padding-bottom: var(--spacing-4)!important;
        padding-top: var(--spacing-4)!important
    }

    .u-padding-vertical--5\:desktop-xlarge {
        padding-bottom: var(--spacing-5)!important;
        padding-top: var(--spacing-5)!important
    }

    .u-padding-vertical--6\:desktop-xlarge {
        padding-bottom: var(--spacing-6)!important;
        padding-top: var(--spacing-6)!important
    }

    .u-padding-vertical--7\:desktop-xlarge {
        padding-bottom: var(--spacing-7)!important;
        padding-top: var(--spacing-7)!important
    }

    .u-padding-vertical--8\:desktop-xlarge {
        padding-bottom: var(--spacing-8)!important;
        padding-top: var(--spacing-8)!important
    }

    .u-padding-vertical--10\:desktop-xlarge {
        padding-bottom: var(--spacing-10)!important;
        padding-top: var(--spacing-10)!important
    }

    .u-padding-vertical--12\:desktop-xlarge {
        padding-bottom: var(--spacing-12)!important;
        padding-top: var(--spacing-12)!important
    }

    .u-padding-vertical--16\:desktop-xlarge {
        padding-bottom: var(--spacing-16)!important;
        padding-top: var(--spacing-16)!important
    }

    .u-padding-vertical--20\:desktop-xlarge {
        padding-bottom: var(--spacing-20)!important;
        padding-top: var(--spacing-20)!important
    }

    .u-padding-vertical--24\:desktop-xlarge {
        padding-bottom: var(--spacing-24)!important;
        padding-top: var(--spacing-24)!important
    }

    .u-padding-vertical--28\:desktop-xlarge {
        padding-bottom: var(--spacing-28)!important;
        padding-top: var(--spacing-28)!important
    }

    .u-padding-vertical--32\:desktop-xlarge {
        padding-bottom: var(--spacing-32)!important;
        padding-top: var(--spacing-32)!important
    }

    .u-padding-vertical--auto\:desktop-xlarge {
        padding-bottom: auto!important;
        padding-top: auto!important
    }

    .u-padding-vertical--none\:desktop-xlarge {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .u-padding-horizontal--1\:desktop-xlarge {
        padding-left: var(--spacing-1)!important;
        padding-right: var(--spacing-1)!important
    }

    .u-padding-horizontal--2\:desktop-xlarge {
        padding-left: var(--spacing-2)!important;
        padding-right: var(--spacing-2)!important
    }

    .u-padding-horizontal--3\:desktop-xlarge {
        padding-left: var(--spacing-3)!important;
        padding-right: var(--spacing-3)!important
    }

    .u-padding-horizontal--4\:desktop-xlarge {
        padding-left: var(--spacing-4)!important;
        padding-right: var(--spacing-4)!important
    }

    .u-padding-horizontal--5\:desktop-xlarge {
        padding-left: var(--spacing-5)!important;
        padding-right: var(--spacing-5)!important
    }

    .u-padding-horizontal--6\:desktop-xlarge {
        padding-left: var(--spacing-6)!important;
        padding-right: var(--spacing-6)!important
    }

    .u-padding-horizontal--7\:desktop-xlarge {
        padding-left: var(--spacing-7)!important;
        padding-right: var(--spacing-7)!important
    }

    .u-padding-horizontal--8\:desktop-xlarge {
        padding-left: var(--spacing-8)!important;
        padding-right: var(--spacing-8)!important
    }

    .u-padding-horizontal--10\:desktop-xlarge {
        padding-left: var(--spacing-10)!important;
        padding-right: var(--spacing-10)!important
    }

    .u-padding-horizontal--12\:desktop-xlarge {
        padding-left: var(--spacing-12)!important;
        padding-right: var(--spacing-12)!important
    }

    .u-padding-horizontal--16\:desktop-xlarge {
        padding-left: var(--spacing-16)!important;
        padding-right: var(--spacing-16)!important
    }

    .u-padding-horizontal--20\:desktop-xlarge {
        padding-left: var(--spacing-20)!important;
        padding-right: var(--spacing-20)!important
    }

    .u-padding-horizontal--24\:desktop-xlarge {
        padding-left: var(--spacing-24)!important;
        padding-right: var(--spacing-24)!important
    }

    .u-padding-horizontal--28\:desktop-xlarge {
        padding-left: var(--spacing-28)!important;
        padding-right: var(--spacing-28)!important
    }

    .u-padding-horizontal--32\:desktop-xlarge {
        padding-left: var(--spacing-32)!important;
        padding-right: var(--spacing-32)!important
    }

    .u-padding-horizontal--auto\:desktop-xlarge {
        padding-left: auto!important;
        padding-right: auto!important
    }

    .u-padding-horizontal--none\:desktop-xlarge {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .u-gap--1\:desktop-xlarge,.u-gap-horizontal--1\:desktop-xlarge,.u-gap-vertical--1\:desktop-xlarge {
        gap: var(--spacing-1)!important
    }

    .u-gap--2\:desktop-xlarge,.u-gap-horizontal--2\:desktop-xlarge,.u-gap-vertical--2\:desktop-xlarge {
        gap: var(--spacing-2)!important
    }

    .u-gap--3\:desktop-xlarge,.u-gap-horizontal--3\:desktop-xlarge,.u-gap-vertical--3\:desktop-xlarge {
        gap: var(--spacing-3)!important
    }

    .u-gap--4\:desktop-xlarge,.u-gap-horizontal--4\:desktop-xlarge,.u-gap-vertical--4\:desktop-xlarge {
        gap: var(--spacing-4)!important
    }

    .u-gap--5\:desktop-xlarge,.u-gap-horizontal--5\:desktop-xlarge,.u-gap-vertical--5\:desktop-xlarge {
        gap: var(--spacing-5)!important
    }

    .u-gap--6\:desktop-xlarge,.u-gap-horizontal--6\:desktop-xlarge,.u-gap-vertical--6\:desktop-xlarge {
        gap: var(--spacing-6)!important
    }

    .u-gap--7\:desktop-xlarge,.u-gap-horizontal--7\:desktop-xlarge,.u-gap-vertical--7\:desktop-xlarge {
        gap: var(--spacing-7)!important
    }

    .u-gap--8\:desktop-xlarge,.u-gap-horizontal--8\:desktop-xlarge,.u-gap-vertical--8\:desktop-xlarge {
        gap: var(--spacing-8)!important
    }

    .u-gap--10\:desktop-xlarge,.u-gap-horizontal--10\:desktop-xlarge,.u-gap-vertical--10\:desktop-xlarge {
        gap: var(--spacing-10)!important
    }

    .u-gap--12\:desktop-xlarge,.u-gap-horizontal--12\:desktop-xlarge,.u-gap-vertical--12\:desktop-xlarge {
        gap: var(--spacing-12)!important
    }

    .u-gap--16\:desktop-xlarge,.u-gap-horizontal--16\:desktop-xlarge,.u-gap-vertical--16\:desktop-xlarge {
        gap: var(--spacing-16)!important
    }

    .u-gap--20\:desktop-xlarge,.u-gap-horizontal--20\:desktop-xlarge,.u-gap-vertical--20\:desktop-xlarge {
        gap: var(--spacing-20)!important
    }

    .u-gap--24\:desktop-xlarge,.u-gap-horizontal--24\:desktop-xlarge,.u-gap-vertical--24\:desktop-xlarge {
        gap: var(--spacing-24)!important
    }

    .u-gap--28\:desktop-xlarge,.u-gap-horizontal--28\:desktop-xlarge,.u-gap-vertical--28\:desktop-xlarge {
        gap: var(--spacing-28)!important
    }

    .u-gap--32\:desktop-xlarge,.u-gap-horizontal--32\:desktop-xlarge,.u-gap-vertical--32\:desktop-xlarge {
        gap: var(--spacing-32)!important
    }

    .u-gap--none\:desktop-xlarge {
        gap: 0!important
    }
}

.u-ratio--1\/1 {
    aspect-ratio: 1
}

.u-ratio--5\/4 {
    aspect-ratio: 1.25
}

.u-ratio--4\/3 {
    aspect-ratio: 1.3333333333
}

.u-ratio--3\/2 {
    aspect-ratio: 1.5
}

.u-ratio--16\/9 {
    aspect-ratio: 1.7777777778
}

.u-ratio--21\/9 {
    aspect-ratio: 2.3333333333
}

.u-ratio--4\/5 {
    aspect-ratio: .8
}

.u-ratio--3\/4 {
    aspect-ratio: .75
}

.u-ratio--2\/3 {
    aspect-ratio: .6666666667
}

.u-ratio--9\/16 {
    aspect-ratio: .5625
}

.u-ratio--9\/21 {
    aspect-ratio: .4285714286
}