:root {
    --font-family: Allianz Neo, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    --cpc-colors-blue: #003583;
    --cpc-colors-resolution-blue: #006192;
    --cpc-colors-dark-cerulian: #003781;
    --cpc-colors-light-teal: #007d8c;
    --cpc-colors-light-gray: #d9d9d9;
    --cpc-colors-silver: #c2c2c2;
    --cpc-colors-cerulean: #007ab3;
    --cpc-colors-sonic-silver: #767676;
    --cpc-colors-whisper: #ececec;
    --cpc-colors-white-smoke: #f5f5f5;
    --cpc-colors-dark-gray: #999;
    --cpc-colors-pixie-green: #c0ddbd;
    --cpc-colors-light-peach: #eacfc0;
    --cpc-colors-rose-white: #f9f2ef;
    --cpc-colors-charcoal: #414141;
    --cpc-colors-light-blue: #cfe9ee;
    --cpc-colors-light-blue-2: #f1f9fa;
    --cpc-colors-dark-blue: #002567;
    --cpc-colors-whispers: #e6e6e6;
    --cpc-colors-cerise-red: #dc3149;
    --cpc-colors-forest-green: #1e8927;
    --cpc-colors-kashmir-blue: #49648c;
    --cpc-colors-light-yellow: #fff4d8;
    --cpc-colors-gold-orange: #edcd03;
    --cpc-colors-dark-yellow: rgba(255, 232, 176, 0.5);
    --cpc-colors-white: #fff;
    --cpc-colors-light-peach-2: var(--cpc-colors-rose-white);
    --cpc-colors-light-green: var(--cpc-colors-pixie-green);
    --cpc-colors-banana-mania: #ffe8b0;
    --cpc-colors-dark-opacity: rgba(0, 0, 0, 0.3);
    --cpc-colors-text: var(--cpc-colors-charcoal);
    --cpc-colors-border: var(--cpc-colors-light-gray);
    --cpc-colors-hover: var(--cpc-colors-resolution-blue);
    --cpc-colors-active: var(--cpc-colors-dark-cerulian);
    --cpc-colors-active-background: var(--cpc-colors-light-blue-2);
    --cpc-user-profile-photo-size: 32px;
    --cpc-agent-profile-photo-size: 104px;
    --cpc-border: solid 1px var(--cpc-colors-border);
    --cpc-badge-text: var(--cpc-colors-text);
    --cpc-badge-background: var(--cpc-colors-white);
    --cpc-badge-success: #e3ebaf;
    --cpc-badge-warning: #f7caab;
    --cpc-badge-text-danger: var(--cpc-colors-white);
    --cpc-badge-danger: var(--cpc-colors-cerise-red);
    --cpc-badge-important: #fdd25c;
    --cpc-badge-text-inactive: var(--cpc-colors-dark-gray);
    --cpc-badge-inactive: var(--cpc-colors-white);
    --cpc-badge-icon-active: var(--cpc-colors-resolution-blue);
    --cpc-badge-icon-inactive: var(--cpc-colors-dark-gray);
    --cpc-card-divide-bar: var(--cpc-colors-light-blue);
    --cpc-card-background: var(--cpc-colors-light-blue-2);
    --cpc-card-background-inactive: var(--cpc-colors-white-smoke);
    --cpc-document-upload-name-weight: 600;
    --cpc-document-upload-success-icon-color: var(--cpc-colors-forest-green);
    --cpc-policy-card-border: solid 1px var(--cpc-colors-light-gray);
    --cpc-policy-card-border-mobile: solid 1px var(--cpc-colors-light-blue);
    --cpc-policy-card-header-background: var(--cpc-colors-light-blue-2);
    --cpc-policy-card-header-background-inactive: var(--cpc-colors-white-smoke);
    --cpc-policy-card-header-title-color-inactive: #999;
    --cpc-policy-progress-track: var(--cpc-colors-whisper);
    --cpc-policy-progress-progress: var(--cpc-colors-cerulean);
    --cpc-payments-background-danger-panel: rgba(220, 49, 73, 0.1);
    --cpc-payments-danger-border: rgba(220, 49, 73, 0.4);
    --cpc-spinner-active-color: var(--cpc-colors-cerulean);
    --cpc-spinner-background-color: var(--cpc-colors-whisper);
    --icon-background-color: #3da556;
    --icon-color-inactive: #d9d9d9;
    --button-primary-background-color: var(--cpc-colors-cerulean);
    --button-primary-border-color: transparent;
    --button-primary-text-color: var(--cpc-colors-white);
    --button-primary-hover-background-color: var(--cpc-colors-resolution-blue);
    --button-primary-hover-border-color: transparent;
    --button-primary-hover-text-color: var(--cpc-colors-white);
    --button-primary-active-background-color: var(--cpc-colors-dark-cerulian);
    --button-primary-active-text-color: var(--cpc-colors-white);
    --button-primary-active-border-color: transparent;
    --button-primary-disabled-background-color: rgba(0, 122, 179, 0.4);
    --button-primary-disabled-text-color: hsla(0, 0%, 100%, 0.4);
    --button-primary-disabled-border-color: transparent;
    --button-secondary-background-color: transparent;
    --button-secondary-border-color: var(--cpc-colors-cerulean);
    --button-secondary-text-color: var(--cpc-colors-resolution-blue);
    --button-secondary-hover-background-color: var(--cpc-colors-resolution-blue);
    --button-secondary-hover-border-color: transparent;
    --button-secondary-hover-text-color: var(--cpc-colors-white);
    --button-secondary-active-background-color: var(--cpc-colors-dark-cerulian);
    --button-secondary-active-text-color: var(--cpc-colors-white);
    --button-secondary-active-border-color: transparent;
    --button-secondary-disabled-background-color: transparent;
    --button-secondary-disabled-text-color: rgba(0, 97, 146, 0.4);
    --button-secondary-disabled-border-color: rgba(0, 122, 179, 0.4);
    --button-tertiary-background-color: transparent;
    --button-tertiary-border-color: transparent;
    --button-tertiary-text-color: var(--button-secondary-text-color);
    --button-tertiary-hover-background-color: #ececec;
    --button-tertiary-hover-border-color: transparent;
    --button-tertiary-hover-text-color: var(--button-secondary-text-color);
    --button-tertiary-active-background-color: var(--cpc-colors-light-gray);
    --button-tertiary-active-text-color: var(--button-secondary-text-color);
    --button-tertiary-active-border-color: transparent;
    --button-tertiary-disabled-background-color: var(--button-secondary-background-color);
    --button-tertiary-disabled-text-color: var(--button-secondary-disabled-text-color);
    --button-tertiary-disabled-border-color: transparent;
    --button-emphasis-background-color: #f86200;
    --button-emphasis-border-color: transparent;
    --button-emphasis-text-color: var(--cpc-colors-white);
    --button-emphasis-hover-background-color: #e15200;
    --button-emphasis-hover-border-color: transparent;
    --button-emphasis-hover-text-color: var(--cpc-colors-white);
    --button-emphasis-active-background-color: #c15500;
    --button-emphasis-active-text-color: var(--cpc-colors-white);
    --button-emphasis-active-border-color: transparent;
    --button-emphasis-disabled-background-color: rgba(248, 98, 0, 0.4);
    --button-emphasis-disabled-text-color: hsla(0, 0%, 100%, 0.4);
    --button-emphasis-disabled-border-color: transparent;
    --button-cta-background-color: #3da556;
    --button-cta-border-color: transparent;
    --button-cta-text-color: var(--cpc-colors-white);
    --button-cta-hover-background-color: #348357;
    --button-cta-hover-border-color: transparent;
    --button-cta-hover-text-color: var(--cpc-colors-white);
    --button-cta-active-background-color: #276442;
    --button-cta-active-text-color: var(--cpc-colors-white);
    --button-cta-active-border-color: transparent;
    --button-cta-disabled-background-color: rgba(61, 165, 86, 0.4);
    --button-cta-disabled-text-color: hsla(0, 0%, 100%, 0.4);
    --button-cta-disabled-border-color: transparent;
    --button-primary-danger-background-color: var(--cpc-colors-cerise-red);
    --button-primary-danger-border-color: transparent;
    --button-primary-danger-text-color: var(--cpc-colors-white);
    --button-primary-danger-hover-background-color: #c51322;
    --button-primary-danger-hover-border-color: transparent;
    --button-primary-danger-hover-text-color: var(--cpc-colors-white);
    --button-primary-danger-active-background-color: #b0050c;
    --button-primary-danger-active-text-color: var(--cpc-colors-white);
    --button-primary-danger-active-border-color: transparent;
    --button-primary-danger-disabled-background-color: rgba(220, 49, 73, 0.4);
    --button-primary-danger-disabled-text-color: hsla(0, 0%, 100%, 0.4);
    --button-primary-danger-disabled-border-color: transparent;
    --button-secondary-danger-background-color: transparent;
    --button-secondary-danger-border-color: var(--cpc-colors-cerise-red);
    --button-secondary-danger-text-color: var(--cpc-colors-cerise-red);
    --button-secondary-danger-hover-background-color: #c51322;
    --button-secondary-danger-hover-border-color: transparent;
    --button-secondary-danger-hover-text-color: var(--cpc-colors-white);
    --button-secondary-danger-active-background-color: #b0050c;
    --button-secondary-danger-active-text-color: var(--cpc-colors-white);
    --button-secondary-danger-active-border-color: transparent;
    --button-secondary-danger-disabled-background-color: transparent;
    --button-secondary-danger-disabled-text-color: rgba(220, 49, 73, 0.4);
    --button-secondary-danger-disabled-border-color: rgba(220, 49, 73, 0.4);
    --button-tertiary-danger-background-color: transparent;
    --button-tertiary-danger-border-color: transparent;
    --button-tertiary-danger-text-color: var(--cpc-colors-cerise-red);
    --button-tertiary-danger-hover-background-color: #ececec;
    --button-tertiary-danger-hover-border-color: transparent;
    --button-tertiary-danger-hover-text-color: var(--cpc-colors-cerise-red);
    --button-tertiary-danger-active-background-color: var(--cpc-colors-light-gray);
    --button-tertiary-danger-active-text-color: var(--cpc-colors-cerise-red);
    --button-tertiary-danger-active-border-color: transparent;
    --button-tertiary-danger-disabled-background-color: transparent;
    --button-tertiary-danger-disabled-text-color: rgba(220, 49, 73, 0.4);
    --button-tertiary-danger-disabled-border-color: transparent;
    --button-text-transform: uppercase;
    --button-border-radius: 4px;
    --button-border-width: 2px;
    --button-small-height: 32px;
    --button-small-medium-height: 40px;
    --button-medium-height: 48px;
    --button-large-height: 72px;
    --button-small-icon-size: 16px;
    --button-small-medium-icon-size: 20px;
    --button-medium-icon-size: 24px;
    --button-large-icon-size: 24px;
    --help-modal-fab-color: #006192;
    --help-modal-font-size: 16px;
    --help-modal-font-weight: 600;
    --help-modal-line-height: 1.5;
    --help-modal-letter-spacing: 1px;
    --help-modal-background-color: #fff;
    --help-modal-box-shadow-color: #e3e6e6;
    --help-modal-icon-size: 24px;
    --help-modal-icon-info-size: 40px;
    --help-modal-icon-info-color: var(--cpc-colors-cerulean);
    --help-modal-content-color: #006192;
    --help-modal-content-border-color: #d3e3e5;
    --help-modal-content-list-font-size: 16px;
    --help-modal-content-selected: 700;
    --help-modal-content-font-size: 16px;
    --help-modal-min-width: 280px;
    --help-modal-max-width: 888px;
    --help-modal-width: calc(100vw - 16px * 2);
    --help-modal-max-width-large: 100%;
    --help-modal-position-bottom: 115px;
    --help-modal-group-content-max-width: 375px;
    --paging-input-color: #5b686e;
    --error-page-text-color: var(--cpc-colors-charcoal);
    --error-page-title-weight: 300;
    --error-page-title-size: 54px;
    --error-page-subtitle-weight: 400;
    --error-page-subtitle-size: 24px;
    --logout-page-text-color: #414141;
    --logout-page-text-font-weight: 500;
    --logout-page-title-font-size: 26px;
    --logout-page-title-line-height: 32px;
    --logout-page-title-letter-spacing: 0.26px;
    --logout-page-subtitle-font-size: 16px;
    --logout-page-subtitle-line-height: 24px;
    --font-family: "Allianz Neo", sans-serif !important;
    --ui-background: transparent;
    --ui-01: #fff;
    --ui-02: #f5f5f5;
    --ui-03: #ececec;
    --ui-04: #d9d9d9;
    --ui-05: #767676;
    --ui-06: #414141;
    --interactive-text: #006192;
    --interactive-primary: #007ab3;
    --hover-primary: #006192;
    --hover-secondary: #ececec;
    --active-primary: #003781;
    --hover-link: #008ed6;
    --focus-box-shadow: 0 0 0 2px #fff, 0 0 0 6px #009de6;
    --focus-inset-box-shadow: inset 0 0 0 4px #009de6, inset 0 0 0 6px #fff;
    --text-01: #414141;
    --text-02: #fff;
    --info: #496ebd;
    --warning: #efbe25;
    --danger: #dc3149;
    --success: #1e8927;
    --accent-01: #f86200;
    --accent-02: #3da556;
    --disabled-01: #c2c2c2;
    --disabled-02: #dadada;
    --disabled-03: #ececec;
    --disabled-04: rgba(0, 97, 146, 0.4);
    --negative: #fff;
    --negative-accent: var(--interactive-text);
    --negative-01: #d9d9d9;
    --negative-02: #c2c2c2;
    --negative-background: #414141;
    --negative-dimmed: hsla(0, 0%, 100%, 0.4);
    --negative-01-dimmed: hsla(0, 0%, 85.1%, 0.4);
    --negative-02-dimmed: hsla(0, 0%, 76.1%, 0.4);
    --negative-background-dimmed: rgba(65, 65, 65, 0.4);
    --grid-max-width: 1184px;
    --readonly-01: #f5f5f5;
    --readonly-02: #c2c2c2;
    --readonly-03: #fff;
    --heading-01-font-size: 54px;
    --heading-01-line-height: 60px;
    --heading-01-font-weight: 300;
    --heading-01-letter-spacing: 0.3px;
    --heading-01-mobile-font-size: var(--heading-02-font-size);
    --heading-01-mobile-line-height: var(--heading-02-line-height);
    --heading-01-mobile-font-weight: var(--heading-02-font-weight);
    --heading-01-mobile-letter-spacing: var(--heading-02-letter-spacing);
    --heading-02-font-size: 40px;
    --heading-02-line-height: 48px;
    --heading-02-font-weight: 300;
    --heading-02-letter-spacing: 0.3px;
    --heading-02-mobile-font-size: 35px;
    --heading-02-mobile-line-height: 40px;
    --heading-02-mobile-font-weight: 300;
    --heading-02-mobile-letter-spacing: var(--heading-02-letter-spacing);
    --heading-03-font-size: 30px;
    --heading-03-line-height: 36px;
    --heading-03-font-weight: 300;
    --heading-03-letter-spacing: 0.3px;
    --heading-03-mobile-font-size: var(--heading-04-font-size);
    --heading-03-mobile-line-height: var(--heading-04-line-height);
    --heading-03-mobile-font-weight: var(--heading-04-font-weight);
    --heading-03-mobile-letter-spacing: var(--heading-04-letter-spacing);
    --heading-04-font-size: 26px;
    --heading-04-line-height: 32px;
    --heading-04-font-weight: 300;
    --heading-04-letter-spacing: 0.3px;
    --heading-04-mobile-font-size: var(--heading-05-font-size);
    --heading-04-mobile-line-height: var(--heading-05-line-height);
    --heading-04-mobile-font-weight: var(--heading-05-font-weight);
    --heading-04-mobile-letter-spacing: var(--heading-05-letter-spacing);
    --heading-05-font-size: 24px;
    --heading-05-line-height: 32px;
    --heading-05-font-weight: 600;
    --heading-05-letter-spacing: 0.2px;
    --heading-05-mobile-font-size: var(--heading-06-font-size);
    --heading-05-mobile-line-height: var(--heading-06-line-height);
    --heading-05-mobile-font-weight: var(--heading-06-font-weight);
    --heading-05-mobile-letter-spacing: var(--heading-06-letter-spacing);
    --heading-06-font-size: 20px;
    --heading-06-line-height: 28px;
    --heading-06-font-weight: 300;
    --heading-06-letter-spacing: 0.2px;
    --heading-06-mobile-font-size: 18px;
    --heading-06-mobile-line-height: 28px;
    --heading-06-mobile-font-weight: 300;
    --heading-06-mobile-letter-spacing: 0.2px;
    --paragraph-01-font-size: 20px;
    --paragraph-01-line-height: 28px;
    --paragraph-01-font-weight: 400;
    --paragraph-01-letter-spacing: 0.2px;
    --paragraph-02-font-size: 18px;
    --paragraph-02-line-height: 24px;
    --paragraph-02-font-weight: 400;
    --paragraph-02-letter-spacing: 0.2px;
    --paragraph-03-font-size: 16px;
    --paragraph-03-line-height: 24px;
    --paragraph-03-font-weight: 400;
    --paragraph-03-letter-spacing: 0;
    --paragraph-04-font-size: 14px;
    --paragraph-04-line-height: 20px;
    --paragraph-04-font-weight: 600;
    --paragraph-04-letter-spacing: 0.2px;
    --paragraph-05-font-size: 12px;
    --paragraph-05-line-height: 16px;
    --paragraph-05-font-weight: 600;
    --paragraph-05-letter-spacing: 0.5px;
    --large-label-font-size: 20px;
    --large-label-line-height: 28px;
    --large-label-font-weight: 400;
    --large-label-letter-spacing: 0.2px;
    --small-label-font-size: 16px;
    --small-label-line-height: 24px;
    --small-label-font-weight: 400;
    --small-label-letter-spacing: 0;
    --button-small-font-size: 14px;
    --button-small-line-height: 16px;
    --button-small-font-weight: 600;
    --button-small-letter-spacing: 1px;
    --button-small-medium-font-size: var(--button-medium-font-size);
    --button-small-medium-line-height: var(--button-medium-line-height);
    --button-small-medium-font-weight: var(--button-medium-font-weight);
    --button-small-medium-letter-spacing: var(--button-medium-letter-spacing);
    --button-medium-font-size: 16px;
    --button-medium-line-height: 24px;
    --button-medium-font-weight: 600;
    --button-medium-letter-spacing: 1px;
    --button-large-font-size: 20px;
    --button-large-line-height: 24px;
    --button-large-font-weight: 600;
    --button-large-letter-spacing: 1px;
    --accordion-regular-font-size: var(--heading-04-font-size);
    --accordion-regular-line-height: var(--heading-04-line-height);
    --accordion-regular-font-weight: var(--heading-04-font-weight);
    --accordion-regular-letter-spacing: var(--heading-04-letter-spacing);
    --accordion-regular-mobile-font-size: var(--heading-06-font-size);
    --accordion-regular-mobile-line-height: var(--heading-06-line-height);
    --accordion-regular-mobile-font-weight: 400;
    --accordion-regular-mobile-letter-spacing: var(--heading-06-letter-spacing);
    --accordion-light-font-size: var(--paragraph-01-font-size);
    --accordion-light-line-height: var(--paragraph-01-line-height);
    --accordion-light-font-weight: var(--paragraph-01-font-weight);
    --accordion-light-letter-spacing: var(--paragraph-01-letter-spacing);
    --accordion-light-mobile-font-size: var(--paragraph-03-font-size);
    --accordion-light-mobile-line-height: var(--paragraph-03-line-height);
    --accordion-light-mobile-font-weight: var(--paragraph-03-font-weight);
    --accordion-light-mobile-letter-spacing: var(--paragraph-03-letter-spacing);
    --accordion-body-font-size: var(--paragraph-03-font-size);
    --accordion-body-line-height: var(--paragraph-03-line-height);
    --accordion-body-font-weight: var(--paragraph-03-font-weight);
    --accordion-body-letter-spacing: var(--paragraph-03-letter-spacing);
    --accordion-chevron-size: 24px;
    --accordion-regular-chevron-color: var(--interactive-text);
    --accordion-regular-hover-chevron-color: var(--interactive-text);
    --accordion-disabled-color: var(--disabled-01);
    --accordion-regular-header-background-color: var(--ui-02);
    --accordion-regular-header-text-color: var(--text-01);
    --accordion-regular-header-hover-text-color: var(--text-01);
    --accordion-regular-header-top-margin: 16px;
    --accordion-regular-border-color: transparent;
    --accordion-regular-mobile-border-color: var(--ui-04);
    --accordion-regular-mobile-separator-color: var(--ui-04);
    --accordion-regular-header-padding: 24px 32px;
    --accordion-regular-body-padding: 24px 88px 32px 32px;
    --accordion-regular-body-padding-rtl: 24px 32px 32px 88px;
    --accordion-light-header-text-color: var(--interactive-text);
    --accordion-light-header-hover-text-color: var(--interactive-text);
    --accordion-light-chevron-color: var(--interactive-text);
    --accordion-light-hover-chevron-color: var(--interactive-text);
    --accordion-light-header-padding: 24px 32px;
    --accordion-light-body-padding: 24px 88px 32px 32px;
    --accordion-light-body-padding-rtl: 24px 32px 32px 88px;
    --accordion-light-border-color: var(--ui-04);
    --accordion-extra-light-header-top-margin: 16px;
    --accordion-extra-light-chevron-color: var(--interactive-text);
    --accordion-extra-light-header-text-color: var(--interactive-text);
    --accordion-extra-light-body-padding: 8px 0 8px 0;
    --accordion-extra-light-font-size: 16px;
    --accordion-extra-light-line-height: 24px;
    --accordion-extra-light-font-weight: 600;
    --accordion-extra-light-letter-spacing: 1px;
    --action-font-size: var(--paragraph-03-font-size);
    --action-line-height: var(--paragraph-03-line-height);
    --action-font-weight: var(--paragraph-03-font-weight);
    --action-letter-spacing: var(--paragraph-03-letter-spacing);
    --action-color: var(--text-01);
    --action-hover-color: var(--text-01);
    --action-background-color: var(--ui-02);
    --action-hover-background-color: var(--hover-secondary);
    --action-selected-color: var(--text-02);
    --action-selected-background-color: var(--interactive-primary);
    --action-icon-size: 20px;
    --action-expand-icon-size: 16px;
    --avatar-background-color: #8a679c;
    --avatar-color: var(--text-02);
    --avatar-disabled-opacity: 0.4;
    --avatar-xsmall-size: 32px;
    --avatar-xsmall-font-size: var(--paragraph-04-font-size);
    --avatar-xsmall-line-height: var(--paragraph-04-line-height);
    --avatar-xsmall-font-weight: var(--paragraph-04-font-weight);
    --avatar-xsmall-letter-spacing: var(--paragraph-04-letter-spacing);
    --avatar-xsmall-icon-size: 24px;
    --avatar-small-size: 40px;
    --avatar-small-font-size: var(--paragraph-03-font-size);
    --avatar-small-line-height: var(--paragraph-03-line-height);
    --avatar-small-font-weight: 600;
    --avatar-small-letter-spacing: var(--paragraph-03-letter-spacing);
    --avatar-small-icon-size: 24px;
    --avatar-small-medium-size: 64px;
    --avatar-small-medium-font-size: var(--heading-04-font-size);
    --avatar-small-medium-line-height: var(--heading-04-line-height);
    --avatar-small-medium-font-weight: 600;
    --avatar-small-medium-letter-spacing: var(--heading-04-letter-spacing);
    --avatar-small-medium-icon-size: 40px;
    --avatar-medium-size: 80px;
    --avatar-medium-font-size: var(--heading-03-font-size);
    --avatar-medium-line-height: var(--heading-03-line-height);
    --avatar-medium-font-weight: 600;
    --avatar-medium-letter-spacing: var(--heading-03-letter-spacing);
    --avatar-medium-icon-size: 48px;
    --avatar-large-size: 120px;
    --avatar-large-font-size: var(--heading-02-font-size);
    --avatar-large-line-height: var(--heading-02-line-height);
    --avatar-large-font-weight: 600;
    --avatar-large-letter-spacing: var(--heading-02-letter-spacing);
    --avatar-large-icon-size: 72px;
    --avatar-xlarge-size: 160px;
    --avatar-xlarge-font-size: var(--heading-01-font-size);
    --avatar-xlarge-line-height: var(--heading-01-line-height);
    --avatar-xlarge-font-weight: 600;
    --avatar-xlarge-letter-spacing: var(--heading-01-letter-spacing);
    --avatar-xlarge-icon-size: 96px;
    --badge-font-size: var(--paragraph-03-font-size);
    --badge-line-height: var(--paragraph-03-line-height);
    --badge-font-weight: var(--paragraph-03-font-weight);
    --badge-letter-spacing: var(--paragraph-03-letter-spacing);
    --badge-background-color: var(--ui-04);
    --badge-color: var(--text-01);
    --badge-active-background-color: #cfe9ee;
    --badge-active-color: var(--badge-color);
    --badge-positive-background-color: #e3ebaf;
    --badge-positive-color: var(--badge-color);
    --badge-critical-background-color: #f7c7c3;
    --badge-critical-color: var(--badge-color);
    --badge-negative-background-color: #ffe8b0;
    --badge-negative-color: var(--badge-color);
    --badge-vibrant-background-color: var(--ui-06);
    --badge-vibrant-color: #fff;
    --badge-vibrant-active-background-color: #007ab3;
    --badge-vibrant-active-color: var(--badge-vibrant-color);
    --badge-vibrant-positive-background-color: #1e8927;
    --badge-vibrant-positive-color: var(--badge-vibrant-color);
    --badge-vibrant-critical-background-color: #dc3149;
    --badge-vibrant-critical-color: var(--badge-vibrant-color);
    --badge-vibrant-negative-background-color: #efbe25;
    --badge-vibrant-negative-color: var(--text-01);
    --base-label-color: var(--text-01);
    --base-label-small-font-size: var(--small-label-font-size);
    --base-label-small-line-height: var(--small-label-line-height);
    --base-label-small-font-weight: 600;
    --base-label-small-letter-spacing: var(--small-label-letter-spacing);
    --base-label-large-font-size: var(--large-label-font-size);
    --base-label-large-line-height: var(--large-label-line-height);
    --base-label-large-font-weight: 300;
    --base-label-large-letter-spacing: var(--large-label-letter-spacing);
    --base-error-color: var(--danger);
    --base-error-simple-icon-size: 20px;
    --base-error-simple-font-size: var(--paragraph-03-font-size);
    --base-error-simple-line-height: 20px;
    --base-error-simple-font-weight: var(--paragraph-03-font-weight);
    --base-error-simple-letter-spacing: var(--paragraph-03-letter-spacing);
    --button-primary-background-color: var(--interactive-primary);
    --button-primary-text-color: var(--text-02);
    --button-primary-hover-background-color: var(--hover-primary);
    --button-primary-hover-text-color: var(--text-02);
    --button-primary-active-background-color: var(--active-primary);
    --button-primary-active-text-color: var(--text-02);
    --button-secondary-border-color: var(--interactive-primary);
    --button-secondary-text-color: var(--interactive-text);
    --button-secondary-hover-background-color: var(--hover-primary);
    --button-secondary-hover-text-color: var(--text-02);
    --button-secondary-active-background-color: var(--active-primary);
    --button-secondary-active-text-color: var(--text-02);
    --button-tertiary-hover-background-color: var(--hover-secondary);
    --button-tertiary-active-background-color: var(--ui-04);
    --button-emphasis-background-color: var(--accent-01);
    --button-emphasis-text-color: var(--text-02);
    --button-emphasis-hover-text-color: var(--text-02);
    --button-emphasis-active-text-color: var(--text-02);
    --button-cta-background-color: var(--accent-02);
    --button-cta-text-color: var(--text-02);
    --button-cta-hover-text-color: var(--text-02);
    --button-cta-active-text-color: var(--text-02);
    --button-primary-danger-background-color: var(--danger);
    --button-primary-danger-text-color: var(--text-02);
    --button-primary-danger-hover-text-color: var(--text-02);
    --button-primary-danger-active-text-color: var(--text-02);
    --button-secondary-danger-border-color: var(--danger);
    --button-secondary-danger-text-color: var(--danger);
    --button-secondary-danger-hover-text-color: var(--text-02);
    --button-secondary-danger-active-text-color: var(--text-02);
    --button-tertiary-danger-text-color: var(--danger);
    --button-tertiary-danger-hover-background-color: var(--hover-secondary);
    --button-tertiary-danger-hover-text-color: var(--danger);
    --button-tertiary-danger-active-background-color: var(--ui-04);
    --button-tertiary-danger-active-text-color: var(--danger);
    --plain-button-color: var(--link-color);
    --plain-button-hover-color: var(--link-hover-color);
    --plain-button-active-color: var(--link-active-color);
    --plain-button-disabled-color: var(--link-disabled-color);
    --plain-button-danger-color: var(--danger);
    --plain-button-danger-hover-color: #c51322;
    --plain-button-danger-active-color: #b0050c;
    --plain-button-danger-disabled-color: rgba(220, 49, 73, 0.4);
    --plain-button-font-size: var(--link-small-font-size);
    --plain-button-line-height: var(--link-small-line-height);
    --plain-button-font-weight: var(--link-small-font-weight);
    --plain-button-letter-spacing: var(--link-small-letter-spacing);
    --plain-button-icon-size: var(--link-small-icon-size);
    --breadcrumb-color: var(--text-01);
    --breadcrumb-font-size: 16px;
    --breadcrumb-line-height: 24px;
    --breadcrumb-letter-spacing: 0;
    --breadcrumb-font-weight: 400;
    --breadcrumb-chevron-color: var(--text-01);
    --icon-button-small-icon-size: 16px;
    --icon-button-small-medium-icon-size: 24px;
    --icon-button-medium-icon-size: 24px;
    --icon-button-large-icon-size: 24px;
    --card-text-color: var(--text-01);
    --card-background-color: var(--ui-01);
    --card-border-color: var(--ui-04);
    --card-border-width: 1px;
    --card-border-radius: 4px;
    --comparison-table-popular-cell-text-color: var(--text-01);
    --comparison-table-popular-cell-background-color: #e1cfeb;
    --comparison-table-selected-column-background-color: #c1ebfb;
    --comparison-table-selected-column-text-color: var(--text-01);
    --comparison-table-border-color: var(--ui-03);
    --comparison-table-header-background-color: var(--ui-01);
    --comparison-table-header-text-color: var(--text-01);
    --comparison-table-placeholder-cell-background-color: transparent;
    --comparison-table-placeholder-cell-border-color: transparent;
    --comparison-table-disabled-text-color: var(--disabled-01);
    --comparison-table-disabled-column-header-text-color: var(--comparison-table-disabled-text-color);
    --comparison-table-cell-background-color: var(--ui-01);
    --comparison-table-intersection-cell-background-color: hsla(0, 0%, 100%, 0.75);
    --comparison-table-toggle-section-header-background-color: hsla(0, 0%, 100%, 0.75);
    --comparison-table-toggle-section-chevron-size: var(--accordion-chevron-size);
    --comparison-table-toggle-section-chevron-color: var(--accordion-regular-chevron-color);
    --comparison-table-toggle-section-header-padding: 24px 32px 24px 16px;
    --comparison-table-toggle-section-header-padding-rtl: 24px 16px 24px 32px;
    --comparison-table-expansion-cell-color: var(--interactive-text);
    --comparison-table-font-size: 16px;
    --comparison-table-line-height: 20px;
    --comparison-table-font-weight: 400;
    --comparison-table-letter-spacing: 0;
    --comparison-table-popular-cell-font-size: 14px;
    --comparison-table-popular-cell-line-height: 16px;
    --comparison-table-popular-cell-font-weight: 600;
    --comparison-table-popular-cell-letter-spacing: 0.2px;
    --comparison-table-description-cell-mobile-font-size: 14px;
    --comparison-table-description-cell-mobile-line-height: 16px;
    --comparison-table-description-cell-mobile-font-weight: 700;
    --comparison-table-description-cell-mobile-letter-spacing: 0.2px;
    --comparison-table-mobile-section-header-font-size: 14px;
    --comparison-table-mobile-section-header-line-height: 24px;
    --comparison-table-mobile-section-header-font-weight: 600;
    --comparison-table-mobile-section-header-letter-spacing: 0;
    --comparison-table-group-label-font-size: 16px;
    --comparison-table-group-label-line-height: 24px;
    --comparison-table-group-label-font-weight: 600;
    --comparison-table-group-label-letter-spacing: 1px;
    --comparison-table-toggle-section-header-font-size: var(--heading-04-font-size);
    --comparison-table-toggle-section-header-line-height: var(--heading-04-line-height);
    --comparison-table-toggle-section-header-font-weight: var(--heading-04-font-weight);
    --comparison-table-toggle-section-header-letter-spacing: var(--heading-04-letter-spacing);
    --selectable-card-text-color: var(--text-01);
    --selectable-card-background-color: var(--ui-01);
    --selectable-card-background-hover-color: var(--ui-02);
    --selectable-card-background-selected-color: var(--ui-02);
    --selectable-card-background-selected-hover-color: var(--ui-03);
    --selectable-card-background-disabled-color: var(--ui-01);
    --selectable-card-background-disabled-selected-color: var(--ui-02);
    --selectable-card-background-active-color: #cecece;
    --selectable-card-icon-color: var(--success);
    --selectable-card-unchecked-icon-hover-color: #c2c2c2;
    --selectable-card-icon-placeholder-border-color: transparent;
    --selectable-card-border-color: #999;
    --selectable-card-border-hover-color: var(--ui-06);
    --selectable-card-border-selected-color: var(--ui-06);
    --selectable-card-border-disabled-color: var(--ui-03);
    --selectable-card-border-disabled-selected-color: #c2c2c2;
    --selectable-card-border-error-color: var(--danger);
    --selectable-card-border-width: 1px;
    --selectable-card-border-radius: 4px;
    --checkbox-border-width: 2px;
    --checkbox-border-radius: 4px;
    --checkbox-control-size: 24px;
    --checkbox-icon-size: 20px;
    --checkbox-background-color: transparent;
    --checkbox-border-color: var(--ui-05);
    --checkbox-icon-color: var(--text-02);
    --checkbox-indeterminate-color: var(--interactive-primary);
    --checkbox-selected-background-color: var(--interactive-primary);
    --checkbox-selected-border-color: var(--interactive-primary);
    --checkbox-hover-background-color: var(--hover-primary);
    --checkbox-hover-border-color: var(--hover-primary);
    --checkbox-active-background-color: var(--active-primary);
    --checkbox-active-border-color: var(--active-primary);
    --checkbox-disabled-border-color: var(--disabled-01);
    --checkbox-disabled-background-color: var(--disabled-03);
    --checkbox-disabled-selected-background-color: var(--disabled-01);
    --checkbox-disabled-icon-color: var(--text-02);
    --checkbox-label-color: var(--text-01);
    --checkbox-label-disabled-color: var(--disabled-01);
    --checkbox-large-label-control-margin-top: 2px;
    --checkbox-large-label-text-margin-top: 0;
    --checkbox-large-label-text-margin-left: 12px;
    --checkbox-small-label-control-margin-top: 0;
    --checkbox-small-label-text-margin-top: 0;
    --checkbox-small-label-text-margin-left: 12px;
    --checkbox-large-label-font-size: var(--large-label-font-size);
    --checkbox-large-label-line-height: var(--large-label-line-height);
    --checkbox-large-label-font-weight: var(--large-label-font-weight);
    --checkbox-large-label-letter-spacing: var(--large-label-letter-spacing);
    --checkbox-small-label-font-size: var(--small-label-font-size);
    --checkbox-small-label-line-height: var(--small-label-line-height);
    --checkbox-small-label-font-weight: var(--small-label-font-weight);
    --checkbox-small-label-letter-spacing: var(--small-label-letter-spacing);
    --checkbox-disabled-negative-background-color: hsla(0, 0%, 60%, 0.4);
    --circle-toggle-checkmark-background-color: #3da556;
    --circle-toggle-checkmark-color: #fff;
    --circle-toggle-checkmark-border-color: #fff;
    --circle-toggle-icon-color: var(--interactive-primary);
    --circle-toggle-border-color: var(--interactive-primary);
    --circle-toggle-background-color: transparent;
    --circle-toggle-selected-icon-color: #fff;
    --circle-toggle-selected-border-color: var(--interactive-primary);
    --circle-toggle-selected-background-color: var(--interactive-primary);
    --circle-toggle-hover-icon-color: #fff;
    --circle-toggle-hover-border-color: var(--hover-primary);
    --circle-toggle-hover-background-color: var(--hover-primary);
    --circle-toggle-label-font-size: var(--small-label-font-size);
    --circle-toggle-label-line-height: var(--small-label-line-height);
    --circle-toggle-label-font-weight: var(--small-label-font-weight);
    --circle-toggle-label-letter-spacing: var(--small-label-letter-spacing);
    --circle-toggle-label-mobile-font-size: var(--paragraph-04-font-size);
    --circle-toggle-label-mobile-line-height: var(--paragraph-04-line-height);
    --circle-toggle-label-mobile-font-weight: var(--circle-toggle-label-font-weight);
    --circle-toggle-label-mobile-letter-spacing: var(--paragraph-04-letter-spacing);
    --circle-toggle-hint-font-size: var(--circle-toggle-label-font-size);
    --circle-toggle-hint-line-height: var(--circle-toggle-label-line-height);
    --circle-toggle-hint-font-weight: var(--circle-toggle-label-font-weight);
    --circle-toggle-hint-letter-spacing: var(--circle-toggle-label-letter-spacing);
    --circle-toggle-hint-mobile-font-size: var(--circle-toggle-label-mobile-font-size);
    --circle-toggle-hint-mobile-line-height: var(--circle-toggle-label-mobile-line-height);
    --circle-toggle-hint-mobile-font-weight: 300;
    --circle-toggle-hint-mobile-letter-spacing: var(--circle-toggle-label-mobile-letter-spacing);
    --circle-toggle-label-color: var(--text-01);
    --circle-toggle-hint-color: var(--text-01);
    --circle-toggle-content-text-font-size: var(--heading-05-font-size);
    --circle-toggle-content-text-line-height: var(--heading-05-line-height);
    --circle-toggle-content-text-font-weight: 400;
    --circle-toggle-content-text-letter-spacing: var(--heading-05-letter-spacing);
    --circle-toggle-content-text-mobile-font-size: var(--heading-05-mobile-font-size);
    --circle-toggle-content-text-mobile-line-height: var(--heading-05-mobile-line-height);
    --circle-toggle-content-text-mobile-font-weight: 400;
    --circle-toggle-content-text-mobile-letter-spacing: var(--heading-05-mobile-letter-spacing);
    --circle-toggle-content-text-color: var(--interactive-text);
    --circle-toggle-selected-content-text-color: #fff;
    --code-input-font-size: var(--heading-04-font-size);
    --code-input-line-height: var(--heading-04-line-height);
    --code-input-font-weight: 600;
    --code-input-letter-spacing: var(--heading-04-letter-spacing);
    --code-input-color: var(--text-01);
    --code-input-active-color: var(--interactive-primary);
    --code-input-error-color: var(--danger);
    --code-input-disabled-color: var(--disabled-01);
    --context-menu-font-size: var(--paragraph-03-font-size);
    --context-menu-line-height: var(--paragraph-03-line-height);
    --context-menu-font-weight: var(--paragraph-03-font-weight);
    --context-menu-letter-spacing: var(--paragraph-03-letter-spacing);
    --context-menu-background-color: var(--ui-01);
    --context-menu-item-text-color: var(--text-01);
    --context-menu-item-active-color: var(--interactive-text);
    --context-menu-item-disabled-color: var(--disabled-01);
    --context-menu-item-icon-size: 20px;
    --context-menu-item-expand-icon-size: 20px;
    --datefield-toggle-icon-size: var(--formfield-icon-size);
    --datefield-change-view-font-size: var(--small-label-font-size);
    --datefield-change-view-line-height: 1;
    --datefield-change-view-font-weight: bold;
    --datefield-change-view-letter-spacing: var(--small-label-letter-spacing);
    --datefield-change-view-color: var(--interactive-text);
    --datefield-change-view-hover-color: var(--hover-primary);
    --datefield-cell-font-size: var(--paragraph-03-font-size);
    --datefield-cell-line-height: var(--paragraph-03-line-height);
    --datefield-cell-font-weight: 600;
    --datefield-cell-letter-spacing: var(--paragraph-03-letter-spacing);
    --datefield-cell-color: var(--text-01);
    --datefield-cell-selected-background-color: var(--interactive-primary);
    --datefield-cell-selected-color: var(--text-02);
    --datefield-cell-hover-background-color: var(--ui-03);
    --datefield-cell-hover-color: var(--text-01);
    --datefield-cell-disabled-color: var(--disabled-01);
    --datefield-cell-focused-background-color: var(--ui-01);
    --datefield-header-cell-color: #c2c2c2;
    --datefield-period-label-font-size: var(--large-label-font-size);
    --datefield-period-label-line-height: var(--datefield-controls-icon-size);
    --datefield-period-label-font-weight: 600;
    --datefield-period-label-letter-spacing: var(--large-label-letter-spacing);
    --datefield-period-label-color: var(--text-01);
    --datefield-controls-color: var(--interactive-text);
    --datefield-controls-hover-color: var(--hover-primary);
    --datefield-controls-icon-size: 24px;
    --datefield-panel-background-color: var(--ui-01);
    --datefield-panel-header-background-color: var(--ui-01);
    --datefield-panel-border-color: var(--ui-04);
    --dropdown-panel-background-color: var(--ui-01);
    --dropdown-panel-header-background-color: var(--ui-03);
    --dropdown-panel-text-color: var(--text-01);
    --dropdown-panel-header-text-color: var(--text-01);
    --dropdown-group-section-background-color: hsla(0, 0%, 92.5%, 0.5);
    --dropdown-item-text-color: var(--text-01);
    --dropdown-item-selected-color: var(--text-01);
    --dropdown-item-hover-color: var(--hover-primary);
    --dropdown-item-checkmark-color: var(--text-01);
    --dropdown-item-font-size: var(--large-label-font-size);
    --dropdown-item-line-height: var(--large-label-line-height);
    --dropdown-item-font-weight: var(--large-label-font-weight);
    --dropdown-item-letter-spacing: var(--large-label-letter-spacing);
    --dropdown-item-outline-font-size: var(--small-label-font-size);
    --dropdown-item-outline-line-height: var(--small-label-line-height);
    --dropdown-item-outline-font-weight: var(--small-label-font-weight);
    --dropdown-item-outline-letter-spacing: var(--small-label-letter-spacing);
    --dropdown-item-text-color-disabled: var(--disabled-01);
    --dropdown-chevron-size: var(--formfield-icon-size);
    --dropdown-filter-input-text-color: var(--text-01);
    --dropdown-filter-input-border-color: var(--ui-05);
    --dropdown-filter-input-active-text-color: var(--interactive-primary);
    --dropdown-filter-input-active-border-color: var(--interactive-primary);
    --footer-font-size: var(--paragraph-03-font-size);
    --footer-line-height: var(--paragraph-03-line-height);
    --footer-font-weight: var(--paragraph-03-font-weight);
    --footer-letter-spacing: var(--paragraph-03-letter-spacing);
    --footer-color: var(--ui-05);
    --footer-copyright-font-weight: 700;
    --formfield-bottom-padding: 24px;
    --formfield-icon-size: 24px;
    --formfield-label-color: var(--text-01);
    --formfield-control-color: var(--text-01);
    --formfield-border-width: 1px;
    --formfield-active-color: var(--interactive-text);
    --formfield-hover-border-color: var(--ui-06);
    --formfield-disabled-text-color: var(--disabled-01);
    --formfield-disabled-border-color: var(--disabled-01);
    --formfield-readonly-border-color: var(--readonly-02);
    --formfield-readonly-background-color: var(--readonly-01);
    --formfield-control-height: 32px;
    --formfield-error-input-font-weight: 700;
    --formfield-input-padding: 0 0 3px 0;
    --formfield-border-color: var(--ui-06);
    --formfield-active-border-color: var(--interactive-primary);
    --formfield-background-color: transparent;
    --formfield-control-font-size: var(--paragraph-01-font-size);
    --formfield-control-line-height: var(--paragraph-01-line-height);
    --formfield-control-font-weight: 600;
    --formfield-control-letter-spacing: var(--paragraph-01-letter-spacing);
    --formfield-label-font-size: var(--paragraph-05-font-size);
    --formfield-label-line-height: var(--paragraph-05-line-height);
    --formfield-label-font-weight: var(--paragraph-05-font-weight);
    --formfield-label-letter-spacing: var(--paragraph-05-letter-spacing);
    --formfield-label-height: 16px;
    --formfield-floating-distance: -16px;
    --formfield-placeholder-label-font-size: var(--formfield-control-font-size);
    --formfield-placeholder-label-line-height: var(--formfield-control-line-height);
    --formfield-placeholder-label-font-weight: 300;
    --formfield-placeholder-label-letter-spacing: var(--formfield-control-letter-spacing);
    --formfield-input-native-placeholder-font-size: var(--formfield-control-font-size);
    --formfield-input-native-placeholder-line-height: var(--formfield-control-line-height);
    --formfield-input-native-placeholder-font-weight: 200;
    --formfield-input-native-placeholder-letter-spacing: var(--formfield-control-letter-spacing);
    --formfield-input-native-placeholder-color: var(--ui-05);
    --formfield-hint-spacing: 8px;
    --formfield-hint-font-size: var(--paragraph-05-font-size);
    --formfield-hint-line-height: var(--paragraph-05-line-height);
    --formfield-hint-font-weight: 400;
    --formfield-hint-letter-spacing: var(--paragraph-05-letter-spacing);
    --formfield-outline-control-height: 40px;
    --formfield-outline-border-color: var(--ui-05);
    --formfield-outline-background-color: var(--ui-01);
    --formfield-outline-active-border-color: var(--interactive-text);
    --formfield-outline-focus-box-shadow: 0 0 0 2px #009de6;
    --formfield-outline-control-font-size: var(--paragraph-03-font-size);
    --formfield-outline-control-line-height: var(--paragraph-03-line-height);
    --formfield-outline-control-font-weight: var(--paragraph-03-font-weight);
    --formfield-outline-control-letter-spacing: var(--paragraph-03-letter-spacing);
    --formfield-outline-label-font-size: var(--paragraph-03-font-size);
    --formfield-outline-label-line-height: var(--paragraph-03-line-height);
    --formfield-outline-label-font-weight: 600;
    --formfield-outline-label-letter-spacing: var(--paragraph-03-letter-spacing);
    --formfield-outline-label-height: 28px;
    --formfield-outline-floating-distance: -29px;
    --formfield-outline-hint-spacing: 8px;
    --formfield-outline-hint-font-size: var(--paragraph-03-font-size);
    --formfield-outline-hint-line-height: 1em;
    --formfield-outline-hint-font-weight: var(--paragraph-03-font-weight);
    --formfield-outline-hint-letter-spacing: var(--paragraph-03-letter-spacing);
    --formfield-outline-input-native-placeholder-font-size: var(--formfield-outline-control-font-size);
    --formfield-outline-input-native-placeholder-line-height: var(--formfield-outline-control-line-height);
    --formfield-outline-input-native-placeholder-font-weight: 200;
    --formfield-outline-input-native-placeholder-letter-spacing: var(--formfield-outline-control-letter-spacing);
    --formfield-outline-input-native-placeholder-color: var(--ui-05);
    --header-font-size: var(--paragraph-03-font-size);
    --header-line-height: var(--paragraph-03-line-height);
    --header-font-weight: var(--paragraph-03-font-weight);
    --header-letter-spacing: var(--paragraph-03-letter-spacing);
    --header-link-active-color: var(--hover-primary);
    --header-link-active-font-weight: 700;
    --header-background-color: var(--ui-01);
    --header-border-color: var(--ui-04);
    --icon-filled-background-color: var(--text-01);
    --icon-filled-color: var(--ui-01);
    --indicator-background-color: #dc3149;
    --indicator-color: var(--text-02);
    --indicator-border-color: var(--ui-01);
    --indicator-font-size: var(--paragraph-05-font-size);
    --indicator-line-height: 11px;
    --indicator-font-weight: var(--paragraph-05-font-weight);
    --indicator-letter-spacing: 0;
    --link-large-font-size: var(--heading-03-font-size);
    --link-large-line-height: var(--heading-03-line-height);
    --link-large-font-weight: 600;
    --link-large-letter-spacing: var(--heading-03-letter-spacing);
    --link-large-icon-size: 32px;
    --link-small-font-size: 16px;
    --link-small-line-height: 24px;
    --link-small-font-weight: 600;
    --link-small-letter-spacing: 1px;
    --link-small-icon-size: 24px;
    --link-color: var(--interactive-text);
    --link-hover-color: var(--hover-link);
    --link-active-color: var(--active-primary);
    --link-disabled-color: var(--disabled-04);
    --link-black-color: var(--text-01);
    --link-black-hover-color: #999;
    --link-black-active-color: #5b5b5b;
    --link-black-disabled-color: var(--disabled-01);
    --list-text-color: var(--text-01);
    --list-circle-text-color: var(--text-02);
    --list-icon-color: #5a5360;
    --list-icon-size: 24px;
    --list-circle-size: 24px;
    --list-negative-circle-text-color: var(--negative-background);
    --menu-background-color: var(--ui-01);
    --menu-item-border-color: var(--ui-04);
    --menu-button-background-color: var(--ui-01);
    --menu-button-hover-background-color: var(--ui-03);
    --menu-button-text-color: var(--text-01);
    --menu-button-expanded-background-color: var(--interactive-primary);
    --menu-button-expanded-border-color: var(--interactive-primary);
    --menu-button-expanded-text-color: var(--text-02);
    --menu-button-nested-background-color: var(--ui-02);
    --menu-button-nested-expanded-background-color: #c1ebfb;
    --menu-button-nested-expanded-border-color: #c1ebfb;
    --menu-button-nested-expanded-color: var(--text-01);
    --message-text-color: var(--text-01);
    --message-close-icon-color: var(--message-text-color);
    --message-box-shadow: 0 2px 4px rgba(65, 65, 65, 0.5);
    --message-border-radius: 4px;
    --message-regular-background-color: var(--ui-01);
    --message-regular-border-color: var(--text-01);
    --message-info-icon-color: var(--info);
    --message-info-background-color: #ecf0f8;
    --message-info-border-color: var(--info);
    --message-error-icon-color: var(--danger);
    --message-error-background-color: #fbeaec;
    --message-error-border-color: var(--danger);
    --message-success-icon-color: var(--success);
    --message-success-background-color: #e8f3e9;
    --message-success-border-color: var(--success);
    --message-warning-icon-color: var(--warning);
    --message-warning-background-color: #fdf8e9;
    --message-warning-border-color: var(--warning);
    --message-font-size: var(--paragraph-03-font-size);
    --message-line-height: var(--paragraph-03-line-height);
    --message-font-weight: var(--paragraph-03-font-weight);
    --message-letter-spacing: var(--paragraph-03-letter-spacing);
    --message-banner-border-radius: 4px;
    --modal-background-color: var(--ui-01);
    --modal-text-color: var(--text-01);
    --modal-close-icon-color: var(--text-01);
    --modal-actions-background-color: var(--ui-01);
    --modal-actions-border-color: var(--ui-04);
    --pagination-link-color: var(--interactive-text);
    --pagination-link-disabled-color: var(--disabled-04);
    --pagination-item-font-weight: 600;
    --pagination-text-color: var(--text-01);
    --pagination-icon-size: 24px;
    --pagination-icon-font-weight: 600;
    --pagination-font-size: var(--paragraph-03-font-size);
    --pagination-line-height: var(--paragraph-03-line-height);
    --pagination-font-weight: var(--paragraph-03-font-weight);
    --pagination-letter-spacing: var(--paragraph-03-letter-spacing);
    --pagination-compact-direction-font-size: var(--link-small-font-size);
    --pagination-compact-direction-line-height: var(--link-small-line-height);
    --pagination-compact-direction-font-weight: var(--link-small-font-weight);
    --pagination-compact-direction-letter-spacing: var(--link-small-letter-spacing);
    --natural-language-form-large-font-size: var(--heading-02-font-size);
    --natural-language-form-large-line-height: 52px;
    --natural-language-form-large-font-weight: var(--heading-02-font-weight);
    --natural-language-form-large-letter-spacing: var(--heading-02-letter-spacing);
    --natural-language-form-small-font-size: var(--heading-04-font-size);
    --natural-language-form-small-line-height: 36px;
    --natural-language-form-small-font-weight: var(--heading-04-font-weight);
    --natural-language-form-small-letter-spacing: var(--heading-04-letter-spacing);
    --natural-language-form-text-color: var(--text-01);
    --natural-language-form-border-color: var(--ui-04);
    --natural-language-form-active-color: var(--formfield-active-color);
    --natural-language-form-active-border-color: var(--interactive-primary);
    --natural-language-form-error-color: var(--danger);
    --natural-language-form-error-border-color: var(--danger);
    --notification-panel-background-color: #fff;
    --notification-panel-item-unread-background-color: #faf7ef;
    --notification-panel-item-unread-hover-background-color: #f5f0e0;
    --notification-panel-item-unread-active-background-color: #ebe1bf;
    --notification-panel-item-read-background-color: #fff;
    --notification-panel-item-read-hover-background-color: #f5f5f5;
    --notification-panel-item-read-active-background-color: #ececec;
    --number-stepper-label-font-size: var(--large-label-font-size);
    --number-stepper-label-line-height: var(--large-label-line-height);
    --number-stepper-label-font-weight: var(--large-label-font-weight);
    --number-stepper-label-letter-spacing: var(--large-label-letter-spacing);
    --number-stepper-large-font-size: var(--heading-02-font-size);
    --number-stepper-large-line-height: var(--heading-02-line-height);
    --number-stepper-large-font-weight: 400;
    --number-stepper-large-letter-spacing: var(--heading-02-letter-spacing);
    --number-stepper-small-font-size: var(--paragraph-01-font-size);
    --number-stepper-small-line-height: var(--paragraph-01-line-height);
    --number-stepper-small-font-weight: var(--paragraph-01-font-weight);
    --number-stepper-small-letter-spacing: var(--paragraph-01-letter-spacing);
    --number-stepper-color: var(--text-01);
    --number-stepper-underline-color: var(--text-01);
    --number-stepper-disabled-color: var(--formfield-disabled-text-color);
    --number-stepper-disabled-underline-color: var(--formfield-disabled-border-color);
    --page-search-font-size: var(--heading-03-font-size);
    --page-search-line-height: var(--heading-03-line-height);
    --page-search-font-weight: 600;
    --page-search-letter-spacing: var(--heading-03-letter-spacing);
    --page-search-icon-color: var(--interactive-primary);
    --page-search-background-color: var(--ui-01);
    --page-search-box-shadow: 0 2px 4px rgba(65, 65, 65, 0.5);
    --popover-content-font-size: var(--paragraph-03-font-size);
    --popover-content-line-height: var(--paragraph-03-line-height);
    --popover-content-font-weight: var(--paragraph-03-font-weight);
    --popover-content-letter-spacing: var(--paragraph-03-letter-spacing);
    --popover-close-icon-size: 16px;
    --popover-text-color: var(--text-01);
    --popover-background-color: var(--ui-01);
    --popover-border-color: var(--ui-04);
    --popover-close-icon-color: var(--ui-04);
    --progressbar-background-color: var(--ui-03);
    --progressbar-indicator-color: var(--interactive-primary);
    --progress-indicator-mobile-color: var(--text-01);
    --progress-indicator-mobile-font-size: var(--paragraph-03-font-size);
    --progress-indicator-mobile-line-height: var(--paragraph-03-line-height);
    --progress-indicator-mobile-font-weight: var(--paragraph-03-font-weight);
    --progress-indicator-mobile-letter-spacing: var(--paragraph-03-letter-spacing);
    --progress-stepper-label-font-size: var(--large-label-font-size);
    --progress-stepper-label-line-height: var(--large-label-line-height);
    --progress-stepper-label-font-weight: 300;
    --progress-stepper-label-letter-spacing: var(--large-label-letter-spacing);
    --progress-stepper-step-font-size: var(--paragraph-03-font-size);
    --progress-stepper-step-line-height: var(--paragraph-03-line-height);
    --progress-stepper-step-font-weight: var(--paragraph-03-font-weight);
    --progress-stepper-step-letter-spacing: var(--paragraph-03-letter-spacing);
    --progress-stepper-dotnumber-font-size: var(--paragraph-04-font-size);
    --progress-stepper-dotnumber-line-height: var(--paragraph-04-line-height);
    --progress-stepper-dotnumber-font-weight: 700;
    --progress-stepper-dotnumber-letter-spacing: var(--paragraph-04-letter-spacing);
    --progress-stepper-step-color: var(--interactive-text);
    --progress-stepper-step-disabled-color: var(--disabled-02);
    --progress-stepper-dot-color: var(--text-02);
    --progress-stepper-dot-background-color: var(--interactive-primary);
    --progress-stepper-dot-disabled-background-color: var(--disabled-02);
    --single-stepper-step-color: var(--text-01);
    --single-stepper-step-font-size: var(--paragraph-03-font-size);
    --single-stepper-step-line-height: var(--paragraph-03-line-height);
    --single-stepper-step-font-weight: 300;
    --single-stepper-step-letter-spacing: var(--paragraph-03-letter-spacing);
    --multi-stepper-line-color: var(--disabled-01);
    --multi-stepper-line-filled-color: var(--interactive-primary);
    --multi-stepper-dot-touched-color: var(--interactive-primary);
    --multi-stepper-dot-checkmark-color: var(--ui-01);
    --multi-stepper-dot-disabled-color: var(--disabled-01);
    --multi-stepper-step-color: var(--text-01);
    --multi-stepper-step-disabled-color: var(--disabled-01);
    --multi-stepper-step-font-size: var(--paragraph-03-font-size);
    --multi-stepper-step-line-height: var(--paragraph-03-line-height);
    --multi-stepper-step-font-weight: var(--paragraph-03-font-weight);
    --multi-stepper-step-letter-spacing: var(--paragraph-03-letter-spacing);
    --multi-stepper-group-color: var(--multi-stepper-step-color);
    --multi-stepper-group-disabled-color: var(--multi-stepper-step-disabled-color);
    --multi-stepper-group-font-size: var(--paragraph-01-font-size);
    --multi-stepper-group-line-height: var(--paragraph-01-line-height);
    --multi-stepper-group-font-weight: var(--paragraph-01-font-weight);
    --multi-stepper-group-letter-spacing: var(--paragraph-01-letter-spacing);
    --radio-button-circle-color: var(--ui-05);
    --radio-button-hover-circle-color: var(--hover-primary);
    --radio-button-hover-dot-color: var(--hover-primary);
    --radio-button-selected-dot-color: var(--interactive-primary);
    --radio-button-selected-circle-color: var(--interactive-primary);
    --radio-button-dot-background-color: transparent;
    --radio-button-selected-background-color: transparent;
    --radio-button-dot-size: 8px;
    --radio-button-disabled-selected-background-color: transparent;
    --radio-button-disabled-selected-dot-color: var(--disabled-01);
    --radio-button-disabled-text-color: var(--disabled-01);
    --radio-button-disabled-border-color: var(--disabled-01);
    --radio-button-label-color: var(--text-01);
    --radio-button-large-label-font-size: var(--large-label-font-size);
    --radio-button-large-label-line-height: var(--large-label-line-height);
    --radio-button-large-label-font-weight: var(--large-label-font-weight);
    --radio-button-large-label-letter-spacing: var(--large-label-letter-spacing);
    --radio-button-small-label-font-size: var(--small-label-font-size);
    --radio-button-small-label-line-height: var(--small-label-line-height);
    --radio-button-small-label-font-weight: var(--small-label-font-weight);
    --radio-button-small-label-letter-spacing: var(--small-label-letter-spacing);
    --radio-button-large-label-margin-top: 0;
    --radio-button-large-label-margin-left: 12px;
    --radio-button-large-circle-margin-top: 2px;
    --radio-button-small-label-margin-top: 0;
    --radio-button-small-label-margin-left: 12px;
    --radio-button-small-circle-margin-top: 0;
    --slider-background-color: var(--ui-04);
    --slider-disabled-background-color: var(--ui-04);
    --slider-indicator-color: var(--interactive-primary);
    --slider-indicator-disabled-color: var(--disabled-04);
    --slider-label-color: var(--text-01);
    --slider-handle-value-color: var(--interactive-text);
    --slider-handle-background-color: var(--ui-01);
    --slider-handle-value-disabled-color: var(--disabled-04);
    --slider-handle-value-border-color: var(--ui-02);
    --slider-value-label-color: var(--text-01);
    --slider-value-background-color: var(--ui-01);
    --slider-value-label-disabled-color: var(--disabled-02);
    --slider-value-disabled-background-color: var(--ui-01);
    --slider-handle-border-color: var(--ui-02);
    --slider-handle-focus-border-color: var(--interactive-primary);
    --slider-handle-active-inset-color: rgba(0, 122, 179, 0.2);
    --slider-label-font-size: var(--base-label-large-font-size);
    --slider-label-line-height: var(--base-label-large-line-height);
    --slider-label-letter-spacing: var(--base-label-large-letter-spacing);
    --slider-label-font-weight: var(--base-label-large-font-weight);
    --slider-value-label-font-size: var(--paragraph-03-font-size);
    --slider-value-label-line-height: var(--paragraph-03-line-height);
    --slider-value-label-letter-spacing: var(--paragraph-03-letter-spacing);
    --slider-value-label-font-weight: 300;
    --slider-handle-value-font-size: var(--paragraph-05-font-size);
    --slider-handle-value-line-height: var(--paragraph-05-line-height);
    --slider-handle-value-font-weight: var(--paragraph-05-font-weight);
    --slider-handle-value-letter-spacing: var(--paragraph-05-letter-spacing);
    --slider-negative-background-color: hsla(0, 0%, 100%, 0.35);
    --small-stage-image-min-height: 64px;
    --small-stage-image-max-height: 144px;
    --small-stage-image-min-width: 116px;
    --small-stage-narrow-screen-image-height: 15vw;
    --small-stage-content-padding: 64px 0 64px;
    --small-stage-content-padding-narrow-screen: 40px 0 24px;
    --small-stage-header-padding: 16px 0 24px;
    --small-stage-image-container-padding-top: 72px;
    --small-stage-image-container-padding-to-content: 20px;
    --small-stage-image-container-offset-end: 25%;
    --small-stage-with-header-content-padding: 0 0 64px;
    --small-stage-with-header-image-container-padding-top: 32px;
    --small-stage-text-color: var(--text-01);
    --rating-icon-color: var(--text-01);
    --rating-icon-size: 40px;
    --rating-label-color: var(--text-01);
    --rating-disabled-icon-color: var(--disabled-01);
    --rating-disabled-label-color: var(--disabled-01);
    --rating-label-font-size: var(--paragraph-03-font-size);
    --rating-label-line-height: var(--paragraph-03-line-height);
    --rating-label-font-weight: var(--paragraph-03-font-weight);
    --rating-label-letter-spacing: var(--paragraph-03-letter-spacing);
    --spinner-background-color: var(--ui-03);
    --spinner-indicator-color: var(--interactive-primary);
    --spinner-negative-background-color: rgba(250, 247, 239, 0.35);
    --spinner-negative-indicator-color: var(--negative);
    --switcher-large-label-control-margin-top: 2px;
    --switcher-large-label-text-margin-top: 0;
    --switcher-small-label-control-margin-top: 0;
    --switcher-small-label-text-margin-top: 0;
    --switcher-big-large-label-control-margin-top: 0;
    --switcher-big-large-label-text-margin-top: 2px;
    --switcher-big-small-label-control-margin-top: 0;
    --switcher-big-small-label-text-margin-top: 4px;
    --switcher-large-font-size: var(--large-label-font-size);
    --switcher-large-line-height: var(--large-label-line-height);
    --switcher-large-font-weight: var(--large-label-font-weight);
    --switcher-large-letter-spacing: var(--large-label-letter-spacing);
    --switcher-small-font-size: var(--small-label-font-size);
    --switcher-small-line-height: var(--small-label-line-height);
    --switcher-small-font-weight: var(--small-label-font-weight);
    --switcher-small-letter-spacing: var(--small-label-letter-spacing);
    --switcher-checked-background-color: var(--interactive-primary);
    --switcher-checked-icon-color: var(--interactive-text);
    --switcher-dot-background-color: #fff;
    --switcher-unchecked-background-color: var(--ui-05);
    --switcher-disabled-background-color: var(--disabled-01);
    --switcher-disabled-dot-background-color: var(--disabled-02);
    --switcher-disabled-icon-color: var(--disabled-01);
    --switcher-disabled-text-color: var(--disabled-01);
    --taglist-font-size: var(--paragraph-04-font-size);
    --taglist-line-height: 16px;
    --taglist-font-weight: var(--paragraph-04-font-weight);
    --taglist-letter-spacing: 1px;
    --taglist-close-icon-size: 16px;
    --taglist-color: var(--ui-05);
    --taglist-border-color: var(--ui-04);
    --taglist-background-color: transparent;
    --taglist-hover-color: #5b5b5b;
    --taglist-hover-border-color: #c2c2c2;
    --taglist-hover-background-color: var(--ui-03);
    --tab-item-color: var(--interactive-text);
    --tab-item-border-color: #d9d9d9;
    --tab-item-active-border-color: var(--interactive-text);
    --tab-item-disabled-color: var(--disabled-01);
    --tab-item-disabled-border-color: var(--disabled-01);
    --tab-item-font-size: var(--paragraph-02-font-size);
    --tab-item-line-height: var(--paragraph-02-line-height);
    --tab-item-font-weight: var(--paragraph-02-font-weight);
    --tab-item-letter-spacing: var(--paragraph-02-letter-spacing);
    --tab-expert-color: var(--text-01);
    --tab-expert-bottom-border-color: #d9d9d9;
    --tab-item-disabled-negative-color: var(--negative-dimmed);
    --tab-item-disabled-negative-border-color: var(--negative-dimmed);
    --table-border-bottom-color: var(--ui-06);
    --table-header-cell-font-size: var(--paragraph-03-font-size);
    --table-header-cell-line-height: var(--paragraph-03-line-height);
    --table-header-cell-font-weight: 600;
    --table-header-cell-letter-spacing: var(--paragraph-03-letter-spacing);
    --table-header-cell-color: var(--text-01);
    --table-header-border-top-color: var(--ui-04);
    --table-header-border-bottom-color: var(--ui-06);
    --table-cell-font-size: var(--paragraph-03-font-size);
    --table-cell-line-height: var(--paragraph-03-line-height);
    --table-cell-font-weight: var(--paragraph-03-font-weight);
    --table-cell-letter-spacing: var(--paragraph-03-letter-spacing);
    --table-cell-border-top-color: var(--ui-04);
    --table-cell-color: var(--text-01);
    --table-header-cell-background-color: transparent;
    --table-row-background-color: transparent;
    --selectable-table-row-hover-background-color: var(--ui-02);
    --selectable-table-row-active-background-color: var(--ui-02);
    --selectable-table-row-selected-hover-background-color: #cfe9ee;
    --selectable-table-row-selected-border-color: var(--active-primary);
    --expandable-table-arrow-icon-color: var(--text-01);
    --zebra-table-even-row-background-color: var(--ui-02);
    --zebra-table-odd-row-background-color: transparent;
    --zebra-table-row-active-background-color: var(--ui-04);
    --zebra-table-row-hover-background-color: var(--ui-03);
    --zebra-table-row-selected-background-color: #f1f9fa;
    --zebra-table-cell-border-top-color: var(--ui-02);
    --toggle-button-unselected-border-color: var(--interactive-primary);
    --toggle-button-unselected-text-color: var(--interactive-text);
    --toggle-button-unselected-background-color: transparent;
    --toggle-button-selected-border-color: var(--interactive-primary);
    --toggle-button-selected-background-color: var(--interactive-primary);
    --toggle-button-selected-text-color: var(--text-02);
    --toggle-button-hover-background-color: var(--hover-primary);
    --toggle-button-hover-border-color: var(--hover-primary);
    --toggle-button-hover-text-color: var(--text-02);
    --toggle-button-active-background-color: var(--active-primary);
    --toggle-button-active-border-color: var(--active-primary);
    --toggle-button-active-text-color: var(--text-02);
    --toggle-button-disabled-background-color: var(--ui-01);
    --toggle-button-disabled-border-color: rgba(0, 122, 179, 0.4);
    --toggle-button-disabled-text-color: rgba(0, 97, 146, 0.4);
    --toggle-button-disabled-selected-background-color: rgba(0, 122, 179, 0.4);
    --toggle-button-disabled-selected-border-color: transparent;
    --toggle-button-disabled-selected-text-color: hsla(0, 0%, 100%, 0.4);
    --toggle-button-large-font-size: var(--button-medium-font-size);
    --toggle-button-large-line-height: var(--button-medium-line-height);
    --toggle-button-large-font-weight: var(--button-medium-font-weight);
    --toggle-button-large-letter-spacing: var(--button-medium-letter-spacing);
    --toggle-button-small-font-size: var(--button-small-font-size);
    --toggle-button-small-line-height: var(--button-small-line-height);
    --toggle-button-small-font-weight: var(--button-small-font-weight);
    --toggle-button-small-letter-spacing: var(--button-small-letter-spacing);
    --tooltip-background-color: var(--ui-06);
    --tooltip-text-color: var(--text-02);
    --tooltip-border-radius: 4px;
    --tooltip-font-size: var(--paragraph-04-font-size);
    --tooltip-line-height: var(--paragraph-04-line-height);
    --tooltip-font-weight: 400;
    --tooltip-letter-spacing: var(--paragraph-04-letter-spacing);
    --sidebar-background-color: var(--ui-02);
    --sidebar-handle-color: #c2c2c2;
    --sidebar-footer-button-color: var(--text-01);
    --sidepanel-background-color: var(--ui-02);
    --sidepanel-close-icon-color: var(--text-01);
    --sidepanel-floating-shadow: 0 8px 24px rgba(65, 65, 65, 0.35);
    --sidepanel-light-border-color: var(--ui-04);
    --sidepanel-light-background-color: var(--ui-01);
    --sidepanel-header-font-size: var(--heading-05-font-size);
    --sidepanel-header-line-height: var(--heading-05-line-height);
    --sidepanel-header-font-weight: var(--heading-05-font-weight);
    --sidepanel-header-letter-spacing: 0;
    --file-uploader-file-row-text-color: var(--text-01);
    --file-uploader-file-row-border-bottom-color: var(--ui-04);
    --file-uploader-file-row-hover-background-color: var(--ui-02);
    --file-uploader-file-row-icon-color: var(--success);
    --file-uploader-file-row-uploading-file-name-color: #999;
    --file-uploader-file-name-font-size: var(--paragraph-03-font-size);
    --file-uploader-file-name-line-height: 16px;
    --file-uploader-file-name-font-weight: 600;
    --file-uploader-file-name-letter-spacing: 0;
    --file-uploader-hint-font-size: var(--paragraph-04-font-size);
    --file-uploader-hint-line-height: var(--paragraph-05-line-height);
    --file-uploader-hint-font-weight: 300;
    --file-uploader-hint-letter-spacing: 0;
    --file-uploader-drop-zone-border-color: var(--ui-06);
    --file-uploader-drop-zone-text-color: var(--text-01);
    --toolbar-border-bottom-color: var(--ui-04);
    --toolbar-background: var(--ui-02);
    --timefield-color: var(--text-01);
    --timefield-active-color: var(--interactive-primary);
    --timefield-font-size: var(--heading-06-font-size);
    --timefield-line-height: var(--heading-06-line-height);
    --timefield-font-weight: 600;
    --timefield-letter-spacing: var(--heading-06-letter-spacing);
    --timefield-error-color: var(--danger);
    --timefield-disabled-color: var(--disabled-01);
    --timefield-label-font-size: var(--paragraph-05-font-size);
    --timefield-label-line-height: var(--paragraph-05-line-height);
    --timefield-label-letter-spacing: var(--paragraph-05-letter-spacing);
    --timefield-label-font-weight: var(--paragraph-05-font-weight);
    --card-background-hover-color: var(--ui-02);
    --card-background-selected-color: var(--ui-02);
    --small-stage-image-min-widht: 116px;
}

