body {
    background-color: #fff
}
:root {
    --ui-color-sky: #ffecff;
}

#contentHead {
    display: none !important
}

.page-header__tool-bar:before {
    background: 0
}

.frame {
    background: transparent
}

#custom-header-campaign {
    background: var(--ui-color-sky);
    padding-top: var(--ui-spacing-xxlarge);
    padding-bottom: var(--ui-spacing-large)
}

#custom-header-campaign.page-header__tool-bar {
    height: var(--ui-header-height);
    justify-content: left
}

#custom-header-campaign > .logo {
    padding: 0
}

.youth-nav-background {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 104px;
    background: var(--ui-color-sky);
    z-index: -10;
    margin-left: -50vw;
    left: 50%
}

.youth-introduction-background {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    background: var(--ui-color-sky);
    padding-bottom: var(--ui-increment-400)
}

.youth-introduction-background::after {
    margin-top: var(--ui-increment-400);
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    aspect-ratio: 1440 /192;
    height: auto;
    background-image: url("../img/wave_upper.svg");
    background-position: top;
    background-size: cover;
    z-index: -10
}

ui-footer {
    margin-top: 0 !important
}

.youth-footer-background {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    background: var(--ui-color-sky);
    padding-bottom: var(--ui-increment-400)
}

.youth-footer-background::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    aspect-ratio: 1440 /192;
    height: auto;
    background-image: url("../img/wave_lower.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -10
}

#dreams-section {
    margin-top: 0 !important;
    padding-top: calc(100vw * 192 / 1440);
    padding-bottom: calc(100vw * 192 / 1440)
}

#dreams-section ui-column {
    cursor: pointer
}

#dreams-section ui-column ui-card {
    height: 100%
}

#next-step-chips {
    padding: 32px 0;
    justify-content: center
}

ui-columns.equal-height ui-card {
    height: 100%;
}

#next-step-money-card-1 ul {
    margin: 0
}

#next-step-money-card-1 li {
    margin: var(--ui-spacing-medium) 0 0
}

h1 + p {
    font: var(--ui-font-action-large) !important
}

h2 {
    text-align: center
}

h3, .percentage {
    font: var(--ui-font-headline-large)
}

.overline {
    font: var(--ui-font-label-large) !important
}

ui-card, ui-card h3 {
    color: #fff !important
}

ui-card ui-icon {
    margin: 16px 16px 0 !important;
    padding: 0
}

ui-card ui-link a {
    color: #fff !important
}

ui-card ui-link[layout='primary'] a::before {
    filter: brightness(0) invert(1) !important
}

.lilac-card {
    background: var(--ui-color-lilac) !important
}

.orange-card {
    background: var(--ui-color-orange) !important
}

.tulip-card {
    background: var(--ui-color-tulip) !important
}

.turquoise-card {
    background: var(--ui-color-turquoise) !important
}

.teal-card {
    background: var(--ui-color-teal) !important
}

.feature-list {
    margin-top: 0 !important
}

ui-video {
    position: relative !important
}

.regular-list.-white > li::before {
    background: #fff !important
}

.tulip {
    color: var(--ui-color-tulip)
}

@media screen and (max-width: 767px) {
    #dreams-section {
        padding-top: calc(100vw * 56 / 390);
        padding-bottom: calc(100vw * 56 / 390 + 10px)
    }

    .youth-introduction-background::after {
        aspect-ratio: 390 /56;
        height: auto;
        background-image: url("../img/wave_upper_mobile.svg");
        background-position: top;
        background-size: cover
    }

    .youth-footer-background::before {
        aspect-ratio: 390 /56;
        height: auto;
        background-image: url("../img/wave_lower_mobile.svg");
        background-position: bottom;
        background-size: cover
    }
}

@media screen and (min-width: 768px) {
    h1 {
        font-style: normal;
        font-variant-caps: normal;
        font-variant-ligatures: normal;
        font-variant-numeric: normal;
        font-variant-east-asian: normal;
        font-variant-alternates: normal;
        font-size-adjust: none;
        font-language-override: normal;
        font-kerning: auto;
        font-optical-sizing: auto;
        font-feature-settings: normal;
        font-variation-settings: normal;
        font-variant-position: normal;
        font-variant-emoji: normal;
        font-weight: 400;
        font-stretch: normal;
        font-size: 4rem;
        line-height: 4rem
    }

    ui-columns:has(ui-slides[mobile-only]) ui-column {
        padding: 0
    }

    #dreams-section ui-columns:has(ui-slides[mobile-only]) {
        display: grid;
        grid-template-columns:repeat(3, 1fr);
        gap: var(--ui-spacing-xlarge)
    }
}

@media screen and (min-width: 1280px) {
    #dreams-section {
        display: flex;
        justify-content: center
    }

    #dreams-columns {
        width: 80%
    }
}

ui-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    fill: currentcolor;
    flex-shrink: 0;
    vertical-align: middle;
    box-sizing: border-box;
}

ui-icon[redesign] {
    width: 24px;
    height: 24px;
}

ui-icon[color] {
    color: var(--ui-attribute-color);
}

ui-icon > img, ui-icon > svg {
    width: 100%;
    height: 100%;
}

* + ui-icon {
    margin-left: 4px;
}

.-iconed ui-icon, .-iconed ui-icon[bgcolor] {
    padding: 4px;
}

ui-icon[size="avatar"], ui-icon[size="avatar"][bgcolor] {
    width: var(--ui-32px);
    height: var(--ui-32px);
    padding: var(--ui-8px);
}

[redesign]:is(ui-icon[size="avatar"], ui-icon[size="avatar"][bgcolor]) {
    padding: var(--ui-6px);
}

ui-icon[size="large"] {
    width: 40px;
    height: 40px;
}

.-iconed:not(.button) ui-icon[size="large"], ui-icon[size="large"][bgcolor] {
    padding: 9px;
}

ui-icon[bgcolor] {
    border-radius: 50%;
    padding: 3px;
    background-color: var(--ui-attribute-bgcolor);
}

ui-icon[bgcolor]:not([color]) {
    color: rgb(255, 255, 255);
}

ui-icon[glyph="redesign-instagram"] {
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0nTTEyIDMuODAxNDNDMTQuNjcwMSAzLjgwMTQzIDE0Ljk4NjQgMy44MTE0MyAxNi4wNDA5IDMuODU5NTlDMTcuMDE2IDMuOTA0MDcgMTcuNTQ1NSA0LjA2NjggMTcuODk3OCA0LjIwMzg1QzE4LjM2NDggNC4zODUzOCAxOC42OTc4IDQuNjAxNzkgMTkuMDQ3NyA0Ljk1MTc0QzE5LjM5NzYgNS4zMDE2OCAxOS42MTQ1IDUuNjM0NzQgMTkuNzk1NiA2LjEwMTY0QzE5LjkzMjcgNi40NTM5OSAyMC4wOTU0IDYuOTgzNDYgMjAuMTM5OSA3Ljk1ODU2QzIwLjE4OCA5LjAxMzEgMjAuMTk4MSA5LjMyOTI4IDIwLjE5ODEgMTEuOTk5NUMyMC4xOTgxIDE0LjY2OTggMjAuMTg4MSAxNC45ODU5IDIwLjEzOTkgMTYuMDQwNEMyMC4wOTU0IDE3LjAxNTUgMTkuOTMyNyAxNy41NDUgMTkuNzk1NiAxNy44OTczQzE5LjYxNDEgMTguMzY0MyAxOS4zOTc3IDE4LjY5NzMgMTkuMDQ3NyAxOS4wNDcyQzE4LjY5NzggMTkuMzk3MSAxOC4zNjQ3IDE5LjYxNCAxNy44OTc4IDE5Ljc5NTFDMTcuNTQ1NSAxOS45MzIyIDE3LjAxNiAyMC4wOTQ5IDE2LjA0MDkgMjAuMTM5NEMxNC45ODY1IDIwLjE4NzUgMTQuNjcwMiAyMC4xOTc1IDEyIDIwLjE5NzVDOS4zMjk3MiAyMC4xOTc1IDkuMDEzNjIgMjAuMTg3NSA3Ljk1OTA4IDIwLjEzOTRDNi45ODM5OCAyMC4wOTQ5IDYuNDU0NTEgMTkuOTMyMiA2LjEwMjE3IDE5Ljc5NTFDNS42MzUxOCAxOS42MTM1IDUuMzAyMiAxOS4zOTcxIDQuOTUyMjYgMTkuMDQ3MkM0LjYwMjQgMTguNjk3MyA0LjM4NTUgMTguMzY0MiA0LjIwNDM3IDE3Ljg5NzNDNC4wNjcyNCAxNy41NDUgMy45MDQ1OSAxNy4wMTU1IDMuODYwMTEgMTYuMDQwNEMzLjgxMjAzIDE0Ljk4NTkgMy44MDE5NSAxNC42Njk3IDMuODAxOTUgMTEuOTk5NUMzLjgwMTk1IDkuMzI5MzYgMy44MTE5NSA5LjAxMzE4IDMuODYwMTEgNy45NTg1NkMzLjkwNDU5IDYuOTgzNDYgNC4wNjczMiA2LjQ1Mzk5IDQuMjA0MzcgNi4xMDE2NEM0LjM4NTkgNS42MzQ2NiA0LjYwMjMyIDUuMzAxNjggNC45NTIyNiA0Ljk1MTc0QzUuMzAyMiA0LjYwMTg3IDUuNjM1MjYgNC4zODQ5OCA2LjEwMjE3IDQuMjAzODVDNi40NTQ1MSA0LjA2NjggNi45ODM5OCAzLjkwNDA3IDcuOTU5MDggMy44NTk1OUM5LjAxMzU0IDMuODExOTEgOS4zMjk4IDMuODAxNDMgMTIgMy44MDE0M1pNMTIgMS45OTk4OEM5LjI4NDEyIDEuOTk5ODggOC45NDM0NiAyLjAxMTQ4IDcuODc2OTEgMi4wNTk5NkM2LjgxMjM3IDIuMTA4NDQgNi4wODU2OSAyLjI3NzY1IDUuNDQ5NjUgMi41MjQ4N0M0Ljc5MTkzIDIuNzgwNTYgNC4yMzQ0NSAzLjEyMjUxIDMuNjc4NSAzLjY3ODM4QzMuMTIyNjMgNC4yMzQzMyAyLjc4MDM3IDQuNzkxODEgMi41MjQ5OSA1LjQ0OTUyQzIuMjc3NyA2LjA4NTY0IDIuMTA4NTcgNi44MTI2NSAyLjA2MDA4IDcuODc2NzlDMi4wMTE2IDguOTQzNDEgMiA5LjI4NDA4IDIgMTEuOTk5OEMyIDE0LjcxNTYgMi4wMTE2IDE1LjA1NjMgMi4wNjAwOCAxNi4xMjI5QzIuMTA4NTcgMTcuMTg3NCAyLjI3Nzc4IDE3LjkxNDEgMi41MjQ5OSAxOC41NTAxQzIuNzgwNjkgMTkuMjA3OSAzLjEyMjYzIDE5Ljc2NTMgMy42Nzg1IDIwLjMyMTNDNC4yMzQ0NSAyMC44NzczIDQuNzkyMzMgMjEuMjE5MSA1LjQ0OTY1IDIxLjQ3NDhDNi4wODU3NiAyMS43MjIxIDYuODEyNzcgMjEuODkxMiA3Ljg3NjkxIDIxLjkzOTdDOC45NDM0NiAyMS45ODgyIDkuMjg0MTIgMjEuOTk5OCAxMiAyMS45OTk4QzE0LjcxNTggMjEuOTk5OCAxNS4wNTY1IDIxLjk4ODIgMTYuMTIzIDIxLjkzOTdDMTcuMTg3NiAyMS44OTEyIDE3LjkxNDIgMjEuNzIyIDE4LjU1MDMgMjEuNDc0OEMxOS4yMDggMjEuMjE5IDE5Ljc2NTUgMjAuODc3MiAyMC4zMjE0IDIwLjMyMTNDMjAuODc3NCAxOS43NjUzIDIxLjIxOTIgMTkuMjA3NSAyMS40NzQ5IDE4LjU1MDFDMjEuNzIyMiAxNy45MTQxIDIxLjg5MTQgMTcuMTg3IDIxLjkzOTggMTYuMTIyOUMyMS45ODgzIDE1LjA1NjMgMjEuOTk5OSAxNC43MTU3IDIxLjk5OTkgMTEuOTk5OEMyMS45OTk5IDkuMjg0IDIxLjk4ODMgOC45NDMzMyAyMS45Mzk4IDcuODc2NzlDMjEuODkxNCA2LjgxMjI1IDIxLjcyMjEgNi4wODU1NiAyMS40NzQ5IDUuNDQ5NTJDMjEuMjE5MiA0Ljc5MTgxIDIwLjg3NzMgNC4yMzQzMyAyMC4zMjE0IDMuNjc4MzhDMTkuNzY1NSAzLjEyMjUxIDE5LjIwNzYgMi43ODA1NiAxOC41NTAzIDIuNTI0ODdDMTcuOTE0MiAyLjI3NzU3IDE3LjE4NzIgMi4xMDg0NCAxNi4xMjMgMi4wNTk5NkMxNS4wNTY1IDIuMDExNDggMTQuNzE1OCAxLjk5OTg4IDEyIDEuOTk5ODhaTTEyIDYuODY0ODFDOS4xNjM4NyA2Ljg2NDgxIDYuODY0OTMgOS4xNjM3NSA2Ljg2NDkzIDExLjk5OThDNi44NjQ5MyAxNC44MzU5IDkuMTYzODcgMTcuMTM0OSAxMiAxNy4xMzQ5QzE0LjgzNjEgMTcuMTM0OSAxNy4xMzUxIDE0LjgzNTkgMTcuMTM1MSAxMS45OTk4QzE3LjEzNTEgOS4xNjM3NSAxNC44MzYxIDYuODY0ODEgMTIgNi44NjQ4MVpNMTIgMTUuMzMzNEMxMC4xNTkxIDE1LjMzMzQgOC42NjY0OCAxMy44NDEyIDguNjY2NDggMTEuOTk5OUM4LjY2NjQ4IDEwLjE1ODYgMTAuMTU5MSA4LjY2NjQ0IDEyIDguNjY2NDRDMTMuODQwOCA4LjY2NjQ0IDE1LjMzMzQgMTAuMTU4NiAxNS4zMzM0IDExLjk5OTlDMTUuMzMzNCAxMy44NDEyIDEzLjg0MDggMTUuMzMzNCAxMiAxNS4zMzM0Wk0xNy4zMzc5IDUuNDYyMDFDMTYuNjc1IDUuNDYyMDEgMTYuMTM3OSA1Ljk5OTA4IDE2LjEzNzkgNi42NjJDMTYuMTM3OSA3LjMyNDkyIDE2LjY3NSA3Ljg2MjA3IDE3LjMzNzkgNy44NjIwN0MxOC4wMDA4IDcuODYyMDcgMTguNTM4IDcuMzI0OTIgMTguNTM4IDYuNjYyQzE4LjUzOCA1Ljk5OTA4IDE4LjAwMDkgNS40NjIwMSAxNy4zMzc5IDUuNDYyMDFaJyBmaWxsPSd3aGl0ZScgLz48L3N2Zz4=");
    mask-size: cover;
}

