/*
 * Your global styles here
 */
html,
body {
    height: 100%;
    overflow-x:hidden;
}

html {
    background: white;
}

body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

:root {
    /* Colors */
    --w20-color-gl-white: #ffffff;
    --w20-color-gl-black: #000000;
    --w20-color-primary-urban-grey-100: #f4f3f4;
    --w20-color-primary-urban-grey-200: #e7e6e7;
    --w20-color-primary-urban-grey-300: #c1c0c1;
    --w20-color-primary-urban-grey-400: #a5a3a5;
    --w20-color-primary-urban-grey-500: #8e8c8f;
    --w20-color-primary-urban-grey-600: #707070;
    --w20-color-primary-urban-grey-700: #555456;
    --w20-color-primary-urban-grey-800: #414042;
    --w20-color-primary-urban-grey-900: #282728;
    --w20-color-primary-urban-green-100: #e5f0d7;
    --w20-color-primary-urban-green-200: #c7e2a3;
    --w20-color-primary-urban-green-300: #b2d288;
    --w20-color-primary-urban-green-400: #99c360;
    --w20-color-primary-urban-green-500: #7fb438;
    --w20-color-primary-urban-green-600: #648d2c;
    --w20-color-primary-urban-green-700: #486620;
    --w20-color-primary-urban-green-800: #334816;
    --w20-color-primary-urban-green-900: #19240b;
    --w20-color-primary-urban-blue-100: #ccdee2;
    --w20-color-primary-urban-blue-200: #99bdc5;
    --w20-color-primary-urban-blue-300: #669da8;
    --w20-color-primary-urban-blue-400: #337c8b;
    --w20-color-primary-urban-blue-500: #005b6e;
    --w20-color-primary-urban-blue-600: #004958;
    --w20-color-primary-urban-blue-700: #00313b;
    --w20-color-primary-urban-blue-800: #00242c;
    --w20-color-primary-urban-blue-900: #001216;
    --w20-color-primary-urban-emerald-100: #d0d9d6;
    --w20-color-primary-urban-emerald-200: #a1b2ae;
    --w20-color-primary-urban-emerald-300: #718c85;
    --w20-color-primary-urban-emerald-400: #42655d;
    --w20-color-primary-urban-emerald-500: #133f34;
    --w20-color-primary-urban-emerald-600: #0f322a;
    --w20-color-primary-urban-emerald-700: #0b261f;
    --w20-color-primary-urban-emerald-800: #071814;
    --w20-color-primary-urban-emerald-900: #040d0a;
    --w20-color-secondary-urban-aqua-100: #ccede6;
    --w20-color-secondary-urban-aqua-200: #99dbcd;
    --w20-color-secondary-urban-aqua-300: #66cab3;
    --w20-color-secondary-urban-aqua-400: #33b89a;
    --w20-color-secondary-urban-aqua-500: #00a681;
    --w20-color-secondary-urban-aqua-600: #008567;
    --w20-color-secondary-urban-aqua-700: #007359;
    --w20-color-secondary-urban-aqua-800: #004234;
    --w20-color-secondary-urban-aqua-900: #00211a;
    --w20-color-secondary-urban-orange-100: #fdead2;
    --w20-color-secondary-urban-orange-200: #fcdab1;
    --w20-color-secondary-urban-orange-300: #fabf77;
    --w20-color-secondary-urban-orange-400: #f9a94a;
    --w20-color-secondary-urban-orange-500: #f7941d;
    --w20-color-secondary-urban-orange-600: #d97a08;
    --w20-color-secondary-urban-orange-700: #a85e06;
    --w20-color-secondary-urban-orange-800: #633b0c;
    --w20-color-secondary-urban-orange-900: #311e06;
    --w20-color-secondary-urban-lime-100: #f3f7d1;
    --w20-color-secondary-urban-lime-200: #edf2b9;
    --w20-color-secondary-urban-lime-300: #e4ec96;
    --w20-color-secondary-urban-lime-400: #dbe573;
    --w20-color-secondary-urban-lime-500: #d2df50;
    --w20-color-secondary-urban-lime-600: #c5d527;
    --w20-color-secondary-urban-lime-700: #9daa1f;
    --w20-color-secondary-urban-lime-800: #545920;
    --w20-color-secondary-urban-lime-900: #2a2d10;
    --w20-color-secondary-urban-red-100: #f4cfd5;
    --w20-color-secondary-urban-red-200: #e99fab;
    --w20-color-secondary-urban-red-300: #f57c90;
    --w20-color-secondary-urban-red-400: #d34058;
    --w20-color-secondary-urban-red-500: #c8102e;
    --w20-color-secondary-urban-red-600: #990c23;
    --w20-color-secondary-urban-red-700: #6a0818;
    --w20-color-secondary-urban-red-800: #500612;
    --w20-color-secondary-urban-red-900: #280309;

    /* Fonts */
    --w20-heading-h1: 700 3.875rem/100% 'Rift-Bold', sans-serif;
    --w20-heading-h2: 700 2.875rem/100% 'Rift-Bold', sans-serif;
    --w20-heading-h3: 600 2.25rem/100% 'Rift-Demi', sans-serif;
    --w20-heading-h4: 600 1.75rem/100% 'Rift-Demi', sans-serif;
    --w20-heading-h5: 700 1.25rem/160% 'Open Sans', sans-serif;
    --w20-paragraph-p1-semi-bold: 600 1.125rem/165% 'Open Sans', sans-serif;
    --w20-paragraph-p1-regular: 400 1.125rem/165% 'Open Sans', sans-serif;
    --w20-paragraph-p1-light: 300 1.125rem/165% 'Open Sans', sans-serif;
    --w20-paragraph-p2-semi-bold: 600 1rem/165% 'Open Sans', sans-serif;
    --w20-paragraph-p2-regular: 400 1rem/165% 'Open Sans', sans-serif;
    --w20-paragraph-p2-light: 300 1rem/165% 'Open Sans', sans-serif;
    --w20-paragraph-p3-semi-bold: 600 0.875rem/165% 'Open Sans', sans-serif;
    --w20-paragraph-p3-regular: 400 0.875rem/165% 'Open Sans', sans-serif;
    --w20-paragraph-p3-light: 300 0.875rem/165% 'Open Sans', sans-serif;
    --w20-link-text: 600 1.125rem/165% 'Open Sans', sans-serif;
    --w20-button-standard: 600 1rem/140% 'Open Sans', sans-serif;
    --w20-button-small: 600 0.875rem/115% 'Open Sans', sans-serif;

    /* Spacing */
    --w20-core-dimension-12: 2px;
    --w20-core-dimension-25: 4px;
    --w20-core-dimension-50: 8px;
    --w20-core-dimension-75: 12px;
    --w20-core-dimension-90: 14px;
    --w20-core-dimension-100: 16px;
    --w20-core-dimension-125: 20px;
    --w20-core-dimension-150: 24px;
    --w20-core-dimension-175: 28px;
    --w20-core-dimension-200: 32px;
    --w20-core-dimension-225: 36px;
    --w20-core-dimension-250: 40px;
    --w20-core-dimension-275: 44px;
    --w20-core-dimension-300: 48px;
    --w20-core-dimension-350: 56px;
    --w20-core-dimension-400: 64px;
    --w20-core-dimension-420: 68px;
    --w20-core-dimension-450: 72px;
    --w20-core-dimension-500: 80px;
    --w20-core-dimension-550: 88px;
    --w20-core-dimension-600: 96px;
    --w20-core-dimension-800: 128px;
    --w20-core-dimension-1000: 160px;
    --w20-core-dimension-1100: 176px;
    --w20-core-dimension-1200: 192px;
    --w20-core-dimension-1400: 224px;
    --w20-core-dimension-1600: 256px;
    --w20-core-dimension-1800: 288px;

    /* Links */
    --w20-link-focus: 0px 0px 4px 2px var(--w20-color-secondary-urban-orange-500);

    /* Form Elements */
    --dxp-s-form-element-color-border-focus: var(--w20-color-primary-urban-blue-500);
    --dxp-s-form-element-color-foreground: var(--w20-color-primary-urban-blue-500);
    --slds-c-input-shadow-focus: var(--w20-link-focus);
    --slds-c-textarea-shadow-focus: var(--w20-link-focus);
    --slds-c-select-shadow-focus: var(--w20-link-focus);
    --slds-c-radio-shadow-focus: var(--w20-link-focus);

    /*SideNav Item Active*/
    --w20-subnav-item-active: 4px 0px 0px 0px var(--w20-color-primary-urban-green-500) inset;

    /* Icons */
    --w20-icon-chevron-green: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23486620' stroke='none'><path d='M5.79999 1.34615L12.1692 7.65385C12.3538 7.83846 12.3538 8.14615 12.1692 8.33077L5.79999 14.6385C5.61537 14.8231 5.30768 14.8231 5.12306 14.6385L4.44614 13.9615C4.26152 13.7769 4.26152 13.4692 4.44614 13.2846L9.46152 8.33077C9.64614 8.14615 9.64614 7.83846 9.46152 7.65385L4.47691 2.7C4.29229 2.51539 4.29229 2.20769 4.47691 2.02308L5.15383 1.34615C5.33845 1.19231 5.61537 1.19231 5.79999 1.34615Z'></path></svg>");
    --w20-icon-chevron-blue: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23005b6e' stroke='none'><path d='M5.79999 1.34615L12.1692 7.65385C12.3538 7.83846 12.3538 8.14615 12.1692 8.33077L5.79999 14.6385C5.61537 14.8231 5.30768 14.8231 5.12306 14.6385L4.44614 13.9615C4.26152 13.7769 4.26152 13.4692 4.44614 13.2846L9.46152 8.33077C9.64614 8.14615 9.64614 7.83846 9.46152 7.65385L4.47691 2.7C4.29229 2.51539 4.29229 2.20769 4.47691 2.02308L5.15383 1.34615C5.33845 1.19231 5.61537 1.19231 5.79999 1.34615Z'></path></svg>");
    --w20-icon-home-blue: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52' fill='%23005b6e' stroke='none'><path d='M49 27h-5v22c0 .6-.4 1-1 1H33c-.6 0-1-.4-1-1V32H20v17c0 .6-.4 1-1 1H9c-.6 0-1-.4-1-1V27H3c-.4 0-.8-.2-.9-.6-.2-.4-.1-.8.2-1.1l23-23c.4-.4 1.1-.4 1.4 0l23 23c.3.3.3.7.2 1.1s-.5.6-.9.6z'></path></svg>");
    --w20-icon-download: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23005B6E' stroke='none'><path d='M22.3846 14.3077H21C20.6308 14.3077 20.3077 14.6308 20.3077 15V19.6154C20.3077 19.9846 19.9846 20.3077 19.6154 20.3077H4.38463C4.0154 20.3077 3.69233 19.9846 3.69233 19.6154V15C3.69233 14.6308 3.36925 14.3077 3.00002 14.3077H1.6154C1.24617 14.3077 0.923096 14.6308 0.923096 15V21.2308C0.923096 22.2462 1.75386 23.0769 2.76925 23.0769H21.2308C22.2462 23.0769 23.0769 22.2462 23.0769 21.2308V15C23.0769 14.6308 22.7539 14.3077 22.3846 14.3077ZM11.5385 17.3539C11.8154 17.6308 12.2308 17.6308 12.5077 17.3539L18.7385 11.1231C19.0154 10.8462 19.0154 10.4308 18.7385 10.1539L17.7692 9.18463C17.4923 8.90771 17.0769 8.90771 16.8 9.18463L14.2154 11.7692C13.9385 12.0462 13.4308 11.8616 13.4308 11.4462V1.6154C13.3846 1.24617 13.0154 0.923096 12.6923 0.923096H11.3077C10.9385 0.923096 10.6154 1.24617 10.6154 1.6154V11.4C10.6154 11.8154 10.1077 12 9.83079 11.7231L7.24617 9.13848C6.96925 8.86156 6.55386 8.86156 6.27694 9.13848L5.30771 10.1539C5.03079 10.4308 5.03079 10.8462 5.30771 11.1231L11.5385 17.3539Z'></path></svg>");
}