body,
html {
    color: var(--ui-06);
    font-size: 16px;
    font-family: var(--font-family);
    background-color: #f5f5f5;
}

.mdc-top-app-bar {
    position: inherit;
    height: 80px;
}

h3 {
    margin: 0;
    font-size: var(--heading-03-font-size) !important;
    line-height: var(--heading-03-line-height) !important;
    font-weight: var(--heading-03-font-weight) !important;
    letter-spacing: var(--heading-03-letter-spacing) !important;
}

.mdc-drawer-app-content {
    overflow: inherit;
    padding-top: 0;
    background-color: #f5f5f5 !important;
}

#main-content {
    display: flex;
}

#content {
    background-color: #ffffff;
}

.section-wrapper,
#content {
    max-width: 352px;
    margin: 0 auto;
}

.content-wrapper .image-block {
    margin-top: 48px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.cpc-panel {
    --cpc-panel-selected-color: var(--cpc-colors-white);
    --cpc-panel-selected-border-color: var(--cpc-colors-border);
    position: relative;
    background: var(--cpc-panel-selected-color);
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--cpc-panel-selected-border-color);
    height: 100%;
    flex-grow: 1;
    max-width: unset !important;
    padding: 40px 24px 56px;
    min-width: 344px;
}

.cpc-panel.cpc-panel_background-light-blue {
    --cpc-panel-selected-color: var(--cpc-colors-light-blue-2);
    --cpc-panel-selected-border-color: var(--cpc-colors-light-blue);
}