ui-icon.-navicon {
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 50%;
    color: inherit;
}

ui-icon.-navicon[bgcolor] {
    color: inherit;
}

ui-icon[glyph="play"].-navicon {
    color: rgb(255, 255, 255);
}

ui-icon.-navicon svg {
    width: 18px;
    height: 18px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media print {
    ui-icon[bgcolor]:not([color]) {
        color: inherit;
    }

    ui-icon[bgcolor] {
        background-color: transparent;
        color: var(--ui-color-print);
    }

    ui-icon[bgcolor="orange"] {
        color: var(--ui-color-orange);
    }

    ui-icon[bgcolor="lilac"] {
        color: var(--ui-color-lilac);
    }

    ui-icon[bgcolor="turquoise"] {
        color: var(--ui-color-turquoise);
    }

    ui-icon[bgcolor="white"] {
        color: var(--ui-color-print);
    }
}

ui-anchor {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100vh;
    width: 0px;
}

ui-anchor button.button.-guiding {
    position: fixed;
    opacity: 1;
    visibility: visible;
    transition: opacity var(--ui-transition-time) var(--ui-transition-function);
    z-index: 1;
    padding: 0px;
    width: auto;
}

:is(ui-anchor button.button.-guiding) .ui-anchor__icon {
    background: transparent;
    width: var(--ui-40px);
    height: var(--ui-40px);
}

ui-anchor[placement="bottom-middle"] button {
    bottom: 2rem;
    right: 50%;
    transform: translateX(50%);
}

@media print {
    ui-anchor {
        display: none;
    }
}

[redesign]:is(.ui-annotation__close-button ui-icon) {
    width: var(--ui-24px);
    height: var(--ui-24px);
}

[redesign]:is(.ui-annotation__close-button ui-icon) svg {
    width: 100%;
    height: 100%;
}

ui-button {
    display: inline-block;
    max-width: 100%;
    border-radius: var(--ui-radius-xlarge);
}

ui-button .ui-button__button {
    cursor: pointer;
    color: #fff;
    transition: all var(--ui-transition-time) var(--ui-transition-function);
    transition-property: background-color, border-color, color;
    background-color: var(--ui-color-surface-primary-dark-medium);
    border-radius: var(--ui-radius-xlarge);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: var(--ui-increment-100);
    appearance: none;
    text-decoration: none;
    box-sizing: border-box;
    text-align: center;
    padding: var(--ui-13px) var(--ui-padding-xlarge) var(--ui-11px);
    font: var(--ui-font-action-large);
}

:is(ui-button .ui-button__button) ui-icon {
    width: var(--ui-24px);
    height: var(--ui-24px);
}

:is(ui-button .ui-button__button):focus-visible {
    border-radius: var(--ui-radius-xlarge);
    outline: var(--ui-focus-ring);
    outline-offset: var(--ui-focus-offset);
}

ui-button .ui-button__label {
    overflow-wrap: break-word;
}

ui-button[glyph]:not([icon-position]) .ui-button__button {
    padding-right: var(--ui-padding-large);
}

:is(ui-button.-navicon.-icon-only[glyph] .ui-button__button):hover:not(:disabled) {
    background-color: var(--ui-color-icon-activated);
}

:is(ui-button.-navicon.-icon-only[glyph] .ui-button__button) ui-icon {
    width: var(--ui-20px);
    height: var(--ui-20px);
    padding: var(--ui-2px);
}

ui-button .ui-button__button:hover:not(:disabled) {
    background: linear-gradient(0deg, var(--ui-color-surface-mod-hover-on-dark) 0%, var(--ui-color-surface-mod-hover-on-dark) 100%), var(--ui-color-icon-primary-on-light-medium);
    text-decoration: none;
    border: none;
}

ui-button .ui-button__button:disabled {
    opacity: 0.4;
    cursor: default;
}

ui-button[layout="secondary"] .ui-button__button {
    color: var(--ui-color-text-interactive);
    background-color: var(--ui-color-surface-light);
    box-shadow: inset 0 0 0 var(--ui-2px) var(--ui-color-stroke-interactive);
}

:is(ui-button[layout="secondary"] .ui-button__button):active, :is(ui-button[layout="secondary"] .ui-button__button):focus {
    background-color: var(--ui-color-surface-light);
}

ui-button[layout="secondary"] .ui-button__button:hover:not(:disabled) {
    background: linear-gradient(0deg, var(--ui-color-surface-mod-hover-on-light, rgba(81, 43, 43, 0.06)) 0%, var(--ui-color-surface-mod-hover-on-light, rgba(81, 43, 43, 0.06)) 100%), var(--ui-color-surface-light, #fff);
}

ui-button ui-icon[color]:not(.-icon-only) {
    color: inherit;
}

ui-button[glyph]:not(.-icon-only) .ui-button__button ui-icon {
    margin-left: 0px;
}

ui-button[glyph] .ui-button__button ui-icon {
    padding: var(--ui-2px);
}

ui-button[glyph*="redesign"] .ui-button__button ui-icon {
    width: var(--ui-increment-300);
    height: var(--ui-increment-300);
    padding: 0px;
}

ui-button[glyph] .ui-button__button:not([disabled]):hover ui-icon {
    cursor: pointer;
    border-radius: 50%;
}

ui-button .ui-button__live-region {
    opacity: 1e-05;
    position: absolute;
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    ui-button {
        max-width: none;
        width: 100%;
    }

    ui-button .ui-button__button {
        width: 100%;
        margin-left: 0px;
    }
}

[redesign]:is(ui-badge ui-icon) {
    width: var(--ui-20px);
    height: var(--ui-20px);
}

[color="orange"]:is(ui-badge[layout="pin"][content-type="count"], ui-badge[layout="pin"][content-type="icon"], ui-badge.ui-badge__fixed-width[layout="pin"]), [color="lilac"]:is(ui-badge[layout="pin"][content-type="count"], ui-badge[layout="pin"][content-type="icon"], ui-badge.ui-badge__fixed-width[layout="pin"]) {
    color: var(--ui-color-text-primary-on-dark);
    --ui-attribute-color: var(--ui-color-surface-tertiary-dark-high);
}

[redesign]:is(ui-badge[layout="pin"] ui-icon) {
    width: var(--ui-14px);
    height: var(--ui-14px);
}

@keyframes loading-start {
    100% {
        background-position: 10% center;
    }
}

@keyframes loading-finish {
    0% {
        background-position: 10% center;
    }
    99% {
        background-position: 0% center;
        position: sticky;
    }
    100% {
        background-position: 0% center;
        position: relative;
    }
}

:is(ui-breadcrumbs .breadcrumbs):empty {
    display: none;
}

:is(ui-breadcrumbs .breadcrumbs) ui-icon {
    width: var(--ui-16px);
    height: var(--ui-16px);
    margin: 0px;
}

:is(ui-breadcrumbs .breadcrumb) a {
    font: var(--ui-font-body-medium-regular);
    text-decoration: underline;
    color: var(--ui-color-bark);
}

ui-buttonbar {
    margin-top: var(--ui-spacing-xxlarge);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

:is(ui-buttonbar[layout="fluid"], ui-buttonbar[alignment="vertical"]) .ui-buttonbar__left, :is(ui-buttonbar[layout="fluid"], ui-buttonbar[alignment="vertical"]) .ui-buttonbar__right {
    display: flex;
    flex-direction: column-reverse;
    margin: 0px;
    align-items: stretch;
    reading-flow: flex-visual;
}

:is(ui-buttonbar[layout="fluid"], ui-buttonbar[alignment="vertical"]) .ui-buttonbar__right:empty + .ui-buttonbar__left > :first-child, :is(ui-buttonbar[layout="fluid"], ui-buttonbar[alignment="vertical"]) .ui-buttonbar__right > :last-child {
    margin-top: 0px;
}

:is(ui-buttonbar[layout="fluid"], ui-buttonbar[alignment="vertical"]) ui-button button {
    width: 100%;
}

:is(ui-buttonbar[layout="fluid"], ui-buttonbar[alignment="vertical"]) ui-link a {
    margin-right: auto;
}

ui-buttonbar .-iconed {
    align-self: center;
}

ui-buttonbar ui-buttonbar {
    margin: 0px;
}

ui-buttonbar .ui-buttonbar__center, ui-buttonbar .ui-buttonbar__left, ui-buttonbar .ui-buttonbar__right {
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: var(--ui-spacing-medium);
    max-width: 100%;
}

ui-buttonbar .ui-buttonbar__left {
    margin-right: auto;
    justify-content: flex-start;
}

ui-buttonbar .ui-buttonbar__right {
    margin-left: auto;
    justify-content: flex-end;
}

ui-buttonbar .ui-buttonbar__center {
    justify-content: center;
}

@media screen and (max-width: 767px) {
    ui-buttonbar {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: stretch;
        reading-flow: flex-visual;
    }

    ui-buttonbar.-left-empty .ui-buttonbar__right ui-button:only-child, ui-buttonbar.-right-empty .ui-buttonbar__left ui-button:only-child {
        margin-top: 0px;
    }

    ui-buttonbar[alignment] .ui-buttonbar__left, ui-buttonbar[alignment] .ui-buttonbar__right, ui-buttonbar[alignment] .ui-buttonbar__center {
        flex-direction: column;
    }

    :is(ui-buttonbar[alignment][alignment="left"], ui-buttonbar[alignment][alignment="split"], ui-buttonbar[alignment][alignment="vertical"]) .ui-buttonbar__left ui-button:last-child {
        margin-top: 0px;
    }

    ui-buttonbar[alignment] ui-link a {
        margin-right: auto;
    }

    ui-buttonbar .ui-buttonbar__left, ui-buttonbar .ui-buttonbar__right {
        margin: 0px;
        display: flex;
        flex-direction: column-reverse;
        align-items: normal;
        reading-flow: flex-visual;
    }

    ui-buttonbar .ui-buttonbar__left > :not(.-next, .-prev, .-navicon):last-child {
        margin-top: var(--ui-spacing-medium);
    }

    ui-buttonbar .-iconed {
        align-self: flex-start;
    }

    ui-buttonbar ui-buttonbar {
        flex-direction: row;
    }
}

@media screen and (min-width: 767px) {
    ui-buttonbar[alignment] .ui-buttonbar__left, ui-buttonbar[alignment] .ui-buttonbar__right, ui-buttonbar[alignment] .ui-buttonbar__center {
        flex-direction: row-reverse;
    }

    ui-buttonbar[alignment]:not([alignment="vertical"]) ui-link a {
        align-self: center;
    }
}

* + ui-buttonbar {
    margin-top: var(--ui-spacing-xxlarge);
}

@media print {
    ui-buttonbar {
        break-inside: avoid;
    }
}

ui-card:not([column-card]) {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: var(--ui-spacing-xlarge);
}

ui-card:not([column-card]) figure {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

:is(ui-card:not([column-card]) figure) picture {
    width: 100%;
}

:is(ui-card:not([column-card]) figure) img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: var(--ui-radius-large);
}

ui-card:not([column-card]) article {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
}

:is(ui-card:not([column-card]) article) h3 {
    color: var(--ui-color-redesign-orange-text);
}

:is(ui-card:not([column-card]) article) > .disclaimer {
    margin-top: var(--ui-increment-50);
    font: var(--ui-font-body-small-regular);
}

:is(ui-card:not([column-card]) article) > ul:not(:first-child) {
    margin-top: var(--ui-spacing-large);
}

:is(ui-card:not([column-card]) article) > a:not(:first-child), :is(ui-card:not([column-card]) article) > ui-link:not(:first-child) > a, :is(ui-card:not([column-card]) article) > ui-buttonbar:not(:first-child) {
    margin-top: var(--ui-spacing-xlarge);
}

:is(ui-card:not([column-card]) article) > :not(:first-child) {
    margin-top: var(--ui-spacing-small);
}

@media screen and (max-width: 767px) {
    ui-card:not([column-card]) {
        padding: var(--ui-padding-xlarge) 0;
        border-bottom: 1px solid var(--ui-color-grey);
    }

    ui-columns ui-column ui-card:not([column-card]) {
        padding-top: 0px;
    }
}

:not(ui-column) > ui-card:not([column-card]):first-child, ui-columns ui-column:first-child ui-card:not([column-card]) {
    padding-top: 0px;
}

:not(ui-column) > ui-card:not([column-card]):last-child, ui-columns ui-column:last-child ui-card:not([column-card]) {
    border-bottom: none;
    padding-bottom: 0px;
}

@media screen and (min-width: 1024px) {
    :not(ui-column) > ui-card:not([column-card]):first-child:only-child, ui-column:first-child:only-child ui-card:not([column-card]), ui-column:first-child:nth-last-child(2) ui-card:not([column-card]), ui-column:nth-child(2):nth-last-child(1) ui-card:not([column-card]) {
        flex-direction: row;
    }

    :is(:not(ui-column) > ui-card:not([column-card]):first-child:only-child, ui-column:first-child:only-child ui-card:not([column-card]), ui-column:first-child:nth-last-child(2) ui-card:not([column-card]), ui-column:nth-child(2):nth-last-child(1) ui-card:not([column-card])) figure {
        max-width: calc(39.2157%);
    }

    :is(:is(:not(ui-column) > ui-card:not([column-card]):first-child:only-child, ui-column:first-child:only-child ui-card:not([column-card]), ui-column:first-child:nth-last-child(2) ui-card:not([column-card]), ui-column:nth-child(2):nth-last-child(1) ui-card:not([column-card])) figure) img {
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

    :is(:not(ui-column) > ui-card:not([column-card]):first-child:only-child, ui-column:first-child:only-child ui-card:not([column-card]), ui-column:first-child:nth-last-child(2) ui-card:not([column-card]), ui-column:nth-child(2):nth-last-child(1) ui-card:not([column-card])) article {
        width: 100%;
        flex: unset;
    }
}

@media screen and (max-width: 1023.98px) and (min-width: 768px) {
    :not(ui-column) > ui-card:not([column-card]):first-child:only-child, ui-column:first-child:only-child ui-card:not([column-card]) {
        flex-direction: row;
    }

    :is(:not(ui-column) > ui-card:not([column-card]):first-child:only-child, ui-column:first-child:only-child ui-card:not([column-card])) figure {
        max-width: calc(39.2157%);
    }

    :is(:is(:not(ui-column) > ui-card:not([column-card]):first-child:only-child, ui-column:first-child:only-child ui-card:not([column-card])) figure) img {
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

    :is(:not(ui-column) > ui-card:not([column-card]):first-child:only-child, ui-column:first-child:only-child ui-card:not([column-card])) article {
        width: 100%;
        flex: unset;
    }
}

ui-card[column-card] {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: var(--ui-spacing-xlarge);
    border-radius: var(--ui-radius-large);
    box-sizing: border-box;
    background: var(--ui-color-surface-default-light);
    width: 100%;
    min-width: 100%;
    overflow: hidden;
}

ui-card[column-card] > article {
    display: flex;
    flex-direction: column;
    justify-content: center;
    shape-outside: circle(50%);
    padding: var(--ui-spacing-xlarge);
    padding-top: 0px;
}

:is(ui-card[column-card] > article):is(:only-child) {
    padding: var(--ui-spacing-xlarge);
}

:is(ui-card[column-card] > article) .overline {
    font: var(--ui-font-label-medium);
    margin-bottom: var(--ui-padding-xsmall);
}

:is(ui-card[column-card] > article) h2, :is(ui-card[column-card] > article) h3, :is(ui-card[column-card] > article) h4 {
    margin-top: unset;
}

:is(ui-card[column-card] > article) p {
    margin-top: var(--ui-spacing-large);
}

:is(ui-card[column-card] > article) h3 + p, :is(ui-card[column-card] > article) h4 + p {
    margin-top: var(--ui-spacing-small);
}

:is(ui-card[column-card] > article) ul {
    margin-top: var(--ui-spacing-large);
}

:is(ui-card[column-card] > article) ui-link > a {
    margin-top: var(--ui-spacing-xlarge);
}

:is(:is(ui-card[column-card] > article) ui-buttonbar) a, :is(:is(ui-card[column-card] > article) ui-buttonbar) ui-link {
    margin-top: 0px;
}

ui-card[column-card] > figure {
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    padding-bottom: 0px;
}

:is(ui-card[column-card] > figure) img {
    all: unset;
    display: block;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

:is(ui-card[column-card] > figure) ui-icon[size="avatar"] {
    width: var(--ui-48px);
    height: var(--ui-48px);
    padding: var(--ui-12px);
}

ui-card[column-card][image-nocrop] figure {
    align-items: start;
    padding: var(--ui-spacing-xlarge);
    padding-bottom: 0;
}

:is(ui-card[column-card][spotlight] figure, ui-card[column-card][image-nocrop] figure) img {
    width: auto;
    border-radius: var(--ui-radius-medium);
    max-width: 100%;
}

ui-card[column-card][layout="bottom"] > article {
    padding: var(--ui-spacing-xlarge);
    padding-bottom: 0;
}

ui-card[column-card][layout="bottom"][image-nocrop] > figure {
    padding: var(--ui-spacing-xlarge);
    padding-top: 0;
}

:is(ui-card[column-card][align-content="center"] article) .overline, :is(ui-card[column-card][align-content="center"] article) p, :is(ui-card[column-card][align-content="center"] article) h2, :is(ui-card[column-card][align-content="center"] article) h3, :is(ui-card[column-card][align-content="center"] article) h4, :is(ui-card[column-card][align-content="center"] article) a {
    text-align: center;
}

:is(ui-card[column-card]:not([align-content]), ui-card[column-card][align-content="left"]) figure {
    justify-content: flex-start;
}

:is(ui-card[column-card][disable-surface][image-nocrop], ui-card[column-card][disable-surface][spotlight], ui-card[column-card][disable-surface]) > article {
    padding: 0px;
}

:is(ui-card[column-card][disable-surface][image-nocrop], ui-card[column-card][disable-surface][spotlight], ui-card[column-card][disable-surface]) > figure {
    padding: 0px;
}

:is(:is(ui-card[column-card][disable-surface][image-nocrop], ui-card[column-card][disable-surface][spotlight], ui-card[column-card][disable-surface]) > figure) img {
    border-radius: var(--ui-radius-medium);
}

:is(ui-caption[position="right"]:not([layout]), ui-caption[position="right"][layout="chip"]) ui-icon {
    margin-left: var(--ui-spacing-small);
    margin-right: 0px;
}

ui-chip {
    position: relative;
    cursor: pointer;
    min-height: var(--ui-increment-400);
}

@supports (-webkit-tap-highlight-color:transparent) {
    ui-chip {
        -webkit-tap-highlight-color: transparent;
    }
}

ui-chip label.ui-chip__label {
    display: inline-flex;
    max-width: var(--ui-250px);
    justify-content: center;
    align-items: center;
    margin: 0px;
    padding: 0 var(--ui-spacing-large);
    font: var(--ui-font-body-medium-semibold);
    background: var(--ui-color-surface-primary-light-medium);
    border-radius: var(--ui-radius-large);
    color: var(--ui-color-text-primary-on-light);
    height: var(--ui-increment-400);
}

:is(ui-chip label.ui-chip__label) .ui-chip__label-selected-count {
    width: var(--ui-20px);
    height: var(--ui-20px);
    background-color: var(--ui-color-surface-dark);
    color: var(--ui-color-text-primary-on-dark);
    font: var(--ui-font-label-small);
    letter-spacing: var(--ui-label-letter-spacing);
    border-radius: 50%;
    display: none;
    text-align: center;
}

ui-chip label.ui-chip__label::before {
    content: "";
    position: absolute;
    border-radius: var(--ui-radius-large);
    background: transparent;
    border: none;
    height: 100%;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0px;
}

ui-chip .ui-chip__label-wrapper {
    display: flex;
    gap: var(--ui-10px);
    align-items: center;
    white-space: nowrap;
}

:is(ui-chip .ui-chip__label-wrapper) > ui-icon {
    position: relative;
    top: calc(var(--ui-1px) * -1);
    width: var(--ui-increment-150);
}

ui-chip .ui-chip__control {
    position: absolute;
    overflow: hidden;
    clip-path: circle(0px);
    height: var(--ui-1px);
    width: var(--ui-1px);
    margin: calc(var(--ui-1px) * -1);
    padding: 0px;
    border: 0px;
}

:is(ui-chip .ui-chip__control):focus-visible + label::before {
    outline: var(--ui-focus-ring);
    outline-offset: var(--ui-focus-offset);
}

ui-chip .ui-chip__control + label::after {
    margin-top: calc(var(--ui-spacing-xsmall) * -1);
}

:is(ui-chip.-multiselected .ui-chip__label-wrapper) ui-icon {
    display: none;
}

:is(ui-chip.-multiselected .ui-chip__label-wrapper) .ui-chip__label-selected-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

ui-chip[glyph] .ui-chip__control:enabled:checked + label::after {
    content: none;
}

ui-chip[glyph] .ui-chip__control:enabled:checked + label {
    padding-left: var(--ui-spacing-large);
}

ui-chip[glyph] .ui-chip__control:disabled + label::after {
    content: none;
}

ui-chip[glyph] input[type="radio"]:checked + label.ui-chip__label {
    padding-left: var(--ui-spacing-large);
}

:is(ui-chip.-icon-only[glyph] label.ui-chip__label) .ui-chip__label-wrapper > ui-icon {
    top: 0px;
}

:is(ui-chip[inverted] label.ui-chip__label, ui-chip[inverted] .ui-chip__control:disabled + label):hover {
    background: var(--ui-color-surface-mod-hover-on-light);
}

ui-chip .ui-chip__control:checked + label {
    background: var(--ui-color-surface-primary-light-high);
    padding-left: var(--ui-spacing-xxlarge);
}

ui-chip .ui-chip__control:enabled:checked + label::before {
    background: transparent;
    border: none;
}

ui-chip .ui-chip__control:checked + label::after, ui-chip .ui-chip__control:not(.toggle):enabled:checked + label::after {
    border: solid var(--ui-color-bark);
    border-width: 0 var(--ui-increment-25) var(--ui-increment-25) 0;
    height: var(--ui-10px);
    width: var(--ui-6px);
    left: var(--ui-15px);
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
    border-radius: 0;
    background-color: transparent;
}

ui-chip .ui-chip__control:enabled + label {
    cursor: pointer;
}

ui-chip .ui-chip__control:enabled + label:hover::before {
    background: rgba(var(--ui-color-bark-rgb), 0.04);
    border: none;
}

ui-chip input[type="radio"]:enabled:checked + label:hover::after {
    background: transparent;
    border-width: 0 var(--ui-increment-25) var(--ui-increment-25) 0;
}

ui-chip .ui-chip__control:disabled + label {
    background: var(--ui-color-surface-primary-light-medium);
    opacity: 0.4;
}

ui-chip .ui-chip__control:disabled + label::before {
    background: transparent;
    border: transparent;
}

ui-chip input[type="radio"]:disabled + label::after {
    background: none;
    border: none;
}

ui-chip input[type="radio"]:disabled:checked + label::after {
    border-color: var(--ui-color-bark);
    border-width: 0 var(--ui-increment-25) var(--ui-increment-25) 0;
    border-radius: 0px;
}

ui-chip input[type="radio"] + label.ui-chip__label {
    margin: 0px;
    padding-left: var(--ui-padding-large);
    display: inline-flex;
}

ui-chip input[type="radio"]:checked + label.ui-chip__label {
    padding-left: var(--ui-increment-400);
}

ui-chip input[type="radio"]:checked:disabled + label.ui-chip__label {
    background: var(--ui-color-surface-primary-light-high);
}

ui-chip input[type="radio"] + label.ui-chip__label::before {
    height: 100%;
    width: 100%;
}

ui-chip input[type="radio"] + label.ui-chip__label::after {
    color: transparent;
}

ui-chip input[type="radio"] + label.ui-chip__label::before {
    color: transparent;
}

ui-chip input[type="radio"]:enabled + label.ui-chip__label:hover::after {
    color: transparent;
}

:is(.ui-chip__popover .ui-chip__popover-header)::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    border-bottom: var(--ui-color-grey) var(--ui-1px) solid;
    transform: translateY(var(--ui-25px));
}

ui-chips {
    display: flex;
    padding: 10px 0px;
    gap: 10px;
    flex-wrap: wrap;
    align-items: flex-start;
}

ui-column {
    display: block;
    flex: 1 1 0%;
    min-width: 0px;
    padding: 0 var(--ui-spacing-medium);
    box-sizing: border-box;
    overflow-wrap: break-word;
}

ui-column > img {
    max-width: 100%;
    max-height: 100%;
}

@media screen and (max-width: 1023px) {
    ui-column {
        flex: 1 1 0%;
    }

    ui-column:is([span="1"], [span="2"], [span="3"], [span="4"]) {
        flex: 1 1 0%;
    }
}

@media screen and (max-width: 767px) {
    ui-column {
        flex: 1 1 auto;
        padding: var(--ui-spacing-xlarge) 0 0;
    }

    ui-column:first-child {
        padding-top: 0px;
    }

    ui-column:is([span="1"], [span="2"], [span="3"], [span="4"]) {
        flex: 1 1 auto;
    }
}

ui-columns {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-flow: row;
    margin-top: var(--ui-spacing-xlarge);
}

ui-columns > * {
    flex: 1 1 0%;
    min-width: 0px;
}

ui-columns[wrap] {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: var(--ui-spacing-xlarge);
}

ui-columns[wrap] ui-column {
    padding: 0px;
}

ui-columns[wrap]:has(> ui-column:nth-child(5)) > * {
    flex: 1 1 18%;
    min-width: 18%;
    max-width: 20%;
}

:is(ui-columns:not([wrap]) ui-column):first-child {
    padding-left: 0px;
}

:is(ui-columns:not([wrap]) ui-column):last-child {
    padding-right: 0px;
}

ui-columns:first-child {
    margin-top: 0px;
}

:is(ui-columns[bordered] > ui-column):not(:last-child) {
    border-right: var(--ui-border);
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    ui-columns[wrap]:has(> ui-column:nth-child(3)) > * {
        flex: 1 1 30%;
        min-width: 30%;
        max-width: 33%;
    }
}

@media screen and (max-width: 767px) {
    ui-columns[wrap] {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    ui-columns[wrap] ui-column {
        padding: 0px;
    }

    ui-columns[wrap]:has(> ui-column:nth-child(5)) > *, ui-columns[wrap] > * {
        flex: 1 1 auto;
        max-width: 100%;
    }

    ui-columns:not([inrow]) {
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
    }

    :is(ui-columns[bordered] > ui-column):first-child {
        padding-top: 0px;
    }

    :is(ui-columns[bordered] > ui-column):not(:last-child) {
        border-right: none;
    }
}

ui-curtain {
    display: block;
    position: relative;
}

ui-curtain[open] > details > summary .ui-curtain__head-chevron {
    transform: rotate(180deg);
    transform-origin: center center;
}

ui-curtain:not([open]) > details[open] > .ui-curtain__body {
    height: 0px;
    visibility: hidden;
}

ui-curtain:not([layout="spoiler"]) > details {
    border-top: var(--ui-1px) solid var(--ui-color-stroke-on-light);
}

ui-curtain:not([layout="spoiler"]):last-of-type > details {
    border-bottom: var(--ui-1px) solid var(--ui-color-stroke-on-light);
}

:is(ui-curtain[completed]:not([layout="spoiler"]), ui-curtain[index]:not([layout="spoiler"]))::before {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--ui-spacing-xxlarge);
    height: var(--ui-spacing-xxlarge);
    box-sizing: border-box;
    top: 15px;
    left: calc(-1 * (var(--ui-spacing-xxlarge) + var(--ui-spacing-large)));
    border-radius: var(--ui-radius-full);
    border: var(--ui-spacing-xsmall) solid var(--ui-color-stroke-interactive);
}

:is(ui-curtain[completed]:not([layout="spoiler"]), ui-curtain[index]:not([layout="spoiler"])):not(:last-child)::after {
    content: "";
    position: absolute;
    width: var(--ui-spacing-xsmall);
    top: calc(15px + var(--ui-spacing-xxlarge));
    left: calc(-1 * (var(--ui-spacing-large) + (var(--ui-spacing-xxlarge) + var(--ui-spacing-xsmall)) / 2));
    bottom: -15px;
    background-color: var(--ui-color-surface-secondary-dark-high);
}

:is(ui-curtain[limited]:not([layout="spoiler"]) > details > summary):hover {
    cursor: default;
}

:is(ui-curtain[limited]:not([layout="spoiler"]) > details > summary):hover .ui-curtain__head-title {
    text-decoration: none;
}

:is(ui-curtain[limited]:not([layout="spoiler"]) > details > summary) .ui-curtain__head-chevron {
    display: none;
}

:is(ui-curtain > details) > summary {
    display: flex;
    align-items: flex-start;
    gap: var(--ui-spacing-large);
    list-style: none;
}

:is(:is(ui-curtain > details) > summary):hover {
    cursor: pointer;
}

:is(:is(ui-curtain > details) > summary):hover .ui-curtain__head-title {
    text-decoration: underline;
}

:is(:is(ui-curtain > details) > summary)::marker {
    content: none;
}

:is(:is(ui-curtain > details) > summary)::-webkit-details-marker {
    display: none;
}

:is(:is(ui-curtain > details) > summary) > ui-icon {
    margin-left: 0px;
    margin-top: calc(var(--ui-padding-large) + var(--ui-increment-25));
}

:is(:is(:is(ui-curtain > details) > summary) > ui-icon):first-child:not([glyph^="redesign"]) {
    width: 20px;
    height: 20px;
    margin: calc(var(--ui-padding-large) + var(--ui-padding-xsmall)) var(--ui-increment-25) var(--ui-increment-25);
}

:is(:is(ui-curtain > details) > summary) .ui-curtain__head-chevron {
    transition: transform var(--ui-transition-time) var(--ui-transition-function);
}

:is(:is(ui-curtain > details) > summary) .ui-curtain__head-content {
    display: flex;
    align-items: center;
    gap: var(--ui-spacing-large);
    padding: var(--ui-padding-large) 0;
    flex-grow: 1;
}

:is(:is(:is(ui-curtain > details) > summary) .ui-curtain__head-content) .ui-curtain__head-title {
    align-self: flex-start;
    font: var(--ui-font-title-medium);
    flex-grow: 1;
}

:is(:is(:is(:is(ui-curtain > details) > summary) .ui-curtain__head-content) .ui-curtain__head-actions) > * {
    margin: 0px;
}

:is(ui-curtain > details) > .ui-curtain__body > .ui-curtain__body-content {
    padding: var(--ui-padding-small) 0 var(--ui-padding-xlarge);
}

:is(ui-curtain[layout="spoiler"][limited], ui-curtain[layout="spoiler"][disabled]) > details > summary {
    cursor: default;
    opacity: 0.4;
}

:is(:is(ui-curtain[layout="spoiler"][limited], ui-curtain[layout="spoiler"][disabled]) > details > summary):hover .ui-curtain__head-title {
    text-decoration: none;
}

:is(ui-curtain[layout="spoiler"]:not([limited]):not([disabled]) > details > summary:hover .ui-curtain__head-content) .ui-curtain__head-title {
    text-decoration: none;
}

:is(ui-curtain[layout="spoiler"] > details > summary):focus, :is(ui-curtain[layout="spoiler"] > details > summary):focus-visible {
    outline: none;
}

:is(:is(ui-curtain[layout="spoiler"] > details > summary):focus, :is(ui-curtain[layout="spoiler"] > details > summary):focus-visible) .ui-curtain__head-content {
    outline: var(--ui-focus-ring);
    outline-offset: var(--ui-2px);
}

:is(ui-curtain[layout="spoiler"] > details > summary)::before, :is(ui-curtain[layout="spoiler"] > details > summary)::after {
    content: "";
    flex: 1 0 var(--ui-increment-600);
    margin: auto 0px;
    height: 0px;
    border-top: 1px solid var(--ui-color-stroke-on-light);
}

:is(ui-curtain[layout="spoiler"] > details > summary) .ui-curtain__head-content {
    background-color: var(--ui-color-surface-light);
    gap: var(--ui-spacing-small);
    flex-grow: 0;
    max-width: var(--ui-480px);
    border-radius: var(--ui-radius-xlarge);
    border: 1px solid var(--ui-color-stroke-on-light);
    padding: var(--ui-padding-medium) var(--ui-padding-xlarge) var(--ui-padding-medium) var(--ui-padding-large);
    box-sizing: border-box;
}

:is(:is(ui-curtain[layout="spoiler"] > details > summary) .ui-curtain__head-content) .ui-curtain__head-title {
    font: var(--ui-font-label-large);
    letter-spacing: var(--ui-label-letter-spacing);
}

ui-curtain ui-curtain:not([layout="spoiler"]) {
    margin-left: var(--ui-spacing-xlarge);
}

@media screen and (max-width: 767px) {
    ui-curtain:not([layout="spoiler"]) > details > summary .ui-curtain__head-content {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (min-width: 768px) {
    ui-curtain[mobile] > details > summary {
        display: none;
    }

    ui-curtain[mobile]:not([layout="spoiler"]) {
        margin-left: 0px;
    }

    ui-curtain[mobile]:not([layout="spoiler"])::before, ui-curtain[mobile]:not([layout="spoiler"])::after {
        content: none;
    }
}

@media print {
    ui-curtain[open] > .ui-curtain__body {
        overflow: visible;
    }
}

ui-curtains {
    display: block;
    margin: var(--ui-spacing-xlarge) 0 0;
}

ui-curtains:first-child {
    margin-top: 0px;
}

ui-curtains > ui-curtain:first-child, ui-curtains > ui-columns ui-curtain:first-child {
    margin-top: 0px;
}

@media screen and (max-width: 767px) {
    ui-curtains > ui-columns ui-column {
        padding: 0px;
    }

    ui-curtains ui-column + ui-column ui-curtain:first-child details {
        border-top: 0px;
    }
}

@keyframes balloon-show-in {
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

ui-divider {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: var(--ui-padding-medium) var(--ui-padding-large);
}

ui-divider::after {
    content: "";
    display: block;
    height: 1px;
    background: var(--ui-color-stroke-on-light);
}

ui-footer {
    display: grid;
    position: relative;
    justify-content: stretch;
    background-color: var(--ui-color-surface-light);
    width: 100%;
    box-sizing: border-box;
    padding: var(--ui-increment-900) calc(50% - min(1260px, 100%) / 2 + var(--ui-increment-300));
    padding-bottom: var(--ui-increment-1100);
    margin: var(--ui-increment-400) auto 0;
}

@media screen and (max-width: 767px) {
    .page-footer, ui-footer {
        padding: var(--ui-increment-600) var(--ui-padding-large) var(--ui-increment-900);
        padding-bottom: var(--ui-increment-1100);
        margin-top: var(--ui-spacing-xlarge);
    }

    :is(.page-footer, ui-footer) .page-footer__wrapper {
        margin: 0px;
    }

    :is(:is(.page-footer, ui-footer) ui-curtain:not([layout="spoiler"]) > details) > summary .ui-curtain__head-title {
        font: var(--ui-font-headline-small);
    }

    :is(:is(.page-footer, ui-footer) ui-curtain:not([layout="spoiler"]) > details) > .ui-curtain__body .ui-curtain__body-content {
        padding-bottom: var(--ui-padding-large);
    }

    :is(.page-footer, ui-footer) .footer-section, :is(.page-footer, ui-footer) ui-column {
        padding: 0px;
        margin: 0px;
        border-bottom: 1px solid var(--ui-color-stroke-on-light);
    }

    :is(:is(.page-footer, ui-footer) .footer-section, :is(.page-footer, ui-footer) ui-column):not(:has(ui-curtain)) {
        margin-top: var(--ui-spacing-large);
        padding-bottom: var(--ui-padding-large);
    }

    :is(:is(.page-footer, ui-footer) .footer-section, :is(.page-footer, ui-footer) ui-column):first-of-type {
        padding-bottom: var(--ui-padding-large);
        border-bottom: 1px solid var(--ui-color-stroke-on-light);
        margin: 0px;
    }

    :is(:is(.page-footer, ui-footer) .footer-section, :is(.page-footer, ui-footer) ui-column) ui-curtain {
        padding: 0 var(--ui-spacing-xsmall);
    }

    :is(:is(.page-footer, ui-footer) .footer-section, :is(.page-footer, ui-footer) ui-column):last-of-type {
        border-bottom: none;
    }

    :is(.page-footer, ui-footer) .ui-curtain__body-content > h3:first-child {
        display: none;
    }

    :is(.page-footer, ui-footer) ul, :is(.page-footer, ui-footer) ol {
        margin: 0px;
    }

    :is(.page-footer, ui-footer) ui-divider {
        padding-top: 0px;
        padding-bottom: var(--ui-padding-xlarge);
    }

    :is(:is(.page-footer, ui-footer) .ui-footer__top-wrapper) .ui-footer__top-left-wrapper {
        grid-area: 1 / 1 / 1 / 1;
    }

    :is(:is(.page-footer, ui-footer) .ui-footer__top-wrapper) .ui-footer__top-right-wrapper {
        grid-area: 2 / 1 / 2 / 2;
    }

    :is(.page-footer, ui-footer) .page-footer__bottom > .page-footer__wrapper, :is(.page-footer, ui-footer) .ui-footer__bottom-wrapper {
        justify-items: flex-start;
        row-gap: var(--ui-spacing-xlarge);
        padding: 0px;
    }

    :is(:is(.page-footer, ui-footer) .page-footer__bottom > .page-footer__wrapper, :is(.page-footer, ui-footer) .ui-footer__bottom-wrapper) .ui-footer__bottom-right-wrapper {
        grid-area: 1 / 1 / 1 / 1;
    }

    :is(:is(.page-footer, ui-footer) .page-footer__bottom > .page-footer__wrapper, :is(.page-footer, ui-footer) .ui-footer__bottom-wrapper) .ui-footer__bottom-left-wrapper {
        grid-area: 2 / 1 / 2 / 2;
    }

    :is(:is(.page-footer, ui-footer) .page-footer__bottom > .page-footer__wrapper, :is(.page-footer, ui-footer) .ui-footer__bottom-wrapper) li:first-child {
        margin-left: 0px;
    }
}

:is(.page-footer, ui-footer) p a {
    font: inherit;
    text-decoration: var(--ui-link-hover-text-decoration);
    color: var(--ui-link-color);
}

[type="text"]:is(.page-footer, ui-footer) {
    padding: var(--ui-padding-xlarge) var(--ui-padding-xlarge) var(--ui-increment-1100);
}

[type="text"]:is(.page-footer, ui-footer) p {
    margin: 0px;
}

[type="text"]:is(.page-footer, ui-footer) a {
    font: var(--ui-link-font);
    color: var(--ui-link-color);
    text-decoration: var(--ui-link-text-decoration);
}

:is([type="text"]:is(.page-footer, ui-footer) a):hover {
    text-decoration: var(--ui-link-hover-text-decoration);
}

:is([type="box"]:is(.page-footer, ui-footer) a):hover {
    text-decoration: var(--ui-link-hover-text-decoration);
}

[with-bar]:is(.page-footer, ui-footer) {
    border-top: 8px solid var(--ui-color-orange);
}

:is(.page-footer, ui-footer) .ui-footer__grid-wrapper {
    display: grid;
    width: 100%;
    box-sizing: border-box;
}

:is(.page-footer, ui-footer) .ui-footer__top-wrapper {
    display: grid;
    gap: var(--ui-spacing-xlarge);
    font: var(--ui-font-body-large-regular);
    color: var(--ui-color-text-primary-on-light);
    justify-items: stretch;
}

:is(:is(.page-footer, ui-footer) .ui-footer__top-wrapper) .ui-footer__top-left-wrapper {
    display: grid;
    grid-area: 1 / 1 / 1 / 2;
}

:is(.page-footer, ui-footer) .ui-footer__bottom-wrapper {
    display: grid;
    justify-items: stretch;
    column-gap: var(--ui-spacing-xlarge);
    font: var(--ui-font-body-medium-regular);
    color: var(--ui-color-text-secondary-on-light);
    grid-template-columns: minmax(0px, 1fr);
    text-align: left;
}

:is(:is(.page-footer, ui-footer) .ui-footer__bottom-wrapper) .ui-footer__bottom-left-wrapper {
    display: grid;
    grid-area: 2 / 1 / 2 / 2;
}

:is(:is(.page-footer, ui-footer) .ui-footer__bottom-wrapper) .ui-footer__bottom-right-wrapper {
    display: grid;
    grid-area: 2 / 2 / 2 / 2;
}

:is(:is(.page-footer, ui-footer) .ui-footer__bottom-wrapper) p {
    padding: 0px;
}

:is(:is(.page-footer, ui-footer) .ui-footer__bottom-wrapper) a {
    font: var(--ui-link-font);
    color: var(--ui-link-color);
    text-decoration: var(--ui-link-text-decoration);
}

:is(:is(:is(.page-footer, ui-footer) .ui-footer__bottom-wrapper) a):hover {
    text-decoration: var(--ui-link-hover-text-decoration);
}

:is(.page-footer, ui-footer) ui-columns {
    row-gap: 0px;
    column-gap: var(--ui-padding-xlarge);
    flex-wrap: nowrap;
}

:is(:is(.page-footer, ui-footer) ui-columns) ui-column {
    padding: 0px;
}

:is(:is(:is(.page-footer, ui-footer) ui-columns) ui-column) h4, :is(:is(:is(.page-footer, ui-footer) ui-columns) ui-column) h3 {
    font: var(--ui-font-headline-small);
    color: var(--ui-color-text-primary-on-light);
}

:is(:is(:is(.page-footer, ui-footer) ui-columns) ui-column) .disclaimer {
    margin-top: var(--ui-spacing-large);
}

:is(:is(.page-footer, ui-footer) .footer-section, :is(.page-footer, ui-footer) ui-column) .plain-list > li, :is(:is(.page-footer, ui-footer) .footer-section, :is(.page-footer, ui-footer) ui-column) ul li {
    margin: var(--ui-spacing-medium) 0 0;
}

@media screen and (min-width: 768px) {
    :is(:is(:is(.page-footer, ui-footer) .footer-section, :is(.page-footer, ui-footer) ui-column) .plain-list > li, :is(:is(.page-footer, ui-footer) .footer-section, :is(.page-footer, ui-footer) ui-column) ul li, :is(:is(.page-footer, ui-footer) .footer-section, :is(.page-footer, ui-footer) ui-column) ol li):first-of-type {
        margin: var(--ui-spacing-large) 0 0;
    }
}

:is(:is(.page-footer, ui-footer) .footer-section, :is(.page-footer, ui-footer) ui-column) a {
    text-decoration: none;
}

:is(.page-footer, ui-footer) .plain-list > li, :is(.page-footer, ui-footer) ul li {
    margin: var(--ui-spacing-medium) 0 0;
}

:is(.page-footer, ui-footer) a {
    color: var(--ui-color-text-primary-on-light);
    text-decoration: none;
    font: var(--ui-font-body-large-regular);
}

:is(:is(.page-footer, ui-footer) a):hover {
    text-decoration: var(--ui-link-hover-text-decoration);
}

:is(.page-footer, ui-footer) ui-divider {
    padding: var(--ui-increment-600) 0;
    width: 100%;
}

@media screen and (max-width: 767px) {
    :is(.page-footer,ui-footer) ui-divider {
        padding-top: 0;
        padding-bottom: var(--ui-padding-xlarge);
    }
}

:is(.page-footer, ui-footer) .disclaimer {
    font: var(--ui-font-body-medium-regular);
    color: var(--ui-color-text-secondary-on-light);
    margin: 0px;
    text-align: left;
}

:is(:is(.page-footer, ui-footer) .disclaimer) a {
    font: inherit;
    color: var(--ui-link-color);
    text-decoration: var(--ui-link-hover-text-decoration);
}

:is(:is(.page-footer, ui-footer) .disclaimer) p {
    margin: 0px;
}

:is(.page-footer, ui-footer) .social-media {
    display: flex;
    flex-direction: row;
    margin: 0px;
    gap: var(--ui-spacing-xlarge);
}

:is(:is(.page-footer, ui-footer) .social-media) a ui-icon {
    margin: 0px;
}

:is(:is(.page-footer, ui-footer) .social-media) li {
    margin: 0px;
}

:is(.page-footer, ui-footer) ui-column:empty, :is(.page-footer, ui-footer) .footer-section:empty {
    display: none;
}

:is(:is(.page-footer, ui-footer) ui-curtain:not([layout="spoiler"])) > details {
    border: none;
}

:is(:is(:is(.page-footer, ui-footer) ui-curtain:not([layout="spoiler"])) ui-column, :is(:is(.page-footer, ui-footer) ui-curtain:not([layout="spoiler"])) .footer-section) a {
    color: var(--ui-color-bark);
}

@media screen and (max-width: 767px) {
    ui-footer {
        padding: var(--ui-increment-600) var(--ui-padding-large) var(--ui-increment-900);
        padding-bottom: var(--ui-increment-1100);
        margin-top: var(--ui-spacing-xlarge);
    }
}

ui-link {
    display: contents;
}

ui-link a, ui-link button {
    font: var(--ui-link-font);
    color: var(--ui-link-color);
    text-decoration: var(--ui-link-text-decoration);
    text-align: left;
}

:is(ui-link a, ui-link button):hover {
    text-decoration: var(--ui-link-hover-text-decoration);
}

:is(ui-link a, ui-link button):disabled {
    opacity: 0.4;
    cursor: default;
    text-decoration: none;
    pointer-events: none;
}

ui-link:not([layout]) a {
    font: inherit;
    color: var(--ui-link-color);
    text-decoration: var(--ui-link-hover-text-decoration);
}

ui-link[layout="primary"] a, ui-link[layout="primary"] button {
    display: inline-block;
}

:is(ui-link[layout="primary"] a, ui-link[layout="primary"] button)::before {
    content: var(--ui-link-primary-icon-svg);
    display: inline-block;
    vertical-align: middle;
    width: var(--ui-24px);
    height: var(--ui-24px);
}

:is(ui-link[layout="primary"] a, ui-link[layout="primary"] button) ui-icon {
    margin-right: 0px;
}

:is(ui-link[layout="icon"] a) ui-icon {
    gap: var(--ui-spacing-small);
    color: inherit;
    background-color: transparent;
    width: var(--ui-24px);
    height: var(--ui-24px);
}

:is(:is(ui-link[layout="icon"] a) ui-icon) svg {
    fill: var(--ui-attribute-color);
}

:is(ui-link[layout="anchor"] a, ui-link[layout="anchor"] button) ui-icon {
    margin: 0px;
}

:is(ui-link[layout="anchor"] a, ui-link[layout="anchor"] button):hover:not([disabled]) {
    background: linear-gradient(0deg, var(--ui-color-surface-mod-hover-on-light) 0%, var(--ui-color-surface-mod-hover-on-light) 100%), var(--ui-color-surface-secondary-light-low);
    text-decoration: none;
}

ui-link[color] a, ui-link[color] button {
    color: var(--ui-attribute-color);
}

ui-link[color][layout="primary"] a, ui-link[color][layout="primary"] button {
    color: var(--ui-link-color);
}

::backdrop, :root {
    --ui-navtoggle-popover-width: 550px;
}

ui-offer[layout="introduction"] {
    width: 100%;
    min-width: 100%;
}

@supports (container-type:inline-size) {
    ui-offer[layout="introduction"] {
        container: offer / inline-size;
    }
}

ui-offer[layout="introduction"] {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    align-items: stretch;
    overflow: hidden;
    min-height: var(--ui-400px);
    margin-top: var(--ui-spacing-xxlarge);
}

ui-offer[layout="introduction"]:first-child {
    margin-top: 0px;
}

ui-offer[layout="introduction"] article {
    grid-area: 1 / 1 / 2 / 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: var(--ui-radius-large) 0 0 var(--ui-radius-large);
    shape-outside: circle(50%);
    order: 1;
    padding: var(--ui-padding-xxlarge) var(--ui-padding-xlarge) var(--ui-padding-xxlarge) var(--ui-padding-xxlarge);
}

:is(ui-offer[layout="introduction"] article) :is(p:not(.disclaimer, .disclaimer-lt), ol, ul) {
    font: var(--ui-font-body-large-regular);
    margin: var(--ui-spacing-medium) 0 0;
}

:is(:is(ui-offer[layout="introduction"] article) :is(p:not(.disclaimer, .disclaimer-lt), ol, ul)) + :is(p:not(.disclaimer, .disclaimer-lt), ol, ul) {
    margin: var(--ui-spacing-large) 0 0;
}

:is(ui-offer[layout="introduction"] article) li:first-of-type {
    margin: 0px;
}

:is(ui-offer[layout="introduction"] article) .overline {
    font: var(--ui-font-label-medium);
}

:is(ui-offer[layout="introduction"] article) h2 {
    font: var(--ui-font-display-medium);
    margin: unset;
}

ui-offer[layout="introduction"] figure {
    grid-area: 1 / 2 / 2 / 3;
    display: flex;
    justify-content: center;
    border-radius: 0 var(--ui-radius-large) var(--ui-radius-large) 0;
    overflow: hidden;
    order: 2;
    position: relative;
    padding: 0 0 0 var(--ui-padding-xlarge);
}

:is(ui-offer[layout="introduction"] figure):has(ui-shape) {
    overflow: initial;
}

:is(ui-offer[layout="introduction"] figure) img {
    display: block;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    aspect-ratio: 4 / 3;
}

@container offer (min-width: 768px) and (max-width: 1260px) {
    :is(ui-offer[layout="introduction"] figure) img {
        object-position: center center;
    }
}

:is(:is(ui-offer[layout="introduction"] figure) .ui-offer__slogan) span {
    background: var(--ui-color-redesign-orange);
    box-shadow: var(--slogan-padding-x) 0 0 var(--ui-color-redesign-orange), calc(var(--slogan-padding-x) * -1) 0 0 var(--ui-color-redesign-orange);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

ui-offer[layout="introduction"] article, ui-offer[layout="introduction"] figure {
    background: var(--ui-color-surface-default-light);
}

ui-offer[layout="introduction"][image-nocrop] figure, ui-offer[layout="introduction"] figure:has(ui-shape) {
    align-items: flex-start;
    padding: var(--ui-padding-xxlarge) var(--ui-padding-xxlarge) var(--ui-padding-xxlarge) var(--ui-padding-xlarge);
}

:is(ui-offer[layout="introduction"][image-nocrop] figure, ui-offer[layout="introduction"] figure:has(ui-shape)) img {
    height: auto;
    aspect-ratio: unset;
    border-radius: var(--ui-radius-medium);
}

ui-offer[layout="introduction"] ui-buttonbar {
    margin: var(--ui-spacing-xxlarge) 0 0;
}

:is(ui-offer[layout="introduction"] ui-buttonbar):has(a, ui-link):not(:has(button, ui-button)) {
    margin: var(--ui-spacing-xlarge) 0 0;
}

ui-offer[layout="introduction"] .disclaimer {
    grid-column: 1 / -1;
    order: 3;
    margin-top: var(--ui-spacing-xlarge);
}

ui-offer[layout="introduction"] ui-video {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

:is(ui-offer[layout="introduction"] ui-video) picture, :is(ui-offer[layout="introduction"] ui-video) img {
    height: 100%;
}

@supports (reading-order:auto) {
    ui-offer[layout="introduction"] .disclaimer, ui-offer[layout="introduction"] article, ui-offer[layout="introduction"] figure {
    }
}

@media screen and (max-width: 1023px) {
    ui-offer[layout="introduction"] {
        grid-template-columns: minmax(0px, 1fr);
        margin-top: var(--ui-spacing-xlarge);
    }

    ui-offer[layout="introduction"] article {
        order: 2;
        grid-area: 2 / 1 / 3 / 2;
        border-radius: 0 0 var(--ui-radius-large) var(--ui-radius-large);
        padding: var(--ui-padding-large) var(--ui-spacing-xxlarge) var(--ui-spacing-xxlarge) var(--ui-spacing-xxlarge);
    }

    :is(ui-offer[layout="introduction"] article) h2 {
        font: var(--ui-font-display-small);
    }

    ui-offer[layout="introduction"] figure {
        order: 1;
        grid-area: 1 / 1 / 2 / 2;
        border-radius: var(--ui-radius-large) var(--ui-radius-large) 0 0;
        padding: 0 0 var(--ui-padding-large) 0;
    }

    ui-offer[layout="introduction"][image-nocrop] figure, ui-offer[layout="introduction"] figure:has(ui-shape) {
        padding: var(--ui-spacing-xxlarge) var(--ui-spacing-xxlarge) var(--ui-padding-large) var(--ui-spacing-xxlarge);
    }

    ui-offer[layout="introduction"] ui-buttonbar .ui-buttonbar__left :not(.-next, .-prev):last-child {
        margin: 0px;
    }
}

@media screen and (max-width: 767px) {
    ui-offer[layout="introduction"] article {
        padding: var(--ui-padding-medium) var(--ui-spacing-xlarge) var(--ui-spacing-xlarge) var(--ui-spacing-xlarge);
    }

    :is(ui-offer[layout="introduction"] article) h2 {
        font: var(--ui-font-headline-large);
    }

    ui-offer[layout="introduction"] figure {
        padding: 0 0 var(--ui-padding-medium) 0;
    }

    :is(ui-offer[layout="introduction"] figure) img {
        border-radius: 0px;
        min-height: auto;
    }

    :is(ui-offer[layout="introduction"][image-nocrop] figure) img {
        border-radius: var(--ui-radius-medium);
    }

    ui-offer[layout="introduction"][image-nocrop] figure, ui-offer[layout="introduction"] figure:has(ui-shape) {
        padding: var(--ui-spacing-xlarge) var(--ui-spacing-xlarge) var(--ui-padding-medium) var(--ui-spacing-xlarge);
    }
}

@media screen and (min-width: 768px) {
    ui-offer[layout="introduction"] ui-buttonbar {
        display: grid;
    }
}

@keyframes shape-animated {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

ui-slides {
    --ui-slides-content-offset: 0;
    max-width: min(100%, 100vw);
}

@supports (max-width:100dvw) {
    ui-slides {
        max-width: min(100%, 100dvw);
    }
}

ui-slides ui-offer[layout="introduction"] {
    margin-top: 0px;
}

.ui-slides__container {
    max-width: 100%;
}

.ui-slides__content-wrapper {
    padding: 0 calc(var(--ui-grid-base-point) * 2.5);
    overflow: hidden;
}

.ui-slides__content {
    display: flex;
    column-gap: calc(var(--ui-grid-base-point) * 1.25);
    transform: translateX(var(--ui-slides-content-offset));
    transition: transform var(--ui-transition-time) var(--ui-transition-function);
}

@media screen and (max-width: 767px) {
    ui-slides ui-column {
        width: 100%;
        min-width: 100%;
    }

    ui-slides ui-column {
        padding: 0px;
    }

    :is(ui-slides ui-column) ui-card:not([column-card]) {
        border-bottom: none;
    }

    ui-slides ui-offer[layout="introduction"] {
        grid-template-columns: 1fr;
    }
}

@media screen and (min-width: 768px) {
    ui-slides[mobile-only] {
        display: contents;
    }

    ui-slides[mobile-only] .ui-slides__container, ui-slides[mobile-only] .ui-slides__content-wrapper, ui-slides[mobile-only] .ui-slides__content {
        display: contents;
    }

    ui-slides[mobile-only] ui-offer:not(:first-of-type) {
        margin-top: calc(var(--ui-grid-base-point) * 3);
    }

    ui-slides[mobile-only] ui-slides-pagination {
        display: none;
    }

    ui-slides:not([mobile-only]) {
        grid-column: 1 / -1;
    }

    ui-slides:not([mobile-only]) .ui-slides__content > * {
        width: 100%;
        min-width: 100%;
    }

    ui-slides:not([mobile-only]) ui-column {
        padding: 0px;
    }
}

@media (prefers-reduced-motion) {
    ui-slides {
        --ui-transition-time: none;
    }
}

ui-slides-pagination {
    --visible-thumbnail-items: 0;
    --thumbnail-items-offset: 0;
}

.ui-slides-pagination__container {
    padding: calc(var(--ui-grid-base-point) * 1.875) 0 calc(var(--ui-grid-base-point) * 1.25);
}

.ui-slides-pagination__dot-buttons {
    display: flex;
    justify-content: center;
}

.ui-slides-pagination__dot-button {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--ui-24px);
    height: var(--ui-24px);
    cursor: pointer;
}

.ui-slides-pagination__dot-button.-active .ui-slides-pagination__dot {
    background-color: var(--ui-color-teal);
}

.ui-slides-pagination__dot {
    box-sizing: border-box;
    width: var(--ui-10px);
    height: var(--ui-10px);
    border: var(--ui-2px) solid var(--ui-color-teal);
    border-radius: 50%;
    pointer-events: none;
}

@media (prefers-reduced-motion) {
    ui-slides-pagination {
        --ui-transition-time: none;
    }
}

ui-video {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 100px;
    width: 100%;
}

ui-video img, ui-video picture {
    display: block;
    width: 100%;
    object-fit: contain;
}

ui-video[type="embed"] {
    display: flex;
    align-items: center;
}

ui-video[type='embed'] .ui-video__wrapper {
    position: static;
}

.ui-video__wrapper {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    max-width: 100%;
}

.ui-video__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-video__icon-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-video__icon-container ui-icon[glyph="play"] {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}

.ui-video__icon-container ui-icon[glyph="play"] svg {
    width: 24px;
    height: 24px;
}

.ui-video__icon-container:hover > ui-icon[glyph="play"] svg {
    fill: rgb(255, 255, 255);
}

ui-video button.-iconed {
    margin: 0px;
    width: 100%;
}

img.-living-oak-mask-bottom {
    transform: translateZ(0);
    mask-position: 0 calc(100% + 1px) !important;
    -webkit-mask-position: 0 calc(100% + 1px) !important;
}

@media print {
    ui-video ui-icon {
        display: none;
    }
}

@media (max-width: 768px) {
    .d-sm-none {
        display: none;
    }
}

ui-icon[glyph='redesign-instagram'] {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0nTTEyIDMuODAxNDNDMTQuNjcwMSAzLjgwMTQzIDE0Ljk4NjQgMy44MTE0MyAxNi4wNDA5IDMuODU5NTlDMTcuMDE2IDMuOTA0MDcgMTcuNTQ1NSA0LjA2NjggMTcuODk3OCA0LjIwMzg1QzE4LjM2NDggNC4zODUzOCAxOC42OTc4IDQuNjAxNzkgMTkuMDQ3NyA0Ljk1MTc0QzE5LjM5NzYgNS4zMDE2OCAxOS42MTQ1IDUuNjM0NzQgMTkuNzk1NiA2LjEwMTY0QzE5LjkzMjcgNi40NTM5OSAyMC4wOTU0IDYuOTgzNDYgMjAuMTM5OSA3Ljk1ODU2QzIwLjE4OCA5LjAxMzEgMjAuMTk4MSA5LjMyOTI4IDIwLjE5ODEgMTEuOTk5NUMyMC4xOTgxIDE0LjY2OTggMjAuMTg4MSAxNC45ODU5IDIwLjEzOTkgMTYuMDQwNEMyMC4wOTU0IDE3LjAxNTUgMTkuOTMyNyAxNy41NDUgMTkuNzk1NiAxNy44OTczQzE5LjYxNDEgMTguMzY0MyAxOS4zOTc3IDE4LjY5NzMgMTkuMDQ3NyAxOS4wNDcyQzE4LjY5NzggMTkuMzk3MSAxOC4zNjQ3IDE5LjYxNCAxNy44OTc4IDE5Ljc5NTFDMTcuNTQ1NSAxOS45MzIyIDE3LjAxNiAyMC4wOTQ5IDE2LjA0MDkgMjAuMTM5NEMxNC45ODY1IDIwLjE4NzUgMTQuNjcwMiAyMC4xOTc1IDEyIDIwLjE5NzVDOS4zMjk3MiAyMC4xOTc1IDkuMDEzNjIgMjAuMTg3NSA3Ljk1OTA4IDIwLjEzOTRDNi45ODM5OCAyMC4wOTQ5IDYuNDU0NTEgMTkuOTMyMiA2LjEwMjE3IDE5Ljc5NTFDNS42MzUxOCAxOS42MTM1IDUuMzAyMiAxOS4zOTcxIDQuOTUyMjYgMTkuMDQ3MkM0LjYwMjQgMTguNjk3MyA0LjM4NTUgMTguMzY0MiA0LjIwNDM3IDE3Ljg5NzNDNC4wNjcyNCAxNy41NDUgMy45MDQ1OSAxNy4wMTU1IDMuODYwMTEgMTYuMDQwNEMzLjgxMjAzIDE0Ljk4NTkgMy44MDE5NSAxNC42Njk3IDMuODAxOTUgMTEuOTk5NUMzLjgwMTk1IDkuMzI5MzYgMy44MTE5NSA5LjAxMzE4IDMuODYwMTEgNy45NTg1NkMzLjkwNDU5IDYuOTgzNDYgNC4wNjczMiA2LjQ1Mzk5IDQuMjA0MzcgNi4xMDE2NEM0LjM4NTkgNS42MzQ2NiA0LjYwMjMyIDUuMzAxNjggNC45NTIyNiA0Ljk1MTc0QzUuMzAyMiA0LjYwMTg3IDUuNjM1MjYgNC4zODQ5OCA2LjEwMjE3IDQuMjAzODVDNi40NTQ1MSA0LjA2NjggNi45ODM5OCAzLjkwNDA3IDcuOTU5MDggMy44NTk1OUM5LjAxMzU0IDMuODExOTEgOS4zMjk4IDMuODAxNDMgMTIgMy44MDE0M1pNMTIgMS45OTk4OEM5LjI4NDEyIDEuOTk5ODggOC45NDM0NiAyLjAxMTQ4IDcuODc2OTEgMi4wNTk5NkM2LjgxMjM3IDIuMTA4NDQgNi4wODU2OSAyLjI3NzY1IDUuNDQ5NjUgMi41MjQ4N0M0Ljc5MTkzIDIuNzgwNTYgNC4yMzQ0NSAzLjEyMjUxIDMuNjc4NSAzLjY3ODM4QzMuMTIyNjMgNC4yMzQzMyAyLjc4MDM3IDQuNzkxODEgMi41MjQ5OSA1LjQ0OTUyQzIuMjc3NyA2LjA4NTY0IDIuMTA4NTcgNi44MTI2NSAyLjA2MDA4IDcuODc2NzlDMi4wMTE2IDguOTQzNDEgMiA5LjI4NDA4IDIgMTEuOTk5OEMyIDE0LjcxNTYgMi4wMTE2IDE1LjA1NjMgMi4wNjAwOCAxNi4xMjI5QzIuMTA4NTcgMTcuMTg3NCAyLjI3Nzc4IDE3LjkxNDEgMi41MjQ5OSAxOC41NTAxQzIuNzgwNjkgMTkuMjA3OSAzLjEyMjYzIDE5Ljc2NTMgMy42Nzg1IDIwLjMyMTNDNC4yMzQ0NSAyMC44NzczIDQuNzkyMzMgMjEuMjE5MSA1LjQ0OTY1IDIxLjQ3NDhDNi4wODU3NiAyMS43MjIxIDYuODEyNzcgMjEuODkxMiA3Ljg3NjkxIDIxLjkzOTdDOC45NDM0NiAyMS45ODgyIDkuMjg0MTIgMjEuOTk5OCAxMiAyMS45OTk4QzE0LjcxNTggMjEuOTk5OCAxNS4wNTY1IDIxLjk4ODIgMTYuMTIzIDIxLjkzOTdDMTcuMTg3NiAyMS44OTEyIDE3LjkxNDIgMjEuNzIyIDE4LjU1MDMgMjEuNDc0OEMxOS4yMDggMjEuMjE5IDE5Ljc2NTUgMjAuODc3MiAyMC4zMjE0IDIwLjMyMTNDMjAuODc3NCAxOS43NjUzIDIxLjIxOTIgMTkuMjA3NSAyMS40NzQ5IDE4LjU1MDFDMjEuNzIyMiAxNy45MTQxIDIxLjg5MTQgMTcuMTg3IDIxLjkzOTggMTYuMTIyOUMyMS45ODgzIDE1LjA1NjMgMjEuOTk5OSAxNC43MTU3IDIxLjk5OTkgMTEuOTk5OEMyMS45OTk5IDkuMjg0IDIxLjk4ODMgOC45NDMzMyAyMS45Mzk4IDcuODc2NzlDMjEuODkxNCA2LjgxMjI1IDIxLjcyMjEgNi4wODU1NiAyMS40NzQ5IDUuNDQ5NTJDMjEuMjE5MiA0Ljc5MTgxIDIwLjg3NzMgNC4yMzQzMyAyMC4zMjE0IDMuNjc4MzhDMTkuNzY1NSAzLjEyMjUxIDE5LjIwNzYgMi43ODA1NiAxOC41NTAzIDIuNTI0ODdDMTcuOTE0MiAyLjI3NzU3IDE3LjE4NzIgMi4xMDg0NCAxNi4xMjMgMi4wNTk5NkMxNS4wNTY1IDIuMDExNDggMTQuNzE1OCAxLjk5OTg4IDEyIDEuOTk5ODhaTTEyIDYuODY0ODFDOS4xNjM4NyA2Ljg2NDgxIDYuODY0OTMgOS4xNjM3NSA2Ljg2NDkzIDExLjk5OThDNi44NjQ5MyAxNC44MzU5IDkuMTYzODcgMTcuMTM0OSAxMiAxNy4xMzQ5QzE0LjgzNjEgMTcuMTM0OSAxNy4xMzUxIDE0LjgzNTkgMTcuMTM1MSAxMS45OTk4QzE3LjEzNTEgOS4xNjM3NSAxNC44MzYxIDYuODY0ODEgMTIgNi44NjQ4MVpNMTIgMTUuMzMzNEMxMC4xNTkxIDE1LjMzMzQgOC42NjY0OCAxMy44NDEyIDguNjY2NDggMTEuOTk5OUM4LjY2NjQ4IDEwLjE1ODYgMTAuMTU5MSA4LjY2NjQ0IDEyIDguNjY2NDRDMTMuODQwOCA4LjY2NjQ0IDE1LjMzMzQgMTAuMTU4NiAxNS4zMzM0IDExLjk5OTlDMTUuMzMzNCAxMy44NDEyIDEzLjg0MDggMTUuMzMzNCAxMiAxNS4zMzM0Wk0xNy4zMzc5IDUuNDYyMDFDMTYuNjc1IDUuNDYyMDEgMTYuMTM3OSA1Ljk5OTA4IDE2LjEzNzkgNi42NjJDMTYuMTM3OSA3LjMyNDkyIDE2LjY3NSA3Ljg2MjA3IDE3LjMzNzkgNy44NjIwN0MxOC4wMDA4IDcuODYyMDcgMTguNTM4IDcuMzI0OTIgMTguNTM4IDYuNjYyQzE4LjUzOCA1Ljk5OTA4IDE4LjAwMDkgNS40NjIwMSAxNy4zMzc5IDUuNDYyMDFaJyBmaWxsPSd3aGl0ZScgLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0nTTEyIDMuODAxNDNDMTQuNjcwMSAzLjgwMTQzIDE0Ljk4NjQgMy44MTE0MyAxNi4wNDA5IDMuODU5NTlDMTcuMDE2IDMuOTA0MDcgMTcuNTQ1NSA0LjA2NjggMTcuODk3OCA0LjIwMzg1QzE4LjM2NDggNC4zODUzOCAxOC42OTc4IDQuNjAxNzkgMTkuMDQ3NyA0Ljk1MTc0QzE5LjM5NzYgNS4zMDE2OCAxOS42MTQ1IDUuNjM0NzQgMTkuNzk1NiA2LjEwMTY0QzE5LjkzMjcgNi40NTM5OSAyMC4wOTU0IDYuOTgzNDYgMjAuMTM5OSA3Ljk1ODU2QzIwLjE4OCA5LjAxMzEgMjAuMTk4MSA5LjMyOTI4IDIwLjE5ODEgMTEuOTk5NUMyMC4xOTgxIDE0LjY2OTggMjAuMTg4MSAxNC45ODU5IDIwLjEzOTkgMTYuMDQwNEMyMC4wOTU0IDE3LjAxNTUgMTkuOTMyNyAxNy41NDUgMTkuNzk1NiAxNy44OTczQzE5LjYxNDEgMTguMzY0MyAxOS4zOTc3IDE4LjY5NzMgMTkuMDQ3NyAxOS4wNDcyQzE4LjY5NzggMTkuMzk3MSAxOC4zNjQ3IDE5LjYxNCAxNy44OTc4IDE5Ljc5NTFDMTcuNTQ1NSAxOS45MzIyIDE3LjAxNiAyMC4wOTQ5IDE2LjA0MDkgMjAuMTM5NEMxNC45ODY1IDIwLjE4NzUgMTQuNjcwMiAyMC4xOTc1IDEyIDIwLjE5NzVDOS4zMjk3MiAyMC4xOTc1IDkuMDEzNjIgMjAuMTg3NSA3Ljk1OTA4IDIwLjEzOTRDNi45ODM5OCAyMC4wOTQ5IDYuNDU0NTEgMTkuOTMyMiA2LjEwMjE3IDE5Ljc5NTFDNS42MzUxOCAxOS42MTM1IDUuMzAyMiAxOS4zOTcxIDQuOTUyMjYgMTkuMDQ3MkM0LjYwMjQgMTguNjk3MyA0LjM4NTUgMTguMzY0MiA0LjIwNDM3IDE3Ljg5NzNDNC4wNjcyNCAxNy41NDUgMy45MDQ1OSAxNy4wMTU1IDMuODYwMTEgMTYuMDQwNEMzLjgxMjAzIDE0Ljk4NTkgMy44MDE5NSAxNC42Njk3IDMuODAxOTUgMTEuOTk5NUMzLjgwMTk1IDkuMzI5MzYgMy44MTE5NSA5LjAxMzE4IDMuODYwMTEgNy45NTg1NkMzLjkwNDU5IDYuOTgzNDYgNC4wNjczMiA2LjQ1Mzk5IDQuMjA0MzcgNi4xMDE2NEM0LjM4NTkgNS42MzQ2NiA0LjYwMjMyIDUuMzAxNjggNC45NTIyNiA0Ljk1MTc0QzUuMzAyMiA0LjYwMTg3IDUuNjM1MjYgNC4zODQ5OCA2LjEwMjE3IDQuMjAzODVDNi40NTQ1MSA0LjA2NjggNi45ODM5OCAzLjkwNDA3IDcuOTU5MDggMy44NTk1OUM5LjAxMzU0IDMuODExOTEgOS4zMjk4IDMuODAxNDMgMTIgMy44MDE0M1pNMTIgMS45OTk4OEM5LjI4NDEyIDEuOTk5ODggOC45NDM0NiAyLjAxMTQ4IDcuODc2OTEgMi4wNTk5NkM2LjgxMjM3IDIuMTA4NDQgNi4wODU2OSAyLjI3NzY1IDUuNDQ5NjUgMi41MjQ4N0M0Ljc5MTkzIDIuNzgwNTYgNC4yMzQ0NSAzLjEyMjUxIDMuNjc4NSAzLjY3ODM4QzMuMTIyNjMgNC4yMzQzMyAyLjc4MDM3IDQuNzkxODEgMi41MjQ5OSA1LjQ0OTUyQzIuMjc3NyA2LjA4NTY0IDIuMTA4NTcgNi44MTI2NSAyLjA2MDA4IDcuODc2NzlDMi4wMTE2IDguOTQzNDEgMiA5LjI4NDA4IDIgMTEuOTk5OEMyIDE0LjcxNTYgMi4wMTE2IDE1LjA1NjMgMi4wNjAwOCAxNi4xMjI5QzIuMTA4NTcgMTcuMTg3NCAyLjI3Nzc4IDE3LjkxNDEgMi41MjQ5OSAxOC41NTAxQzIuNzgwNjkgMTkuMjA3OSAzLjEyMjYzIDE5Ljc2NTMgMy42Nzg1IDIwLjMyMTNDNC4yMzQ0NSAyMC44NzczIDQuNzkyMzMgMjEuMjE5MSA1LjQ0OTY1IDIxLjQ3NDhDNi4wODU3NiAyMS43MjIxIDYuODEyNzcgMjEuODkxMiA3Ljg3NjkxIDIxLjkzOTdDOC45NDM0NiAyMS45ODgyIDkuMjg0MTIgMjEuOTk5OCAxMiAyMS45OTk4QzE0LjcxNTggMjEuOTk5OCAxNS4wNTY1IDIxLjk4ODIgMTYuMTIzIDIxLjkzOTdDMTcuMTg3NiAyMS44OTEyIDE3LjkxNDIgMjEuNzIyIDE4LjU1MDMgMjEuNDc0OEMxOS4yMDggMjEuMjE5IDE5Ljc2NTUgMjAuODc3MiAyMC4zMjE0IDIwLjMyMTNDMjAuODc3NCAxOS43NjUzIDIxLjIxOTIgMTkuMjA3NSAyMS40NzQ5IDE4LjU1MDFDMjEuNzIyMiAxNy45MTQxIDIxLjg5MTQgMTcuMTg3IDIxLjkzOTggMTYuMTIyOUMyMS45ODgzIDE1LjA1NjMgMjEuOTk5OSAxNC43MTU3IDIxLjk5OTkgMTEuOTk5OEMyMS45OTk5IDkuMjg0IDIxLjk4ODMgOC45NDMzMyAyMS45Mzk4IDcuODc2NzlDMjEuODkxNCA2LjgxMjI1IDIxLjcyMjEgNi4wODU1NiAyMS40NzQ5IDUuNDQ5NTJDMjEuMjE5MiA0Ljc5MTgxIDIwLjg3NzMgNC4yMzQzMyAyMC4zMjE0IDMuNjc4MzhDMTkuNzY1NSAzLjEyMjUxIDE5LjIwNzYgMi43ODA1NiAxOC41NTAzIDIuNTI0ODdDMTcuOTE0MiAyLjI3NzU3IDE3LjE4NzIgMi4xMDg0NCAxNi4xMjMgMi4wNTk5NkMxNS4wNTY1IDIuMDExNDggMTQuNzE1OCAxLjk5OTg4IDEyIDEuOTk5ODhaTTEyIDYuODY0ODFDOS4xNjM4NyA2Ljg2NDgxIDYuODY0OTMgOS4xNjM3NSA2Ljg2NDkzIDExLjk5OThDNi44NjQ5MyAxNC44MzU5IDkuMTYzODcgMTcuMTM0OSAxMiAxNy4xMzQ5QzE0LjgzNjEgMTcuMTM0OSAxNy4xMzUxIDE0LjgzNTkgMTcuMTM1MSAxMS45OTk4QzE3LjEzNTEgOS4xNjM3NSAxNC44MzYxIDYuODY0ODEgMTIgNi44NjQ4MVpNMTIgMTUuMzMzNEMxMC4xNTkxIDE1LjMzMzQgOC42NjY0OCAxMy44NDEyIDguNjY2NDggMTEuOTk5OUM4LjY2NjQ4IDEwLjE1ODYgMTAuMTU5MSA4LjY2NjQ0IDEyIDguNjY2NDRDMTMuODQwOCA4LjY2NjQ0IDE1LjMzMzQgMTAuMTU4NiAxNS4zMzM0IDExLjk5OTlDMTUuMzMzNCAxMy44NDEyIDEzLjg0MDggMTUuMzMzNCAxMiAxNS4zMzM0Wk0xNy4zMzc5IDUuNDYyMDFDMTYuNjc1IDUuNDYyMDEgMTYuMTM3OSA1Ljk5OTA4IDE2LjEzNzkgNi42NjJDMTYuMTM3OSA3LjMyNDkyIDE2LjY3NSA3Ljg2MjA3IDE3LjMzNzkgNy44NjIwN0MxOC4wMDA4IDcuODYyMDcgMTguNTM4IDcuMzI0OTIgMTguNTM4IDYuNjYyQzE4LjUzOCA1Ljk5OTA4IDE4LjAwMDkgNS40NjIwMSAxNy4zMzc5IDUuNDYyMDFaJyBmaWxsPSd3aGl0ZScgLz48L3N2Zz4=);
    -webkit-mask-size: cover;
    mask-size: cover;
}

.card-related {
    background: rgba(255,255,255,0.16);
    border-radius: 12px;
    padding: 12px 14px;
    margin-top: 16px;
    text-decoration: none;
    display: block;
    color: #fff;
}
.card-related:hover,
.card-related:focus {
    background: rgba(255,255,255,0.24);
    text-decoration: none !important;
}
.card-related-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(255,255,255,0.65);
    margin-bottom: 5px;
}
.card-related-disclaimer {
    font-style: italic;
    font-size: 12px;
    margin-top: 5px;
}

:is(ui-card[column-card] > figure) img.reduced-width {
    width: var(--img-width);
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
    :is(ui-card[column-card] > figure) img.reduced-width {
        width: calc(var(--img-width) - 20%);
    }
}