/* 
    DO NOT ADD ANY SCSS/CSS CONTENT IN THIS FILE

    THIS FILE WILL HOLD THE COPY OF THE 
    {
        "input": "node_modules/@ascend/fasttrack.design.system/assets/fasttrack.ati.styles.css",
        "bundleName": "fasttrack-ati",
        "inject": true
    }

    AS THE FASTTRACK-ATI.CSS FILE WILL CAUSE THE CSS BLEED IN THE CONSUMING APP
    TO AVOID THIS 
    THE SPECIFICITY OF THE CSS IN FASTTRACK-ATI.CSS WILL BE INCREASED BY ADDING A CLASS TO THE ROOT ELEMENT
    REFER SCSS-CONVERSION.JS FOR THE CODE


    FASTTRACK-ATI.CSS
    =====================
    FILE-CONTNET

    REMOTE-FASTTRACK-ATI.SCSS
    =====================
    .ABC,
    XYZ,
    #PQR {
        FILE-CONTNET
    }

    COMPILE AND CONVERT THE SCSS FILE AND CONSUME IN THE APP
*/
/* REPLACE */
instructor-products-container, student-products-container, instructor-assessments-container, app-stu-assessment-container, app-templates-container, instructor-cab-assessments-container, ati-courses-container, :root {
  --typography-anchor-body-text-link-text-decoration: underline;
  --typography-paragraph-p-large-letter-spacing: .016rem;
  --typography-paragraph-p-small-letter-spacing: .016rem;
  --typography-overline-letter-spacing: .05rem;
  --typography-overline-text-transform: uppercase;
  --typography-other-card-title-margin: .25rem 0 1rem;
  --typography-other-card-title-text-transform: capitalize;
  --typography-other-card-title-letter-spacing: .016rem;
  --typography-list-ordered-list-style-type: decimal;
  --typography-list-unordered-list-style-type: disc;
  --typography-list-base-margin: 1em;
  --typography-list-base-list-style-position: outside;
  --typography-link-letter-spacing: 2%;
  --typography-link-text-decoration-line: underline;
  --typography-form-field-label-variations-label-on-side-margin: 0 .5em 0 0;
  --typography-form-field-label-variations-label-above-margin: 0 .25em 0;
  --typography-form-field-label-variations-label-default-margin: .25em 0 .25em .5em;
  --typography-form-field-label-base-text-transform: capitalize;
  --typography-form-field-label-base-letter-spacing: .009375em;
  --typography-heading-h3-letter-spacing: -.03rem;
  --typography-heading-h2-letter-spacing: 0rem;
  --typography-heading-h2-text-transform: capitalize;
  --typography-heading-h1-letter-spacing: -.05rem;
  --typography-heading-h1-text-transform: capitalize;
  --typography-caption-letter-spacing: .015rem;
  --iconography-icons-inline-small-padding: 0 .5em 0 0;
  --iconography-icons-inline-small-font-size: 1.125rem;
  --iconography-icons-inline-regular-padding: 0 .5em 0 0;
  --iconography-icons-inline-regular-font-size: 1.5rem;
  --iconography-icons-inline-large-padding: 0 .5em 0 0;
  --iconography-icons-inline-large-font-size: 2rem;
  --font-size-extra-small-2: .625rem;
  --font-size-extra-small-1: .75rem;
  --font-size-extra-small: .875rem;
  --font-size-small: 1rem;
  --font-size-medium: 1.125rem;
  --font-size-medium-1: 1.25rem;
  --font-size-large: 1.5rem;
  --font-size-extra-large: 2rem;
  --font-font-family2: "Plus Jakarta Sans", sans-serif;
  --font-font-family: "Inter", "Open Sans", Arial, sans-serif;
  --font-line-height-regular: normal;
  --font-line-height-large: 4rem;
  --font-line-height-medium-3: 3rem;
  --font-line-height-medium-2: 2.5rem;
  --font-line-height-medium-1: 1rem;
  --font-line-height-medium-1-75: 1.75rem;
  --font-line-height-medium: 1.6rem;
  --font-line-height-small: 1.4rem;
  --font-line-height-small-3: 1.3rem;
  --font-line-height-small-2: 1.25rem;
  --font-line-height-small-1: 1.125rem;
  --font-line-height-extra-small: 1.2rem;
  --font-line-height-extra-small-1: 1rem;
  --font-line-height-extra-small-2: .75rem;
  --font-line-height-extra-small-3: .625rem;
  --font-letter-spacing-extra-large: .13rem;
  --font-letter-spacing-large: .025rem;
  --font-letter-spacing-large-small: .02rem;
  --font-letter-spacing-regular: normal;
  --font-letter-spacing-extra-small: .015rem;
  --font-letter-spacing-small: .00875rem;
  --font-weight-bolder: 700;
  --font-weight-bold: 600;
  --font-weight-semibold: 500;
  --font-weight-regular: 400;
  --font-weight-light: 300;
  --font-weight-extra-light: 200;
  --font-body-size-extra-small-1: .625rem;
  --font-body-size-extra-small: .75rem;
  --font-body-size-small: .875rem;
  --font-body-size-regular: 1rem;
  --font-body-size-large: 1.125rem;
  --font-heading-size-small: 1.25rem;
  --font-heading-size-regular-small: 1.5rem;
  --font-heading-size-regular: 1.75rem;
  --font-heading-size-large: 1.875rem;
  --font-heading-size-regular-large: 2rem;
  --font-heading-size-extra-large: 2.5rem;
  --components-upload-file-drag-area-padding: 7.5rem 1rem;
  --components-upload-file-drag-area-border-style: dashed;
  --components-upload-file-drag-area-border-width: 1px;
  --components-switch-track-height: .87rem;
  --components-switch-track-width: 1.6rem;
  --components-switch-thumb-color-shadow-disabled: 0px 0px 3px 2px rgba(0, 0, 0, .08);
  --components-switch-thumb-color-shadow-on-pressed: -2px -2px 10px 10px rgba(210, 237, 253, 1);
  --components-switch-thumb-color-shadow-on-static: none;
  --components-switch-thumb-color-shadow-off-pressed: -2px -2px 10px 10px rgba(115, 111, 111, .35);
  --components-switch-thumb-color-shadow-off-static: 0px 0px 3px 2px rgba(0, 0, 0, .08);
  --components-switch-thumb-color-border-on-pressed: 10px 10px 10px 10px rgba(210, 237, 253, 1);
  --components-switch-thumb-opacity-off-hover: .5;
  --components-switch-thumb-opacity-on-hover: .75;
  --components-switch-thumb-color-shadow: 0px 1px 3px 0px rgba(0,0,0,.3);
  --components-switch-thumb-height: 1.25rem;
  --components-switch-thumb-width: 1.25rem;
  --components-toggle-button-variations-icon-tokens-padding: .75em;
  --components-toggle-button-variations-icon-tokens-width: 3em;
  --components-toggle-button-variations-icon-tokens-height: 3em;
  --components-toggle-button-variations-text-tokens-padding: 0 .75em;
  --components-toggle-button-variations-text-tokens-opacity-ripple: .3;
  --components-toggle-button-variations-text-tokens-text-transform: titlecase;
  --components-toggle-button-variations-text-tokens-border-width: 1px;
  --components-toggle-button-variations-text-tokens-height: 2.75rem;
  --components-toggle-button-variations-text-tokens-min-width: 3rem;
  --components-toggle-button-base-opacity-ripple: .3;
  --components-toast-placement-right: 3.125rem;
  --components-toast-placement-bottom: 3.125rem;
  --components-toast-action-button-padding: .25em 1em;
  --components-toast-status-icon-padding-right: .75em;
  --components-toast-status-icon-height: 1.5rem;
  --components-toast-status-icon-width: 1.5rem;
  --components-toast-close-icon-height: 1.5rem;
  --components-toast-close-icon-width: 1.5rem;
  --components-toast-divider-line-padding-bottom: 0;
  --components-toast-divider-line-padding-top: 0;
  --components-toast-divider-line-padding-right: .75em;
  --components-toast-divider-line-padding-left: .75em;
  --components-toast-space-between: 1rem;
  --components-toast-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .1);
  --components-toast-padding: .88rem 1rem .88rem 1rem;
  --components-toast-width: 28.1rem;
  --components-toast-typography-font-size: .875rem;
  --components-text-field-text-field-error-text-field-trailing-icon-icon-padding: 0 0 0 .75em;
  --components-text-field-text-field-error-text-field-trailing-icon-icon-text-align: right;
  --components-text-field-text-field-error-text-field-leading-icon-icon-padding: 0 .75em 0 0;
  --components-text-field-text-field-error-text-field-leading-icon-icon-text-align: left;
  --components-text-field-text-field-error-character-counter-padding: .25em .75em 0 1em;
  --components-text-field-text-field-error-character-counter-text-align: right;
  --components-text-field-text-field-error-character-counter-letter-spacing: .025rem;
  --components-text-field-text-field-error-error-styles-helper-text-icon-padding-right: .25em;
  --components-text-field-text-field-error-error-styles-helper-text-icon-font-size: .875rem;
  --components-text-field-text-field-error-error-styles-helper-text-icon-svg: error;
  --components-text-field-text-field-error-error-styles-helper-text-padding-label-above-side: .25em 0 0 .5em;
  --components-text-field-text-field-error-error-styles-helper-text-padding-filled-outline: .25em 0 0 1em;
  --components-text-field-help-text-padding-label-above-side: .25em 0 0 .5em;
  --components-text-field-help-text-padding-filled-outline: .25em 0 0 1em;
  --components-text-field-help-text-text-align: left;
  --components-text-field-text-area-min-height: 6em;
  --components-text-field-label-side-field-padding: 0 .75em;
  --components-text-field-label-side-field-border-radius: .25em .25em 0 0;
  --components-text-field-label-side-field-height: 2.5em;
  --components-text-field-label-above-field-padding: 0 .75em;
  --components-text-field-label-above-field-height: 2.5em;
  --components-text-field-outline-padding: 0 .25em 0 0;
  --components-text-field-filled-padding: .25em .75em .25em 1em;
  --components-text-field-label-text-transform: capitalize;
  --components-text-field-base-height: 3em;
  --components-text-field-base-min-width: 17.5em;
  --components-tags-variant-dense-height: 22px;
  --components-tags-variant-regular-height: 30px;
  --components-tab-button-native-padding: .75rem 1.5rem .75rem 1.5rem;
  --components-tabs-tab-content-border-right-active: none;
  --components-tabs-tab-content-border-bottom-active: none;
  --components-tabs-tab-content-border-top-active: none;
  --components-tabs-tab-content-border-left-active: none;
  --components-tabs-underline-states-pressed-opacity: .8;
  --components-tabs-underline-icon-only-padding: 0 1em;
  --components-tabs-underline-icon-only-max-width: 5.625em;
  --components-tabs-underline-icon-only-height: 3em;
  --components-tabs-underline-fixed-icon-padding: .75em 1em;
  --components-tabs-underline-fixed-icon-text-transform: capitalize;
  --components-tabs-underline-fixed-icon-flex: 2;
  --components-tabs-underline-fixed-icon-display: flex;
  --components-tabs-underline-fixed-icon-max-width: 14em;
  --components-tabs-underline-fixed-icon-height: 4.5em;
  --components-tabs-underline-fixed-padding: 0 1em;
  --components-tabs-underline-fixed-text-transform: capitalize;
  --components-tabs-underline-fixed-flex: 2;
  --components-tabs-underline-fixed-display: flex;
  --components-tabs-underline-fixed-max-width: 14em;
  --components-tabs-underline-fixed-height: 3em;
  --components-tabs-underline-base-min-width: 5.625em;
  --components-tabs-tabbar-underline-borderbottom: none;
  --components-tabs-tabbar-elevated-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .06);
  --components-tabs-tabbar-solid-margin: 0;
  --components-tabs-tabbar-solid-background-color: transparent;
  --components-tabs-tabbar-solid-borderbottom: none;
  --components-tabs-tabbutton-underline-border-right-inactive: none;
  --components-tabs-tabbutton-underline-border-right-active: none;
  --components-tabs-tabbutton-underline-border-left-inactive: none;
  --components-tabs-tabbutton-underline-border-left-active: none;
  --components-tabs-tabbutton-underline-border-top-inactive: none;
  --components-tabs-tabbutton-underline-border-top-active: none;
  --components-tabs-tabbutton-underline-border-bottom-inactive: none;
  --components-tabs-tabbutton-solid-border-right-inactive: none;
  --components-tabs-tabbutton-solid-border-left-inactive: none;
  --components-tabs-tabbutton-solid-border-top-inactive: none;
  --components-tabs-tabbutton-solid-border-bottom-active: none;
  --components-tabs-solid-states-pressed-opacity: .8;
  --components-tabs-solid-icon-only-padding: 0 1em;
  --components-tabs-solid-icon-only-max-width: 5.625em;
  --components-tabs-solid-icon-only-height: 3em;
  --components-tabs-solid-fixed-icon-padding: .75em 1em;
  --components-tabs-solid-fixed-icon-text-transform: capitalize;
  --components-tabs-solid-fixed-icon-flex: 2;
  --components-tabs-solid-fixed-icon-display: flex;
  --components-tabs-solid-fixed-icon-max-width: 14em;
  --components-tabs-solid-fixed-icon-height: 4.5em;
  --components-tabs-solid-fixed-width-narrow: 7em;
  --components-tabs-solid-fixed-width-medium: 10em;
  --components-tabs-solid-fixed-width-wide: 15em;
  --components-tabs-solid-fixed-height-short: 3em;
  --components-tabs-solid-fixed-height-medium: 4em;
  --components-tabs-solid-fixed-height-tall: 5em;
  --components-tabs-solid-fixed-overflow-x: visible;
  --components-tabs-solid-fixed-padding: .5rem 1rem;
  --components-tabs-solid-fixed-text-transform: capitalize;
  --components-tabs-solid-fixed-flex: 2;
  --components-tabs-solid-fixed-display: flex;
  --components-tabs-solid-fixed-max-width: 14em;
  --components-tabs-solid-fixed-height: 3em;
  --components-tabs-solid-fixed-min-height: 2.8125rem;
  --components-tabs-solid-base-min-width: 5.625em;
  --components-table-row-selection-rows-dense-width: 2.5rem;
  --components-table-row-selection-rows-base-width: 3.125rem;
  --components-table-row-selection-header-width: 3.125rem;
  --components-table-data-text-align-selection-controls: center;
  --components-table-data-text-align-badges: center;
  --components-table-data-text-align-icon-label: right;
  --components-table-data-text-align-icon-only: center;
  --components-table-data-text-align-date-time: center;
  --components-table-data-text-align-number: right;
  --components-table-data-text-align-text: left;
  --components-table-data-padding-dense: .25em 2em .25em .5em;
  --components-table-data-padding-default: 1em 2em 1em .5em;
  --components-table-data-vertical-align: middle;
  --components-table-row-padding-dense: .25em 2em .25em .5em;
  --components-table-row-padding-defult: 1em 2em 1em .5em;
  --components-table-row-width: 100%;
  --components-table-header-padding: .875em 2em .875em .5em;
  --components-table-header-vertical-align: middle;
  --components-steppers-horizontal-content-default-font-line-height: 1.5rem;
  --components-steppers-horizontal-content-default-font-size: 1rem;
  --components-steppers-horizontal-inner-circle-border-radius: 50%;
  --components-steppers-horizontal-inner-circle-height: 1.5rem;
  --components-steppers-horizontal-inner-circle-width: 1.5rem;
  --components-steppers-horizontal-outer-circle-border-width: 2px;
  --components-steppers-horizontal-outer-circle-border-radius: 50%;
  --components-steppers-horizontal-outer-circle-height: 2rem;
  --components-steppers-horizontal-outer-circle-width: 2rem;
  --components-steppers-circular-sub-label-font-letter-spacing: .25px;
  --components-steppers-circular-sub-label-font-size: 1.125rem;
  --components-steppers-circular-label-font-letter-spacing: .25px;
  --components-steppers-circular-label-font-size: 1.125rem;
  --components-steppers-circular-svg-label-font-line-height: 1.25rem;
  --components-steppers-circular-svg-label-font-letter-spacing: .25px;
  --components-steppers-circular-svg-label-font-size: .813rem;
  --components-steppers-circular-svg-stroke-linecap: round;
  --components-steppers-circular-svg-stroke-width: 4;
  --components-status-dot-height: .625rem;
  --components-status-dot-width: .625rem;
  --components-status-container-height: 1.5rem;
  --components-split-button-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .06);
  --components-snackbar-action-button-padding: .25em 1em;
  --components-snackbar-status-icon-padding-right: .75em;
  --components-snackbar-status-icon-height: 1.5rem;
  --components-snackbar-status-icon-width: 1.5rem;
  --components-snackbar-close-icon-height: 1.5rem;
  --components-snackbar-close-icon-width: 1.5rem;
  --components-snackbar-box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, .15), 0px 1px 3px 0px rgba(0, 0, 0, .3);
  --components-snackbar-padding: .88rem 1rem .88rem 1rem;
  --components-snackbar-width: 21.5rem;
  --components-snackbar-typography-font-size: .875rem;
  --components-small-status-variation-label-min-width: 1.125rem;
  --components-small-status-variation-label-width: fit-content;
  --components-small-status-variation-label-height: 1.125rem;
  --components-small-status-variation-dot-height: .5rem;
  --components-small-status-variation-dot-width: .5rem;
  --components-selection-controls-switch-icon-on-disabled-color-text: null;
  --components-selection-controls-switch-icon-off-icon-disabled-color-text: null;
  --components-selection-controls-switch-icon-off-disabled-color-text: null;
  --components-selection-controls-switch-icon-off-track-height: 1.25em;
  --components-selection-controls-switch-icon-off-track-width: 2.25em;
  --components-selection-controls-switch-icon-off-thumb-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.3);
  --components-selection-controls-switch-icon-off-thumb-height: 1.5em;
  --components-selection-controls-switch-icon-off-thumb-width: 1.5em;
  --components-selection-controls-switch-icon-off-width: 3em;
  --components-selection-controls-switch-on-disabled-color-text: null;
  --components-selection-controls-switch-off-disabled-color-text: null;
  --components-selection-controls-switch-off-track-height: 1.25em;
  --components-selection-controls-switch-off-track-width: 2.25em;
  --components-selection-controls-switch-off-thumb-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.3);
  --components-selection-controls-switch-off-thumb-height: 1.5em;
  --components-selection-controls-switch-off-thumb-width: 1.5em;
  --components-selection-controls-switch-off-width: 3em;
  --components-selection-controls-radio-button-default-height: 1.5em;
  --components-selection-controls-radio-button-default-width: 1.5em;
  --components-selection-controls-radiogroup-horizontal-spacing: 1.25rem;
  --components-selection-controls-radiogroup-vertical-spacing: .375rem;
  --components-selection-controls-radio-outercircle-focus-border-size: .5rem;
  --components-selection-controls-radio-outercircle-padding: .813rem;
  --components-selection-controls-radio-outercircle-active-border: 1.125rem;
  --components-selection-controls-radio-outercircle-active-left: 50%;
  --components-selection-controls-radio-outercircle-active-top: 50%;
  --components-selection-controls-radio-outercircle-border: .5rem;
  --components-selection-controls-radio-outercircle-left: 50%;
  --components-selection-controls-radio-outercircle-top: 50%;
  --components-selection-controls-radio-innercircle-height: .625rem;
  --components-selection-controls-radio-innercircle-width: .625rem;
  --components-selection-controls-radio-default-height: 1.25rem;
  --components-selection-controls-radio-default-width: 1.25rem;
  --components-selection-controls-radio-default-font-size: 1rem;
  --components-selection-controls-radio-default-left-padding: 1.8rem;
  --components-selection-controls-radio-default-label-margin-right: 1rem;
  --components-selection-controls-checkbox-default-border-radius: .125rem;
  --components-selection-controls-checkbox-default-border-color: null;
  --components-selection-controls-checkbox-default-height: 1.25rem;
  --components-selection-controls-checkbox-default-width: 1.25rem;
  --components-selection-controls-circle-border: .063rem;
  --components-popup-menu-icon-padding: 0 1.25em 0 0;
  --components-popup-menu-menu-item-static-padding: 1em;
  --components-popup-menu-base-max-width: 17.5em;
  --components-popup-menu-base-min-width: 9.6875em;
  --components-plain-tooltip-arrow-right-placement-right: 100%;
  --components-plain-tooltip-arrow-right-placement-top: 50%;
  --components-plain-tooltip-arrow-left-placement-left: 100%;
  --components-plain-tooltip-arrow-left-placement-top: 50%;
  --components-plain-tooltip-arrow-bottom-placement-left: 50%;
  --components-plain-tooltip-arrow-bottom-placement-bottom: 100%;
  --components-plain-tooltip-arrow-top-placement-left: 50%;
  --components-plain-tooltip-arrow-top-placement-top: 100%;
  --components-plain-tooltip-container-right-placement-left: 100%;
  --components-plain-tooltip-container-right-placement-top: 50%;
  --components-plain-tooltip-container-left-placement-right: 100%;
  --components-plain-tooltip-container-left-placement-top: 50%;
  --components-plain-tooltip-container-bottom-placement-left: 50%;
  --components-plain-tooltip-container-bottom-placement-top: 100%;
  --components-plain-tooltip-container-top-placement-left: 50%;
  --components-plain-tooltip-container-top-placement-bottom: 100%;
  --components-plain-tooltip-container-max-width: 13rem;
  --components-number-input-box-width-default: 16.7rem;
  --components-number-input-suffix-width-default: 4.175rem;
  --components-number-input-container-width-min: 9.375rem;
  --components-number-input-container-width-max: 20.875rem;
  --components-navigation-pagination-popover-menu-ul-margin: 0;
  --components-navigation-pagination-popover-menu-max-height: 12.5rem;
  --components-navigation-pagination-popover-menu-box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
  --components-navigation-pagination-popover-menu-right: -.625rem;
  --components-navigation-pagination-popover-menu-top: 1.875rem;
  --components-navigation-pagination-select-option-border-radius: 0;
  --components-navigation-pagination-large-pagination-window-page-number-min-width: 2rem;
  --components-navigation-pagination-large-pagination-window-page-number-width: 2rem;
  --components-navigation-pagination-large-pagination-window-page-number-height: 2rem;
  --components-navigation-pagination-large-pagination-window-icon-padding-default: .25em;
  --components-navigation-pagination-large-pagination-window-icon-width: 2rem;
  --components-navigation-pagination-large-pagination-window-icon-height: 2rem;
  --components-navigation-pagination-large-pagination-window-width: 10.5rem;
  --components-navigation-pagination-large-page-range-label-width: 14rem;
  --components-navigation-pagination-large-page-range-label-margin-right: 1.125rem;
  --components-navigation-pagination-large-page-range-label-margin-left: 1.125rem;
  --components-navigation-pagination-large-page-size-dropdown-icon-right: .5rem;
  --components-navigation-pagination-large-page-size-dropdown-icon-top: .4rem;
  --components-navigation-pagination-large-page-size-dropdown-icon-height: 1.75rem;
  --components-navigation-pagination-large-page-size-dropdown-icon-width: 1.4rem;
  --components-navigation-pagination-large-page-size-dropdown-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .06);
  --components-navigation-pagination-large-page-size-dropdown-padding: .315em .75em;
  --components-navigation-pagination-large-page-size-dropdown-min-width: 4rem;
  --components-navigation-pagination-large-page-size-dropdown-height: 2.25rem;
  --components-navigation-pagination-large-page-size-label-margin-right: .75rem;
  --components-navigation-pagination-large-page-size-label-padding-top: .3rem;
  --components-navigation-pagination-large-page-size-label-width: .5rem;
  --components-navigation-pagination-size-margin-right: 1px;
  --components-navigation-breadcrumbs-item-page-hover-text-decoration: underline;
  --components-navigation-navigation-bar-profile-expand-icon-tablet-desktop-font-size: 2.25rem;
  --components-navigation-navigation-bar-profile-user-name-tablet-desktop-padding-right: .75em;
  --components-navigation-navigation-bar-profile-profile-icon-tablet-desktop-padding-right: .75em;
  --components-navigation-navigation-bar-profile-profile-icon-tablet-desktop-font-size: 2.75rem;
  --components-navigation-navigation-bar-profile-profile-image-tablet-desktop-padding-right: .75em;
  --components-navigation-navigation-bar-profile-profile-image-tablet-desktop-height: 2.75rem;
  --components-navigation-navigation-bar-profile-profile-image-tablet-desktop-width: 2.75rem;
  --components-navigation-navigation-bar-profile-container-tablet-desktop-margin-left: 1em;
  --components-navigation-navigation-bar-utility-items-padding-between-icons: .75em;
  --components-navigation-navigation-bar-utility-items-margin-left: .75em;
  --components-navigation-navigation-bar-utility-items-font-size: 2.25rem;
  --components-navigation-navigation-bar-content-slot-tablet-desktop-height: auto;
  --components-navigation-navigation-bar-content-slot-tablet-desktop-width: 100%;
  --components-navigation-navigation-bar-content-slot-mobile-submenu-border-static: none;
  --components-navigation-navigation-bar-content-slot-mobile-submenu-padding-static: 1em;
  --components-navigation-navigation-bar-content-slot-mobile-menu-item-padding-static: 1em;
  --components-navigation-navigation-bar-content-slot-mobile-menu-item-width-static: 18.75rem;
  --components-navigation-navigation-bar-content-slot-mobile-margin-right: 3.5em;
  --components-navigation-navigation-bar-content-slot-mobile-height: auto;
  --components-navigation-navigation-bar-content-slot-mobile-width: 100%;
  --components-navigation-navigation-bar-logo-margin-right: .75em;
  --components-navigation-navigation-bar-logo-max-height: 2.875rem;
  --components-navigation-navigation-bar-logo-width: auto;
  --components-navigation-navigation-bar-hamburger-icon-mobile-tablet-menu-icon-font-size: 2.75rem;
  --components-navigation-navigation-bar-container-box-shadow: 0 1px 2px 1px rgba(170, 170, 170, 1);
  --components-navigation-navigation-bar-container-padding: .5em .75em;
  --components-navigation-navigation-bar-container-min-height: 4.375rem;
  --components-navigation-navigation-bar-container-width: 100%;
  --components-multi-select-dialog-list-item-border-bottom-style: solid;
  --components-multi-select-dialog-list-item-border-bottom-width: 1px;
  --components-multi-select-dialog-list-item-align-items: center;
  --components-multi-select-dialog-list-item-justify-content: space-between;
  --components-multi-select-dialog-list-item-display: flex;
  --components-multi-select-dialog-scroll-overflow-x: hidden;
  --components-multi-select-dialog-scroll-overflow-y: auto;
  --components-multi-select-dialog-spacing-buttons-spacing: .625rem;
  --components-multi-select-dialog-spacing-buttons-margin-top: 1.5rem;
  --components-multi-select-dialog-spacing-item-padding: .625rem;
  --components-multi-select-dialog-spacing-description-padding-bottom: .375rem;
  --components-multi-select-dialog-spacing-search-margin-bottom: 1rem;
  --components-multi-select-dialog-spacing-header-margin-bottom: 1rem;
  --components-multi-select-dialog-spacing-header-margin-top: 1.5rem;
  --components-multi-select-dialog-panel-padding: 1.5rem;
  --components-multi-select-dialog-panel-border-width: 1px;
  --components-multi-select-dialog-layout-column-right-width: calc(50% - 8px) ;
  --components-multi-select-dialog-layout-column-left-width: calc(50% - 8px) ;
  --components-multi-select-dialog-layout-container-width: 100%;
  --components-multi-select-dialog-layout-container-justify-content: space-between;
  --components-multi-select-dialog-layout-container-flex-direction: row;
  --components-multi-select-dialog-layout-container-display: flex;
  --components-multi-select-dialog-typography-font-size-secondary: .75rem;
  --components-multi-select-dialog-typography-font-size-header: 1.125rem;
  --components-multi-select-dialog-typography-font-size-base: .875rem;
  --components-menu-content-maxwidth: 280px;
  --components-menu-content-minwidth: 155px;
  --components-menu-content-width: fit-content;
  --components-menu-control-button-line-height-default: 24px;
  --components-menu-control-button-paddingleft-default: 1em;
  --components-menu-control-button-paddingright-default: 1em;
  --components-menu-control-button-paddingtop-default: .25em;
  --components-menu-control-button-paddingbottom-default: .25em;
  --components-menu-control-button-font-size-default: 1rem;
  --components-menu-control-height: 2.2em;
  --components-menu-control-minwidth: 17.25em;
  --components-menu-control-maxwidth: 20em;
  --components-mark-color-background: #FCF8E3;
  --components-mark-padding: 0 .2rem;
  --components-large-chip-content-gap: .5rem;
  --components-input-fields-small-height: 2.5rem;
  --components-input-fields-medium-height: 2.5rem;
  --components-input-fields-large-height: 3.125rem;
  --components-input-fields-padding: 1rem;
  --components-input-fields-border-style: solid;
  --components-input-fields-border-size: 1px;
  --components-input-fields-errormessage-padding: .25em 0 0 1em;
  --components-input-fields-numbers-suffix-suffix-text-align: right;
  --components-input-fields-numbers-suffix-default-width: 8.75em;
  --components-input-fields-numbers-prefix-prefix-text-align: left;
  --components-input-fields-numbers-prefix-default-text-align: right;
  --components-input-fields-numbers-prefix-default-width: 8.75em;
  --components-input-fields-numbers-width: 8.75em;
  --components-input-fields-zip-code-width: 7.5em;
  --components-input-fields-phone-number-width: 13.75em;
  --components-input-fields-time-picker-width: 8.375rem;
  --components-fab-variations-extended-tokens-padding: 0 20px 0 14px;
  --components-fab-variations-extended-tokens-height: 48px;
  --components-fab-variations-mini-tokens-padding: 8px;
  --components-fab-variations-mini-tokens-width: 40px;
  --components-fab-variations-mini-tokens-height: 40px;
  --components-fab-variations-regular-tokens-padding: 16px;
  --components-fab-variations-regular-tokens-width: 56px;
  --components-fab-variations-regular-tokens-height: 56px;
  --components-fab-base-opacity-ripple: .8;
  --components-search-dropdown-width: 295px;
  --components-search-dropdown-padding: 25px 5px 5px 0px;
  --components-search-dropdown-margin: 0px 0px 0px 0px;
  --components-dropdown-icon-default-icon-padding: 0 1.25em 0 0;
  --components-dropdown-icon-default-padding: .75em 1.5em;
  --components-dropdowns-input-line-height: 1.5rem;
  --components-dropdowns-input-font-size: 1rem;
  --components-dropdowns-input-border-width: 1px;
  --components-dropdowns-menu-item-default-padding-with-icon: .75em 1.5em;
  --components-dropdowns-menu-item-default-padding: .75em 1em;
  --components-dropdowns-default-height: 2.75em;
  --components-dropdowns-default-padding-left: .75em;
  --components-dropdowns-default-padding-bottom: .5em;
  --components-dropdowns-default-padding-right: .75em;
  --components-dropdowns-default-padding-top: .5em;
  --components-dropdowns-default-padding: .5em 0;
  --components-dropdowns-default-max-width: 20em;
  --components-dropdowns-default-min-width: 17.25em;
  --components-dropdown-button-item-states-focus-border-style: solid;
  --components-dropdown-button-item-states-focus-border-width: 1px;
  --components-dropdown-button-item-states-hover-border: none;
  --components-dropdown-button-item-width: 100%;
  --components-dropdown-button-item-padding: .75rem .5rem;
  --components-dropdown-button-item-border: none;
  --components-dropdown-button-item-color-background: transparent;
  --components-dropdown-button-item-margin: .25rem 0;
  --components-dropdown-button-menu-z-index: 3;
  --components-dropdown-button-menu-margin-top: .25rem;
  --components-dropdown-button-menu-padding: .25rem .4375rem;
  --components-dropdown-button-menu-box-shadow: 0px 0px 13.1px 0px rgba(0, 0, 0, .12);
  --components-dropdown-button-menu-border-radius: .75rem;
  --components-dropdown-button-menu-width: 14.8125rem;
  --components-drawer-content-color-height: 100vh;
  --components-drawer-content-color-width: 100%;
  --components-drawer-header-close-icon-border: 0;
  --components-drawer-header-close-icon-padding: .5rem;
  --components-drawer-header-title-margin: 0;
  --components-drawer-header-padding: 0 1.25rem;
  --components-drawer-header-height: 4.375rem;
  --components-drawer-right-content-box-shadow: -8px 8px 13.1px 0px rgba(0, 0, 0, .12);
  --components-drawer-right-body-border-radius: 0 0 0 1rem;
  --components-drawer-right-header-border-radius: 1rem 0 0 0;
  --components-drawer-right-no-backdrop-border-radius: 1rem 0 0 1rem;
  --components-drawer-left-content-box-shadow: 8px -8px 13.1px 0px rgba(0, 0, 0, .12);
  --components-drawer-left-body-border-radius: 0 0 1rem 0;
  --components-drawer-left-header-border-radius: 0 1rem 0 0;
  --components-drawer-left-no-backdrop-border-radius: 0 1rem 1rem 0;
  --components-drawer-bottom-content-box-shadow: 8px -8px 13.1px 0px rgba(0, 0, 0, .12);
  --components-drawer-bottom-body-border-radius: 0;
  --components-drawer-bottom-header-border-radius: 1rem 1rem 0 0;
  --components-drawer-bottom-no-backdrop-border-radius: 1rem 1rem 0 0;
  --components-drawer-dialog-width: 100%;
  --components-modal-modal-max-height: 45vh;
  --components-modal-modal-max-width: 85vw;
  --components-modal-modal-min-width: 55vw;
  --components-modal-mobile-width: 85vw;
  --components-modal-mobile-actionbtns-top-space: .625rem;
  --components-modal-closeicon-spacing-left: .75rem;
  --components-modal-width-narrow: 28.90625vw;
  --components-modal-width-medium: 35.9375vw;
  --components-modal-width-wide: 54.6875vw;
  --components-modal-height-short: 23.775vh;
  --components-modal-height-medium: 68.7841vh;
  --components-modal-height-tall: 83.6661vh;
  --components-modal-statusicon-margin: 0 .25em 0 0;
  --components-modal-statustext-margin: 1em;
  --components-dialogs-modal-content-box-shadow: 0px 0px 3.2px 0px rgba(0, 0, 0, .06);
  --components-dialogs-dialog-scrolling-tablet-desktop-shadow-box: null;
  --components-dialogs-dialog-scrolling-tablet-desktop-padding: 1.5em 1.5em 1em;
  --components-dialogs-dialog-scrolling-tablet-desktop-max-width: null;
  --components-dialogs-dialog-scrolling-tablet-desktop-max-height: 26.25em;
  --components-dialogs-dialog-scrolling-tablet-desktop-width: 35em;
  --components-dialogs-dialog-scrolling-mobile-shadow-box: null;
  --components-dialogs-dialog-scrolling-mobile-padding: 1.5em 1.5em 1em;
  --components-dialogs-dialog-scrolling-mobile-max-width: null;
  --components-dialogs-dialog-scrolling-mobile-max-height: 26.25em;
  --components-dialogs-dialog-scrolling-mobile-width: 17.5em;
  --components-dialogs-dialog-alert-longheader-helper-text-button-padding-between-icons: .5em;
  --components-dialogs-dialog-alert-longheader-helper-text-button-align: right bottom;
  --components-dialogs-dialog-alert-longheader-helper-text-padding: 0 0 1.5em 0;
  --components-dialogs-dialog-alert-longheader-text-text-transform: capitalize;
  --components-dialogs-dialog-alert-longheader-close-icon-padding: 0 0 0 .75em;
  --components-dialogs-dialog-alert-longheader-header-padding: 0 0 0 1.5em;
  --components-dialogs-dialog-alert-helper-text-button-align: right bottom;
  --components-dialogs-dialog-alert-helper-text-button-padding-between-icons: .5em;
  --components-dialogs-dialog-alert-helper-text-button-padding-between: 1em;
  --components-dialogs-dialog-alert-helper-text-padding: 0 0 1.5em 0;
  --components-dialogs-dialog-alert-text-text-transform: capitalize;
  --components-dialogs-dialog-alert-close-icon-padding: 0 0 0 .75em;
  --components-dialogs-dialog-alert-header-padding: 0 0 0 1.5em;
  --components-dialogs-dialog-simple-status-icon-margin: 0 .25em 0 0;
  --components-dialogs-dialog-simple-status-icon-padding: 0 .75em 0 0;
  --components-dialogs-dialog-simple-actionbtns-row-padding: 0 1.25rem 1.25rem 1.25rem;
  --components-dialogs-dialog-simple-close-icon-padding: 0 0 0 .75em;
  --components-dialogs-dialog-simple-body-margin-bottom: 1.25rem;
  --components-dialogs-dialog-simple-body-margin-top: .3125rem;
  --components-dialogs-dialog-simple-body-padding: 0 1.25rem;
  --components-dialogs-dialog-simple-header-padding: 1.25rem;
  --components-dialogs-container-tablet-desktop-landscape-max-height: 38.125rem;
  --components-dialogs-container-tablet-desktop-landscape-width: 40em;
  --components-dialogs-container-tablet-desktop-portrait-max-height: 26.25rem;
  --components-dialogs-container-tablet-desktop-portrait-width: 34.375rem;
  --components-dialogs-container-tablet-desktop-shadow-box: 0px 2px 2px rgba(215, 215, 215, 1);
  --components-dialogs-container-tablet-desktop-padding: 1em;
  --components-dialogs-container-mobile-shadow-box: 0px 2px 2px rgba(215, 215, 215, 1);
  --components-dialogs-container-mobile-padding: 1em;
  --components-dialogs-container-mobile-max-height: 26.25em;
  --components-dialogs-container-mobile-width: 20.3125rem;
  --components-chip-labels-gap: .125rem;
  --components-chip-secondary-label-small-line-height: .625rem;
  --components-chip-secondary-label-small-font-size: .625rem;
  --components-chip-secondary-label-letter-spacing: .0075rem;
  --components-chip-secondary-label-opacity: .7;
  --components-chip-content-gap: .3125rem;
  --components-chip-content-padding: .0625rem .3125rem;
  --components-chip-container-hover-border: 1px solid transparent;
  --components-chip-container-small-line-height: .75rem;
  --components-chip-container-small-padding: .125rem .375rem;
  --components-chip-container-secondary-label-small-padding: .125rem .375rem;
  --components-card-thick-border-left-align-height: 100%;
  --components-card-thick-border-top-align-width: 100%;
  --components-card-header-height: 3.4375rem;
  --components-card-variants-outlined-box-shadow: none;
  --components-card-variants-fill-hover-box-shadow: none;
  --components-card-variants-fill-box-shadow: none;
  --components-card-variants-fill-border: none;
  --components-card-variants-elevated-box-shadow: 0 0 10.7px 0 rgba(0, 0, 0, .1);
  --components-card-container-position: relative;
  --components-button-button-icon-label-gap: .5rem;
  --components-button-variations-text-states-focus-box-shadow: 0px 0px 11.8px 0px rgba(0, 0, 0, .3);
  --components-button-variations-text-tokens-border: none;
  --components-button-variations-text-tokens-text-transform: uppercase;
  --components-button-variations-text-tokens-font-letter-spacing: .02rem;
  --components-button-variations-text-tokens-padding: .75rem 1rem;
  --components-button-variations-text-tokens-height-dense: 2.125rem;
  --components-button-variations-text-tokens-height: 2.5rem;
  --components-button-variations-text-tokens-min-width: 3rem;
  --components-button-variations-outlined-states-focus-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .06);
  --components-button-variations-outlined-tokens-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .06);
  --components-button-variations-outlined-tokens-text-transform: capitalize;
  --components-button-variations-solid-states-focus-box-shadow: 0px 0px 11.8px 0px rgba(0, 0, 0, .3);
  --components-button-variations-solid-states-hover-opacity: .85;
  --components-button-variations-solid-tokens-text-transform: capitalize;
  --components-button-variations-solid-tokens-letter-spacing: .02rem;
  --components-button-variations-solid-tokens-padding: .75rem 1rem;
  --components-button-secondary-blue-btn-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .06);
  --components-button-secondary-alert-btn-disabled-border: none;
  --components-button-secondary-alert-btn-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .06);
  --components-button-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .06);
  --components-banner-action-button-padding: .25em 1em;
  --components-banner-status-icon-padding-right: .75em;
  --components-banner-status-icon-height: 1.5rem;
  --components-banner-status-icon-width: 1.5rem;
  --components-banner-box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, .15), 0px 1px 3px 0px rgba(0, 0, 0, .3);
  --components-banner-padding: 0 1rem;
  --components-banner-width: 100%;
  --components-banner-typography-font-size: .875rem;
  --components-badge-text-transform: capitalize;
  --components-badge-content-gap: .3125rem;
  --components-badge-content-padding: .0625rem 0rem;
  --components-badge-wrapper-status-default-border: 1px solid transparent;
  --components-badge-wrapper-height: 1.5rem;
  --components-avatar-hover-filter-default: brightness(.85);
  --components-aggrid-sidebar-reset-button-margin-left-text: .5rem;
  --components-aggrid-sidebar-reset-button-background: none;
  --components-aggrid-sidebar-reset-button-border: 0px;
  --components-aggrid-sidebar-icon-tree-after-line-height: 140%;
  --components-aggrid-sidebar-icon-tree-after-font-size: 1rem;
  --components-aggrid-sidebar-icon-tree-after-color: #49454F;
  --components-aggrid-sidebar-title-line-height: 140%;
  --components-aggrid-sidebar-title-font-size: 1rem;
  --components-aggrid-sidebar-title-color: #49454F;
  --components-aggrid-sidebar-input-checkbox-focus-box-shadow: none;
  --components-aggrid-sidebar-input-focus-box-shadow: none;
  --components-aggrid-sidebar-input-default-background: rgba(255, 255, 255, .7);
  --components-aggrid-sidebar-input-default-border-radius: .5rem;
  --components-aggrid-sidebar-input-default-padding: 1rem 1.32rem;
  --components-aggrid-sidebar-input-default-height: 2.6rem;
  --components-aggrid-sidebar-input-default-min-width: 15rem;
  --components-aggrid-sidebar-search-display: none;
  --components-aggrid-sidebar-filter-group-margin-bottom: 1rem;
  --components-aggrid-sidebar-filter-group-padding: .85rem;
  --components-aggrid-sidebar-filter-group-border-radius: .75rem;
  --components-aggrid-sidebar-filter-group-min-width: 16.875rem;
  --components-aggrid-sidebar-filter-mini-filter-margin: .5rem 0rem;
  --components-aggrid-sidebar-instance-margin: 0px;
  --components-aggrid-sidebar-instance-padding-left: 0px;
  --components-aggrid-sidebar-panel-padding: 1rem 1.5rem;
  --components-aggrid-sidebar-panel-box-shadow: 0px 0px 13.1px 0px rgba(0, 0, 0, .12);
  --components-aggrid-sidebar-panel-border-radius: 1rem 0rem 0rem 1rem;
  --components-aggrid-sidebar-panel-border-left: 0px;
  --components-aggrid-sidebar-panel-height-item-height: 2.8rem;
  --components-aggrid-sidebar-panel-width-min: 20rem;
  --components-aggrid-sidebar-panel-width-default: 20rem;
  --components-aggrid-table-hover-row-color: transparent;
  --components-aggrid-table-activities-chip-color-background: #f1f4cc7f;
  --components-aggrid-table-data-row-padding: 0 1.25em;
  --components-aggrid-table-data-row-width-border-bottom: 1px;
  --components-aggrid-table-row-height: 5.625rem;
  --components-aggrid-table-header-row-padding: 0 .9375em;
  --components-aggrid-table-header-row-font-size: .875rem;
  --components-aggrid-table-header-padding: 0 1.25em;
  --components-aggrid-table-header-width-border-bottom: 1px;
  --components-aggrid-table-header-height: 3.5rem;
  --components-aggrid-table-padding: 1.875em;
  --components-aggrid-cell-border-color: transparent;
  --components-accordion-accordionslide-icon-on-right-padding: 0 0 0 .5em;
  --components-accordion-accordionslide-icon-minheight: 2em;
  --components-accordion-accordionslide-icon-minwidth: 2em;
  --components-accordion-accordionslide-icon-height: 2em;
  --components-accordion-accordionslide-icon-width: 2em;
  --components-accordion-accordionslide-content-margin-top: -.5em;
  --components-accordion-accordionslide-content-border: 1px solid #b5b0b0;
  --components-accordion-accordionslide-content-padding: .5em 1em .5em 1em;
  --components-accordion-accordionslide-content-maxwidth: 100.65%;
  --components-accordion-accordionslide-content-width: 100.65%;
  --components-accordion-accordionslide-button-width: 100%;
  --components-accordion-accordionslide-button-padding-right-default: 1em;
  --components-accordion-accordionslide-button-padding-left-default: 1em;
  --components-accordion-accordionslide-button-padding-bottom-default: 1em;
  --components-accordion-accordionslide-button-padding-top-default: 1em;
  --components-accordion-accordionslide-button-padding-default: .5em 1em;
  --components-accordion-accordionslide-button-line-height-default: 1.5rem;
  --components-accordion-accordionslide-button-text-transform: capitalize;
  --components-accordion-accordionslide-heading-margin-bottom: 0px;
  --components-accordion-accordionslide-width: 90%;
  --components-accordion-accordionslide-margin-top: -1.125em;
  --opacity-partial: .75;
  --opacity-medium: .5;
  --opacity-mostly-full: .25;
  --opacity-full: 0;
  --color-ascent1-500: #493D91;
  --color-ascent1-400: #6355BE;
  --color-ascent1-300: #BB84EC;
  --color-ascent1-200: #DFC1F9;
  --color-ascent1-100: #f70c9b;
  --color-neutrals-400: #E2E0DD;
  --color-silver-chinese: #CCCCCC;
  --color-chartreuse-extra-light: #F4FEB9;
  --color-alice-blue-gradient-base-dark: #EBF1F6;
  --color-alice-blue-gradient-base: #F8F9FB;
  --color-biscuit-gradient-base-dark: #F9F6F6;
  --color-biscuit-gradient-base: #FAFAFA;
  --color-cloud: #FAFCFE;
  --color-warmtone: #FCFCFC;
  --color-dark: #272C34;
  --color-lilac-extra-light: #F5EEFA;
  --color-lilac-light: #BB84EC;
  --color-lilac-dark: #BB84EC;
  --color-lilac-base: #BB84EC;
  --color-slate-light-2: #666666;
  --color-slate-light: #555555;
  --color-slate-dark: #000000;
  --color-slate-base: #333333;
  --color-teal-light: #DCF3F3;
  --color-teal-dark: #2586A7;
  --color-teal-base: #72DAD3;
  --color-yellow-highlight: #FCF83E;
  --color-yellow-base: #F6D74E;
  --color-yellow-300: #EBF16D;
  --color-yellow-200: #F9FE8E;
  --color-yellow-50: #FCFFC2;
  --color-orange-orange-2: #FFD2B0;
  --color-orange-orange-1: #f98a3b;
  --color-orange-extra-light: #FEEEE2;
  --color-orange-light: #FED0B9;
  --color-orange-dark: #BE5A13;
  --color-orange-base: #FF9B54;
  --color-orange-400: #FCBE8F;
  --color-blue-alice: #F6F9FA;
  --color-blue-light-blue-gray: #687283;
  --color-blue-extra-light-2: #E3F0FD;
  --color-blue-extra-light: #E0EEF2;
  --color-blue-light-2: #B080C6;
  --color-blue-light: #BAE2FC;
  --color-blue-dark-2: #4C1964;
  --color-blue-base-2: #652486;
  --color-blue-saga: #89C6D6;
  --color-blue-sea: #3276B8;
  --color-blue-navy: #35435A;
  --color-blue-450: #89C6D6;
  --color-blue-400: #A1D1DE;
  --color-blue-300: #BAE2FC;
  --color-blue-100: #E3F0FD;
  --color-blue-50: #F6F9FA;
  --color-green-green-2: #9EE8A1;
  --color-green-green-1: #12B25C;
  --color-green-extra-light: #E0F8E1;
  --color-green-light: #7EE2B2;
  --color-green-medium: #2ABB75;
  --color-green-dark-evergreen: #017E42;
  --color-green-dark: #018847;
  --color-green-base: #50D796;
  --color-red-red-6: #FDBCB0;
  --color-red-red-5: #9C1907;
  --color-red-red-4: #B20101;
  --color-red-red-3: #FE6C6C;
  --color-red-red-2: #DA0101;
  --color-red-extra-light: #FFE9E5;
  --color-red-light: #FE8181;
  --color-red-dark: #A11908;
  --color-red-base: #FE5A5A;
  --color-gray-dark-7: #B3BAC4;
  --color-gray-dark-6: #676879;
  --color-gray-dark-5: #AAAAAA;
  --color-gray-dark-4: #D7D7D7;
  --color-gray-light-3: #E0E0E0;
  --color-gray-light-2: #EBEBEB;
  --color-gray-light-1: #F2F2F2;
  --color-gray-light-0: #F8F8F8;
  --color-anti-flash: #F0F0F0;
  --color-white: #FFFFFF;
  --border-radius-oval: 50%;
  --border-radius-large-6-base: 6.25rem;
  --border-radius-extra-large-6: 6.1875rem;
  --border-radius-extra-large: 1.5625rem;
  --border-radius-large-1: 1.125rem;
  --border-radius-large-1-base: 1rem;
  --border-radius-large: .75rem;
  --border-radius-medium: .5rem;
  --border-radius-small: .25rem;
  --border-radius-none: 0;
  --border-radius-200: .5rem;
  --spacing-8-25: 2.125rem;
  --spacing-6-25: 1.625rem;
  --spacing-3-5: .875rem;
  --spacing-2-5: .625rem;
  --spacing-1-5: .375rem;
  --spacing-0-5: .125rem;
  --spacing-40: 10rem;
  --spacing-36: 9rem;
  --spacing-32: 8rem;
  --spacing-28: 7rem;
  --spacing-24: 6rem;
  --spacing-20: 5rem;
  --spacing-18: 4.5rem;
  --spacing-16: 4rem;
  --spacing-14: 3.5rem;
  --spacing-12: 3rem;
  --spacing-11: 2.75rem;
  --spacing-10: 2.5rem;
  --spacing-9: 2.25rem;
  --spacing-8: 2rem;
  --spacing-7: 1.75rem;
  --spacing-6: 1.5rem;
  --spacing-5: 1.25rem;
  --spacing-4: 1rem;
  --spacing-3: .75rem;
  --spacing-2: .5rem;
  --spacing-1: .25rem;
  --spacing-0: 0;
  --layout-spacer: 4px;
  --typography-subtitle-line-height: var(--font-line-height-small);
  --typography-subtitle-font-weight: var(--font-weight-semibold);
  --typography-subtitle-font-size: var(--font-size-medium);
  --typography-subtitle-font-family: var(--font-font-family2);
  --typography-paragraph-p-large-margin: var(--spacing-2) var(--spacing-0);
  --typography-paragraph-p-large-text-color: var(--color-gray-dark-6);
  --typography-paragraph-p-large-line-height: var(--font-line-height-medium);
  --typography-paragraph-p-large-font-weight: var(--font-weight-regular);
  --typography-paragraph-p-large-font-size: var(--font-body-size-large);
  --typography-paragraph-p-large-font-family: var(--font-font-family);
  --typography-paragraph-p-small-margin: var(--spacing-2) var(--spacing-0);
  --typography-paragraph-p-small-text-color: var(--color-gray-dark-5);
  --typography-paragraph-p-small-line-height: var(--font-line-height-medium);
  --typography-paragraph-p-small-font-weight: var(--font-weight-regular);
  --typography-paragraph-p-small-font-size: var(--font-body-size-small);
  --typography-paragraph-p-small-font-family: var(--font-font-family);
  --typography-paragraph-p-margin: var(--spacing-2) var(--spacing-0);
  --typography-paragraph-p-text-color: var(--color-gray-dark-6);
  --typography-paragraph-p-line-height: var(--font-line-height-medium);
  --typography-paragraph-p-letter-spacing: var(--spacing-0);
  --typography-paragraph-p-font-weight: var(--font-weight-regular);
  --typography-paragraph-p-font-size: var(--font-body-size-regular);
  --typography-paragraph-p-font-family: var(--font-font-family);
  --typography-overline-line-height: var(--font-line-height-extra-small-3);
  --typography-overline-font-weight: var(--font-weight-bolder);
  --typography-overline-font-size: var(--font-body-size-extra-small-1);
  --typography-overline-font-family: var(--font-font-family);
  --typography-other-card-title-line-height: var(--font-line-height-small);
  --typography-other-card-title-font-weight: var(--font-weight-semibold);
  --typography-other-card-title-font-size: var(--font-body-size-large);
  --typography-other-card-title-font-family: var(--font-font-family);
  --typography-list-base-line-height: var(--font-line-height-medium);
  --typography-link-disabled-text-color: var(--color-gray-dark-5);
  --typography-link-hover-text-color: var(--color-dark);
  --typography-link-text-color: var(--color-blue-sea);
  --typography-link-line-height: var(--font-line-height-medium-1);
  --typography-link-font-weight: var(--font-weight-semibold);
  --typography-link-font-size: var(--font-body-size-small);
  --typography-link-font-family: var(--font-font-family);
  --typography-form-field-label-base-color: var(--color-gray-dark-5);
  --typography-form-field-label-base-font-weight: var(--font-weight-regular);
  --typography-form-field-label-base-font-size: var(--font-body-size-regular);
  --typography-form-field-label-base-font-family: var(--font-font-family);
  --typography-heading-h3-margin: var(--spacing-4) var(--spacing-0) var(--spacing-2);
  --typography-heading-h3-line-height: var(--font-line-height-medium-1-75);
  --typography-heading-h3-font-weight: var(--font-weight-semibold);
  --typography-heading-h3-font-size: var(--font-heading-size-regular-small);
  --typography-heading-h3-font-family: var(--font-font-family2);
  --typography-heading-h2-margin: var(--spacing-2) var(--spacing-0);
  --typography-heading-h2-line-height: var(--font-line-height-medium-2);
  --typography-heading-h2-font-weight: var(--font-weight-regular);
  --typography-heading-h2-font-size: var(--font-heading-size-regular-large);
  --typography-heading-h2-font-family: var(--font-font-family2);
  --typography-heading-h1-margin: var(--spacing-6) var(--spacing-0) var(--spacing-2);
  --typography-heading-h1-line-height: var(--font-line-height-medium-3);
  --typography-heading-h1-font-weight: var(--font-weight-regular);
  --typography-heading-h1-font-size: var(--font-heading-size-extra-large);
  --typography-heading-h1-font-family: var(--font-font-family2);
  --typography-caption-line-height: var(--font-line-height-small);
  --typography-caption-font-weight: var(--font-weight-semibold);
  --typography-caption-font-size: var(--font-body-size-extra-small);
  --typography-caption-font-family: var(--font-font-family);
  --typography-body-body-small-line-height: var(--font-line-height-large);
  --typography-body-body-small-font-weight: var(--font-weight-regular);
  --typography-body-body-small-font-size: var(--font-body-size-regular);
  --typography-body-body-small-font-family: var(--font-font-family);
  --typography-body-body-regular-line-height: var(--font-line-height-small);
  --typography-body-body-regular-font-weight: var(--font-weight-semibold);
  --typography-body-body-regular-font-size: var(--font-body-size-regular);
  --typography-body-body-regular-font-family: var(--font-font-family);
  --typography-body-body-bold-line-height: var(--font-line-height-small);
  --typography-body-body-bold-font-weight: var(--font-weight-bold);
  --typography-body-body-bold-font-size: var(--font-body-size-regular);
  --typography-body-body-bold-font-family: var(--font-font-family);
  --iconography-icons-interactive-pressed-state-disabled-state-color: var(--color-gray-light-3);
  --iconography-icons-interactive-pressed-state-color: var(--color-gray-dark-5);
  --iconography-icons-inline-small-color-text: var(--color-gray-dark-5);
  --iconography-icons-inline-regular-color-text: var(--color-gray-dark-5);
  --iconography-icons-inline-large-color-text: var(--color-gray-dark-5);
  --components-upload-file-drag-area-hover-border-color: var(--color-blue-sea);
  --components-upload-file-drag-area-hover-background-color: var(--color-blue-alice);
  --components-upload-file-drag-area-text-line-height: var(--font-line-height-small-2);
  --components-upload-file-drag-area-text-size: var(--font-size-small);
  --components-upload-file-drag-area-text-color: var(--color-slate-light);
  --components-upload-file-drag-area-border-radius: var(--border-radius-large);
  --components-upload-file-drag-area-border-color: var(--color-gray-dark-5);
  --components-upload-file-drag-area-background-color: var(--color-white);
  --components-switch-icon-color-text-on-disabled: var(--color-white);
  --components-switch-icon-color-text-on-static: var(--color-white);
  --components-switch-icon-color-text-off-disabled: var(--color-white);
  --components-switch-icon-color-text-off-static: var(--color-gray-dark-6);
  --components-switch-icon-font-size: var(--iconography-icons-inline-small-font-size);
  --components-switch-track-color-background-disabled: var(--color-gray-dark-4);
  --components-switch-track-color-background: var(--color-gray-light-3);
  --components-switch-thumb-color-border-on-disabled: 1px solid var(--color-gray-dark-4);
  --components-switch-thumb-color-border-off-hover: 1px solid var(--color-gray-dark-4);
  --components-switch-thumb-color-background-on-disabled: var(--color-gray-dark-5);
  --components-switch-thumb-color-background-off-pressed: var(--color-white);
  --components-switch-thumb-color-background-off-focused: var(--color-white);
  --components-switch-thumb-color-background-off-hover: var(--color-gray-light-1);
  --components-switch-thumb-color-background-off-static: var(--color-white);
  --components-switch-thumb-color-background-disabled: var(--color-gray-dark-5);
  --components-switch-thumb-color-background: var(--color-white);
  --components-toggle-button-variations-icon-tokens-color-background: var(--color-white);
  --components-toggle-button-variations-icon-tokens-border-radius: var(--border-radius-small);
  --components-toggle-button-variations-icon-tokens-font-size: var(--iconography-icons-inline-regular-font-size);
  --components-toggle-button-variations-text-tokens-border-radius: var(--border-radius-small);
  --components-toggle-button-variations-text-tokens-color-base-disabled: var(--color-white);
  --components-toggle-button-variations-text-tokens-color-text-disabled: var(--color-gray-dark-4);
  --components-toggle-button-variations-text-tokens-background-color: var(--color-white);
  --components-toggle-button-variations-text-tokens-font-weight: var(--font-weight-semibold);
  --components-toggle-button-variations-text-tokens-font-size: var(--font-body-size-regular);
  --components-toggle-button-variations-text-tokens-font-family: var(--font-font-family);
  --components-toggle-button-base-color-base-disabled: var(--color-white);
  --components-toggle-button-base-color-text-disabled: var(--color-gray-dark-4);
  --components-toast-action-button-border-radius: var(--border-radius-large);
  --components-toast-action-button-color-background: var(--color-white);
  --components-toast-border-radius: var(--border-radius-large);
  --components-toast-typography-line-height: var(--font-line-height-extra-small);
  --components-toast-typography-font-weight-bold: var(--font-weight-bold);
  --components-toast-typography-font-weight-regular: var(--font-weight-regular);
  --components-toast-typography-font-family: var(--font-font-family);
  --components-text-field-text-field-error-text-field-when-interactive-disabled-state-color: var(--color-gray-light-3);
  --components-text-field-text-field-error-text-field-when-interactive-pressed-state-color: var(--color-gray-dark-5);
  --components-text-field-text-field-error-text-field-trailing-icon-icon-color: var(--color-gray-dark-5);
  --components-text-field-text-field-error-text-field-trailing-icon-icon-text-size: var(--iconography-icons-inline-regular-font-size);
  --components-text-field-text-field-error-text-field-leading-icon-icon-color: var(--color-gray-dark-5);
  --components-text-field-text-field-error-text-field-leading-icon-icon-text-size: var(--iconography-icons-inline-regular-font-size);
  --components-text-field-text-field-error-character-counter-line-height: var(--font-line-height-small);
  --components-text-field-text-field-error-character-counter-font-weight: var(--font-weight-regular);
  --components-text-field-text-field-error-character-counter-font-size: var(--font-body-size-extra-small);
  --components-text-field-text-field-error-character-counter-font-family: var(--font-font-family);
  --components-text-field-inline-margin-between-fields: var(--spacing-4);
  --components-text-field-label-side-field-background-color: var(--color-gray-light-1);
  --components-text-field-label-above-field-background-color: var(--color-gray-light-1);
  --components-text-field-label-above-field-border-radius: var(--border-radius-small);
  --components-text-field-outline-background-color: var(--color-white);
  --components-text-field-outline-border-radius: var(--border-radius-small);
  --components-text-field-filled-background-color: var(--color-gray-light-1);
  --components-text-field-filled-border-radius: var(--border-radius-small);
  --components-text-field-label-font-size: var(--font-body-size-regular);
  --components-tags-variant-dense-font-size: var(--font-size-extra-small-1);
  --components-tags-variant-regular-font-size: var(--font-size-extra-small);
  --components-tags-variant-background-yellow: var(--color-yellow-50);
  --components-tags-variant-background-pink: var(--color-ascent1-200);
  --components-tags-variant-background-blue: var(--color-blue-300);
  --components-tags-variant-default-gap: var(--spacing-1);
  --components-tags-variant-default-padding: var(--spacing-1) var(--spacing-2);
  --components-tags-variant-default-letter-spacing: var(--font-letter-spacing-small);
  --components-tags-variant-default-border-radius: var(--spacing-1);
  --components-tags-variant-default-line-height: var(--font-line-height-regular);
  --components-tags-variant-default-color: var(--color-slate-light);
  --components-tags-variant-default-font-family: var(--font-font-family);
  --components-tab-tabbutton-font-solid-fixed-size: var(--font-heading-size-regular);
  --components-tab-content-border: 1px solid var(--color-gray-dark-4);
  --components-tab-content-color: var(--color-white);
  --components-tabs-underline-states-pressed-color-ripple: var(--color-white);
  --components-tabs-underline-states-focus-border-radius: var(--border-radius-small);
  --components-tabs-underline-fixed-icon-font-size: var(--font-body-size-regular);
  --components-tabs-underline-fixed-line-height: var(--font-line-height-small);
  --components-tabs-underline-fixed-font-size: var(--font-body-size-regular);
  --components-tabs-underline-base-border-radius: var(--border-radius-small);
  --components-tabs-tabbar-elevated-background-color: var(--color-white);
  --components-tabs-tabbutton-underline-font-weight: var(--font-weight-bold);
  --components-tabs-tabbutton-underline-backgroundcolor-inactive: var(--color-white);
  --components-tabs-tabbutton-underline-backgroundcolor-active: var(--color-white);
  --components-tabs-tabbutton-underline-border-radius-top-right-active: var(--border-radius-none);
  --components-tabs-tabbutton-underline-border-radius-top-left-active: var(--border-radius-none);
  --components-tabs-tabbutton-solid-fontweight-inactive: var(--font-weight-semibold);
  --components-tabs-tabbutton-solid-fontweight-active: var(--font-weight-semibold);
  --components-tabs-tabbutton-solid-backgroundcolor-inactive: var(--color-white);
  --components-tabs-tabbutton-solid-border-radius-top-right-active: var(--border-radius-small);
  --components-tabs-tabbutton-solid-border-radius-top-left-active: var(--border-radius-small);
  --components-tabs-solid-states-pressed-color-ripple: var(--color-white);
  --components-tabs-solid-states-focus-border-radius: var(--border-radius-extra-large);
  --components-tabs-solid-states-hover-font-weight: var(--font-weight-semibold);
  --components-tabs-solid-states-hover-background-color: var(--color-blue-alice);
  --components-tabs-solid-fixed-icon-font-size: var(--font-body-size-regular);
  --components-tabs-solid-fixed-line-height: var(--font-line-height-regular);
  --components-tabs-solid-fixed-font-family: var(--font-font-family);
  --components-tabs-solid-fixed-font-size: var(--font-body-size-regular);
  --components-tabs-solid-base-border-radius: var(--border-radius-extra-large);
  --components-table-data-color-text: var(--color-gray-dark-6);
  --components-table-data-font-weight: var(--font-weight-regular);
  --components-table-data-font-size: var(--font-body-size-regular);
  --components-table-row-border-bottom: 1px solid var(--color-gray-light-2);
  --components-table-header-border-bottom: 2px solid var(--color-gray-dark-5);
  --components-table-header-color-text: var(--color-gray-dark-5);
  --components-table-header-font-weight: var(--font-weight-semibold);
  --components-table-header-font-size: var(--font-body-size-small);
  --components-steppers-horizontal-content-default-font-weight: var(--font-weight-regular);
  --components-steppers-horizontal-content-default-font-family: var(--font-font-family);
  --components-steppers-horizontal-state-upcoming-border-color: var(--color-slate-light);
  --components-steppers-horizontal-state-upcoming-color: var(--color-slate-light);
  --components-steppers-horizontal-state-disabled-border-color: var(--color-gray-dark-4);
  --components-steppers-horizontal-state-disabled-color: var(--color-gray-dark-5);
  --components-steppers-horizontal-state-hover-background-color: var(--color-blue-navy);
  --components-steppers-horizontal-state-complete-background-color: var(--color-blue-sea);
  --components-steppers-horizontal-state-active-color: var(--color-white);
  --components-steppers-horizontal-state-active-background-color: var(--color-blue-sea);
  --components-steppers-horizontal-inner-circle-background-color: var(--color-blue-sea);
  --components-steppers-horizontal-inner-circle-color: var(--color-white);
  --components-steppers-horizontal-outer-circle-color: var(--color-blue-sea);
  --components-steppers-horizontal-outer-circle-border-color: var(--color-blue-sea);
  --components-steppers-horizontal-label-font-line-height: var(--font-line-height-small-1);
  --components-steppers-horizontal-label-font-color: var(--color-slate-light);
  --components-steppers-horizontal-label-font-size: var(--font-size-extra-small);
  --components-steppers-horizontal-label-font-weight: var(--font-weight-regular);
  --components-steppers-horizontal-label-font-family: var(--font-font-family);
  --components-steppers-circular-sub-label-font-color: var(--color-slate-light);
  --components-steppers-circular-sub-label-font-line-height: var(--font-line-height-regular);
  --components-steppers-circular-sub-label-font-weight: var(--font-weight-semibold);
  --components-steppers-circular-sub-label-font-family: var(--font-font-family);
  --components-steppers-circular-label-font-color: var(--color-slate-light);
  --components-steppers-circular-label-font-line-height: var(--font-line-height-small);
  --components-steppers-circular-label-font-weight: var(--font-weight-semibold);
  --components-steppers-circular-label-font-family: var(--font-font-family);
  --components-steppers-circular-svg-label-font-weight: var(--font-weight-semibold);
  --components-steppers-circular-svg-label-font-family: var(--font-font-family);
  --components-steppers-circular-svg-stroke-color-active: var(--color-blue-sea);
  --components-steppers-circular-svg-stroke-color-track: var(--color-gray-dark-4);
  --components-status-label-color-upcoming-background-color: var(--color-chartreuse-extra-light);
  --components-status-label-color-inprogress-background-color: var(--color-lilac-extra-light);
  --components-status-label-color-link-background-color: var(--color-green-extra-light);
  --components-status-label-color-error-background-color: var(--color-red-extra-light);
  --components-status-label-color-warning-background-color: var(--color-orange-extra-light);
  --components-status-label-color-success-background-color: var(--color-green-extra-light);
  --components-status-label-font-letter-spacing: var(--font-letter-spacing-small);
  --components-status-label-font-color: var(--color-slate-base);
  --components-status-label-font-weight: var(--font-weight-semibold);
  --components-status-label-font-size: var(--font-body-size-small);
  --components-status-label-font-family: var(--font-font-family);
  --components-status-dot-bg-color-extra-background: var(--color-ascent1-400);
  --components-status-dot-bg-color-alert-background: var(--color-red-red-2);
  --components-status-dot-bg-color-warn-background: var(--color-orange-orange-1);
  --components-status-dot-bg-color-success-background: var(--color-green-green-1);
  --components-status-dot-container-gap: var(--spacing-2);
  --components-status-container-background: var(--color-white);
  --components-status-container-border-radius: var(--border-radius-medium);
  --components-status-container-padding: var(--spacing-0) var(--spacing-3);
  --components-status-container-gap: var(--spacing-2-5);
  --components-split-button-variations-secondary-blue-disabled-border: 1px solid var(--color-biscuit-gradient-base);
  --components-split-button-variations-secondary-blue-hover-background: var(--color-blue-extra-light);
  --components-split-button-variations-secondary-blue-border: 1px solid var(--color-gray-light-2);
  --components-split-button-variations-secondary-blue-background: var(--color-blue-alice);
  --components-split-button-variations-secondary-disabled-border: 1px solid var(--color-biscuit-gradient-base);
  --components-split-button-variations-secondary-hover-background: var(--color-biscuit-gradient-base);
  --components-split-button-variations-secondary-border: 1px solid var(--color-biscuit-gradient-base);
  --components-split-button-variations-secondary-background: var(--color-white);
  --components-split-button-variations-primary-disabled-right-button-border-left: 1px solid var(--color-white);
  --components-split-button-variations-primary-right-button-border-left: 1px solid var(--color-biscuit-gradient-base);
  --components-split-button-variations-primary-color: var(--color-white);
  --components-split-button-variations-disabled-color: var(--color-gray-dark-5);
  --components-split-button-variations-disabled-background: var(--color-gray-light-2);
  --components-split-button-right-button-border-radius: var(--border-radius-none) var(--border-radius-extra-large-6) var(--border-radius-extra-large-6) var(--border-radius-none);
  --components-split-button-left-button-border-radius: var(--border-radius-extra-large-6) var(--border-radius-none) var(--border-radius-none) var(--border-radius-extra-large-6);
  --components-snackbar-action-button-border-radius: var(--border-radius-large);
  --components-snackbar-action-button-color-background: var(--color-white);
  --components-snackbar-border-radius: var(--border-radius-medium);
  --components-snackbar-typography-line-height: var(--font-line-height-extra-small);
  --components-snackbar-typography-font-weight-bold: var(--font-weight-bold);
  --components-snackbar-typography-font-weight-regular: var(--font-weight-regular);
  --components-snackbar-typography-font-family: var(--font-font-family);
  --components-small-status-variation-label-letter-spacing: var(--font-letter-spacing-large);
  --components-small-status-variation-label-border-radius: var(--border-radius-large-6-base);
  --components-small-status-variation-dot-border-radius: var(--border-radius-oval);
  --components-small-status-font-family: var(--font-font-family);
  --components-small-status-font-weight: var(--font-weight-semibold);
  --components-small-status-font-size: var(--font-body-size-extra-small-1);
  --components-small-status-color: var(--color-white);
  --components-small-status-background-color: var(--color-red-red-4);
  --components-selection-controls-switch-icon-on-icon-disabled-color-text: var(--color-white);
  --components-selection-controls-switch-icon-on-icon-color: var(--color-white);
  --components-selection-controls-switch-icon-on-icon-font-size: var(--iconography-icons-inline-small-font-size);
  --components-selection-controls-switch-icon-off-icon-pressed-color-text: var(--color-gray-light-2);
  --components-selection-controls-switch-icon-off-icon-hover-color-text: var(--color-gray-light-2);
  --components-selection-controls-switch-icon-off-icon-color: var(--color-gray-dark-6);
  --components-selection-controls-switch-icon-off-icon-font-size: var(--iconography-icons-inline-small-font-size);
  --components-selection-controls-switch-icon-off-pressed-color-text: var(--color-gray-light-2);
  --components-selection-controls-switch-icon-off-hover-color-text: var(--color-gray-light-2);
  --components-selection-controls-switch-icon-off-track-background-color: var(--color-gray-light-3);
  --components-selection-controls-switch-icon-off-thumb-background-color: var(--color-white);
  --components-selection-controls-switch-off-pressed-color-text: var(--color-gray-light-2);
  --components-selection-controls-switch-off-hover-color-text: var(--color-gray-light-2);
  --components-selection-controls-switch-off-track-background-color: var(--color-gray-light-3);
  --components-selection-controls-switch-off-thumb-background-color: var(--color-white);
  --components-selection-controls-radio-button-text-label-text-transform: var(--typography-form-field-label-base-text-transform);
  --components-selection-controls-radio-button-text-label-letter-spacing: var(--typography-form-field-label-base-letter-spacing);
  --components-selection-controls-radio-button-selected-color-text: var(--color-white);
  --components-selection-controls-radio-button-selected-background-color: var(--color-white);
  --components-selection-controls-radio-button-default-pressed-color-ripple: var(--color-gray-light-2);
  --components-selection-controls-radio-button-default-pressed-color-text: var(--color-gray-light-2);
  --components-selection-controls-radio-button-default-hover-background-color: var(--color-gray-dark-6);
  --components-selection-controls-radio-button-default-hover-color-text: var(--color-gray-dark-6);
  --components-selection-controls-radio-button-default-border: 2px solid var(--color-gray-dark-4);
  --components-selection-controls-radio-button-default-background-color: var(--color-white);
  --components-selection-controls-radio-cirlce-border-color-disabled: var(--color-gray-dark-5);
  --components-selection-controls-radio-cirlce-border-color-default: var(--color-gray-dark-5);
  --components-selection-controls-radio-outercircle-border-color-check: var(--color-white);
  --components-selection-controls-radio-text-color-disabled: var(--color-gray-dark-5);
  --components-selection-controls-checkbox-text-label-text-transform: var(--typography-form-field-label-base-text-transform);
  --components-selection-controls-checkbox-text-label-letter-spacing: var(--typography-form-field-label-base-letter-spacing);
  --components-selection-controls-checkbox-text-label-font-weight: var(--font-weight-semibold);
  --components-selection-controls-checkbox-text-label-font-size: var(--spacing-4);
  --components-selection-controls-checkbox-text-label-font-family: var(--font-font-family);
  --components-selection-controls-checkbox-selected-disabled-color-text: var(--color-gray-dark-5);
  --components-selection-controls-checkbox-selected-color-text: var(--color-white);
  --components-selection-controls-checkbox-default-disabled-color-checkbox-background: var(--color-gray-dark-4);
  --components-selection-controls-checkbox-default-disabled-color-text: var(--color-gray-dark-5);
  --components-selection-controls-checkbox-default-pressed-color-ripple: var(--color-gray-light-2);
  --components-selection-controls-checkbox-default-pressed-color-text: var(--color-gray-light-2);
  --components-selection-controls-checkbox-default-hover-background-color: var(--color-gray-light-2);
  --components-selection-controls-checkbox-default-hover-color-text: var(--color-gray-light-2);
  --components-selection-controls-checkbox-default-border: 1px solid var(--color-gray-dark-4);
  --components-selection-controls-checkbox-default-background-color: var(--color-white);
  --components-popup-menu-icon-color-text: var(--color-gray-dark-5);
  --components-popup-menu-icon-font-size: var(--iconography-icons-inline-regular-font-size);
  --components-popup-menu-menu-item-hover-background-color: var(--color-gray-light-1);
  --components-popup-menu-menu-item-static-background-color: var(--color-white);
  --components-popup-menu-menu-item-static-color-text: var(--color-gray-dark-5);
  --components-popup-menu-container-border: 1px solid var(--color-gray-dark-5);
  --components-popup-menu-container-border-radius: var(--border-radius-small);
  --components-plain-tooltip-arrow-border-color: var(--color-slate-base);
  --components-plain-tooltip-arrow-border-width: var(--spacing-2);
  --components-plain-tooltip-container-margin: var(--spacing-2);
  --components-plain-tooltip-container-letter-spacing: var(--font-letter-spacing-extra-small);
  --components-plain-tooltip-container-line-height: var(--font-line-height-extra-small-1);
  --components-plain-tooltip-container-font-weight: var(--font-weight-regular);
  --components-plain-tooltip-container-font-size: var(--font-body-size-small);
  --components-plain-tooltip-container-font-family: var(--font-font-family);
  --components-plain-tooltip-container-border-radius: var(--border-radius-small);
  --components-plain-tooltip-container-padding: var(--spacing-2) var(--spacing-4);
  --components-plain-tooltip-container-text-color: var(--color-white);
  --components-plain-tooltip-container-background: var(--color-slate-base);
  --components-number-input-icons-position-right: var(--spacing-4);
  --components-number-input-icons-gap: var(--spacing-2-5);
  --components-number-input-suffix-margin-left: var(--spacing-2);
  --components-navigation-pagination-popover-menu-ul-li-hover-background: var(--color-anti-flash);
  --components-navigation-pagination-popover-menu-ul-li-padding: var(--spacing-2) var(--spacing-3);
  --components-navigation-pagination-popover-menu-ul-padding: var(--spacing-2-5);
  --components-navigation-pagination-popover-menu-border: 1px solid var(--color-silver-chinese);
  --components-navigation-pagination-popover-menu-background-color: var(--color-white);
  --components-navigation-pagination-large-pagination-window-page-number-border-radius: var(--border-radius-large-6-base);
  --components-navigation-pagination-large-pagination-window-page-number-font-size-default: var(--font-body-size-regular);
  --components-navigation-pagination-large-pagination-window-icon-font-size-default: var(--iconography-icons-inline-regular-font-size);
  --components-navigation-pagination-large-pagination-window-font-size: var(--font-body-size-regular);
  --components-navigation-pagination-large-page-range-label-font-weight: var(--font-weight-semibold);
  --components-navigation-pagination-large-page-size-dropdown-color-text: var(--color-gray-dark-6);
  --components-navigation-pagination-large-page-size-dropdown-font-weight: var(--font-weight-bold);
  --components-navigation-pagination-large-page-size-dropdown-font-size: var(--font-body-size-regular);
  --components-navigation-pagination-large-page-size-dropdown-border-radius: var(--border-radius-extra-large);
  --components-navigation-pagination-large-page-size-label-font-weight: var(--font-weight-semibold);
  --components-navigation-pagination-page-number-color-background-selected: var(--color-blue-saga);
  --components-navigation-pagination-page-number-color-background-hover: var(--color-blue-extra-light);
  --components-navigation-pagination-page-number-color-background-default: var(--color-white);
  --components-navigation-pagination-page-number-color-text-disabled: var(--color-gray-dark-5);
  --components-navigation-pagination-page-number-color-text-selected: var(--color-slate-light);
  --components-navigation-pagination-page-number-color-text-hover: var(--color-slate-light-2);
  --components-navigation-pagination-page-number-color-text-default: var(--color-slate-light-2);
  --components-navigation-pagination-page-number-font-weight-selected: var(--font-weight-bold);
  --components-navigation-pagination-page-number-font-weight-default: var(--font-weight-semibold);
  --components-navigation-pagination-icon-color-background-hover: var(--color-cloud);
  --components-navigation-pagination-icon-color-background-default: var(--color-white);
  --components-navigation-pagination-icon-color-text-disabled: var(--color-gray-dark-5);
  --components-navigation-pagination-icon-color-text-hover: var(--color-slate-light);
  --components-navigation-pagination-icon-color-text-default: var(--color-slate-light);
  --components-navigation-breadcrumbs-seperator-font-weight: var(--font-weight-semibold);
  --components-navigation-breadcrumbs-current-page-font-weight: var(--font-weight-semibold);
  --components-navigation-breadcrumbs-base-line-height: var(--font-line-height-extra-small-2);
  --components-navigation-breadcrumbs-base-letter-spacing: var(--font-letter-spacing-extra-small);
  --components-navigation-breadcrumbs-base-font-weight: var(--font-weight-semibold);
  --components-navigation-breadcrumbs-base-font-size: var(--font-body-size-extra-small);
  --components-navigation-navigation-bar-profile-expand-icon-tablet-desktop-color-text: var(--color-gray-dark-5);
  --components-navigation-navigation-bar-profile-profile-icon-tablet-desktop-border-radius: var(--border-radius-oval);
  --components-navigation-navigation-bar-profile-profile-image-tablet-desktop-border-radius: var(--border-radius-oval);
  --components-navigation-navigation-bar-utility-items-color-text: var(--color-gray-dark-5);
  --components-navigation-navigation-bar-content-slot-mobile-menu-item-border-bottom-static: 1px solid var(--color-gray-light-3);
  --components-navigation-navigation-bar-content-slot-mobile-menu-item-color-background-selected: var(--color-gray-light-1);
  --components-navigation-navigation-bar-content-slot-mobile-menu-item-color-background-static: var(--color-white);
  --components-navigation-navigation-bar-content-slot-mobile-menu-item-color-text-static: var(--color-gray-dark-6);
  --components-navigation-navigation-bar-content-slot-mobile-menu-item-font-weight-selected: var(--font-weight-semibold);
  --components-navigation-navigation-bar-content-slot-mobile-menu-item-font-weight-hover: var(--font-weight-semibold);
  --components-navigation-navigation-bar-content-slot-mobile-menu-item-font-weight-static: var(--font-weight-regular);
  --components-navigation-navigation-bar-content-slot-mobile-menu-item-font-size-static: var(--font-body-size-regular);
  --components-navigation-navigation-bar-content-slot-mobile-menu-item-font-font-family-static: var(--font-font-family);
  --components-navigation-navigation-bar-hamburger-icon-mobile-tablet-menu-icon-color-text: var(--color-gray-dark-5);
  --components-multi-select-dialog-highlight-background-color: var(--color-yellow-highlight);
  --components-multi-select-dialog-list-item-hover-background: var(--color-biscuit-gradient-base);
  --components-multi-select-dialog-color-icon: var(--color-slate-light);
  --components-multi-select-dialog-color-border-base: var(--color-gray-light-2);
  --components-multi-select-dialog-color-background-hover: var(--color-biscuit-gradient-base);
  --components-multi-select-dialog-color-background-base: var(--color-white);
  --components-multi-select-dialog-panel-border-color: var(--color-gray-light-2);
  --components-multi-select-dialog-panel-border-radius: var(--border-radius-large);
  --components-multi-select-dialog-typography-font-weight-medium: var(--font-weight-semibold);
  --components-multi-select-dialog-typography-font-weight-regular: var(--font-weight-regular);
  --components-multi-select-dialog-typography-font-family: var(--font-font-family);
  --components-menu-content-border-radius: var(--border-radius-small);
  --components-menu-content-border-color: var(--color-gray-light-2);
  --components-menu-content-background-color: var(--color-white);
  --components-menu-control-border-color-hover: var(--color-gray-light-1);
  --components-menu-control-border-color-default: var(--color-gray-dark-5);
  --components-menu-control-button-color-background-default: var(--color-white);
  --components-menu-control-button-color-text-default: var(--color-gray-dark-5);
  --components-menu-control-button-font-weight-default: var(--font-weight-semibold);
  --components-large-chip-container-disabled-font-weight: var(--font-weight-semibold);
  --components-large-chip-container-disabled-color: var(--color-gray-dark-5);
  --components-large-chip-container-disabled-background: var(--color-gray-light-2);
  --components-large-chip-container-disabled-border: 1px solid var(--color-gray-dark-4);
  --components-large-chip-container-focus-box-shadow: 0px 0px 7px 0px var(--color-blue-450);
  --components-large-chip-container-focus-background: var(--color-blue-50);
  --components-large-chip-container-focus-border: 1px solid var(--color-blue-300);
  --components-large-chip-container-selected-font-weight: var(--font-weight-semibold);
  --components-large-chip-container-selected-background: var(--color-blue-extra-light);
  --components-large-chip-container-selected-border: 1px solid var(--color-blue-300);
  --components-large-chip-container-hover-background: var(--color-blue-alice);
  --components-large-chip-container-default-background: var(--color-white);
  --components-large-chip-container-default-border: 1px solid var(--color-gray-light-2);
  --components-large-chip-container-default-border-radius: var(--border-radius-medium);
  --components-large-chip-container-default-font-weight: var(--font-weight-regular);
  --components-large-chip-container-default-line-height: var(--font-line-height-small-1);
  --components-large-chip-container-default-font-size: var(--font-body-size-small);
  --components-large-chip-container-default-color: var(--color-slate-light);
  --components-input-message-color-disabled: var(--color-gray-dark-5);
  --components-input-message-color-warning: var(--color-red-red-5);
  --components-input-message-color-success: var(--color-green-dark-evergreen);
  --components-input-message-line-height: var(--font-line-height-regular);
  --components-input-message-font-weight: var(--font-weight-regular);
  --components-input-message-font-size: var(--font-body-size-extra-small);
  --components-input-message-font-family: var(--font-font-family);
  --components-input-label-spacing-padding: 0 0 var(--spacing-1) 0;
  --components-input-label-color-disabled: var(--color-gray-dark-5);
  --components-input-label-line-height: var(--font-line-height-small-3);
  --components-input-label-font-weight: var(--font-weight-regular);
  --components-input-label-font-size: var(--font-body-size-small);
  --components-input-label-font-family: var(--font-font-family);
  --components-input-fields-placeholder-color-default: var(--color-slate-light);
  --components-input-fields-message-spacing-padding: var(--spacing-1-5) 0 0 0;
  --components-input-fields-small-border-radius: var(--border-radius-large-6-base);
  --components-input-fields-medium-border-radius: var(--border-radius-medium);
  --components-input-fields-large-border-radius: var(--border-radius-medium);
  --components-input-fields-letter-spacing: var(--font-letter-spacing-large-small);
  --components-input-fields-font-weight: var(--font-weight-semibold);
  --components-input-fields-font-family: var(--font-font-family);
  --components-input-fields-font-size: var(--font-body-size-regular);
  --components-input-fields-color-border-default: var(--color-gray-dark-5);
  --components-input-fields-color-border-warning: var(--color-red-red-5);
  --components-input-fields-color-border-success: var(--color-green-dark-evergreen);
  --components-input-fields-color-border-disabled: var(--color-gray-dark-4);
  --components-input-fields-color-text-hover: var(--color-gray-dark-5);
  --components-input-fields-color-text-focus: var(--color-gray-dark-4);
  --components-input-fields-color-text-disabled: var(--color-gray-dark-5);
  --components-input-fields-color-background-default: var(--color-white);
  --components-input-fields-color-background-hover: var(--color-gray-light-1);
  --components-input-fields-color-background-disabled: var(--color-gray-light-2);
  --components-input-fields-color-icon-disabled: var(--color-gray-dark-4);
  --components-input-fields-color-icon-warning: var(--color-red-dark);
  --components-input-fields-color-icon-success: var(--color-green-dark-evergreen);
  --components-input-fields-errormessage-font-size: var(--font-body-size-small);
  --components-input-fields-numbers-suffix-suffix-color-text: var(--color-gray-dark-5);
  --components-input-fields-numbers-suffix-suffix-font-size: var(--font-body-size-regular);
  --components-input-fields-numbers-prefix-prefix-color-text: var(--color-gray-dark-5);
  --components-input-fields-numbers-prefix-prefix-font-size: var(--font-body-size-regular);
  --components-fab-base-color-text: var(--color-white);
  --components-fab-base-color-ripple: var(--color-white);
  --components-fab-base-color-base-disabled: var(--color-gray-light-2);
  --components-fab-base-color-text-disabled: var(--color-gray-dark-4);
  --components-fab-base-color-box-shadow: var(--color-gray-light-3);
  --components-dropdown-divider-default-border: 1px solid var(--color-gray-light-3);
  --components-dropdown-icon-default-icon-color-text: var(--color-gray-dark-5);
  --components-dropdown-icon-default-icon-font-size: var(--iconography-icons-inline-small-font-size);
  --components-dropdowns-input-border-radius: var(--border-radius-small);
  --components-dropdowns-menu-item-hover-background-color: var(--color-gray-light-1);
  --components-dropdowns-menu-item-static-background-color: var(--color-white);
  --components-dropdowns-menu-item-static-color-border: var(--color-gray-dark-5);
  --components-dropdowns-menu-item-static-color-text: var(--color-gray-dark-5);
  --components-dropdown-button-item-states-disabled-color-text: var(--color-gray-dark-5);
  --components-dropdown-button-item-states-focus-box-shadow: 0 0 .438rem 0 var(--color-blue-saga);
  --components-dropdown-button-item-states-focus-border-color: var(--color-blue-extra-light);
  --components-dropdown-button-item-states-focus-color-background: var(--color-blue-alice);
  --components-dropdown-button-item-states-hover-color-background: var(--color-blue-alice);
  --components-dropdown-button-item-states-hover-color-text: var(--color-gray-dark-6);
  --components-dropdown-button-item-border-radius: var(--border-radius-medium);
  --components-dropdown-button-item-line-height: var(--font-line-height-extra-small-1);
  --components-dropdown-button-item-font-weight: var(--font-weight-semibold);
  --components-dropdown-button-item-font-family: var(--font-font-family);
  --components-dropdown-button-item-font-size: var(--font-body-size-regular);
  --components-dropdown-button-item-color-text: var(--color-gray-dark-6);
  --components-dropdown-button-menu-color-background: var(--color-white);
  --components-drawer-content-border-radius-bottom-left: var(--border-radius-large-1-base);
  --components-drawer-content-border-radius-top-left: var(--border-radius-large-1-base);
  --components-drawer-content-font-family: var(--font-font-family);
  --components-drawer-content-color-background: var(--color-white);
  --components-drawer-header-close-icon-color: var(--color-white);
  --components-drawer-header-title-color-text: var(--color-white);
  --components-drawer-header-color-text: var(--color-white);
  --components-drawer-dialog-border-radius: var(--border-radius-large-1-base);
  --components-divider-variant-strong-background: var(--color-gray-dark-5);
  --components-divider-variant-default-background: var(--color-gray-light-2);
  --components-modal-statustext-line-height: var(--font-line-height-medium);
  --components-dialogs-modal-content-border-radius: var(--border-radius-large-1);
  --components-dialogs-modal-content-background: var(--color-white);
  --components-dialogs-modal-overlay: var(--color-gray-light-2);
  --components-dialogs-dialog-scrolling-tablet-desktop-background-color: var(--color-white);
  --components-dialogs-dialog-scrolling-mobile-background-color: var(--color-white);
  --components-dialogs-dialog-alert-longheader-helper-text-letter-spacing: var(--typography-paragraph-p-small-letter-spacing);
  --components-dialogs-dialog-alert-longheader-text-letter-spacing: var(--typography-paragraph-p-large-letter-spacing);
  --components-dialogs-dialog-alert-longheader-close-icon-color-text: var(--color-gray-dark-5);
  --components-dialogs-dialog-alert-longheader-close-icon-font-size: var(--iconography-icons-inline-regular-font-size);
  --components-dialogs-dialog-alert-longheader-header-color-text: var(--color-gray-dark-5);
  --components-dialogs-dialog-alert-helper-text-letter-spacing: var(--typography-paragraph-p-small-letter-spacing);
  --components-dialogs-dialog-alert-helper-text-font-size: var(--font-body-size-small);
  --components-dialogs-dialog-alert-close-icon-color-text: var(--color-gray-dark-5);
  --components-dialogs-dialog-alert-close-icon-font-size: var(--iconography-icons-inline-regular-font-size);
  --components-dialogs-dialog-alert-header-color-text: var(--color-gray-dark-5);
  --components-dialogs-dialog-simple-status-icon-font-size: var(--iconography-icons-inline-regular-font-size);
  --components-dialogs-dialog-simple-close-icon-color-text-inverse: var(--color-white);
  --components-dialogs-dialog-simple-close-icon-color-text: var(--color-gray-dark-6);
  --components-dialogs-dialog-simple-close-icon-font-size: var(--iconography-icons-inline-regular-font-size);
  --components-dialogs-dialog-simple-body-line-height: var(--font-line-height-small);
  --components-dialogs-dialog-simple-header-inverse-color-text: var(--color-white);
  --components-dialogs-dialog-simple-header-font-weight: var(--font-weight-semibold);
  --components-dialogs-dialog-simple-header-font-size: var(--font-size-large);
  --components-dialogs-dialog-simple-header-font-family: var(--font-font-family2);
  --components-dialogs-container-tablet-desktop-background-color: var(--color-white);
  --components-dialogs-container-mobile-background-color: var(--color-white);
  --components-chip-secondary-label-font-weight: var(--font-weight-regular);
  --components-chip-secondary-label-font-size: var(--font-body-size-extra-small);
  --components-chip-label-letter-spacing: var(--font-letter-spacing-small);
  --components-chip-label-font-weight: var(--font-weight-semibold);
  --components-chip-label-font-size: var(--font-body-size-small);
  --components-chip-label-color: var(--color-slate-light);
  --components-chip-content-height: var(--spacing-6);
  --components-chip-container-disabled-color: var(--color-gray-dark-5);
  --components-chip-container-disabled-background: var(--color-white);
  --components-chip-container-disabled-border: 1px solid var(--color-gray-light-2);
  --components-chip-container-focus-box-shadow: 0px 7px 0px var(--color-blue-450);
  --components-chip-container-focus-background: var(--color-blue-50);
  --components-chip-container-focus-border: 1px solid var(--color-blue-300);
  --components-chip-container-selected-color: var(--color-slate-base);
  --components-chip-container-selected-background: var(--color-blue-50);
  --components-chip-container-selected-border: 1px solid var(--color-blue-300);
  --components-chip-container-hover-background: var(--color-blue-100);
  --components-chip-container-small-height: var(--spacing-6-25);
  --components-chip-container-small-font-size: var(--font-body-size-extra-small-1);
  --components-chip-container-densed-height: var(--spacing-6-25);
  --components-chip-container-secondary-label-densed-padding: .125rem var(--spacing-2-5);
  --components-chip-container-secondary-label-padding-with-icon: .25rem var(--spacing-1);
  --components-chip-container-secondary-label-padding: .25rem var(--spacing-2-5);
  --components-chip-container-default-background: var(--color-white);
  --components-chip-container-default-border: 1px solid var(--color-gray-light-2);
  --components-chip-container-default-border-radius: var(--border-radius-small);
  --components-chip-container-default-gap: var(--spacing-2-5);
  --components-chip-container-default-padding-with-icon: var(--spacing-0) var(--spacing-1);
  --components-chip-container-default-padding: var(--spacing-0) var(--spacing-2-5);
  --components-chip-container-default-height: var(--spacing-8);
  --components-card-content-padding: var(--spacing-6);
  --components-card-thick-border-left-align-border-radius: var(--border-radius-large) 0 0 var(--border-radius-large);
  --components-card-thick-border-left-align-width: var(--spacing-2-5);
  --components-card-thick-border-top-align-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
  --components-card-thick-border-top-align-height: var(--spacing-2-5);
  --components-card-thick-border-background-color: var(--color-blue-100);
  --components-card-header-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
  --components-card-header-gap: var(--spacing-2-5);
  --components-card-header-padding: var(--spacing-2) var(--spacing-6);
  --components-card-header-background-color: var(--color-blue-100);
  --components-card-variants-outlined-hover-background: var(--color-biscuit-gradient-base);
  --components-card-variants-outlined-background: var(--color-white);
  --components-card-variants-outlined-border-color: var(--color-gray-light-2);
  --components-card-variants-fill-hover-background: var(--color-gray-light-2);
  --components-card-variants-fill-background: var(--color-biscuit-gradient-base);
  --components-card-variants-elevated-hover-background: var(--color-biscuit-gradient-base);
  --components-card-variants-elevated-background: var(--color-white);
  --components-card-variants-elevated-border-color: var(--color-gray-light-2);
  --components-card-container-background: var(--color-white);
  --components-card-container-border-radius: var(--border-radius-large);
  --components-button-variations-text-states-disabled-text-color: var(--color-gray-dark-5);
  --components-button-variations-text-states-hover-background-color: var(--color-biscuit-gradient-base);
  --components-button-variations-text-tokens-background-color: var(--color-white);
  --components-button-variations-text-tokens-border-radius: var(--border-radius-extra-large);
  --components-button-variations-text-tokens-font-weight: var(--font-weight-semibold);
  --components-button-variations-text-tokens-font-size: var(--font-size-small);
  --components-button-variations-text-tokens-font-family: var(--font-font-family);
  --components-button-variations-outlined-states-disabled-background-color: var(--color-gray-light-1);
  --components-button-variations-outlined-states-disabled-border-color: var(--color-gray-dark-4);
  --components-button-variations-outlined-states-disabled-border: 1px solid var(--color-gray-dark-4);
  --components-button-variations-outlined-states-disabled-text-color: var(--color-gray-dark-5);
  --components-button-variations-outlined-states-focus-border: 4px solid var(--color-gray-light-1);
  --components-button-variations-outlined-states-hover-border: 1px solid var(--color-biscuit-gradient-base);
  --components-button-variations-outlined-states-hover-background-color: var(--color-biscuit-gradient-base);
  --components-button-variations-outlined-tokens-background-color: var(--color-white);
  --components-button-variations-outlined-tokens-border: 1px solid var(--color-biscuit-gradient-base);
  --components-button-variations-solid-states-disabled-background-color: var(--color-gray-light-2);
  --components-button-variations-solid-states-disabled-text-color: var(--color-gray-dark-5);
  --components-button-variations-solid-states-hover-background-color: var(--color-blue-light-blue-gray);
  --components-button-variations-solid-tokens-border-radius: var(--border-radius-extra-large);
  --components-button-variations-solid-tokens-text-color: var(--color-white);
  --components-button-variations-solid-tokens-font-weight: var(--font-weight-semibold);
  --components-button-variations-solid-tokens-font-size: var(--font-body-size-regular);
  --components-button-variations-solid-tokens-font-family: var(--font-font-family);
  --components-button-variations-solid-tokens-height-dense: var(--spacing-8-25);
  --components-button-variations-solid-tokens-height: var(--spacing-10);
  --components-button-variations-solid-tokens-gap: var(--spacing-1);
  --components-button-icon-only-dense-gap: var(--spacing-2-5);
  --components-button-icon-only-dense-width: var(--spacing-8-25);
  --components-button-icon-only-gap: var(--spacing-2-5);
  --components-button-icon-only-width: var(--spacing-10);
  --components-button-secondary-blue-btn-disabled-background: var(--color-gray-light-2);
  --components-button-secondary-blue-btn-disabled-color: var(--color-gray-dark-5);
  --components-button-secondary-blue-btn-focus-box-shadow: 0px 0px 7px 0px var(--color-blue-400);
  --components-button-secondary-blue-btn-focus-background-color: var(--color-blue-50);
  --components-button-secondary-blue-btn-hover-background-color: var(--color-blue-extra-light);
  --components-button-secondary-blue-btn-default-background-color: var(--color-blue-50);
  --components-button-secondary-blue-btn-border: 1px solid var(--color-gray-light-2);
  --components-button-secondary-alert-btn-disabled-background: var(--color-gray-light-2);
  --components-button-secondary-alert-btn-disabled-color: var(--color-gray-dark-5);
  --components-button-secondary-alert-btn-focus-box-shadow: 0px 0px 7px 0px var(--color-red-red-5);
  --components-button-secondary-alert-btn-focus-background-color: var(--color-white);
  --components-button-secondary-alert-btn-hover-background-color: var(--color-red-extra-light);
  --components-button-secondary-alert-btn-default-background-color: var(--color-white);
  --components-button-secondary-alert-btn-border: 1px solid var(--color-red-red-5);
  --components-button-secondary-alert-btn-text-color: var(--color-red-red-5);
  --components-button-alert-btn-active-background-color: var(--color-red-dark);
  --components-button-alert-btn-hover-background-color: var(--color-red-red-3);
  --components-button-alert-btn-default-background-color: var(--color-red-red-2);
  --components-button-border-radius: var(--border-radius-extra-large-6);
  --components-banner-action-button-border-radius: var(--border-radius-large);
  --components-banner-action-button-color-background: var(--color-white);
  --components-banner-border-radius: var(--border-radius-medium);
  --components-banner-typography-line-height: var(--font-line-height-extra-small);
  --components-banner-typography-font-weight-bold: var(--font-weight-bold);
  --components-banner-typography-font-weight-semibold: var(--font-weight-semibold);
  --components-banner-typography-font-weight-regular: var(--font-weight-regular);
  --components-banner-typography-font-family: var(--font-font-family);
  --components-badge-label-letter-spacing: var(--font-letter-spacing-small);
  --components-badge-label-font-weight: var(--font-weight-semibold);
  --components-badge-label-font-size: var(--font-body-size-small);
  --components-badge-label-color: var(--color-slate-light);
  --components-badge-wrapper-status-general-border: 1px solid var(--color-blue-300);
  --components-badge-wrapper-status-general-background: var(--color-blue-extra-light-2);
  --components-badge-wrapper-status-alert-border: 1px solid var(--color-red-red-6);
  --components-badge-wrapper-status-alert-background: var(--color-red-extra-light);
  --components-badge-wrapper-status-warning-border: 1px solid var(--color-orange-orange-2);
  --components-badge-wrapper-status-warning-background: var(--color-orange-extra-light);
  --components-badge-wrapper-status-success-border: 1px solid var(--color-green-green-2);
  --components-badge-wrapper-status-success-background: var(--color-green-extra-light);
  --components-badge-wrapper-status-default-background: var(--color-white);
  --components-badge-wrapper-border-radius: var(--border-radius-small);
  --components-badge-wrapper-padding: var(--spacing-0) var(--spacing-3);
  --components-badge-wrapper-gap: var(--spacing-2-5);
  --components-avatar-text-color-grey: var(--color-slate-base);
  --components-avatar-text-color-purple: var(--color-slate-base);
  --components-avatar-text-color-blue: var(--color-slate-base);
  --components-avatar-text-color-green: var(--color-slate-base);
  --components-avatar-text-color-yellow: var(--color-slate-base);
  --components-avatar-text-color-orange: var(--color-slate-base);
  --components-avatar-text-color-red: var(--color-slate-base);
  --components-avatar-text-color-default: var(--color-white);
  --components-avatar-background-color-grey-hover: var(--color-gray-dark-7);
  --components-avatar-background-color-grey: var(--color-gray-dark-4);
  --components-avatar-background-color-purple-hover: var(--color-ascent1-300);
  --components-avatar-background-color-purple: var(--color-ascent1-200);
  --components-avatar-background-color-blue-hover: var(--color-blue-400);
  --components-avatar-background-color-blue: var(--color-blue-extra-light);
  --components-avatar-background-color-green-hover: var(--color-green-base);
  --components-avatar-background-color-green: var(--color-green-green-2);
  --components-avatar-background-color-yellow-hover: var(--color-yellow-300);
  --components-avatar-background-color-yellow: var(--color-yellow-200);
  --components-avatar-background-color-orange-hover: var(--color-orange-400);
  --components-avatar-background-color-orange: var(--color-orange-orange-2);
  --components-avatar-background-color-red-hover: var(--color-red-light);
  --components-avatar-background-color-red: var(--color-red-red-6);
  --components-avatar-background-color-default: var(--color-blue-extra-light);
  --components-avatar-border-radius-rounded: var(--border-radius-small);
  --components-avatar-border-radius-circle: var(--border-radius-oval);
  --components-avatar-font-weight-initials: var(--font-weight-bold);
  --components-avatar-font-weight-default: var(--font-weight-regular);
  --components-avatar-font-size-small: var(--font-size-extra-small-1);
  --components-avatar-font-size-medium: var(--font-size-extra-small);
  --components-avatar-font-size-large: var(--font-size-small);
  --components-avatar-size-small: var(--spacing-6);
  --components-avatar-size-medium: var(--spacing-8-25);
  --components-avatar-size-large: var(--spacing-10);
  --components-aggrid-sidebar-title-font-weight: var(--font-weight-bold);
  --components-aggrid-sidebar-title-font-family: var(--font-font-family);
  --components-aggrid-sidebar-input-default-border: 1px solid var(--color-gray-light-3);
  --components-aggrid-sidebar-filter-list-height: calc( var(--components-aggrid-sidebar-panel-height-item-height) * 6);
  --components-aggrid-sidebar-filter-group-background: var(--color-white);
  --components-aggrid-sidebar-filter-group-border: 1px solid var(--color-gray-light-2);
  --components-aggrid-sidebar-panel-background-color: var(--color-white);
  --components-aggrid-table-data-row-font-weight: var(--font-weight-regular);
  --components-aggrid-table-data-row-color-border-bottom: var(--color-gray-light-3);
  --components-aggrid-table-disabled-row-color-background: var(--color-gray-light-2);
  --components-aggrid-table-odd-row-color-background: var(--color-white);
  --components-aggrid-table-header-row-line-height: var(--font-line-height-regular);
  --components-aggrid-table-header-row-font-weight: var(--font-weight-bold);
  --components-aggrid-table-header-color-border-bottom: var(--color-gray-light-3);
  --components-aggrid-table-header-color-foreground: var(--color-slate-light);
  --components-aggrid-table-header-color-background: var(--color-white);
  --components-aggrid-table-border-radius: var(--border-radius-large);
  --components-aggrid-table-font-family: var(--font-font-family);
  --components-aggrid-table-font-size: var(--font-body-size-regular);
  --components-accordion-accordionslide-accordion-control-blue-focus-box-shadow: 0px 0px 7px 0px var(--color-blue-light);
  --components-accordion-accordionslide-accordion-control-blue-focus-border: 1px solid var(--color-gray-dark-4);
  --components-accordion-accordionslide-accordion-control-blue-focus-background: var(--color-blue-light);
  --components-accordion-accordionslide-accordion-control-blue-hover-background: var(--color-blue-light);
  --components-accordion-accordionslide-accordion-control-blue-default-border-radius: var(--border-radius-large-1-base);
  --components-accordion-accordionslide-accordion-control-blue-default-border-color: var(--color-gray-dark-4);
  --components-accordion-accordionslide-accordion-control-blue-default-background: var(--color-blue-extra-light-2);
  --components-accordion-accordionslide-accordion-control-gray-focus-box-shadow: 0px 0px 7px 0px var(--color-gray-dark-7);
  --components-accordion-accordionslide-accordion-control-gray-focus-border: 1px solid var(--color-gray-dark-4);
  --components-accordion-accordionslide-accordion-control-gray-focus-background: var(--color-gray-light-2);
  --components-accordion-accordionslide-accordion-control-gray-hover-border-radius: var(--border-radius-large-1-base);
  --components-accordion-accordionslide-accordion-control-gray-hover-border: var(--color-gray-dark-4);
  --components-accordion-accordionslide-accordion-control-gray-hover-background: var(--color-gray-light-2);
  --components-accordion-accordionslide-accordion-control-gray-default-border-radius: var(--border-radius-large-1-base);
  --components-accordion-accordionslide-accordion-control-gray-default-border-color: var(--color-gray-dark-4);
  --components-accordion-accordionslide-accordion-control-gray-default-background: var(--color-biscuit-gradient-base);
  --components-accordion-accordionslide-accordion-control-white-focus-box-shadow: 0px 0px 7px 0px var(--color-blue-saga);
  --components-accordion-accordionslide-accordion-control-white-focus-background: var(--color-blue-alice);
  --components-accordion-accordionslide-accordion-control-white-focus-border: 1px solid var(--color-gray-dark-4);
  --components-accordion-accordionslide-accordion-control-white-hover-border-radius: var(--border-radius-large-1-base);
  --components-accordion-accordionslide-accordion-control-white-hover-border: var(--color-gray-dark-4);
  --components-accordion-accordionslide-accordion-control-white-hover-background: var(--color-blue-alice);
  --components-accordion-accordionslide-icon-font-size: var(--iconography-icons-inline-large-font-size);
  --components-accordion-accordionslide-content-border-radius: var(--border-radius-none);
  --components-accordion-accordionslide-content-background-color-blue: var(--color-blue-extra-light-2);
  --components-accordion-accordionslide-content-background-color-gray: var(--color-biscuit-gradient-base);
  --components-accordion-accordionslide-content-background-color-white: var(--color-white);
  --components-accordion-accordionslide-content-background-color: var(--color-white);
  --components-accordion-accordionslide-button-font-weight-default: var(--font-weight-semibold);
  --components-accordion-accordionslide-button-font-size-default: var(--font-body-size-small);
  --components-accordion-accordionslide-button-border-radius-default: var(--border-radius-small);
  --components-accordion-accordionslide-button-border: 1px solid var(--color-gray-light-2);
  --components-accordion-accordionslide-button-color-background-default: var(--color-white);
  --components-accordion-accordionslide-border-radius: var(--border-radius-large-1-base);
  --components-accordion-accordionslide-border-color: var(--color-gray-dark-4);
  --background-gradient-liner-default: linear-gradient(135deg, var(--color-alice-blue-gradient-base) 0%, var(--color-alice-blue-gradient-base-dark) 100%);
  --background-gradient-liner-biscuit: linear-gradient(122deg, var(--color-biscuit-gradient-base) 2.75%, var(--color-biscuit-gradient-base-dark) 98.36%);
  --color-text-light-2: var(--color-slate-light-2);
  --color-text-light: var(--color-slate-light);
  --color-text-dark: var(--color-slate-dark);
  --color-text-base: var(--color-slate-base);
  --color-caution-extra-light: var(--color-orange-extra-light);
  --color-caution-light: var(--color-orange-light);
  --color-caution-dark: var(--color-orange-dark);
  --color-caution-base: var(--color-orange-base);
  --color-success-extra-light: var(--color-green-extra-light);
  --color-success-light: var(--color-green-light);
  --color-success-dark: var(--color-green-dark);
  --color-success-base: var(--color-green-base);
  --color-warn-extra-light: var(--color-red-extra-light);
  --color-warn-light: var(--color-red-light);
  --color-warn-dark: var(--color-red-dark);
  --color-warn-base: var(--color-red-base);
  --color-accent-extra-light: var(--color-blue-extra-light-2);
  --color-accent-light: var(--color-blue-light-2);
  --color-accent-dark: var(--color-blue-dark-2);
  --color-accent-base: var(--color-blue-base-2);
  --color-primary-hover: var(--color-blue-light-blue-gray);
  --color-primary-extra-light-2: var(--color-blue-extra-light-2);
  --color-primary-extra-light: var(--color-blue-extra-light);
  --color-primary-light: var(--color-blue-light);
  --color-black: var(--color-slate-dark);
  --color-blue-dark: var(--color-blue-navy);
  --color-blue-base: var(--color-blue-sea);
  --typography-subtitle-text-color: var(--color-text-dark);
  --typography-overline-text-color: var(--color-text-dark);
  --typography-heading-h3-text-color: var(--color-text-dark);
  --typography-heading-h2-text-color: var(--color-text-dark);
  --typography-heading-h1-text-color: var(--color-text-dark);
  --typography-caption-text-color: var(--color-text-dark);
  --components-switch-track-color-background-on: var(--color-primary-light);
  --components-switch-thumb-color-border-on-focused: 4px solid var(--color-primary-light);
  --components-switch-thumb-color-border-off-focused: 4px solid var(--color-primary-light);
  --components-toast-action-button-font-weight: var(--components-toast-typography-font-weight-bold);
  --components-toast-action-button-color-text: var(--color-text-base);
  --components-toast-status-icon-color-background: var(--color-text-base);
  --components-toast-status-error-color-background: var(--color-warn-extra-light);
  --components-toast-status-warn-color-background: var(--color-caution-extra-light);
  --components-toast-status-success-color-background: var(--color-success-extra-light);
  --components-toast-status-info-color-background: var(--color-primary-extra-light-2);
  --components-toast-close-icon-color: var(--color-text-base);
  --components-toast-divider-line-border: 1px solid var(--color-text-base);
  --components-toast-color-text: var(--color-text-light);
  --components-toast-color-background: var(--color-primary-extra-light-2);
  --components-text-field-text-field-error-error-styles-helper-text-icon-color-text: var(--color-warn-dark);
  --components-text-field-text-field-error-error-styles-helper-text-color-text: var(--color-warn-dark);
  --components-text-field-text-field-error-error-styles-form-field-border: 2px solid var(--color-warn-dark);
  --components-tab-background-focused: var(--color-primary-light);
  --components-tab-underline-selected: var(--color-accent-base);
  --components-tabs-underline-states-focus-border: 4px solid var(--color-primary-light);
  --components-tabs-underline-states-selected-background-color: var(--color-accent-base);
  --components-tabs-tabbutton-solid-color-inactive: var(--color-text-light);
  --components-tabs-tabbutton-solid-color-active: var(--color-text-base);
  --components-tabs-tabbutton-solid-backgroundcolor-active: var(--color-primary-extra-light);
  --components-tabs-solid-states-hover-color: var(--color-text-base);
  --components-steppers-circular-svg-label-font-color: var(--color-black);
  --components-split-button-variations-primary-hover-background: var(--color-primary-hover);
  --components-snackbar-action-button-font-weight: var(--components-snackbar-typography-font-weight-bold);
  --components-snackbar-action-button-color-text: var(--color-text-base);
  --components-snackbar-status-icon-color-background: var(--color-text-base);
  --components-snackbar-status-error-color-background: var(--color-warn-extra-light);
  --components-snackbar-status-warn-color-background: var(--color-caution-extra-light);
  --components-snackbar-status-success-color-background: var(--color-success-extra-light);
  --components-snackbar-status-info-color-background: var(--color-primary-extra-light-2);
  --components-snackbar-close-icon-color: var(--color-text-base);
  --components-snackbar-color-text: var(--color-text-light);
  --components-snackbar-color-background: var(--color-primary-extra-light-2);
  --components-selection-controls-switch-icon-on-icon-focus-border: 4px solid var(--color-primary-light);
  --components-selection-controls-switch-icon-on-icon-pressed-color-text: var(--color-primary-extra-light);
  --components-selection-controls-switch-icon-on-focus-border: 4px solid var(--color-primary-light);
  --components-selection-controls-switch-icon-on-pressed-color-text: var(--color-primary-extra-light);
  --components-selection-controls-switch-icon-on-track-background-color: var(--color-primary-light);
  --components-selection-controls-switch-icon-off-icon-focus-border: 4px solid var(--color-primary-light);
  --components-selection-controls-switch-icon-off-focus-border: 4px solid var(--color-primary-light);
  --components-selection-controls-switch-on-focus-border: 4px solid var(--color-primary-light);
  --components-selection-controls-switch-on-pressed-color-text: var(--color-primary-extra-light);
  --components-selection-controls-switch-on-track-background-color: var(--color-primary-light);
  --components-selection-controls-switch-off-focus-border: 4px solid var(--color-primary-light);
  --components-selection-controls-switch-label-font-weight: var(--typography-paragraph-p-small-font-weight);
  --components-selection-controls-switch-label-font-size: var(--typography-paragraph-p-small-font-size);
  --components-selection-controls-switch-label-font-family: var(--typography-paragraph-p-small-font-family);
  --components-selection-controls-switch-label-color-text: var(--color-black);
  --components-selection-controls-radio-button-text-label-color: var(--typography-form-field-label-base-color);
  --components-selection-controls-radio-button-text-label-font-weight: var(--typography-form-field-label-base-font-weight);
  --components-selection-controls-radio-button-text-label-font-size: var(--typography-form-field-label-base-font-size);
  --components-selection-controls-radio-button-text-label-font-family: var(--typography-form-field-label-base-font-family);
  --components-selection-controls-radio-button-selected-focus-border: 4px solid var(--color-primary-light);
  --components-selection-controls-radio-button-selected-pressed-color-ripple: var(--color-primary-extra-light);
  --components-selection-controls-radio-button-selected-pressed-color-text: var(--color-primary-extra-light);
  --components-selection-controls-radio-button-default-focus-border: 4px solid var(--color-primary-light);
  --components-selection-controls-radio-text-color-default: var(--color-text-light);
  --components-selection-controls-checkbox-warning-color-border: var(--color-warn-dark);
  --components-selection-controls-checkbox-success-color-border: var(--color-success-dark);
  --components-selection-controls-checkbox-text-label-color: var(--color-text-light);
  --components-selection-controls-checkbox-selected-focus-border: 4px solid var(--color-primary-light);
  --components-selection-controls-checkbox-selected-pressed-color-ripple: var(--color-primary-extra-light);
  --components-selection-controls-checkbox-selected-pressed-color-text: var(--color-primary-extra-light);
  --components-navigation-pagination-large-page-range-label-color-text: var(--color-text-light-2);
  --components-navigation-pagination-large-page-range-label-font-size: var(--typography-paragraph-p-small-font-size);
  --components-navigation-pagination-large-page-size-label-color-text: var(--color-text-light);
  --components-navigation-pagination-large-page-size-label-font-size: var(--typography-paragraph-p-small-font-size);
  --components-navigation-breadcrumbs-item-page-hover-color-text: var(--color-accent-dark);
  --components-navigation-breadcrumbs-item-page-default-color-text: var(--color-accent-base);
  --components-navigation-navigation-bar-profile-user-name-tablet-desktop-margin: var(--typography-paragraph-p-margin);
  --components-navigation-navigation-bar-profile-user-name-tablet-desktop-color-text: var(--typography-paragraph-p-text-color);
  --components-navigation-navigation-bar-profile-user-name-tablet-desktop-font-line-height: var(--typography-paragraph-p-line-height);
  --components-navigation-navigation-bar-profile-user-name-tablet-desktop-font-weight: var(--typography-paragraph-p-font-weight);
  --components-navigation-navigation-bar-profile-user-name-tablet-desktop-font-size: var(--typography-paragraph-p-font-size);
  --components-navigation-navigation-bar-profile-user-name-tablet-desktop-font-font-family: var(--typography-paragraph-p-font-family);
  --components-navigation-navigation-bar-content-slot-mobile-menu-item-border-focus: 4px solid var(--color-primary-light);
  --components-multi-select-dialog-list-item-border-bottom-color: var(--components-multi-select-dialog-color-border-base);
  --components-large-chip-container-selected-color: var(--color-black);
  --components-input-message-color-default: var(--color-text-light-2);
  --components-input-label-color-default: var(--color-text-light-2);
  --components-input-fields-color-text-default: var(--color-text-light);
  --components-input-fields-errormessage-color: var(--color-warn-dark);
  --components-dropdown-button-item-states-focus-color-text: var(--color-text-base);
  --components-dropdown-button-item-states-selected-color-background: var(--color-primary-extra-light);
  --components-dropdown-button-item-states-selected-color-text: var(--color-text-base);
  --components-drawer-content-color-text: var(--color-text-light);
  --components-drawer-header-title-font-family: var(--typography-heading-h2-font-family);
  --components-drawer-header-title-font-weight: var(--typography-heading-h2-font-weight);
  --components-drawer-header-title-font-size: var(--typography-heading-h2-font-size);
  --components-dialogs-dialog-alert-longheader-helper-text-margin: var(--typography-paragraph-p-small-margin);
  --components-dialogs-dialog-alert-longheader-helper-text-line-height: var(--typography-paragraph-p-small-line-height);
  --components-dialogs-dialog-alert-longheader-helper-text-font-weight: var(--typography-paragraph-p-small-font-weight);
  --components-dialogs-dialog-alert-longheader-helper-text-font-size: var(--typography-paragraph-p-small-font-size);
  --components-dialogs-dialog-alert-longheader-helper-text-font-family: var(--typography-paragraph-p-small-font-family);
  --components-dialogs-dialog-alert-longheader-text-margin: var(--typography-paragraph-p-large-margin);
  --components-dialogs-dialog-alert-longheader-text-line-height: var(--typography-paragraph-p-large-line-height);
  --components-dialogs-dialog-alert-longheader-text-font-size: var(--typography-paragraph-p-large-font-size);
  --components-dialogs-dialog-alert-longheader-header-margin: var(--typography-heading-h3-margin);
  --components-dialogs-dialog-alert-longheader-header-line-height: var(--typography-heading-h3-line-height);
  --components-dialogs-dialog-alert-longheader-header-font-weight: var(--typography-heading-h3-font-weight);
  --components-dialogs-dialog-alert-longheader-header-font-size: var(--typography-heading-h3-font-size);
  --components-dialogs-dialog-alert-longheader-header-font-family: var(--typography-heading-h3-font-family);
  --components-dialogs-dialog-alert-helper-text-margin: var(--typography-paragraph-p-small-margin);
  --components-dialogs-dialog-alert-helper-text-line-height: var(--typography-paragraph-p-small-line-height);
  --components-dialogs-dialog-alert-helper-text-font-weight: var(--typography-paragraph-p-small-font-weight);
  --components-dialogs-dialog-alert-helper-text-font-family: var(--typography-paragraph-p-small-font-family);
  --components-dialogs-dialog-alert-text-margin: var(--typography-paragraph-p-margin);
  --components-dialogs-dialog-alert-text-line-height: var(--typography-paragraph-p-line-height);
  --components-dialogs-dialog-alert-text-letter-spacing: var(--typography-paragraph-p-letter-spacing);
  --components-dialogs-dialog-alert-text-font-weight: var(--typography-paragraph-p-font-weight);
  --components-dialogs-dialog-alert-text-font-size: var(--typography-paragraph-p-font-size);
  --components-dialogs-dialog-alert-text-font-family: var(--typography-paragraph-p-font-family);
  --components-dialogs-dialog-alert-header-margin: var(--typography-paragraph-p-large-margin);
  --components-dialogs-dialog-alert-header-line-height: var(--typography-paragraph-p-large-line-height);
  --components-dialogs-dialog-alert-header-font-weight: var(--typography-paragraph-p-large-font-weight);
  --components-dialogs-dialog-alert-header-font-size: var(--typography-paragraph-p-large-font-size);
  --components-dialogs-dialog-alert-header-font-font-family: var(--typography-paragraph-p-large-font-family);
  --components-dialogs-dialog-simple-body-color-text: var(--color-text-light-2);
  --components-dialogs-dialog-simple-body-margin: var(--typography-paragraph-p-margin);
  --components-dialogs-dialog-simple-body-letter-spacing: var(--typography-paragraph-p-letter-spacing);
  --components-dialogs-dialog-simple-body-font-weight: var(--typography-paragraph-p-font-weight);
  --components-dialogs-dialog-simple-body-font-size: var(--typography-paragraph-p-font-size);
  --components-dialogs-dialog-simple-body-font-family: var(--typography-paragraph-p-font-family);
  --components-dialogs-dialog-simple-header-inverse-color-background: var(--color-blue-dark);
  --components-dialogs-dialog-simple-header-color-text: var(--color-text-light);
  --components-dialogs-dialog-simple-header-margin: var(--typography-paragraph-p-large-margin);
  --components-dialogs-dialog-simple-header-line-height: var(--typography-paragraph-p-large-line-height);
  --components-banner-action-button-font-weight: var(--components-banner-typography-font-weight-semibold);
  --components-banner-action-button-color-text: var(--color-text-light);
  --components-banner-status-icon-color-background: var(--color-text-base);
  --components-banner-status-error-color-background: var(--color-warn-extra-light);
  --components-banner-status-warn-color-background: var(--color-caution-extra-light);
  --components-banner-status-success-color-background: var(--color-success-extra-light);
  --components-banner-status-info-color-background: var(--color-primary-extra-light-2);
  --components-banner-color-text: var(--color-text-light);
  --components-banner-color-background: var(--color-primary-extra-light-2);
  --components-aggrid-sidebar-input-default-font-family: var(--components-input-fields-font-family);
  --components-aggrid-table-data-row-color-text: var(--color-text-base);
  --components-aggrid-table-selected-row-color-background: var(--color-primary-extra-light);
  --components-accordion-accordionslide-icon-color-success: var(--color-success-base);
  --components-accordion-accordionslide-icon-color-caution: var(--color-caution-base);
  --components-accordion-accordionslide-icon-color-warn: var(--color-warn-base);
  --components-accordion-accordionslide-icon-color-default: var(--color-text-base);
  --components-accordion-accordionslide-icon-color-text: var(--color-text-base);
  --components-accordion-accordionslide-button-text-default: var(--color-black);
  --components-accordion-accordionslide-button-color-text-default: var(--color-text-light);
  --color-primary-dark: var(--color-blue-dark);
  --color-primary-base: var(--color-blue-base);
  --typography-anchor-body-text-link-color: var(--color-primary-base);
  --components-switch-thumb-color-shadow-on-hover: var(--color-primary-dark);
  --components-switch-thumb-color-background-on-hover: var(--color-primary-dark);
  --components-switch-thumb-color-background-on-static: var(--color-primary-base);
  --components-toggle-button-variations-icon-tokens-color-text: var(--color-primary-base);
  --components-toggle-button-variations-text-tokens-color-ripple: var(--color-primary-base);
  --components-toggle-button-variations-text-tokens-color-text: var(--color-primary-base);
  --components-toggle-button-variations-text-tokens-border: 1px solid var(--color-primary-base);
  --components-toggle-button-variations-text-tokens-border-color: var(--color-primary-base);
  --components-toggle-button-base-color-ripple: var(--color-primary-base);
  --components-tab-content-background: var(--color-primary-dark);
  --components-tabs-tabbutton-underline-border-bottom-active: 2px solid var(--color-primary-dark);
  --components-tabs-tabbutton-underline-color-inactive: var(--color-primary-dark);
  --components-tabs-tabbutton-underline-color-active: var(--color-primary-dark);
  --components-tabs-tabbutton-solid-border-right-active: 2px solid var(--color-primary-dark);
  --components-tabs-tabbutton-solid-border-left-active: 2px solid var(--color-primary-dark);
  --components-tabs-tabbutton-solid-border-top-active: 2px solid var(--color-primary-dark);
  --components-tabs-tabbutton-solid-border-bottom-inactive: 2px solid var(--color-primary-dark);
  --components-tabs-solid-states-focus-border: 1px solid var(--color-primary-base);
  --components-split-button-variations-secondary-blue-color: var(--color-primary-dark);
  --components-split-button-variations-secondary-color: var(--color-primary-dark);
  --components-split-button-variations-primary-background: var(--color-primary-dark);
  --components-selection-controls-switch-icon-on-icon-hover-color-text: var(--color-primary-dark);
  --components-selection-controls-switch-icon-on-hover-color-text: var(--color-primary-dark);
  --components-selection-controls-switch-icon-on-thumb-background-color: var(--color-primary-base);
  --components-selection-controls-switch-on-hover-color-text: var(--color-primary-dark);
  --components-selection-controls-switch-on-thumb-background-color: var(--color-primary-base);
  --components-selection-controls-radio-button-selected-hover-color-text: var(--color-primary-dark);
  --components-selection-controls-radio-button-selected-hover-background-color: var(--color-primary-dark);
  --components-selection-controls-radio-button-selected-border: 2px solid var(--color-primary-base);
  --components-selection-controls-radio-cirlce-border-color-selected: var(--color-primary-base);
  --components-selection-controls-radio-outercircle-border-color-focus: var(--color-primary-base);
  --components-selection-controls-radio-outercircle-border-color-hover: var(--color-primary-base);
  --components-selection-controls-checkbox-selected-hover-background-color: var(--color-primary-dark);
  --components-selection-controls-checkbox-selected-hover-color-text: var(--color-primary-dark);
  --components-selection-controls-checkbox-selected-background-color: var(--color-primary-base);
  --components-selection-controls-checkbox-default-hover-border-color: var(--color-primary-base);
  --components-input-fields-color-border-focus: var(--color-primary-base);
  --components-drawer-header-color-background: var(--color-primary-dark);
  --components-button-variations-text-tokens-text-color: var(--color-primary-dark);
  --components-button-variations-outlined-tokens-text-color: var(--color-primary-dark);
  --components-button-variations-solid-tokens-background-color: var(--color-primary-dark);
  --components-aggrid-sidebar-input-checkbox-after-color: var(--color-primary-base);
  --components-aggrid-sidebar-input-default-color: var(--components-input-fields-color-text-default);
  --components-selection-controls-checkbox-default-focus-border: 1px solid var(--components-selection-controls-checkbox-default-hover-border-color);
  --components-aggrid-sidebar-input-focus-border-color: var(--components-input-fields-color-border-focus);
}
instructor-products-container, student-products-container, instructor-assessments-container, app-stu-assessment-container, app-templates-container, instructor-cab-assessments-container, ati-courses-container {

}