.content-wrapper .list-section li:not(:last-child) {
    margin-bottom: 24px;
}

.content-wrapper .list-section li {
    display: flex;
}

.content-wrapper .list-section .bullet {
    font-size: 24px;
    color: var(--button-cta-background-color);
    padding-right: 15px;
}

.ndbx-icon:before {
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--button-medium-icon-size);
}

.ndbx-icon {
    padding: var(--icon-padding);
    font-size: var(--icon-size);
}

.check-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 96px;
    height: 96px;
    border-radius: 50% 50%;
    border: 2px solid var(--accent-02);
    margin-bottom: 48px;
}

.check-circle .image-icon i::before {
    font-size: 42px !important;
    color: var(--accent-02);
}

.mdc-floating-label {
    font-weight: var(--formfield-placeholder-label-font-weight);
}

.mdc-floating-label--float-above {
    font-weight: 600;
}

input {
    font-weight: 600 !important;
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--ui-06);
}

.mdc-floating-label:focus {
    color: var(--formfield-active-color);
}

.pmlinks {
    margin-top: 0px;
    text-align: right;
    margin-bottom: 48px;
}

.width-50 {
    width: 50%;
}

.width-100 {
    width: 100%;
}

.nx-copy.nx-copy {
    font-weight: 400;
}