/* Page Layout */
community_byo-scoped-header-and-footer {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.uu-section-container {
    display: block;
    position: relative;
    padding: 0
        var(
            --dxp-c-section-content-spacing-inline-end-mobile,
            var(--dxp-style-c-padding-right-m, var(--dxp-s-section-content-spacing-inline-end-mobile))
        )
        0
        var(
            --dxp-c-section-content-spacing-inline-start-mobile,
            var(--dxp-style-c-padding-left-m, var(--dxp-s-section-content-spacing-inline-start-mobile))
        );
}
@media (min-width: 64em) {
    .uu-section-container {
        padding: 0
            var(
                --dxp-c-section-content-spacing-inline-end,
                var(--dxp-style-c-padding-right, var(--dxp-s-section-content-spacing-inline-end))
            )
            0
            var(
                --dxp-c-section-content-spacing-inline-start,
                var(--dxp-style-c-padding-left, var(--dxp-s-section-content-spacing-inline-start))
            );
    }
}
.uu-columns-content {
    max-width: var(--dxp-c-section-columns-max-width, var(--dxp-s-section-columns-max-width));
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

/* Text */
.uu-h1 {
    font: var(--w20-heading-h1) !important;
}
.uu-h2 {
    font: var(--w20-heading-h2) !important;
}
.uu-h3 {
    font: var(--w20-heading-h3) !important;
}
.uu-h4 {
    font: var(--w20-heading-h4) !important;
}
.uu-h5 {
    font: var(--w20-heading-h5) !important;
}
.uu-p1-semi-bold {
    font: var(--w20-paragraph-p1-semi-bold) !important;
}
.uu-p1-regular {
    font: var(--w20-paragraph-p1-regular) !important;
}
.uu-p1-light {
    font: var(--w20-paragraph-p1-light) !important;
}
.uu-p2-semi-bold {
    font: var(--w20-paragraph-p2-semi-bold) !important;
}
.uu-p2-regular {
    font: var(--w20-paragraph-p2-regular) !important;
}
.uu-p2-light {
    font: var(--w20-paragraph-p2-light) !important;
}
.uu-p3-semi-bold {
    font: var(--w20-paragraph-p3-semi-bold) !important;
}
.uu-p3-regular {
    font: var(--w20-paragraph-p3-regular) !important;
}
.uu-p3-light {
    font: var(--w20-paragraph-p3-light) !important;
}
.uu-link-text {
    font: var(--w20-link-text) !important;
}

/* Lists */
lightning-formatted-rich-text ul li,
.cb-outputRichText-container ul li,
ul.uu-list li {
    position: relative;
    list-style: none;
}
lightning-formatted-rich-text ul li:before,
.cb-outputRichText-container ul li:before,
ul.uu-list li:before {
    content: '—';
    margin-left: calc(-1 * var(--w20-core-dimension-150));
    padding-right: 6px;
    color: var(--w20-color-primary-urban-green-700);
}

/* DXP List */
.dxp-plan-list .dxp-list-item {
    padding-bottom: var(--w20-core-dimension-150);
    border-bottom: 1px solid var(--w20-color-primary-urban-grey-200);
    margin-bottom: var(--w20-core-dimension-150);
}
@media (min-width: 64em) {
    .dxp-plan-list .dxp-list-item {
        padding-bottom: var(--w20-core-dimension-200);
        margin-bottom: var(--w20-core-dimension-200);
    }
}

/* Button */
.slds-button {
    --sds-c-button-shadow-focus: var(--w20-link-focus);
}
.slds-button:not(.slds-button_icon) {
    --sds-c-button-spacing-block-start: var(--w20-core-dimension-90);
    --sds-c-button-spacing-block-end: var(--w20-core-dimension-90);
}
.dxp-button-small > .slds-button,
.slds-button.dxp-button-small {
    --sds-c-button-spacing-block-start: var(--w20-core-dimension-50);
    --sds-c-button-spacing-block-end: var(--w20-core-dimension-50);
}
.slds-button_brand {
    --slds-c-icon-color-foreground-default: var(--w20-color-gl-white);
}
a:focus {
    outline: none;
    box-shadow: var(--w20-link-focus);
}

/* Badge */
.slds-badge {
    padding: var(--w20-core-dimension-50) var(--w20-core-dimension-100);
    --sds-c-badge-color-background: transparent;
    --sds-c-badge-color-border: var(--w20-color-primary-urban-grey-500);
}

/* Table */
.slds-rich-text-editor__output table {
    border-collapse: separate;
    border-radius: var(--w20-core-dimension-25);
    border: 1px solid var(--w20-color-primary-urban-grey-200);
    overflow: hidden;
    width: 100%;
}
.slds-rich-text-editor__output table thead tr td,
.slds-rich-text-editor__output table thead tr th {
    background-color: var(--w20-color-primary-urban-emerald-500);
    border-bottom: 2px solid var(--w20-color-primary-urban-green-500);
    color: var(--w20-color-gl-white);
    font: var(--w20-paragraph-p1-semi-bold);
}
.slds-rich-text-editor__output table tbody tr:nth-child(odd) td {
    background-color: var(--w20-color-primary-urban-grey-100);
}
.slds-rich-text-editor__output table tbody tr:nth-child(even) td {
    background-color: var(--w20-color-gl-white);
}
.slds-rich-text-editor__output table tbody tr:first-child td {
    background-color: var(--w20-color-primary-urban-grey-200);
    border-top: 2px solid var(--w20-color-primary-urban-green-500);
    font: var(--w20-paragraph-p1-semi-bold);
    color: var(--w20-color-primary-urban-emerald-800);
}
.slds-rich-text-editor__output table thead tr td,
.slds-rich-text-editor__output table thead tr th,
.slds-rich-text-editor__output table tbody tr td {
    padding: var(--w20-core-dimension-75) var(--w20-core-dimension-100);
}
@media (min-width: 64em) {
    .slds-rich-text-editor__output table thead tr td,
    .slds-rich-text-editor__output table thead tr th,
    .slds-rich-text-editor__output table tbody tr td {
        padding: var(--w20-core-dimension-75) var(--w20-core-dimension-200);
    }
    .slds-accordion__section.slds-is-open .slds-rich-text-editor__output table thead tr td,
    .slds-accordion__section.slds-is-open .slds-rich-text-editor__output table thead tr th,
    .slds-accordion__section.slds-is-open .slds-rich-text-editor__output table tbody tr td {
        padding: var(--w20-core-dimension-75) var(--w20-core-dimension-100);
    }
}

/* Accordion */
lightning-accordion {
    --sds-c-accordion-heading-text-color: var(--w20-color-primary-urban-emerald-800);
    --sds-c-accordion-section-spacing-block-start: var(--w20-core-dimension-150);
    --sds-c-accordion-section-spacing-block-end: var(--w20-core-dimension-150);
    --sds-c-accordion-section-spacing-inline-start: var(--w20-core-dimension-150);
    --sds-c-accordion-section-spacing-inline-end: var(--w20-core-dimension-150);
    --sds-c-accordion-summary-color-background: transparent;
    --sds-c-accordion-sizing-border: 0;
}
lightning-accordion-section + lightning-accordion-section {
    margin-top: var(--w20-core-dimension-100);
}
.slds-accordion__section {
    border: 1px solid var(--w20-color-primary-urban-grey-200);
    border-radius: var(--w20-core-dimension-25);
}
.slds-accordion__section.slds-is-open {
    border-left: none;
    box-shadow: -4px 0px 0px 0px var(--w20-color-primary-urban-green-500);
}
.slds-accordion__summary .slds-button {
    font: var(--w20-heading-h5);
    text-decoration: none !important;
    flex-direction: row-reverse;
    justify-content: space-between;
    --dxp-s-button-text-transform: none;
    --dxp-s-button-letter-spacing: normal;
    --dxp-s-button-font-size: var(--w20-core-dimension-150);
    --dxp-s-button-radius-border: var(--w20-core-dimension-25);
    --sds-c-button-text-color-hover: var(--w20-color-primary-urban-emerald-800);
    --sds-c-icon-color-foreground-default: var(--w20-color-primary-urban-green-700);
}
.slds-accordion__summary .slds-button:hover {
    background-color: var(--w20-color-primary-urban-grey-100);
}
.slds-accordion__summary .slds-button:focus {
    box-shadow: var(--sds-c-button-shadow-focus);
}
.slds-accordion__summary-content {
    white-space: normal;
}
.slds-accordion__content {
    margin-top: var(--w20-core-dimension-50);
}
@media (min-width: 48em) {
    lightning-accordion-section + lightning-accordion-section {
        margin-top: var(--w20-core-dimension-150);
    }
}
/* Map */
.slds-map {
    min-width: 0;
}

/* Tabs */
.slds-tabs_default__nav {
    --sds-c-tabs-list-sizing-border: var(--w20-core-dimension-12);
    --sds-c-tabs-list-color-border: var(--w20-color-primary-urban-grey-200);
    --sds-c-tabs-item-spacing-inline-start: var(--w20-core-dimension-150);
    --sds-c-tabs-item-spacing-inline-end: var(--w20-core-dimension-150);
    --sds-c-tabs-item-sizing-height: var(--w20-core-dimension-500);
    --sds-c-tabs-item-line-height: var(--w20-core-dimension-500);
    --dxp-s-link-text-color: var(--w20-color-primary-urban-emerald-800);
    --dxp-s-link-text-decoration: none;
}
.slds-tabs_default__content {
    --sds-c-tabs-panel-spacing-block-start: var(--w20-core-dimension-150);
}

/* Side Nav */
.uu-side-nav .slds-nav-vertical__action {
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: var(--w20-core-dimension-50) var(--w20-core-dimension-100) var(--w20-core-dimension-50)
        var(--w20-side-nav-padding, var(--w20-core-dimension-125));
}
.uu-side-nav .slds-nav-vertical__action > lightning-icon {
    margin-right: 0;
    margin-left: var(--w20-core-dimension-50);
}
.uu-side-nav .slds-nav-vertical__action:hover,
.uu-side-nav .slds-is-active .slds-nav-vertical__action {
    box-shadow: none;
    font-weight: inherit;
}

/* Icons */
.uu-icon-size_xx-small svg {
    width: var(--w20-core-dimension-75);
    height: var(--w20-core-dimension-75);
}
.uu-icon-size_x-small svg {
    width: var(--w20-core-dimension-100);
    height: var(--w20-core-dimension-100);
}
.uu-icon-size_small svg {
    width: var(--w20-core-dimension-125);
    height: var(--w20-core-dimension-125);
}
.uu-icon-size_medium svg {
    width: var(--w20-core-dimension-150);
    height: var(--w20-core-dimension-150);
}
.uu-icon-size_large svg {
    width: var(--w20-core-dimension-200);
    height: var(--w20-core-dimension-200);
}
.uu-icon-size_x-large svg {
    width: var(--w20-core-dimension-300);
    height: var(--w20-core-dimension-300);
}
.uu-icon-size_xx-large svg {
    width: var(--w20-core-dimension-400);
    height: var(--w20-core-dimension-400);
}
@media (min-width: 48em) {
    .uu-icon-size-tablet_xx-small svg {
        width: var(--w20-core-dimension-75);
        height: var(--w20-core-dimension-75);
    }
    .uu-icon-size-tablet_x-small svg {
        width: var(--w20-core-dimension-100);
        height: var(--w20-core-dimension-100);
    }
    .uu-icon-size-tablet_small svg {
        width: var(--w20-core-dimension-125);
        height: var(--w20-core-dimension-125);
    }
    .uu-icon-size-tablet_medium svg {
        width: var(--w20-core-dimension-150);
        height: var(--w20-core-dimension-150);
    }
    .uu-icon-size-tablet_large svg {
        width: var(--w20-core-dimension-200);
        height: var(--w20-core-dimension-200);
    }
    .uu-icon-size-tablet_x-large svg {
        width: var(--w20-core-dimension-300);
        height: var(--w20-core-dimension-300);
    }
    .uu-icon-size-tablet_xx-large svg {
        width: var(--w20-core-dimension-400);
        height: var(--w20-core-dimension-400);
    }
}
@media (min-width: 64em) {
    .uu-icon-size-desktop_xx-small svg {
        width: var(--w20-core-dimension-75);
        height: var(--w20-core-dimension-75);
    }
    .uu-icon-size-desktop_x-small svg {
        width: var(--w20-core-dimension-100);
        height: var(--w20-core-dimension-100);
    }
    .uu-icon-size-desktop_small svg {
        width: var(--w20-core-dimension-125);
        height: var(--w20-core-dimension-125);
    }
    .uu-icon-size-desktop_medium svg {
        width: var(--w20-core-dimension-150);
        height: var(--w20-core-dimension-150);
    }
    .uu-icon-size-desktop_large svg {
        width: var(--w20-core-dimension-200);
        height: var(--w20-core-dimension-200);
    }
    .uu-icon-size-desktop_x-large svg {
        width: var(--w20-core-dimension-300);
        height: var(--w20-core-dimension-300);
    }
    .uu-icon-size-desktop_xx-large svg {
        width: var(--w20-core-dimension-400);
        height: var(--w20-core-dimension-400);
    }
}

/* Card */
.uu-card {
    display: flex;
    flex: 1;
}
.uu-card-body {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1;
    gap: 1rem;
}
.slds-grid > .uu-card {
    /* Fix for W20-873 */
    width: 0;
}
.uu-card-mobile_horizontal {
    flex-direction: row;
}
.uu-card-mobile_vertical {
    flex-direction: column;
}
@media (min-width: 48em) {
    .uu-card-tablet_horizontal {
        flex-direction: row;
    }
    .uu-card-tablet_vertical {
        flex-direction: column;
    }
}
@media (min-width: 64em) {
    .uu-card-desktop_horizontal {
        flex-direction: row;
    }
    .uu-card-desktop_vertical {
        flex-direction: column;
    }
}

/* Card Link List */
.uu-card-base lightning-formatted-rich-text ul:has(a) {
    margin-left: 0 !important;
}
.uu-card-base lightning-formatted-rich-text ul li:has(a):before {
    content: none;
}
.uu-card-base lightning-formatted-rich-text ul li a {
    font: var(--w20-link-text);
    text-decoration: none !important;
    display: block;
    border-bottom: 1px solid var(--w20-color-primary-urban-blue-500);
    padding: 0.25rem 1rem 0.25rem 0;
    margin: 0.25rem 0;
}
.uu-card-base lightning-formatted-rich-text ul li a:after {
    content: var(--w20-icon-chevron-blue);
    position: absolute;
    right: 0;
    top: 20%;
    width: 16px;
    height: 16px;
}
.uu-card-base lightning-formatted-rich-text ul li a:hover {
    border-color: transparent;
}
.uu-card-information lightning-formatted-rich-text ul li:has(a):before {
    content: var(--w20-icon-download);
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
}
.uu-card-information lightning-formatted-rich-text ul li a {
    font: var(--w20-link-text);
    padding-left: var(--w20-core-dimension-50);
}

/* Banner */
.uu-banner-theme_dark {
    color: var(--w20-color-gl-white);
    --dxp-s-button-color: var(--w20-color-gl-white);
    --dxp-s-button-color-hover: var(--w20-color-primary-urban-grey-200);
    --dxp-s-button-color-active: var(--w20-color-primary-urban-grey-300);
    --dxp-s-button-color-focus: var(--w20-color-primary-urban-grey-200);
    --sds-c-button-brand-text-color: var(--w20-color-secondary-urban-aqua-700);
    --sds-c-button-brand-text-color-hover: var(--w20-color-secondary-urban-aqua-700);
    --sds-c-button-brand-text-color-active: var(--w20-color-secondary-urban-aqua-700);
}

/* Text */
.slds-rich-text-editor__output div:not(:first-child):not(:last-child),
.cb-outputRichText-container div:not(:first-child):not(:last-child) {
    margin: 1rem 0;
}

/* Get Feedback Widget */
div.usabilla_live_button_container {
    margin-top: 0 !important;
    top: calc(50% + 3.4375rem) !important;
}

/* Search Input */
.uu-search {
    --dxp-g-spacing-medium: 0;
    --dxp-s-form-element-radius-border: 100px;
    --dxp-s-form-element-text-font-size: 1rem;
    --dxp-s-form-element-color-background: var(--w20-color-primary-urban-grey-100);
}
.uu-search-icon .slds-button_icon {
    line-height: 0;
}

/* Dropdown */
.slds-dropdown {
    font: var(--w20-paragraph-p2-regular);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16);
    --dxp-s-dropdown-color-border: transparent;
    --dxp-s-dropdown-text-color: var(--w20-color-primary-urban-grey-700);
    --dxp-s-dropdown-text-color-hover: var(--w20-color-primary-urban-grey-700);
    --dxp-s-dropdown-color-background-hover: var(--w20-color-primary-urban-grey-100);
}

/* Forms */
dxp_flow-flow .flowruntimeBody.flowruntimeBody__lwc {
    background-color: var(--w20-color-primary-urban-grey-100);
    border-radius: var(--w20-core-dimension-50);
    padding: var(--w20-core-dimension-100);
}
@media (min-width: 64em) {
    dxp_flow-flow .flowruntimeBody.flowruntimeBody__lwc {
        padding: var(--w20-core-dimension-200);
    }
}
dxp_flow-flow .slds-form-element__label,
dxp_flow-flow .flowruntime-input .flowruntime-input-label,
.uu-input .slds-form-element__label {
    font: var(--w20-paragraph-p2-semi-bold);
}
dxp_flow-flow .slds-radio .slds-form-element__label {
    font: var(--w20-paragraph-p1-regular);
}
dxp_flow-flow .slds-form-element,
flowruntime-radio-button-input-lwc fieldset {
    margin-bottom: var(--w20-core-dimension-150);
}
dxp_flow-flow .slds-input,
dxp_flow-flow .slds-textarea,
dxp_flow-flow .slds-select_container .slds-select,
.uu-input .slds-input,
.uu-input .slds-textarea,
.uu-input .slds-select_container .slds-select {
    padding-top: var(--w20-core-dimension-50);
    padding-bottom: var(--w20-core-dimension-50);
    --sds-c-input-spacing-horizontal-start: var(--w20-core-dimension-100);
    --sds-c-input-spacing-horizontal-end: var(--w20-core-dimension-100);
    min-height: 3rem;
}
dxp_flow-flow .slds-input-has-icon_left-right .slds-input,
.uu-input .slds-input-has-icon_left-right .slds-input {
    --sds-c-input-spacing-horizontal-start: var(--w20-core-dimension-200);
    --sds-c-input-spacing-horizontal-end: var(--w20-core-dimension-200);
}
dxp_flow-flow .slds-has-error .slds-input,
dxp_flow-flow .slds-has-error .slds-textarea,
dxp_flow-flow .slds-has-error .slds-select {
    box-shadow: none;
}
dxp_flow-flow .slds-has-error .slds-input:focus,
dxp_flow-flow .slds-has-error .slds-textarea:focus,
dxp_flow-flow .slds-has-error .slds-select:focus {
    box-shadow: var(--slds-c-input-shadow-focus);
}
dxp_flow-flow .slds-input:valid,
dxp_flow-flow .slds-textarea:valid,
dxp_flow-flow .slds-select:valid {
    --dxp-s-form-element-color-border: var(--w20-color-primary-urban-blue-500);
}
dxp_flow-flow .slds-input-has-icon .slds-input__icon {
    margin-top: -0.6375rem;
}
dxp_flow-flow .slds-radio .slds-radio_faux {
    width: var(--w20-core-dimension-150);
    height: var(--w20-core-dimension-150);
}
dxp_flow-flow .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio_faux:after {
    width: var(--w20-core-dimension-75);
    height: var(--w20-core-dimension-75);
}
dxp_flow-flow .help-text__button {
    --sds-c-icon-color-foreground-default: var(--w20-color-primary-urban-blue-500);
}
dxp_flow-flow .help-text__button:hover {
    --sds-c-icon-color-foreground-default: var(--w20-color-primary-urban-blue-600);
}
dxp_flow-flow .slds-popover {
    background-color: var(--w20-color-primary-urban-blue-500);
    color: var(--w20-color-gl-white);
    --sds-c-icon-color-foreground-default: var(--w20-color-gl-white);
}
dxp_flow-flow .slds-path {
    --dxp-s-link-text-decoration-hover: none;
    margin-bottom: var(--w20-core-dimension-200);
}
dxp_flow-flow .slds-path__nav .slds-is-complete,
dxp_flow-flow .slds-path__nav .slds-is-complete:after,
dxp_flow-flow .slds-path__nav .slds-is-complete:before,
dxp_flow-flow .slds-path__nav .slds-is-complete:hover,
dxp_flow-flow .slds-path__nav .slds-is-complete:hover:after,
dxp_flow-flow .slds-path__nav .slds-is-complete:hover:before {
    background: var(--w20-color-primary-urban-emerald-500);
}
dxp_flow-flow .slds-path__nav .slds-is-active,
dxp_flow-flow .slds-path__nav .slds-is-active:after,
dxp_flow-flow .slds-path__nav .slds-is-active:before,
dxp_flow-flow .slds-path__nav .slds-is-active:first-child:after,
dxp_flow-flow .slds-path__nav .slds-is-active:first-child:before,
dxp_flow-flow .slds-path__nav .slds-is-active:hover,
dxp_flow-flow .slds-path__nav .slds-is-active:hover:after,
dxp_flow-flow .slds-path__nav .slds-is-active:hover:before,
dxp_flow-flow .slds-path__nav .slds-is-current:first-child:hover:after,
dxp_flow-flow .slds-path__nav .slds-is-current:first-child:hover:before {
    background: var(--w20-color-primary-urban-blue-500);
}
dxp_flow-flow .slds-path__nav .slds-is-incomplete,
dxp_flow-flow .slds-path__nav .slds-is-incomplete:after,
dxp_flow-flow .slds-path__nav .slds-is-incomplete:before,
dxp_flow-flow .slds-path__nav .slds-is-incomplete:hover,
dxp_flow-flow .slds-path__nav .slds-is-incomplete:hover:after,
dxp_flow-flow .slds-path__nav .slds-is-incomplete:hover:before {
    background: var(--w20-color-gl-white);
}
dxp_flow-flow .slds-path__nav .slds-is-incomplete .slds-path__link {
    color: var(--w20-color-primary-urban-grey-700);
}
dxp_flow-flow .footerContainer {
    --slds-c-button-color-border-active: transparent;
}

/* reCAPTCHA */
.grecaptcha-badge {
    visibility: hidden;
}

/* iframe */
iframe {
    max-width: 100%;
}

/* Loading Spinner */
.slds-spinner {
    display: block;
    font-family: sans-serif;
    font-weight: 300;
    position: relative;
    /*margin-inline: auto;*/
    width: 6em;
    height: 3rem;
    cursor: progress;
    border-radius: 2em;
    padding: .5rem 1.5rem;
    color: #555456;
    box-shadow: 0 0 1rem 0.5rem #00000019;
    transform: none;
  }
  .slds-spinner::after, .slds-spinner::before {
    content: "•";
    color: currentColor;
    padding: .5rem 1.5rem;
    position: absolute;
    left: 0 !important;
    top: 0.05em !important;
    width: 100% !important;
    background-color: transparent !important;
    text-align: center;
    animation: uuBeforeAfterLoading 2s ease infinite !important;
  }
  .slds-spinner::before {
      --sp-loading: -1em;
  }
  .slds-spinner::after {
    --sp-loading: 1em;
    opacity: 0.7;
  }
  .slds-spinner__dot-a, .slds-spinner__dot-b {
    display: none;
  }
  
  @keyframes uuBeforeAfterLoading {
    0% {
        transform: translateX(var(--sp-loading));
    }
    25% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(calc(var(--sp-loading) * -1));
    }
    75% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(var(--sp-loading));
    }
  }