.nx-font-weight-semibold {
    font-weight: 600 !important;
}

.nx-margin-bottom-m {
    margin-bottom: 24px !important;
}

.nx-margin-right-2xs {
    margin-right: 8px !important;
}

.call-center-phone {
    color: var(--interactive-text);
    font-size: 26px;
    font-weight: 700;
    letter-spacing: .3px;
    line-height: 32px;
}

.send-again-btn {
    color: var(--plain-button-color);
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    vertical-align: middle;
    background: transparent;
    border: none;
    padding: 0;
    font-size: var(--plain-button-font-size);
    line-height: var(--plain-button-line-height);
    font-weight: var(--plain-button-font-weight);
    letter-spacing: var(--plain-button-letter-spacing);
}

.nx-copy--large {
    font-size: var(--paragraph-02-font-size);
    line-height: var(--paragraph-02-line-height);
    font-weight: var(--paragraph-02-font-weight);
    letter-spacing: var(--paragraph-02-letter-spacing);
}

.nx-copy--normal {
    margin: 0;
    font-size: var(--paragraph-03-font-size);
    line-height: var(--paragraph-03-line-height);
    font-weight: var(--paragraph-03-font-weight);
    letter-spacing: var(--paragraph-03-letter-spacing);
}

.nx-link {
    text-transform: none;
    display: inherit;
}

.nx-link--small {
    font-size: var(--link-small-font-size);
    line-height: var(--link-small-line-height);
    font-weight: var(--link-small-font-weight);
    letter-spacing: var(--link-small-letter-spacing);
}

#current-lang {
    text-transform: uppercase;
}

.cpc-language-switch {
    border-radius: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    color: inherit;
    font-family: var(--font-family);
    background: transparent;
    border: none;
    border-radius: 2px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cpc-language-switch-active-language {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 8px;
}

.cpc-dropdown-drawer-wrapper {
    min-width: 120px !important;
    margin-left: -32px;
    margin-top: -15px;
    position: absolute;
    top: 94px;
    left: 0;
    z-index: 1050;
    display: block;
    width: 100%;
    min-width: 180px;
    transition: .5s;
}

.cpc-dropdown-drawer {
    position: relative;
    z-index: 1030;
    display: block;
    overflow: hidden;
    text-align: left;
}

.cpc-language-switch-dropdown .nx-icon--chevron-down {
    transition-duration: .5s;
}

.cpc-language-switch .cpc-language-switch-language-name:not(:last-child) {
    margin-bottom: 16px;
}

.cpc-language-switch-active-language .nx-icon--product-world-globe {
    display: none;
}

.cpc-language-switch-dropdown {
    display: flex;
    flex-flow: row;
}

.cpc-language-switch-icon {
    display: flex;
}

ul {
    list-style: none;
}

.cpc-dropdown-drawer-wrapper {
    background: var(--cpc-colors-white);
    border: var(--cpc-border);
    width: 100vw;
}

.cpc-language-switch .cpc-language-switch-languages-list {
    padding: 20px;
}

@media screen and (min-width: 992px) {
    .cpc-language-switch-active-language .ndbx-icon {
        display: block;
    }

    .cpc-dropdown-drawer:after {
        position: absolute;
        top: -7px;
        left: 45%;
        width: 12px;
        height: 12px;
        background: var(--cpc-colors-white);
        border: 1px solid var(--cpc-colors-border);
        border-width: 1px 0 0 1px;
        transform: rotate(45deg);
        content: "";
    }

    .cpc-language-switch .cpc-language-switch-icon-check {
        position: absolute;
        top: 50%;
        margin-left: -32px;
        font-size: 24px;
        transform: translateY(-50%);
    }

    .cpc-language-switch .cpc-language-switch-icon-check {
        margin-left: -32px;
    }

    .cpc-language-switch .cpc-language-switch-language-name {
        position: relative;
        display: flex;
        align-items: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        font-size: 16px;
        text-align: left;
        cursor: pointer;
    }

    .cpc-language-switch .cpc-language-switch-language-name {
        width: unset;
        text-align: unset;
    }

    .cpc-panel,
    #main-content {
        padding: 72px 32px 120px;
    }

    .cpc-language-switch {
        position: relative;
    }

    .cpc-language-switch .cpc-language-switch-dropdown--active {
        color: var(--cpc-colors-blue);
    }

    .cpc-language-switch .cpc-language-switch-dropdown {
        justify-content: unset;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: var(--cpc-colors-text);
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        color: inherit;
        cursor: pointer;
    }

    .cpc-dropdown-drawer-wrapper {
        width: auto !important;
        top: calc(100% + 10px);
        transform: translateX(-50%);
        margin-left: 0;
        margin-top: 0;
    }

    .cpc-dropdown-drawer {
        padding: 16px;
        overflow: unset;
        border-radius: 4px;
        box-shadow: 0 8px 24px rgba(65, 65, 65, .35);
    }

    .cpc-language-switch .cpc-language-switch-languages-list {
        margin: 0;
        list-style: none;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 10px 0 10px 0;
        border-bottom: unset;
    }

    .cpc-language-switch .cpc-language-switch-language-name--active {
        color: var(--cpc-colors-blue);
    }

}

@media screen and (max-width: 767.99px) {
    .login-section {
        padding: 0;
    }

    #main-content {
        display: flex;
        flex-flow: column;
    }

    .cpc-panel {
        width: 100%;
    }

    .width-50 {
        width: 100%;
    }

    .container-wrapper {
        padding: 32px 16px;
    }

    .cas-footer {
        padding: 72px 0px;
    }

    .footer__row {
        display: flex !important;
        flex-flow: column !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .footer__row > * {
        margin-top: 15px;
    }

}

.notification-wrapper {
    position: absolute;
    padding: 0px 0px 0px 32px;
}

.notification-wrapper .notification-content {
    position: relative;
    top: -32px;
    left: -32px;
    width: 100%;
    z-index: 10;
}

.notification-wrapper .notification-content .message--shadow {
    box-shadow: 0 8px 24px 0 rgba(65, 65, 65, .35);
    font-size: var(--message-font-size);
    line-height: var(--message-line-height);
    font-weight: var(--message-font-weight);
    letter-spacing: var(--message-letter-spacing);
    color: var(--message-text-color);
    border-radius: var(--message-border-radius);
    width: 100%;
    display: flex;
    align-items: flex-start;
    text-align: left;
    position: relative;
    border: 1px solid;
    padding: 23px;
}

.context-error {
    border-color: var(--message-error-border-color) !important;
    background-color: var(--message-error-background-color);
}

.nx-message--closable {
    padding-right: 39px;
}

.nx-message__close-icon {
    background-color: transparent;
    border: none !important;
    cursor: pointer;
}


.mr-15 {
    margin-right: 15px;
}

#notifications {
    position: absolute;
    padding: 0px 32px;
}

.cpc-animation-loader {
    color: var(--cpc-spinner-active-color);
    display: flex;
}

.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.spinner-overlay.spinner-closing,
.spinner-overlay.spinner-showing {
    display: block;
}

.spinner-overlay > .spinner-area {
    position: fixed;
    width: auto;
    height: auto;
    text-align: center;
    margin: 0;
    top: 50%;
    left: 47%;
    transform: translate(-50%, -50%);
    background-color: white;
    max-width: 90px;
    max-height: 90px;
    overflow: hidden;
    border-radius: 50%;
    padding: 15px;
    animation: fadeOut 5s linear infinite;
}

.spinner-area i {
    margin-right: 15px;
}

.spinner-area i[class*= 'product-umbrella-protection'] {
    animation: carousel-item-1 5s linear infinite;
}
.spinner-area i[class*= 'product-car-front'] {
    animation: carousel-item-2 5s linear infinite;
}
.spinner-area i[class*= 'product-house'] {
    animation: carousel-item-3 5s linear infinite;
}
.spinner-area i[class*= 'product-heart-employee-engagement'] {
    animation: carousel-item-4 5s linear infinite;
}
.spinner-area i[class*= 'product-health-bag-doctor'] {
    animation: carousel-item-5 5s linear infinite;
}

.spinner-area i::before {
    font-size: 60px;
}

@keyframes carousel-item-1 {
    0%, 100% { transform: translateX(75px) scale(0); }
    10%, 20% { transform: translateX(0) scale(1) }
    30% {  transform: translateX(calc(-75px * 1)) scale(0); }
}

@keyframes carousel-item-2 {
    0%, 100% { transform: translateX(calc(75px * 2)) scale(0); }
    30%, 40% { transform: translateX(-75px) scale(1) }
    50% {  transform: translateX(calc(-75px * 2)) scale(0); }
}

@keyframes carousel-item-3 {
    0%, 100% { transform: translateX(calc(75px * 3)) scale(0); }
    50%, 60% { transform: translateX(calc(-75px * 2)) scale(1) }
    70% {  transform: translateX(calc(-75px * 3)) scale(0); }
}

@keyframes carousel-item-4 {
    0%, 100% { transform: translateX(calc(75px * 4)) scale(0); }
    70%, 80% { transform: translateX(calc(-75px * 3)) scale(1) }
    90% {  transform: translateX(calc(-75px * 4)) scale(0); }
}

@keyframes carousel-item-5 {
    10%, 20% { transform: translateX(calc(75px * 5)) scale(0); }
    90%, 100% { transform: translateX(calc(-75px * 4)) scale(1) }
    0% {  transform: translateX(calc(-75px * 5)) scale(0); }
}

@keyframes fadeOut {
    0% {  transform: scale(0); }
    10% {  transform: scale(1); }
    90% { transform: scale(1); }
    100% {  transform: scale(0); }
}

.only-left-border-1 {
    border-width: 0px 0px 0px 1px;
}

.border-0 {
    border-width: 0px;
}

.mr-8 {
    margin-right: 8px;
}

.spinner-overlay {
    z-index: 9991; 
    background-color: rgba(76, 76, 76, 0.32);
}

.spinner-area {
    z-index: 9992;
}

.cpc-animation-loader {
    width: 120px;
}

.min-width-0 {
    min-width: 0;
}

.pb-48 {
    padding-bottom: 48px;
}

.pb-54 {
    padding-bottom: 54px;
}

.flex-direction-column {
    display: flex;
    flex-direction: column;
}

.captcha {
    display: inherit; 
    flex-direction: inherit
}

.mdc-data-table__table {
    white-space: unset
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-48 {
    margin-top:48px;
}

.mb-48 {
    margin-bottom: 48px;
}


.mb-54 {
    margin-bottom: 54px;
}

.center-icon {
    display: flex; 
    align-items: center;
}

#send-again .main-section {
    padding-bottom: 48px;
    border-bottom: 1px solid #D9D9D9;
}

.letter-spacing-normal {
    letter-spacing: normal;
}

.inline-flex {
    display: inline-flex;
}

.align-self-center {
    align-self: center;
}

.width-350px {
    width: 350px;
}

.generic-layout {
    width: 100%;
    display: flex;
    justify-content: center;
}

.bold {
    font-weight: bold !important;
}

.nav {
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

::-ms-reveal {
    display: none;
}

.pwd-rule {
    display: flex;
}

.pwd-rule .ndbx-icon:before {
    font-size: var(--button-small-icon-size);
}

.password-req-valid {
    color: #1E8927;
}

.password-req-valid i:before {
    content: "";
}

.password-req-invalid {
    color: #C51322;
}

.password-req-invalid i:before {
    content: "";
}