@charset "UTF-8";.atlas-cpm-app {
    .ag-header-row {
        max-height: 48px !important;
    }

    .ag-header-row-column-group {
        background-color: #fff;
    }

    .ag-root-wrapper {
        border: none
    }

    .ag-side-buttons {
        border: 1px solid #d8d8da;
        /* border-left: none; */
        background-color: #fff;
    }


    .ag-body-viewport {
        overflow-y: scroll !important;
        /* Always show vertical scrollbar */
    }

    /* Example to add a left border to all cells */
    /* .ag-cell {
  border-left: 1px solid #ddd;
} */

    /* Example to add a right border to all header cells */
    /* .ag-header-cell {
  border-right: 1px solid #aaa;
} */

    .ag-header {
        /* border: none !important; */
        /* border-bottom: 1px solid #ccc !important; */
        background-color: #fff;
    }

    .ag-header-group-text {
        width: 100%;
        padding: auto 12px;
        /* border-bottom: 1px solid #ddd !important; */
    }

    .ag-header-cell-text {
        /* // padding: 0 12px; */

    }

    [data-testid="results-tableContainer-div"] [col-id="is_calling_capital"].ag-cell {
        padding: 3px;
        line-height: 18px;
        color: #323130;
    }

    [data-testid="results-tableContainer-div"] [col-id="asset_class_in_model"].ag-cell {
        padding: 1px;
        line-height: 18px;
        color: #323130;
    }

    [data-testid="simulationResults-cardBody_Content-div"] [data-testid="investment-years-input-container"] div {
        display: block;
    }

    [data-testid="simulationResults-cardBody_Content-div"] .ag-cell {
        padding: 1px 6px;
        line-height: 26px;

        .fui-Input {
            min-height: 24px;
            max-height: 24px;
            font-size: 12px
        }

        ;

        div>div {
            align-items: end;
        }

        div>div>div>div {
            align-items: end;
        }
    }

    [data-testid="simulationResults-cardBody_Content-div"] .ag-cell [data-testid="abbreviated-name-input-container"] {
        align-items: start;
    }

    /* [data-testid="simulationResults-cardBody_Content-div"] [row-id="add-row-child-distributionrate"] .ag-cell {
        padding: 1px;
        line-height: 26px;
        .fui-Input {
            min-height: 24px;
            max-height: 24px;
            font-size: 12px
        };
        div > div > div {
            align-items: end;
        }
    } */
    /* [data-testid="simulationResults-cardBody_Content-div"] [row-id="add-row-child-navgrowth"] .ag-cell {
        padding: 1px;
        line-height: 26px;
        .fui-Input {
            min-height: 24px;
            max-height: 24px;
            font-size: 12px
        };
        div > div > div {
            align-items: end;
        }
    } */

    .ag-cell {
        padding: 6px;
        line-height: 18px;
        color: #323130;
    }

    .ag-cell a {
        font-weight: var(--font-weight-semibold);
    }

    .ag-header-cell,
    .ag-header-group-cell {
        padding: 0 !important;
        height: 48px !important;
    }

    .ag-header-cell-menu-button {
        display: none;
    }

    /* Remove vertical separator lines between column headers */
    .ag-header-cell-resize {
        display: none !important;
    }

    .ag-header-group-cell-label.ag-sticky-label {
        width: 100% !important
    }

    .group-header-underline {
        border-bottom: 1px solid #ddd;
        padding: 3px 12px;
    }

    .ag-header-allow-overflow {
        height: 48px !important;
        min-height: 48px !important;
    }

    .ag-header-cell-label {
        padding-left: 6px !important;
        padding-right: 6px !important;
        padding-top: 9px !important;
        padding-bottom: 8px !important;
        max-height: 48px !important;
        align-items: end;
        font-weight: var(--font-weight-semibold);
        color: var(--text-primary);
        font-size: var(--text-navigation-subtitle-badge, 13px);
        line-height: var(--text-lineheight-navigation-subtitle-badge, 16px);
        letter-spacing: 0.6px;
    }

    .ag-theme-alpine .ag-icon-filter {
        background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fillRule='evenodd'%20clipRule='evenodd'%20d='M0.0351562%200.130859H11.9917V1.34399C11.9917%201.79947%2011.8108%202.2363%2011.4887%202.55837L7.94094%206.10612C7.80641%206.24066%207.73082%206.42313%207.73082%206.61339V8.79392L4.29603%2011.37V6.61339C4.29603%206.42313%204.22045%206.24066%204.08592%206.10612L0.538169%202.55837C0.216095%202.2363%200.0351562%201.79947%200.0351562%201.34399V0.130859ZM10.9912%201.13044H1.03421L1.03516%201.34399C1.03516%201.4962%201.08353%201.64343%201.17176%201.76511L1.24528%201.85127L4.79302%205.39901C5.1151%205.72109%205.29603%206.15791%205.29603%206.61339L5.29521%209.36944L6.73021%208.29344L6.73082%206.61339C6.73082%206.21485%206.86935%205.83058%207.11975%205.52498L7.23384%205.39901L10.7816%201.85127C10.9161%201.71673%2010.9917%201.53426%2010.9917%201.34399L10.9912%201.13044Z'%20fill='%23AAAAAA'/%3e%3c/svg%3e");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 16px;
        /* Adjust width and height as needed */
        height: 16px;
    }

    .ag-theme-alpine .ag-icon-filter::before {
        content: none;
        /* Hide the default icon font if present */
    }

    .ag-theme-alpine .ag-filter-active {
        background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='13'%20viewBox='0%200%2012%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9917%201.13086H0.0351563L0.0351562%202.34399C0.0351562%202.79947%200.216095%203.2363%200.538169%203.55837L4.08592%207.10612C4.22045%207.24066%204.29603%207.42313%204.29603%207.61339V12.37L7.73082%209.79392V7.61339C7.73082%207.42313%207.80641%207.24066%207.94094%207.10612L11.4887%203.55837C11.8108%203.2363%2011.9917%202.79947%2011.9917%202.34399V1.13086Z'%20fill='%23AAAAAA'/%3e%3c/svg%3e");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 16px;
        /* Adjust width and height as needed */
        height: 18px;
        outline: none;
    }

    .ag-theme-alpine .ag-filter-active::after {
        background: none;
    }

    .ag-theme-alpine .ag-text-field-input {
        background: none;
    }

    .column-right-border {
        border-right: 1px solid #ccc;
    }

    /* [aria-colindex="2"], [aria-colindex="3"], [aria-colindex="5"], [aria-colindex="7"] {
  border-right: 1px solid #ccc;
} */

    .ag-header-cell-text {
        text-wrap: auto;
    }

    .ag-theme-alpine .ag-header-cell.ag-pinned-right-header {
        border-right: none !important;
    }

    /* override default pointer since rows aren't clickable */
    .ag-theme-alpine .ag-row {
        cursor: default !important;
    }

    .ag-center-cols-container .ag-row-hover {
        background-color: #F3F3F3 !important;
        cursor: pointer;
    }

    /* Model Asset Classes table rows are not clickable; show the default cursor on hover. */
    .model-asset-classes-table .ag-center-cols-container .ag-row-hover {
        cursor: default;
    }

    .ag-center-cols-container .ag-row-hover .ag-cell[aria-colindex="1"]>div>a {
        color: #106EBE !important;
        text-decoration: underline !important;
    }

    .ag-side-bar .ag-side-button-label {
        color: #323130;
        font-weight: var(--font-weight-regular);
    }


    .ag-side-bar .ag-column-select-header .ag-input-wrapper::before {
        display: none !important;
        content: none !important;
    }

    .ag-column-select-column-label {
        color: #323130;
        font-size: 13px;
        font-weight: var(--font-weight-regular);
    }

    .ag-side-bar .ag-checkbox-input-wrapper {
        border-radius: 0 !important;
    }

    /* Checked state: blue border, white background, blue checkmark */
    .ag-side-bar .ag-checkbox-input-wrapper.ag-checked {
        border: 1.5px solid #1E8AC8 !important;
        background: #fff !important;
        color: #1E8AC8 !important;
    }

    /* Styling for the check in the check boxes */
    .ag-side-bar .ag-checkbox-input-wrapper.ag-checked::after {
        border-color: #1E8AC8 !important;
        background: #1E8AC8 !important;
        color: #1E8AC8 !important;
    }

    .ag-column-select-column {
        gap: 4px !important;
    }

    .ag-checkbox-input-wrapper:focus-within {
        outline: none !important;
        box-shadow: none !important;
    }

    input.ag-text-field-input:focus,
    input.ag-text-field-input:focus-visible {
        outline: none !important;
        box-shadow: none !important;
    }

    /* Sidebar: Column icon  */
    .ag-side-bar .ag-side-button-button svg[data-testid="ag-columns-icon"] {
        width: 10px !important;
        height: 10px !important;
        min-width: 10px !important;
        min-height: 10px !important;
        max-width: 10px !important;
        max-height: 10px !important;
        display: block;
    }

    /* Sidebar: Search bar container */
    .ag-side-bar .ag-column-select-header {
        background: #fff !important;
        border-bottom: 1px solid #e0e0e0 !important;
        border-top: 1px solid #e0e0e0 !important;
        height: 40px !important;
    }

    .ag-side-bar .ag-column-select-header-filter-wrapper .ag-input-wrapper {
        height: 30px !important;
        padding-right: 16px !important;
        margin-bottom: 5px !important;
        margin-top: 5px !important;
    }

    /* Sidebar: Column grip icon */
    .ag-side-bar .ag-column-select-column-drag-handle:before {
        content: none !important;
    }

    .ag-side-bar .ag-column-select-column-drag-handle {
        background: url("data:image/svg+xml;utf8,<svg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.03366 0H4.76699C5.24555 0 5.63366 0.415826 5.63366 0.928571V2.78571C5.63366 3.29846 5.24555 3.71429 4.76699 3.71429H3.03366C2.5551 3.71429 2.16699 3.29846 2.16699 2.78571V0.928571C2.16699 0.415826 2.5551 0 3.03366 0ZM3.03366 4.64286H4.76699C5.24555 4.64286 5.63366 5.05868 5.63366 5.57143V7.42857C5.63366 7.94132 5.24555 8.35714 4.76699 8.35714H3.03366C2.5551 8.35714 2.16699 7.94132 2.16699 7.42857V5.57143C2.16699 5.05868 2.5551 4.64286 3.03366 4.64286ZM4.76699 9.28571H3.03366C2.5551 9.28571 2.16699 9.70154 2.16699 10.2143V12.0714C2.16699 12.5842 2.5551 13 3.03366 13H4.76699C5.24555 13 5.63366 12.5842 5.63366 12.0714V10.2143C5.63366 9.70154 5.24555 9.28571 4.76699 9.28571ZM8.23366 0H9.96699C10.4456 0 10.8337 0.415826 10.8337 0.928571V2.78571C10.8337 3.29846 10.4456 3.71429 9.96699 3.71429H8.23366C7.7551 3.71429 7.36699 3.29846 7.36699 2.78571V0.928571C7.36699 0.415826 7.7551 0 8.23366 0ZM9.96699 4.64286H8.23366C7.7551 4.64286 7.36699 5.05868 7.36699 5.57143V7.42857C7.36699 7.94132 7.7551 8.35714 8.23366 8.35714H9.96699C10.4456 8.35714 10.8337 7.94132 10.8337 7.42857V5.57143C10.8337 5.05868 10.4456 4.64286 9.96699 4.64286ZM8.23366 9.28571H9.96699C10.4456 9.28571 10.8337 9.70154 10.8337 10.2143V12.0714C10.8337 12.5842 10.4456 13 9.96699 13H8.23366C7.7551 13 7.36699 12.5842 7.36699 12.0714V10.2143C7.36699 9.70154 7.7551 9.28571 8.23366 9.28571Z' fill='%23AAAAAA'/></svg>") center center no-repeat !important;
        width: 13px !important;
        height: 13px !important;
        min-width: 13px !important;
        min-height: 13px !important;
        max-width: 13px !important;
        max-height: 13px !important;
        display: inline-block !important;
    }

    .ag-side-bar {
        position: absolute !important;
        top: 39px !important;
        height: calc(100% - 39px) !important;
        right: 0 !important;
    }

    /* The simulationResults div>div>div>div rule above sets align-items:end on nested divs,
       which bleeds into model-asset-classes inputs (rendered inside the same card body).
       Override to stretch so input wrappers fill their containers. */
    .model-asset-classes-table .ag-cell div>div>div>div {
        align-items: stretch;
    }
}

.atlas-cpm-app [col-id="investmentYears"].ag-header-cell .ag-header-cell-label {
    justify-content: center !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.name-input-cell > div > div {
    width: 100%;
}

.name-input-cell .fui-Field {
    width: 100%;
}

.name-input-cell .fui-Input {
    width: 100%;
}

.name-input-cell .fui-Input__input {
    text-align: left !important;
    padding-left: 4px !important;
}* {
  box-sizing: border-box;
}

/* Main Content */
._chartPanel_39k6u_6 {
  background-color: #fff;
  /* For some reason this causes the dropdowns to scroll up when you click them. Leaving here just in case */
  /* border: 1px solid #e0e0e0; */
  border-radius: 8px;
  padding: 12px;
  margin-top: 12px;
  width: 100%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

._chartPanel_39k6u_6._fullscreen_39k6u_18 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1000;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-top: 0;
}

/* Chart Header and Title Section */
._chartHeader_39k6u_32 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}

._chartTitleSection_39k6u_39 {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

._chartTitleSection_39k6u_39 h1 {
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  line-height: 28px;
  display: flex;
  align-items: center;
  gap: 8px;
}

._chartTitleSection_39k6u_39 p {
  margin: 4px 0 0;
  color: #919191;
  font-weight: var(--font-weight-regular);
  font-size: 13px;
  line-height: 16px;
}

._chartControls_39k6u_64 {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Chart Selection Dropdown Styles */
._chartLevelDropdown_39k6u_71 {
  width: 156px !important;
  min-width: 0 !important;
  height: 32px !important;
  background: #fff;
  border: 1px solid #dddddd !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: var(--font-weight-medium) !important;
  color: #323130 !important;
  padding: 0 !important;
}

._chartLevelDropdown_39k6u_71:hover button {
  background: #f3f3f3 !important;
}

._chartLevelDropdown_39k6u_71:focus,
._chartLevelDropdown_39k6u_71[aria-expanded="true"] {
  border: 1.5px solid #3CABC9 !important;
  box-shadow: 0 0 0 2px #E5F6FB !important;
}

._chartLevelDropdown_39k6u_71 button,
._chartLevelDropdown_39k6u_71 ._fui-Button_39k6u_98 {
  width: 100% !important;
  min-width: 0 !important;
  height: 32px !important;
  background: #fff !important;
  border-bottom: 1px solid #dddddd !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: var(--font-weight-medium) !important;
  color: #323130 !important;
  padding: 0 14px !important;
  text-align: left !important;
  cursor: pointer;
  transition: background 0.2s, border 0.2s;
}

._chartLevelDropdown_39k6u_71 button[aria-expanded="true"],
._chartLevelDropdown_39k6u_71 ._fui-Button_39k6u_98[aria-expanded="true"] {
  border: 1.5px solid #3CABC9 !important;
}

._chartLevelDropdownListbox_39k6u_122 {
  background: #fff !important;
  border-radius: 4px !important;
  width: 156px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  margin: 0 !important;
  margin-top: -2px !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: var(--font-weight-medium) !important;
  color: #323130 !important;
}

._chartLevelDropdownListbox_39k6u_122[aria-expanded="true"] {
  border-radius: 4px !important;
  background: #fff !important;
  width: 156px !important;
  row-gap: 0 !important;
  margin: 0 !important;
}

._chartLevelDropdownOption_39k6u_144 {
  font-size: 14px !important;
  font-weight: var(--font-weight-medium) !important;
  color: #323130 !important;
  padding: 6px 14px !important;
  background: #fff !important;
  text-align: left !important;
  border: none !important;
  cursor: pointer;
}

._chartLevelDropdownOption_39k6u_144[aria-selected="true"] {
  background: #f3f3f3 !important;
}

._chartLevelDropdownOption_39k6u_144:hover {
  background: #f3f3f3 !important;
}

/* Diasbled settings for chart level dropdown */
._chartLevelDropdown_39k6u_71:has(button[disabled]),
._chartLevelDropdown_39k6u_71:has(._fui-Button_39k6u_98[aria-disabled="true"]) {
  background: #f9f9f9 !important;
  color: #AAAAAA !important;
  cursor: not-allowed !important;
}

._chartLevelDropdown_39k6u_71 button[disabled],
._chartLevelDropdown_39k6u_71 ._fui-Button_39k6u_98[aria-disabled="true"] {
  background: #f9f9f9 !important;
  color: #AAAAAA !important;
  cursor: not-allowed !important;
  border-color: #dddddd !important;
}

._chartLevelDropdown_39k6u_71 button[disabled]:hover,
._chartLevelDropdown_39k6u_71 ._fui-Button_39k6u_98[aria-disabled="true"]:hover {
  background: #f9f9f9 !important;
  color: #AAAAAA !important;
  cursor: not-allowed !important;
  border-color: #dddddd !important;
}

._chartLevelDropdown_39k6u_71 button[disabled] ._fui-Button__content_39k6u_187,
._chartLevelDropdown_39k6u_71 ._fui-Button_39k6u_98[aria-disabled="true"] ._fui-Button__content_39k6u_187 {
  color: #AAAAAA !important;
}

._chartLevelDropdown_39k6u_71 button[disabled] ._fui-Button__icon_39k6u_192,
._chartLevelDropdown_39k6u_71 ._fui-Button_39k6u_98[aria-disabled="true"] ._fui-Button__icon_39k6u_192 {
  color: #AAAAAA !important;
  opacity: 0.6 !important;
}

._dropdownTitle_39k6u_198 {
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-primary) !important;
  font-size: 12px !important;
  margin-bottom: 1px;
  line-height: 15px !important;
  letter-spacing: 1px;
  color: #323130;
  display: block;
}

._dropdownTitle_39k6u_198,
._labelContainer_39k6u_210,
._switchLabel_39k6u_211 {
  color: #323130 !important;
}

/* Included Asset Classes Dropdown Styles */
._triggerButton_39k6u_216 {
  border: 1px solid #dddddd;
  border-radius: 4px;
  background: #fff;
  color: #323130;
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  height: 29px;
  min-width: 0;
  box-sizing: border-box;
  outline: none;
  box-shadow: none;
  transition: border 0.2s, box-shadow 0.2s;
}

._triggerButton_39k6u_216[aria-expanded="true"],
._triggerButton_39k6u_216:focus,
._triggerButton_39k6u_216:active {
  border: 1.5px solid #3CABC9 !important;
  box-shadow: 0 0 0 2px #E5F6FB !important;
  border-radius: 4px !important;
  outline: none !important;
}

._triggerButton_39k6u_216:hover,
._triggerButton_39k6u_216:focus,
._triggerButton_39k6u_216:active {
  background: #f3f3f3 !important;
}

._assetClassDropdownPopover_39k6u_246 {
  display: flex;
  padding: 12px !important;
  flex-direction: column;
  position: relative;
  background-color: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  min-width: 0;
  width: auto;
  max-width: 350px;
  border: 1px solid #dddddd !important;
  max-height: 400px;
  overflow: hidden;
}

._assetClassDropdownSelectAll_39k6u_261 {
  text-align: left;
  padding-left: 7px;
  font-weight: var(--font-weight-semibold);
  color: #0078D4;
  font-size: 14px;
}

._assetClassDropdownList_39k6u_269 {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  color: #323130;
  max-height: 340px;
  overflow-y: auto;
}

._assetClassDropdownListItem_39k6u_279 {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #323130;
}

._assetClassDropdownSelectAll_39k6u_261,
._assetClassDropdownList_39k6u_269,
._assetClassDropdownListItem_39k6u_279 {
  color: #323130 !important;
}

._assetClassDropdownText_39k6u_292 {
  color: #323130 !important;
  font-size: 14px;
  font-weight: var(--font-weight-regular);
}

._assetClassDropdownCount_39k6u_298 {
  color: #323130 !important;
  font-weight: var(--font-weight-regular);
  transition: color 0.2s;
}

._assetClassDropdownCountSelected_39k6u_304 {
  color: #E78024 !important;
  font-weight: var(--font-weight-semibold);
  transition: color 0.2s;
}

._assetClassDropdownCountLabel_39k6u_310 {
  color: #323130 !important;
  font-weight: var(--font-weight-regular);
  transition: color 0.2s;
}

.navchart-checkbox-disabled .fui-Checkbox__indicator {
  border: 1.5px solid #AAAAAA !important;
  background-color: #eeeaea !important;
  color: #adb0b1 !important;
  transition: border 0.1s;
  position: relative;
  margin-left: 7px;
  margin-top: 8px;
  margin-bottom: 2px;
  margin-right: 4px;
}

.navchart-checkbox-blue .fui-Checkbox__indicator {
  border: 1.5px solid #AAAAAA !important;
  background-color: #ffffff !important;
  color: #0078D4 !important;
  transition: border 0.1s;
  position: relative;
  margin-left: 7px;
  margin-top: 8px;
  margin-bottom: 2px;
  margin-right: 4px;
}

.navchart-checkbox-blue .fui-Checkbox__input:checked + .fui-Checkbox__indicator {
  border: 1.5px solid #0078D4 !important;
  background-color: #ffffff !important;
  color: #0078D4 !important;
}

.navchart-checkbox-blue .fui-Checkbox__input:indeterminate + .fui-Checkbox__indicator {
  border: 1.5px solid #AAAAAA !important;
  background-color: #ffffff !important;
  color: #AAAAAA !important;
}

.navchart-checkbox-blue .fui-Checkbox__input:indeterminate + .fui-Checkbox__indicator svg {
  display: none !important;
}

.navchart-checkbox-blue .fui-Checkbox__input:indeterminate + .fui-Checkbox__indicator::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  background-color: #AAAAAA;
  border-radius: 1px;
  transform: translate(-50%, -50%);
}

.navchart-checkbox-blue .fui-Checkbox__label {
  overflow-wrap: anywhere;
}

/* Vertical Divider */
._verticalDivider_39k6u_374 {
  width: 1px;
  height: 45px;
  background: #ddd;
  align-self: center;
}

/* More Menu Buttons */
._moreMenu_39k6u_382 {
  position: absolute;
  top: calc(100%);
  right: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 12px;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  width: 250px;
  display: flex;
  flex-direction: column;
}

._btnColor_39k6u_397, ._moreMenuBtnColor_39k6u_397 {
  color: #AAAAAA;
}

._btnTextColor_39k6u_401 {
  color: #333333;
}

._menuWrapper_39k6u_405 {
  position: relative;
}

/* Year Picker Styling */
._yearPickerSmall_39k6u_410 {
  min-width: 100px !important;
  max-width: 100px !important;
  width: 100px !important;
  padding: 0 !important;
}

/* Toggle Switches */
._switchLabel_39k6u_211 {
  font-weight: var(--font-weight-medium);
}

._labelContainer_39k6u_210 {
  display: flex;
  font-weight: var(--font-weight-medium);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #323130;
}

/* Tooltip Styles */
._tooltipTitle_39k6u_432 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
  text-align: left;
  width: 100%;
}

._tooltipTable_39k6u_441 {
  width: 100%;
  border-collapse: collapse;
}

._piTooltip_39k6u_446 {
  position: fixed;
  background-color: #2e856e;
  color: white;
  border-radius: 6px;
  padding: 12px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  width: auto;
  min-width: 200px;
  z-index: 1001;
}

._piTooltip_39k6u_446._show_39k6u_461 {
  opacity: 1;
}

._tooltipFootnote_39k6u_465 {
  font-size: 11px;
  color: #000;
  margin-top: 8px;
  white-space: normal;
  word-break: break-word;
  line-height: 1.4;
  max-width: 300px;
}

._labelCell_39k6u_475 {
  font-weight: var(--font-weight-medium);
}

._valueCell_39k6u_479 {
  text-align: right;
  font-weight: var(--font-weight-bold);
}

/* Chart Content */
._chartMainContent_39k6u_485 {
  display: flex;
  gap: 24px;
  flex: 1 1 auto;
  min-height: 0;
}

._chartWrapper_39k6u_492 {
  flex-grow: 1;
  position: relative;
  height: 450px;
  transition: all 0.3s ease;
  width: calc(100% - 200px);
}

._commitmentChartWrapper_39k6u_500 {
  flex-grow: 1;
  position: relative;
  height: 100%;
  transition: all 0.3s ease;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}

._verticalChartTitle_39k6u_512 {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-align: center;
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  color: #323130;
  letter-spacing: 0.05em;
  margin-right: 12px;
  min-width: 24px;
  user-select: none;
  flex: 0 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._commitmentLineChart_39k6u_529 {
  flex: 1 1 0;
  min-height: 120px;
  max-height: 200px;
  height: 200px;
  width: 100%;
  display: flex;
  align-items: stretch;
}

._commitmentLineChartFullScreen_39k6u_539 {
  flex: 1 1 0;
  min-height: 0;
  width: 100%;
  display: flex;
  align-items: stretch;
}

._navLineChart_39k6u_547 {
  flex: 1 1 0;
  min-height: 450px;
  height: 450px;
  width: calc(100% - 200px);
  display: flex;
  align-items: stretch;
  transition: width 0.3s;
}

._navLineChart_39k6u_547._expanded_39k6u_557 {
  width: 100%;
}

._commitmentBarChart_39k6u_561 {
  flex: 1 1 0;
  min-height: 350px;
  height: 350px;
  width: 100%;
  display: flex;
  align-items: stretch;
  overflow: visible;
}

._commitmentBarChartFullScreen_39k6u_571 {
  flex: 1 1 0;
  min-height: 0;
  width: 100%;
  display: flex;
  align-items: stretch;
  overflow: visible;
}

._commitmentLineChart_39k6u_529 canvas,
._commitmentBarChart_39k6u_561 canvas,
._commitmentLineChartFullScreen_39k6u_539 canvas,
._commitmentBarChartFullScreen_39k6u_571 canvas {
  width: 100% !important;
  height: 100% !important;
}

._chartWrapper_39k6u_492._expanded_39k6u_557 {
  width: 100%;
}

._fullscreen_39k6u_18 ._chartMainContent_39k6u_485,
._fullscreen_39k6u_18 ._chartWrapper_39k6u_492 {
  flex-grow: 1;
  height: auto;
}

._fullscreen_39k6u_18 ._chartRow_39k6u_598 {
  flex: 1 1 0;
  min-height: 0;
  margin-bottom: 12px;
}

._fullscreen_39k6u_18 ._chartRow_39k6u_598:first-child {
  flex: 4 1 0;
}

._fullscreen_39k6u_18 ._chartRow_39k6u_598:last-child {
  flex: 6 1 0;
}

/* Legend Styles */
._legendWrapper_39k6u_613 {
  flex-shrink: 0;
  width: 180px;
}

._legendWrapper_39k6u_613._hidden_39k6u_618 {
  display: none;
}

._legendWrapper_39k6u_613,
._customLegend_39k6u_623 ul,
._customLegend_39k6u_623 li,
._legendColorBox_39k6u_625 {
  color: #323130 !important;
  border-color: #dddddd !important;
}

._customLegend_39k6u_623 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

._customLegend_39k6u_623 li {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}

._legendColorBox_39k6u_625 {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}

/* No Data Message Styles */
._noDataMessage_39k6u_652 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  color: #6c757d;
  font-size: 16px;
  font-weight: var(--font-weight-medium);
  gap: 8px;
}

._noDataMessageTitle_39k6u_665 {
  font-size: 24px;
  font-weight: var(--font-weight-medium);
  color: #6c757d;
  margin-bottom: 4px;
}

._noDataMessageSubtitle_39k6u_672 {
  font-size: 24px;
  color: #6c757d;
  font-weight: var(--font-weight-regular);
}

/* Chart / Table Toggle Buttons */
._toggleButtonGroup_39k6u_679 {
  display: flex;
  gap: 0;
  align-self: flex-end;
  margin-bottom: 5px;
}

._toggleButton_39k6u_679 {
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 4px 0 0 4px;
  padding: 6px 15px;
  font-size: 14px;
  cursor: pointer;
  color: #323130;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  transition: background 0.2s, border 0.2s;
  border-right: none;
}

._toggleButton_39k6u_679:last-child {
  border-radius: 0 4px 4px 0;
  border-right: 1px solid #dddddd;
}

._toggleButton_39k6u_679._selected_39k6u_708 {
  background: #0078D4;
  border: 1.5px solid #0078D4;
  color: #fff;
  z-index: 1;
}

._toggleButton_39k6u_679:not(._selected_39k6u_708) svg {
  color: #AAAAAA;
}

._toggleButton_39k6u_679._selected_39k6u_708 svg {
  color: #fff;
}

._toggleButton_39k6u_679:hover,
._toggleButton_39k6u_679:focus {
  background: #f3f3f3;
}

._toggleButton_39k6u_679._selected_39k6u_708:hover,
._toggleButton_39k6u_679._selected_39k6u_708:focus {
  background: #0078D4;
}

._toggleButton_39k6u_679 svg {
  display: block;
  width: 12px;
  height: 12px;
}

._toggleButton_39k6u_679:disabled {
  background: #f9f9f9;
  color: #AAAAAA;
  cursor: not-allowed;
}

._toggleButton_39k6u_679:disabled svg {
  color: #AAAAAA;
  opacity: 0.6;
}

/* Expanded Table Styling */
._chartPanel_39k6u_6._tableExpanded_39k6u_751 {
  min-height: 700px;
  height: auto;
}

._chartPanel_39k6u_6._tableExpanded_39k6u_751 ._chartMainContent_39k6u_485,
._chartPanel_39k6u_6._tableExpanded_39k6u_751 ._chartWrapper_39k6u_492 {
  height: auto;
  min-height: 600px;
  max-height: none;
}

._portfolioGrowthDropdownDisabled_39k6u_763 {
  background: #f9f9f9 !important;
  color: #aaaaaa !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
}

._portfolioGrowthDropdownDisabled_39k6u_763:hover,
._portfolioGrowthDropdownDisabled_39k6u_763:focus {
  background: #f9f9f9 !important;
  color: #aaaaaa !important;
  cursor: not-allowed !important;
}

._portfolioGrowthDropdownDisabled_39k6u_763,
._portfolioGrowthDropdownDisabled_39k6u_763 button,
._portfolioGrowthDropdownDisabled_39k6u_763 ._fui-Button_39k6u_98 {
  background: #f9f9f9 !important;
  color: #aaaaaa !important;
  border-color: #dddddd !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
}

._portfolioGrowthDropdownDisabled_39k6u_763 button:hover,
._portfolioGrowthDropdownDisabled_39k6u_763 button:focus,
._portfolioGrowthDropdownDisabled_39k6u_763 button:active,
._portfolioGrowthDropdownDisabled_39k6u_763 ._fui-Button_39k6u_98:hover,
._portfolioGrowthDropdownDisabled_39k6u_763 ._fui-Button_39k6u_98:focus,
._portfolioGrowthDropdownDisabled_39k6u_763 ._fui-Button_39k6u_98:active {
  background: #f9f9f9 !important;
  color: #aaaaaa !important;
  cursor: not-allowed !important;
  border-color: #dddddd !important;
}

._portfolioGrowthDropdownDisabled_39k6u_763 ._fui-Button__icon_39k6u_192,
._portfolioGrowthDropdownDisabled_39k6u_763 svg {
  color: #aaaaaa !important;
}

._portfolioGrowthDropdownDisabled_39k6u_763 ._fui-Option_39k6u_804 {
  pointer-events: none !important;
}

/* Information Tooltip Styles */
._growthInfoIconButton_39k6u_809 {
  margin-left: 4px;
  margin-bottom: 4px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

._growthInfoIconSvg_39k6u_821 {
  width: 12px;
  height: 12px;
  color: #AAAAAA;
  transition: color 0.2s;
}

._growthInfoIconButton_39k6u_809:hover svg {
  color: #0078D4;
}

._growthTooltipMinClass_39k6u_832 {
  min-width: 700px;
  background-color: #ffffff !important;
  color: #323130 !important;
  font-size: 14px !important;
  font-weight: var(--font-weight-regular) !important;
  padding: 16px 20px !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

._growthTooltipTitle_39k6u_843 {
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  margin-bottom: 8px;
}

._growthTooltipParagraph_39k6u_849 {
  font-size: 14px;
  margin-bottom: 12px;
  line-height: 1.5;
}

._growthTooltipAssumptions_39k6u_855 {
  margin-top: 8px;
}

._growthTooltipAssumptionBlock_39k6u_859 {
  margin-bottom: 8px;
}

._growthTooltipAssumptionTitle_39k6u_863 {
  font-weight: var(--font-weight-semibold);
  font-size: 14px;
  margin-bottom: 2px;
}

._growthTooltipAssumptionRange_39k6u_869 {
  font-size: 13px;
  color: #919191;
  margin-left: 8px;
}

._chartRow_39k6u_598 {
  display: flex;
  width: 100%;
  position: relative;
  margin-bottom: 6px;
}

._commitmentLineChart_39k6u_529,
._commitmentBarChart_39k6u_561 {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: stretch;
}

._legendWrapper_39k6u_613 {
  flex-shrink: 0;
  width: 180px;
  margin-left: 8px;
}

._historyYearPickerInput_39k6u_896 {
  padding-left: 10px !important;
  padding-right: 36px !important;
}

._historyYearPickerInput_39k6u_896 img {
  width: 15px !important;
  height: 15px !important;
  right: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

._tooltipClass_39k6u_911 {
  max-width: auto;
  background-color: #ffffff !important;
}

._toggleButtonLabel_39k6u_916 {
  margin-bottom: var(--base-space-12);
  font-size: var(--font-size-xs);
  letter-spacing: 1px;
  line-height: var(--line-height-tight);
  font-weight: var(--font-weight-semibold);
}._tableContainer_1i7f6_1 {
  background-color: #ffffff;
  overflow-x: auto;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

._tableScrollWrapper_1i7f6_10 {
  flex: 1 1 auto;
  height: 100%;
  overflow-y: auto;
  overflow-x: visible;
  padding-right: 8px;
}

._totalTable_1i7f6_18 {
  border-collapse: collapse;
  width: 100%;
}

._totalTable_1i7f6_18 th {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  font-size: var(--text-navigation-subtitle-badge, 13px);
  line-height: var(--text-lineheight-navigation-subtitle-badge, 16px);
  letter-spacing: 0.6px;
  border-bottom: 1px solid #e0e0e0;
  vertical-align: middle;
  white-space: nowrap;
  box-sizing: border-box;
}

._totalTable_1i7f6_18 td {
  border-bottom: 1px solid #e0e0e0;
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-sm);
  line-height: var(--text-lineheight-body, 18px);
  vertical-align: middle;
  white-space: nowrap;
  box-sizing: border-box;
}

._labelHeader_1i7f6_46 {
  width: 340px;
  min-width: 340px;
  max-width: 340px;
  padding: 0;
  text-align: left;
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 20;
}

._yearHeader_1i7f6_60 {
  min-width: 66px;
  max-width: 66px;
  text-align: right;
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
  font-size: 13px;
  vertical-align: bottom;
}

._labelWrapper_1i7f6_70 {
  display: flex;
  justify-content: flex-end;
  height: 100%;
  gap: 2px;
  margin: 0;
  padding: 0;
}

._labelTop_1i7f6_79 {
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin-bottom: -7px;
}

._tableLabelCell_1i7f6_86 {
  width: 340px;
  min-width: 340px;
  max-width: 340px;
  padding: 0;
  text-align: left;
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-sm);
  background: none;
  position: sticky;
  left: 0;
  z-index: 15;
}

._tableDataCell_1i7f6_101 {
  min-width: 66px;
  max-width: 66px;
  padding: 6px;
  text-align: right;
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
  vertical-align: middle;
  white-space: nowrap;
  box-sizing: border-box;
  background: none;
}

._topSectionRow_1i7f6_114 {
  background-color: #E2E6F9;
}

._colorBar_1i7f6_118 {
  display: inline-block;
  width: 5px;
  height: 30px;
  margin-right: 30px;
  vertical-align: middle;
}

._topLabelCell_1i7f6_126 {
  margin-left: -20px !important;
}

._topColorBar_1i7f6_130 {
  margin-left: 0 !important;
}

._chevronIcon_1i7f6_134 {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  height: 16px;
  margin-left: -20px;
  margin-right: 6px;
}

._labelText_1i7f6_143 {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 280px;
  vertical-align: middle;
}.atlas-cpm-app {
  * {
    font-family: var(--font-primary);
    /* margin: 0;
    padding: 0; */
  }

  body {
    min-height: 100%;
    height: fit-content;
  }

  .fui-Listbox.fui-Dropdown__listbox {
    padding: 0;
    box-shadow: 0px 1px 3px 0px rgba(221, 221, 221, 1);
    border: 1px solid #DDDDDD;
    border-radius: 0;
  }

  /* [data-testid="quartile-picker-div"] * {
    cursor: pointer !important;
  }

  [data-testid="year-picker-div"] * {
    cursor: pointer !important;
  } */

  .ag-root-wrapper .ag-row .ag-cell-inline-editing {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
  }

  .fui-Switch__indicator {
    margin-right: 6px !important;
  }

  [data-testid="results-tableContainer-div"] .fui-Switch__indicator {
    margin: 0 !important;
  }

  [data-testid="results-tableContainer-div"] .fui-Dropdown__button {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .fui-Checkbox__indicator {
    color: #0078D4 !important;
    background-color: #FFFFFF !important;
    border-radius: 0 !important;
    border: 2px solid #919191 !important;
    margin-left: 0 !important;
  }

  .fui-Checkbox__indicator svg {
    width: 18px !important;
    height: 18px !important;
  }

  .fui-Checkbox__input:checked + .fui-Checkbox__indicator {
    border: 2px solid #0078D4 !important;
  }

  .ag-horizontal-left-spacer, .ag-horizontal-right-spacer {
    visibility: hidden !important;
  }

  .ag-cell[col-id="name"] {
    padding-left: 0 !important;
  }

  .fui-AccordionHeader__button {
    min-height: 30px;
  }

  .ag-theme-alpine .custom-divider-right {
    border-right: 1px solid #D1D1D1 !important;
  }

  .ag-header-cell-center .ag-header-cell-label {
    justify-content: center;
  }

  /* Toast Container Fixes for MFE */
  /* Override CA Component Library toast container styles when running as MFE remote */
  /* The host shell's styles can interfere with toast positioning and width */
  [data-testid="toast-container"] {
    max-width: 440px !important;
    width: 440px !important; /* Force specific width instead of 100% */
    padding: var(--base-space-16, 16px) var(--base-space-8, 8px) !important; /* Add top padding */
    left: 50% !important;
    top: 0 !important;
    transform: translateX(-50%) !important;
    position: fixed !important;
    z-index: 9999 !important; /* Ensure above all MFE and host content */
  }

  /* Individual toast items */
  [data-testid="toast-container"] > div {
    max-width: 100% !important;
    width: 100% !important;
  }

}

/**
 * CA Design Tokens - Complete Token Set
 * Auto-generated from Figma and supplementary sources
 * Do not edit directly
 */

/* ========================================
   LIGHT MODE TOKENS (from Figma)
   ======================================== */

/**
 * Design Tokens - Light Mode
 * Do not edit directly, this file was auto-generated.
 */

[data-ca-tokens="2.0.0"] {
  --background-05-Percentile: #7b7e83;
  --background-25-Percentile: #a7a9ac;
  --background-75-Percentile: #cacbcd;
  --background-95-Percentile: #dcddde;
  --background-active: #1e8ac8;
  --background-active-filled: #1e8ac833;
  --background-active-filled-hover: #1c6893;
  --background-active-outline-hover: #1e8ac833;
  --background-CA-Logo: #a7a9ac;
  --background-disabled: #f9f9f9;
  --background-error: #dc3220;
  --background-hover: #f3f3f3;
  --background-negative-1: #791c27;
  --background-negative-2: #d44153;
  --background-negative-3: #e27f8b;
  --background-negative-4: #f9e2e5;
  --background-no-color-bg: #ffffff;
  --background-Page-Background: #fafafa;
  --background-positive-1: #2f7dad;
  --background-positive-2: #4ba1d3;
  --background-positive-3: #a5d0e9;
  --background-positive-4: #d2e8f4;
  --background-primary: #ffffff;
  --background-primary-action-filled-disabled-button: #dddddd;
  --background-primary-hover-button: #476bb3;
  --background-primary-initial-button: #0c3980;
  --background-shadow: #0000001e;
  --background-top-tab: #ffffff1a;
  --border-active: #1e8ac8;
  --border-active-hover: #1c6893;
  --border-edited-input: #aaaaaa;
  --border-error: #dc3220;
  --border-primary: #dddddd;
  --border-secondary-hover-button: #476bb3;
  --border-secondary-initial-button: #0c3980;
  --border-warning: #e78024;
  --greyscale-active-grey-eeeeee: #eeeeee;
  --Greyscale-Bluish-Grey-F2F4F7: #f2f4f7;
  --greyscale-code-content-1e1e1e: #1e1e1e;
  --greyscale-column-header-line-bbbbbb: #bbbbbb;
  --greyscale-dark-grey-333333: #333333;
  --greyscale-dark-mode-bg-0F1014: #0f1014;
  --greyscale-Dark-Mode-Lines: #474747;
  --greyscale-dark-mode-muted-grey-2c2d30: #2c2d30;
  --greyscale-dark-mode-secondary-bg: #1a1a1d;
  --greyscale-disabled-grey-f9f9f9: #f9f9f9;
  --greyscale-grey-border-dddddd: #dddddd;
  --greyscale-hover-grey-f3f3f3: #f3f3f3;
  --greyscale-icon-disabled-aaaaaa-60: #aaaaaa99;
  --greyscale-icon-grey-aaaaaa: #aaaaaa;
  --greyscale-light-grey-919191: #919191;
  --greyscale-lightest-grey-fafafa: #fafafa;
  --greyscale-muted-grey-555555: #555555;
  --greyscale-white-ffffff: #ffffff;
  --greyscale-white-ffffff-10: #ffffff1a;
  --icon-active: #1e8ac8;
  --icon-active-hover: #1c6893;
  --icon-dark: #333333;
  --icon-disabled: #aaaaaa99;
  --icon-error: #dc3220;
  --icon-on-color-bg: #ffffff;
  --icon-primary: #aaaaaa;
  --icon-primary-hover-button: #0c3980;
  --icon-primary-secondary-initial-button: #ffffff;
  --icon-secondary-hover-button: #476bb3;
  --icon-warning: #e78024;
  --large-Corner-Radius: 3px;
  --large-dim-alert-button-0-gap: 5px;
  --large-dim-alert-button-gap: 4px;
  --large-dim-alert-button-horizontal-padding: 8px;
  --large-dim-alert-left-padding-1: 18px;
  --large-dim-alert-left-padding-2: 35px;
  --large-dim-alert-left-padding-3: 52px;
  --large-dim-alert-left-padding-4: 69px;
  --large-dim-alert-right-padding: 14px;
  --large-dim-alert-vertical-padding: 8px;
  --large-dim-badge-horizontal-padding: 7px;
  --large-dim-badge-vertical-padding: 2px;
  --large-dim-button-horizontal-padding: 12px;
  --large-dim-button-icon-only-size: 32px;
  --large-dim-button-vertical-padding: 6px;
  --large-dim-chart-axis-label-padding: 22px;
  --large-dim-chart-legend-box-padding: 6px;
  --large-dim-chart-legend-line-padding: 12px;
  --large-dim-chart-padding: 8px;
  --large-dim-chart-vertical-gap: 4px;
  --large-dim-control-box: 18px;
  --large-dim-corner-radius: 5px;
  --large-dim-date-picker-base-month-horizontal-padding: 24px;
  --large-dim-date-picker-base-year-horizontal-padding: 11px;
  --large-dim-date-picker-element-height: 28px;
  --large-dim-date-picker-element-month-width: 90px;
  --large-dim-date-picker-element-week-width: 28px;
  --large-dim-date-picker-element-year-width: 44px;
  --large-dim-date-picker-gap: 14px;
  --large-dim-date-picker-padding: 14px;
  --large-dim-date-picker-text-width: 120px;
  --large-dim-filters-bar-base-horizontal-padding: 3px;
  --large-dim-filters-bar-base-vertical-padding: 14px;
  --large-dim-filters-column-filter-child-padding: 31px;
  --large-dim-filters-column-filter-grandchild-padding: 54px;
  --large-dim-filters-dropdowns-tab-horizontal-padding: 14px;
  --large-dim-filters-gap: 12px;
  --large-dim-filters-large-padding: 22px;
  --large-dim-filters-medium-padding: 12px;
  --large-dim-filters-row-filters-child-padding: 24px;
  --large-dim-filters-row-filters-grandchild-padding: 40px;
  --large-dim-filters-row-filters-vertical-parent-padding: 9px;
  --large-dim-filters-small-padding: 6px;
  --large-dim-filters-small-vertical-padding: 6px;
  --large-dim-filters-vertical-padding: 8px;
  --large-dim-header-bottom-padding: 6px;
  --large-dim-header-horizontal-gap: 14px;
  --large-dim-header-horizontal-padding: 12px;
  --large-dim-header-larger-vertical-padding: 18px;
  --large-dim-header-top-padding: 22px;
  --large-dim-header-vertical-padding: 11px;
  --large-dim-horizontal-padding: 8px;
  --large-dim-input-date-date-horizontal-padding: 7px;
  --large-dim-input-date-date-width: 79px;
  --large-dim-input-date-longer-date-width: 93px;
  --large-dim-input-date-vertical-gap: 4px;
  --large-dim-input-edit-input-gap: 10px;
  --large-dim-input-edit-input-smaller-vertical-padding: 4px;
  --large-dim-input-edit-input-vertical-padding: 6px;
  --large-dim-input-height: 32px;
  --large-dim-input-key-stat-horizontal-gap: 6px;
  --large-dim-input-table-height: 28px;
  --large-dim-larger-vertical-padding: 7px;
  --large-dim-list-element-icon-padding: 3px;
  --large-dim-list-element-large-icon-padding: 4px;
  --large-dim-list-element-screening-horizontal-padding: 12px;
  --large-dim-list-element-smaller-vertical-padding: 6px;
  --large-dim-list-element-text-gap: 5px;
  --large-dim-list-element-vertical-padding: 7px;
  --large-dim-menu-vertical-padding: 6px;
  --large-dim-modal-gap-large: 14px;
  --large-dim-modal-gap-medium: 12px;
  --large-dim-modal-gap-small: 6px;
  --large-dim-modal-padding-large: 22px;
  --large-dim-modal-padding-medium: 14px;
  --large-dim-modal-padding-small: 10px;
  --large-dim-navigation-breadcrumb-height: 38px;
  --large-dim-navigation-breadcrumb-overlap: -29px;
  --large-dim-navigation-breadcrumb-vertical-padding: 4px;
  --large-dim-navigation-dropdown-padding: 4.5px;
  --large-dim-navigation-icon-bar-container-size: 25px;
  --large-dim-navigation-large-gap: 14px;
  --large-dim-navigation-large-padding: 28px;
  --large-dim-navigation-padding: 14px;
  --large-dim-navigation-search-bar-gap: 6px;
  --large-dim-navigation-search-bar-height: 32px;
  --large-dim-navigation-search-nav-dropdown-padding: 5.5px;
  --large-dim-navigation-search-nav-grip-padding: 3px;
  --large-dim-navigation-search-nav-left-padding: 12px;
  --large-dim-navigation-search-nav-vertical-padding: 7px;
  --large-dim-navigation-top-header-height: 48px;
  --large-dim-navigation-top-header-left-padding: 7px;
  --large-dim-navigation-top-header-medium-gap: 10px;
  --large-dim-navigation-top-header-right-padding: 12px;
  --large-dim-navigation-top-header-small-gap: 6px;
  --large-dim-navigation-vertical-padding: 8px;
  --large-dim-normal-gap: 8px;
  --large-dim-slider-container-width: 254px;
  --large-dim-slider-half-width: 120px;
  --large-dim-slider-height: 4px;
  --large-dim-slider-overlap: -10.5px;
  --large-dim-slider-vertical-padding: 0px;
  --large-dim-slider-width: 240px;
  --large-dim-stepper-vertical-padding: 5px;
  --large-dim-table-gap: 7px;
  --large-dim-table-horizontal-padding: 7px;
  --large-dim-table-input-height: 29px;
  --large-dim-table-large-horizontal-padding: 12px;
  --large-dim-table-name-column-left-padding-1: 12px;
  --large-dim-table-name-column-left-padding-2: 22px;
  --large-dim-table-name-column-left-padding-3: 32px;
  --large-dim-table-name-column-left-padding-4: 42px;
  --large-dim-table-name-column-left-padding-5: 52px;
  --large-dim-table-table-checkbox-top-padding: 6px;
  --large-dim-table-table-header-gap: 5px;
  --large-dim-table-table-header-large-vertical-padding: 11px;
  --large-dim-table-table-header-small-horizontal-padding: 6px;
  --large-dim-table-table-header-small-vertical-padding: 4px;
  --large-dim-table-table-header-textbox-height-1-line: 28px;
  --large-dim-table-table-header-textbox-height-2-lines: 32px;
  --large-dim-table-table-header-vertical-padding: 5px;
  --large-dim-table-table-height: 33px;
  --large-dim-tabs-border-height: 5px;
  --large-dim-tabs-card-internal-horizontal-padding: 16px;
  --large-dim-tabs-card-internal-vertical-padding: 9px;
  --large-dim-tabs-top-horizontal-padding: 21px;
  --large-dim-toast-padding: 12px;
  --large-dim-toggle-height: 10px;
  --large-dim-toggle-horizontal-padding: 3.5px;
  --large-dim-toggle-overlap: -13.5px;
  --large-dim-toggle-vertical-gap: 6px;
  --large-dim-toggle-vertical-padding: 3px;
  --large-dim-toggle-width: 31px;
  --large-dim-tool-tip-cross-padding: 5px;
  --large-dim-tool-tip-padding: 8px;
  --large-dim-tool-tip-point-height: 9px;
  --large-dim-tool-tip-point-width: 18px;
  --large-dim-tool-tip-vertical-gap: 6px;
  --large-dim-vertical-padding: 6px;
  --large-icon-large: 14px;
  --large-icon-medium: 13px;
  --large-icon-small: 12px;
  --large-icon-x-large: 20px;
  --large-icon-x-small: 9px;
  --large-text-body: 16px;
  --large-text-header: 19px;
  --large-text-helper-label: 14px;
  --large-text-key-stats: 28px;
  --large-text-lineheight-body: 20px;
  --large-text-lineheight-column: 18px;
  --large-text-lineheight-header: 24px;
  --large-text-lineheight-helper: 17px;
  --large-text-lineheight-key-stats: 28px;
  --large-text-lineheight-label: 17px;
  --large-text-lineheight-link: 20px;
  --large-text-lineheight-navigation-subtitle-badge: 18px;
  --large-text-navigation-subtitle-badge: 15px;
  --low-opacity-aqua-1000: #3290ad1f;
  --low-opacity-aqua-1200: #2d7c911f;
  --low-opacity-aqua-1400: #1e53611f;
  --low-opacity-aqua-200: #b1dde91f;
  --low-opacity-aqua-400: #8acddf1f;
  --low-opacity-aqua-600: #61bbd31f;
  --low-opacity-aqua-800-12: #3cabc91f;
  --low-opacity-aqua-800-20: #3cabc933;
  --low-opacity-blue-grey-1000: #628ab51f;
  --low-opacity-blue-grey-1200: #5078a31f;
  --low-opacity-blue-grey-1400: #36506d1f;
  --low-opacity-blue-grey-200: #cdd9e71f;
  --low-opacity-blue-grey-400: #b5c6da1f;
  --low-opacity-blue-grey-600: #9bb3ce1f;
  --low-opacity-blue-grey-800: #83a1c21f;
  --low-opacity-ca-blue-1000: #1432711f;
  --low-opacity-ca-blue-1200: #092b601f;
  --low-opacity-ca-blue-1400: #061d401f;
  --low-opacity-ca-blue-200: #9eb0cc1f;
  --low-opacity-ca-blue-400: #6d88b31f;
  --low-opacity-ca-blue-600: #3a5e981f;
  --low-opacity-ca-blue-800-12: #0c39801f;
  --low-opacity-ca-blue-800-20: #0c398033;
  --low-opacity-coral-1000: #e84b391f;
  --low-opacity-coral-1200: #dc32201f;
  --low-opacity-coral-1400: #9221141f;
  --low-opacity-coral-200: #fac3b91f;
  --low-opacity-coral-400: #f7a4971f;
  --low-opacity-coral-600: #f586741f;
  --low-opacity-coral-800: #f268511f;
  --low-opacity-gold-1000: #d2a0301f;
  --low-opacity-gold-1200: #b5891d1f;
  --low-opacity-gold-1400: #785b101f;
  --low-opacity-gold-200: #fae3991f;
  --low-opacity-gold-400: #f8d5661f;
  --low-opacity-gold-600: #f5c6301f;
  --low-opacity-gold-800: #f3b9001f;
  --low-opacity-grape-1000: #6d3f8a1f;
  --low-opacity-grape-1200: #5e35741f;
  --low-opacity-grape-1400: #3f244d1f;
  --low-opacity-grape-200: #ccb4d81f;
  --low-opacity-grape-400: #b38fc51f;
  --low-opacity-grape-600: #9664ae1f;
  --low-opacity-grape-800: #80449e1f;
  --low-opacity-green-1000: #5895591f;
  --low-opacity-green-1200: #4784481f;
  --low-opacity-green-1400: #2f58301f;
  --low-opacity-green-200: #c1dec11f;
  --low-opacity-green-400: #a1cda21f;
  --low-opacity-green-600: #81bb811f;
  --low-opacity-green-800: #63ab641f;
  --low-opacity-lime-1000: #91c04b1f;
  --low-opacity-lime-1200: #78a7321f;
  --low-opacity-lime-1400: #506f211f;
  --low-opacity-lime-200: #d7eeb31f;
  --low-opacity-lime-400: #c4e58d1f;
  --low-opacity-lime-600: #afdc651f;
  --low-opacity-lime-800: #9cd4411f;
  --low-opacity-orange-1000: #cd74281f;
  --low-opacity-orange-1200: #b460141f;
  --low-opacity-orange-1400: #78400d1f;
  --low-opacity-orange-200: #f5cca71f;
  --low-opacity-orange-400: #f1b37c1f;
  --low-opacity-orange-600: #ec984e1f;
  --low-opacity-orange-800: #e780241f;
  --low-opacity-purple-1000: #a053871f;
  --low-opacity-purple-1200: #8e41751f;
  --low-opacity-purple-1400: #5e2c4e1f;
  --low-opacity-purple-200: #e1bfd61f;
  --low-opacity-purple-400: #d39fc21f;
  --low-opacity-purple-600: #c27cab1f;
  --low-opacity-purple-800: #b55f991f;
  --low-opacity-ruby-1000: #b92a511f;
  --low-opacity-ruby-1200: #991a3d1f;
  --low-opacity-ruby-1400: #6611291f;
  --low-opacity-ruby-200: #eca6b91f;
  --low-opacity-ruby-400: #e37a971f;
  --low-opacity-ruby-600: #d94d741f;
  --low-opacity-ruby-800: #d94d741f;
  --low-opacity-sand-1000: #aa8d601f;
  --low-opacity-sand-1200: #9b7e511f;
  --low-opacity-sand-1400: #6754361f;
  --low-opacity-sand-200: #e5dbcb1f;
  --low-opacity-sand-400: #d8c9b11f;
  --low-opacity-sand-600: #cab6961f;
  --low-opacity-sand-800: #bea57d1f;
  --low-opacity-sky-1000: #2f7dad1f;
  --low-opacity-sky-1200: #1c68931f;
  --low-opacity-sky-1400: #1246631f;
  --low-opacity-sky-200: #a5d0e91f;
  --low-opacity-sky-400: #78b9de1f;
  --low-opacity-sky-600: #4ba1d31f;
  --low-opacity-sky-800: #1e8ac81f;
  --low-opacity-sky-800-20: #1e8ac833;
  --low-opacity-sky-800-50: #1e8ac880;
  --low-opacity-teal-1000: #318e871f;
  --low-opacity-teal-1200: #1d7a731f;
  --low-opacity-teal-1400: #13514d1f;
  --low-opacity-teal-200: #a8dad61f;
  --low-opacity-teal-400: #7dc7c21f;
  --low-opacity-teal-600: #51b5ad1f;
  --low-opacity-teal-800: #26a2991f;
  --low-opacity-yellow-1000: #b0ac3b1f;
  --low-opacity-yellow-1200: #9793221f;
  --low-opacity-yellow-1400: #6461261f;
  --low-opacity-yellow-200: #eae8ab1f;
  --low-opacity-yellow-400: #dfdc811f;
  --low-opacity-yellow-600: #d1cd4d1f;
  --low-opacity-yellow-800: #c9c42d1f;
  --medium-Corner-Radius: 3px;
  --medium-dim-alert-button-0-gap: 4px;
  --medium-dim-alert-button-gap: 3px;
  --medium-dim-alert-button-horizontal-padding: 7px;
  --medium-dim-alert-left-padding-1: 17px;
  --medium-dim-alert-left-padding-2: 32px;
  --medium-dim-alert-left-padding-3: 47px;
  --medium-dim-alert-left-padding-4: 62px;
  --medium-dim-alert-right-padding: 13px;
  --medium-dim-alert-vertical-padding: 7px;
  --medium-dim-badge-horizontal-padding: 6px;
  --medium-dim-badge-vertical-padding: 2px;
  --medium-dim-button-horizontal-padding: 11px;
  --medium-dim-button-icon-only-size: 29px;
  --medium-dim-button-vertical-padding: 5.5px;
  --medium-dim-chart-axis-label-padding: 21px;
  --medium-dim-chart-legend-box-padding: 4.5px;
  --medium-dim-chart-legend-line-padding: 10.5px;
  --medium-dim-chart-padding: 7px;
  --medium-dim-chart-vertical-gap: 3px;
  --medium-dim-control-box: 16px;
  --medium-dim-corner-radius: 4px;
  --medium-dim-date-picker-base-month-horizontal-padding: 23px;
  --medium-dim-date-picker-base-year-horizontal-padding: 10px;
  --medium-dim-date-picker-element-height: 26px;
  --medium-dim-date-picker-element-month-width: 80px;
  --medium-dim-date-picker-element-week-width: 26px;
  --medium-dim-date-picker-element-year-width: 42px;
  --medium-dim-date-picker-gap: 13px;
  --medium-dim-date-picker-padding: 13px;
  --medium-dim-date-picker-text-width: 105px;
  --medium-dim-filters-bar-base-horizontal-padding: 2px;
  --medium-dim-filters-bar-base-vertical-padding: 13px;
  --medium-dim-filters-column-filter-child-padding: 27.5px;
  --medium-dim-filters-column-filter-grandchild-padding: 48px;
  --medium-dim-filters-dropdowns-tab-horizontal-padding: 13px;
  --medium-dim-filters-gap: 11px;
  --medium-dim-filters-large-padding: 21px;
  --medium-dim-filters-medium-padding: 11px;
  --medium-dim-filters-row-filters-child-padding: 21px;
  --medium-dim-filters-row-filters-grandchild-padding: 35px;
  --medium-dim-filters-row-filters-vertical-parent-padding: 8px;
  --medium-dim-filters-small-padding: 5px;
  --medium-dim-filters-small-vertical-padding: 5px;
  --medium-dim-filters-vertical-padding: 7px;
  --medium-dim-header-bottom-padding: 5px;
  --medium-dim-header-horizontal-gap: 13px;
  --medium-dim-header-horizontal-padding: 11px;
  --medium-dim-header-larger-vertical-padding: 17px;
  --medium-dim-header-top-padding: 21px;
  --medium-dim-header-vertical-padding: 10px;
  --medium-dim-horizontal-padding: 7px;
  --medium-dim-input-date-date-horizontal-padding: 6px;
  --medium-dim-input-date-date-width: 68px;
  --medium-dim-input-date-longer-date-width: 81px;
  --medium-dim-input-date-vertical-gap: 3px;
  --medium-dim-input-edit-input-gap: 9px;
  --medium-dim-input-edit-input-smaller-vertical-padding: 3px;
  --medium-dim-input-edit-input-vertical-padding: 5px;
  --medium-dim-input-height: 29px;
  --medium-dim-input-key-stat-horizontal-gap: 5px;
  --medium-dim-input-table-height: 25px;
  --medium-dim-larger-vertical-padding: 6px;
  --medium-dim-list-element-icon-padding: 2.5px;
  --medium-dim-list-element-large-icon-padding: 3.5px;
  --medium-dim-list-element-screening-horizontal-padding: 11px;
  --medium-dim-list-element-smaller-vertical-padding: 5px;
  --medium-dim-list-element-text-gap: 4px;
  --medium-dim-list-element-vertical-padding: 7px;
  --medium-dim-menu-vertical-padding: 5px;
  --medium-dim-modal-gap-large: 13px;
  --medium-dim-modal-gap-medium: 11px;
  --medium-dim-modal-gap-small: 5px;
  --medium-dim-modal-padding-large: 21px;
  --medium-dim-modal-padding-medium: 13px;
  --medium-dim-modal-padding-small: 9px;
  --medium-dim-navigation-breadcrumb-height: 34px;
  --medium-dim-navigation-breadcrumb-overlap: -26px;
  --medium-dim-navigation-breadcrumb-vertical-padding: 2px;
  --medium-dim-navigation-dropdown-padding: 4px;
  --medium-dim-navigation-icon-bar-container-size: 23px;
  --medium-dim-navigation-large-gap: 13px;
  --medium-dim-navigation-large-padding: 26px;
  --medium-dim-navigation-padding: 13px;
  --medium-dim-navigation-search-bar-gap: 5px;
  --medium-dim-navigation-search-bar-height: 29px;
  --medium-dim-navigation-search-nav-dropdown-padding: 5px;
  --medium-dim-navigation-search-nav-grip-padding: 2.5px;
  --medium-dim-navigation-search-nav-left-padding: 11px;
  --medium-dim-navigation-search-nav-vertical-padding: 6px;
  --medium-dim-navigation-top-header-height: 44px;
  --medium-dim-navigation-top-header-left-padding: 6px;
  --medium-dim-navigation-top-header-medium-gap: 9px;
  --medium-dim-navigation-top-header-right-padding: 11px;
  --medium-dim-navigation-top-header-small-gap: 5px;
  --medium-dim-navigation-vertical-padding: 7px;
  --medium-dim-normal-gap: 7px;
  --medium-dim-slider-container-width: 193px;
  --medium-dim-slider-half-width: 90px;
  --medium-dim-slider-height: 3px;
  --medium-dim-slider-overlap: -9px;
  --medium-dim-slider-vertical-padding: 0px;
  --medium-dim-slider-width: 180px;
  --medium-dim-stepper-vertical-padding: 4px;
  --medium-dim-table-gap: 6px;
  --medium-dim-table-horizontal-padding: 6px;
  --medium-dim-table-input-height: 26px;
  --medium-dim-table-large-horizontal-padding: 11px;
  --medium-dim-table-name-column-left-padding-1: 11px;
  --medium-dim-table-name-column-left-padding-2: 21px;
  --medium-dim-table-name-column-left-padding-3: 31px;
  --medium-dim-table-name-column-left-padding-4: 41px;
  --medium-dim-table-name-column-left-padding-5: 51px;
  --medium-dim-table-table-checkbox-top-padding: 5px;
  --medium-dim-table-table-header-gap: 4px;
  --medium-dim-table-table-header-large-vertical-padding: 10px;
  --medium-dim-table-table-header-small-horizontal-padding: 5px;
  --medium-dim-table-table-header-small-vertical-padding: 3px;
  --medium-dim-table-table-header-textbox-height-1-line: 26px;
  --medium-dim-table-table-header-textbox-height-2-lines: 30px;
  --medium-dim-table-table-header-vertical-padding: 4px;
  --medium-dim-table-table-height: 30px;
  --medium-dim-tabs-border-height: 4px;
  --medium-dim-tabs-card-internal-horizontal-padding: 14px;
  --medium-dim-tabs-card-internal-vertical-padding: 8px;
  --medium-dim-tabs-top-horizontal-padding: 19px;
  --medium-dim-toast-padding: 11px;
  --medium-dim-toggle-height: 9px;
  --medium-dim-toggle-horizontal-padding: 3px;
  --medium-dim-toggle-overlap: -12px;
  --medium-dim-toggle-vertical-gap: 6px;
  --medium-dim-toggle-vertical-padding: 2px;
  --medium-dim-toggle-width: 29px;
  --medium-dim-tool-tip-cross-padding: 4px;
  --medium-dim-tool-tip-padding: 7px;
  --medium-dim-tool-tip-point-height: 8px;
  --medium-dim-tool-tip-point-width: 16px;
  --medium-dim-tool-tip-vertical-gap: 5px;
  --medium-dim-vertical-padding: 5px;
  --medium-icon-large: 13px;
  --medium-icon-medium: 12px;
  --medium-icon-small: 11px;
  --medium-icon-x-large: 19px;
  --medium-icon-x-small: 8px;
  --medium-text-body: 14px;
  --medium-text-header: 17px;
  --medium-text-helper-label: 12px;
  --medium-text-key-stats: 24px;
  --medium-text-lineheight-body: 18px;
  --medium-text-lineheight-column: 16px;
  --medium-text-lineheight-header: 22px;
  --medium-text-lineheight-helper: 15px;
  --medium-text-lineheight-key-stats: 26px;
  --medium-text-lineheight-label: 15px;
  --medium-text-lineheight-link: 18px;
  --medium-text-lineheight-navigation-subtitle-badge: 16px;
  --medium-text-navigation-subtitle-badge: 13px;
  --primary-additional-colors-aqua-hover: #287a90;
  --primary-additional-colors-ca-blue-hover: #476bb3;
  --primary-additional-colors-medium-blue: #3c81c3;
  --primary-additional-colors-punch-0: #f9e2e5;
  --primary-additional-colors-punch-100: #d44153;
  --primary-additional-colors-punch-140: #791c27;
  --primary-additional-colors-punch-40: #e27f8b;
  --primary-additional-colors-red-dark-OLD: #922114;
  --primary-additional-colors-red-light-OLD: #fce1dc;
  --primary-additional-colors-red-OLD: #d50000;
  --primary-additional-colors-Sky-0: #d2e8f4;
  --primary-aqua-80: #3cabc9;
  --primary-blue-grey-80: #83a1c2;
  --primary-ca-blue-80: #0c3980;
  --primary-ca-grey-80: #a7a9ac;
  --primary-coral-80: #f26851;
  --primary-gold-80: #f3b900;
  --primary-grape-80: #80449e;
  --primary-green-80: #63ab64;
  --Primary-Grey-bdc1c6: #bdc1c6;
  --primary-lime-80: #9cd441;
  --primary-orange-80: #e78024;
  --primary-purple-80: #b55f99;
  --primary-ruby-80: #d02151;
  --primary-sand-80: #bea57d;
  --primary-sky-80: #1e8ac8;
  --primary-teal-80: #26a299;
  --primary-yellow-80: #c9c42d;
  --shades-aqua-100: #3290ad;
  --shades-aqua-120: #2d7c91;
  --shades-aqua-140: #1e5361;
  --shades-aqua-20: #b1dde9;
  --shades-aqua-40: #8acddf;
  --shades-aqua-60: #61bbd3;
  --shades-blue-grey-100: #628ab5;
  --shades-blue-grey-120: #5078a3;
  --shades-blue-grey-140: #36506d;
  --shades-blue-grey-20: #cdd9e7;
  --shades-blue-grey-40: #b5c6da;
  --shades-blue-grey-60: #9bb3ce;
  --shades-ca-blue-100: #143271;
  --shades-ca-blue-120: #092b60;
  --shades-ca-blue-140: #061d40;
  --shades-ca-blue-20: #9eb0cc;
  --shades-ca-blue-40: #6d88b3;
  --shades-ca-blue-60: #3a5e98;
  --shades-ca-grey-120: #7b7e83;
  --shades-ca-grey-20: #dcddde;
  --shades-ca-grey-40: #cacbcd;
  --shades-coral-100: #e84b39;
  --shades-coral-120: #dc3220;
  --shades-coral-140: #922114;
  --shades-coral-20: #fac3b9;
  --shades-coral-40: #f7a497;
  --shades-coral-60: #f58674;
  --shades-gold-100: #d2a030;
  --shades-gold-120: #b5891d;
  --shades-gold-140: #785b10;
  --shades-gold-20: #fae399;
  --shades-gold-40: #f8d566;
  --shades-gold-80: #f5c630;
  --shades-grape-100: #6d3f8a;
  --shades-grape-120: #5e3574;
  --shades-grape-140: #3f244d;
  --shades-grape-20: #ccb4d8;
  --shades-grape-40: #b38fc5;
  --shades-grape-60: #9664ae;
  --shades-green-100: #589559;
  --shades-green-120: #478448;
  --shades-green-140: #2f5830;
  --shades-green-20: #c1dec1;
  --shades-green-40: #a1cda2;
  --shades-green-60: #81bb81;
  --shades-lime-100: #91c04b;
  --shades-lime-120: #78a732;
  --shades-lime-140: #506f21;
  --shades-lime-20: #d7eeb3;
  --shades-lime-40: #c4e58d;
  --shades-lime-60: #afdc65;
  --shades-orange-100: #cd7428;
  --shades-orange-120: #b46014;
  --shades-orange-140: #78400d;
  --shades-orange-20: #f5cca7;
  --shades-orange-40: #f1b37c;
  --shades-orange-60: #ec984e;
  --shades-purple-100: #a05387;
  --shades-purple-120: #8e4175;
  --shades-purple-140: #5e2c4e;
  --shades-purple-20: #e1bfd6;
  --shades-purple-40: #d39fc2;
  --shades-purple-60: #c27cab;
  --shades-ruby-100: #b92a51;
  --shades-ruby-120: #991a3d;
  --shades-ruby-140: #661129;
  --shades-ruby-20: #eca6b9;
  --shades-ruby-40: #e37a97;
  --shades-ruby-60: #d94d74;
  --shades-sand-100: #aa8d60;
  --shades-sand-120: #9b7e51;
  --shades-sand-140: #675436;
  --shades-sand-20: #e5dbcb;
  --shades-sand-40: #d8c9b1;
  --shades-sand-60: #cab696;
  --shades-sky-100: #2f7dad;
  --shades-sky-120: #1c6893;
  --shades-sky-140: #124663;
  --shades-sky-20: #a5d0e9;
  --shades-sky-40: #78b9de;
  --shades-sky-60: #4ba1d3;
  --shades-teal-100: #318e87;
  --shades-teal-120: #1d7a73;
  --shades-teal-140: #13514d;
  --shades-teal-20: #a8dad6;
  --shades-teal-40: #7dc7c2;
  --shades-teal-60: #51b5ad;
  --shades-yellow-100: #b0ac3b;
  --shades-yellow-120: #979322;
  --shades-yellow-140: #646126;
  --shades-yellow-20: #eae8ab;
  --shades-yellow-40: #dfdc81;
  --shades-yellow-60: #d1cd4d;
  --small-Corner-Radius: 3px;
  --small-dim-alert-button-0-gap: 3px;
  --small-dim-alert-button-gap: 2px;
  --small-dim-alert-button-horizontal-padding: 6.5px;
  --small-dim-alert-left-padding-1: 16px;
  --small-dim-alert-left-padding-2: 29px;
  --small-dim-alert-left-padding-3: 42px;
  --small-dim-alert-left-padding-4: 55px;
  --small-dim-alert-right-padding: 12px;
  --small-dim-alert-vertical-padding: 6px;
  --small-dim-badge-horizontal-padding: 5px;
  --small-dim-badge-vertical-padding: 1.5px;
  --small-dim-button-horizontal-padding: 10px;
  --small-dim-button-icon-only-size: 26px;
  --small-dim-button-vertical-padding: 5px;
  --small-dim-chart-axis-label-padding: 20px;
  --small-dim-chart-legend-box-padding: 3px;
  --small-dim-chart-legend-line-padding: 9px;
  --small-dim-chart-padding: 6px;
  --small-dim-chart-vertical-gap: 2px;
  --small-dim-control-box: 14px;
  --small-dim-corner-radius: 3px;
  --small-dim-date-picker-base-month-horizontal-padding: 22px;
  --small-dim-date-picker-base-year-horizontal-padding: 9px;
  --small-dim-date-picker-element-height: 24px;
  --small-dim-date-picker-element-month-width: 70px;
  --small-dim-date-picker-element-week-width: 24px;
  --small-dim-date-picker-element-year-width: 40px;
  --small-dim-date-picker-gap: 12px;
  --small-dim-date-picker-padding: 12px;
  --small-dim-date-picker-text-width: 90px;
  --small-dim-filters-bar-base-horizontal-padding: 1px;
  --small-dim-filters-bar-base-vertical-padding: 12px;
  --small-dim-filters-column-filter-child-padding: 24px;
  --small-dim-filters-column-filter-grandchild-padding: 42px;
  --small-dim-filters-dropdowns-tab-horizontal-padding: 12px;
  --small-dim-filters-gap: 10px;
  --small-dim-filters-large-padding: 20px;
  --small-dim-filters-medium-padding: 10px;
  --small-dim-filters-row-filters-child-padding: 18px;
  --small-dim-filters-row-filters-grandchild-padding: 30px;
  --small-dim-filters-row-filters-vertical-parent-padding: 7px;
  --small-dim-filters-small-padding: 4px;
  --small-dim-filters-small-vertical-padding: 4.5px;
  --small-dim-filters-vertical-padding: 6px;
  --small-dim-header-bottom-padding: 4px;
  --small-dim-header-horizontal-gap: 12px;
  --small-dim-header-horizontal-padding: 10px;
  --small-dim-header-larger-vertical-padding: 16px;
  --small-dim-header-top-padding: 20px;
  --small-dim-header-vertical-padding: 9px;
  --small-dim-horizontal-padding: 6px;
  --small-dim-input-date-date-horizontal-padding: 5.5px;
  --small-dim-input-date-date-width: 58px;
  --small-dim-input-date-longer-date-width: 68px;
  --small-dim-input-date-vertical-gap: 1.5px;
  --small-dim-input-edit-input-gap: 8px;
  --small-dim-input-edit-input-smaller-vertical-padding: 2px;
  --small-dim-input-edit-input-vertical-padding: 4px;
  --small-dim-input-height: 26px;
  --small-dim-input-key-stat-horizontal-gap: 4px;
  --small-dim-input-table-height: 22px;
  --small-dim-larger-vertical-padding: 5px;
  --small-dim-list-element-icon-padding: 2px;
  --small-dim-list-element-large-icon-padding: 3px;
  --small-dim-list-element-screening-horizontal-padding: 10px;
  --small-dim-list-element-smaller-vertical-padding: 4px;
  --small-dim-list-element-text-gap: 3px;
  --small-dim-list-element-vertical-padding: 6px;
  --small-dim-menu-vertical-padding: 4px;
  --small-dim-modal-gap-large: 12px;
  --small-dim-modal-gap-medium: 10px;
  --small-dim-modal-gap-small: 4px;
  --small-dim-modal-padding-large: 20px;
  --small-dim-modal-padding-medium: 12px;
  --small-dim-modal-padding-small: 8px;
  --small-dim-navigation-breadcrumb-height: 30px;
  --small-dim-navigation-breadcrumb-overlap: -23px;
  --small-dim-navigation-breadcrumb-vertical-padding: 0px;
  --small-dim-navigation-dropdown-padding: 3.5px;
  --small-dim-navigation-icon-bar-container-size: 21px;
  --small-dim-navigation-large-gap: 12px;
  --small-dim-navigation-large-padding: 24px;
  --small-dim-navigation-padding: 12px;
  --small-dim-navigation-search-bar-gap: 4px;
  --small-dim-navigation-search-bar-height: 26px;
  --small-dim-navigation-search-nav-dropdown-padding: 4.5px;
  --small-dim-navigation-search-nav-grip-padding: 2px;
  --small-dim-navigation-search-nav-left-padding: 10px;
  --small-dim-navigation-search-nav-vertical-padding: 5.5px;
  --small-dim-navigation-top-header-height: 40px;
  --small-dim-navigation-top-header-left-padding: 5px;
  --small-dim-navigation-top-header-medium-gap: 8px;
  --small-dim-navigation-top-header-right-padding: 10px;
  --small-dim-navigation-top-header-small-gap: 4px;
  --small-dim-navigation-vertical-padding: 6px;
  --small-dim-normal-gap: 6px;
  --small-dim-slider-container-width: 132px;
  --small-dim-slider-half-width: 60px;
  --small-dim-slider-height: 2px;
  --small-dim-slider-overlap: -8.5px;
  --small-dim-slider-vertical-padding: 0.5px;
  --small-dim-slider-width: 120px;
  --small-dim-stepper-vertical-padding: 3px;
  --small-dim-table-gap: 5px;
  --small-dim-table-horizontal-padding: 5px;
  --small-dim-table-input-height: 23px;
  --small-dim-table-large-horizontal-padding: 10px;
  --small-dim-table-name-column-left-padding-1: 10px;
  --small-dim-table-name-column-left-padding-2: 20px;
  --small-dim-table-name-column-left-padding-3: 30px;
  --small-dim-table-name-column-left-padding-4: 40px;
  --small-dim-table-name-column-left-padding-5: 50px;
  --small-dim-table-table-checkbox-top-padding: 4px;
  --small-dim-table-table-header-gap: 3px;
  --small-dim-table-table-header-large-vertical-padding: 9px;
  --small-dim-table-table-header-small-horizontal-padding: 4px;
  --small-dim-table-table-header-small-vertical-padding: 2px;
  --small-dim-table-table-header-textbox-height-1-line: 24px;
  --small-dim-table-table-header-textbox-height-2-lines: 28px;
  --small-dim-table-table-header-vertical-padding: 3px;
  --small-dim-table-table-height: 27px;
  --small-dim-tabs-border-height: 3px;
  --small-dim-tabs-card-internal-horizontal-padding: 12px;
  --small-dim-tabs-card-internal-vertical-padding: 7.5px;
  --small-dim-tabs-top-horizontal-padding: 17px;
  --small-dim-toast-padding: 10px;
  --small-dim-toggle-height: 8px;
  --small-dim-toggle-horizontal-padding: 2.5px;
  --small-dim-toggle-overlap: -10.5px;
  --small-dim-toggle-vertical-gap: 6px;
  --small-dim-toggle-vertical-padding: 1px;
  --small-dim-toggle-width: 27px;
  --small-dim-tool-tip-cross-padding: 3px;
  --small-dim-tool-tip-padding: 6px;
  --small-dim-tool-tip-point-height: 7px;
  --small-dim-tool-tip-point-width: 14px;
  --small-dim-tool-tip-vertical-gap: 4px;
  --small-dim-vertical-padding: 4.5px;
  --small-icon-large: 12px;
  --small-icon-medium: 11px;
  --small-icon-small: 10px;
  --small-icon-x-large: 18px;
  --small-icon-x-small: 7px;
  --small-text-body: 12px;
  --small-text-header: 15px;
  --small-text-helper-label: 10px;
  --small-text-key-stats: 20px;
  --small-text-lineheight-body: 16px;
  --small-text-lineheight-column: 15px;
  --small-text-lineheight-header: 20px;
  --small-text-lineheight-helper: 13px;
  --small-text-lineheight-key-stats: 24px;
  --small-text-lineheight-label: 15px;
  --small-text-lineheight-link: 14px;
  --small-text-lineheight-navigation-subtitle-badge: 14px;
  --small-text-navigation-subtitle-badge: 11px;
  --text-active: #1e8ac8;
  --text-active-disabled: #1e8ac880;
  --text-active-hover: #1c6893;
  --text-CA-Logo: #fefefe;
  --text-disabled: #aaaaaa;
  --text-error: #dc3220;
  --text-on-color-bg: #ffffff;
  --text-primary: #333333;
  --text-secondary: #919191;
  --text-secondary-hover-button: #476bb3;
  --text-secondary-initial-button: #0c3980;
  --text-warning: #e78024;
}


/* ========================================
   DARK MODE TOKENS (from Figma)
   ======================================== */

/**
 * Design Tokens - Dark Mode
 * Do not edit directly, this file was auto-generated.
 */

[data-ca-tokens="2.0.0"][data-theme="dark"] {
  --background-05-Percentile: #7b7e83;
  --background-25-Percentile: #a7a9ac;
  --background-75-Percentile: #cacbcd;
  --background-95-Percentile: #dcddde;
  --background-active: #1e8ac8;
  --background-active-filled: #1e8ac833;
  --background-active-filled-hover: #1c6893;
  --background-active-outline-hover: #1e8ac833;
  --background-CA-Logo: #a7a9ac;
  --background-disabled: #2c2d30;
  --background-error: #dc3220;
  --background-hover: #2c2d30;
  --background-negative-1: #791c27;
  --background-negative-2: #d44153;
  --background-negative-3: #e27f8b;
  --background-negative-4: #f9e2e5;
  --background-no-color-bg: #ffffff;
  --background-Page-Background: #0f1014;
  --background-positive-1: #2f7dad;
  --background-positive-2: #4ba1d3;
  --background-positive-3: #a5d0e9;
  --background-positive-4: #d2e8f4;
  --background-primary: #0f1014;
  --background-primary-action-filled-disabled-button: #555555;
  --background-primary-hover-button: #919191;
  --background-primary-initial-button: #555555;
  --background-shadow: #ffffff1e;
  --background-top-tab: #ffffff1a;
  --border-active: #1e8ac8;
  --border-active-hover: #1c6893;
  --border-edited-input: #aaaaaa;
  --border-error: #dc3220;
  --border-primary: #555555;
  --border-secondary-hover-button: #aaaaaa;
  --border-secondary-initial-button: #919191;
  --border-warning: #e78024;
  --greyscale-active-grey-eeeeee: #eeeeee;
  --Greyscale-Bluish-Grey-F2F4F7: #f2f4f7;
  --greyscale-code-content-1e1e1e: #1e1e1e;
  --greyscale-column-header-line-bbbbbb: #bbbbbb;
  --greyscale-dark-grey-333333: #333333;
  --greyscale-dark-mode-bg-0F1014: #0f1014;
  --greyscale-Dark-Mode-Lines: #474747;
  --greyscale-dark-mode-muted-grey-2c2d30: #2c2d30;
  --greyscale-dark-mode-secondary-bg: #1a1a1d;
  --greyscale-disabled-grey-f9f9f9: #f9f9f9;
  --greyscale-grey-border-dddddd: #dddddd;
  --greyscale-hover-grey-f3f3f3: #f3f3f3;
  --greyscale-icon-disabled-aaaaaa-60: #aaaaaa99;
  --greyscale-icon-grey-aaaaaa: #aaaaaa;
  --greyscale-light-grey-919191: #919191;
  --greyscale-lightest-grey-fafafa: #fafafa;
  --greyscale-muted-grey-555555: #555555;
  --greyscale-white-ffffff: #ffffff;
  --greyscale-white-ffffff-10: #ffffff1a;
  --icon-active: #1e8ac8;
  --icon-active-hover: #1c6893;
  --icon-dark: #333333;
  --icon-disabled: #aaaaaa99;
  --icon-error: #dc3220;
  --icon-on-color-bg: #ffffff;
  --icon-primary: #aaaaaa;
  --icon-primary-hover-button: #aaaaaa;
  --icon-primary-secondary-initial-button: #aaaaaa;
  --icon-secondary-hover-button: #aaaaaa;
  --icon-warning: #e78024;
  --large-Corner-Radius: 3px;
  --large-dim-alert-button-0-gap: 5px;
  --large-dim-alert-button-gap: 4px;
  --large-dim-alert-button-horizontal-padding: 8px;
  --large-dim-alert-left-padding-1: 18px;
  --large-dim-alert-left-padding-2: 35px;
  --large-dim-alert-left-padding-3: 52px;
  --large-dim-alert-left-padding-4: 69px;
  --large-dim-alert-right-padding: 14px;
  --large-dim-alert-vertical-padding: 8px;
  --large-dim-badge-horizontal-padding: 7px;
  --large-dim-badge-vertical-padding: 2px;
  --large-dim-button-horizontal-padding: 12px;
  --large-dim-button-icon-only-size: 32px;
  --large-dim-button-vertical-padding: 6px;
  --large-dim-chart-axis-label-padding: 22px;
  --large-dim-chart-legend-box-padding: 6px;
  --large-dim-chart-legend-line-padding: 12px;
  --large-dim-chart-padding: 8px;
  --large-dim-chart-vertical-gap: 4px;
  --large-dim-control-box: 18px;
  --large-dim-corner-radius: 5px;
  --large-dim-date-picker-base-month-horizontal-padding: 24px;
  --large-dim-date-picker-base-year-horizontal-padding: 11px;
  --large-dim-date-picker-element-height: 28px;
  --large-dim-date-picker-element-month-width: 90px;
  --large-dim-date-picker-element-week-width: 28px;
  --large-dim-date-picker-element-year-width: 44px;
  --large-dim-date-picker-gap: 14px;
  --large-dim-date-picker-padding: 14px;
  --large-dim-date-picker-text-width: 120px;
  --large-dim-filters-bar-base-horizontal-padding: 3px;
  --large-dim-filters-bar-base-vertical-padding: 14px;
  --large-dim-filters-column-filter-child-padding: 31px;
  --large-dim-filters-column-filter-grandchild-padding: 54px;
  --large-dim-filters-dropdowns-tab-horizontal-padding: 14px;
  --large-dim-filters-gap: 12px;
  --large-dim-filters-large-padding: 22px;
  --large-dim-filters-medium-padding: 12px;
  --large-dim-filters-row-filters-child-padding: 24px;
  --large-dim-filters-row-filters-grandchild-padding: 40px;
  --large-dim-filters-row-filters-vertical-parent-padding: 9px;
  --large-dim-filters-small-padding: 6px;
  --large-dim-filters-small-vertical-padding: 6px;
  --large-dim-filters-vertical-padding: 8px;
  --large-dim-header-bottom-padding: 6px;
  --large-dim-header-horizontal-gap: 14px;
  --large-dim-header-horizontal-padding: 12px;
  --large-dim-header-larger-vertical-padding: 18px;
  --large-dim-header-top-padding: 22px;
  --large-dim-header-vertical-padding: 11px;
  --large-dim-horizontal-padding: 8px;
  --large-dim-input-date-date-horizontal-padding: 7px;
  --large-dim-input-date-date-width: 79px;
  --large-dim-input-date-longer-date-width: 93px;
  --large-dim-input-date-vertical-gap: 4px;
  --large-dim-input-edit-input-gap: 10px;
  --large-dim-input-edit-input-smaller-vertical-padding: 4px;
  --large-dim-input-edit-input-vertical-padding: 6px;
  --large-dim-input-height: 32px;
  --large-dim-input-key-stat-horizontal-gap: 6px;
  --large-dim-input-table-height: 28px;
  --large-dim-larger-vertical-padding: 7px;
  --large-dim-list-element-icon-padding: 3px;
  --large-dim-list-element-large-icon-padding: 4px;
  --large-dim-list-element-screening-horizontal-padding: 12px;
  --large-dim-list-element-smaller-vertical-padding: 6px;
  --large-dim-list-element-text-gap: 5px;
  --large-dim-list-element-vertical-padding: 7px;
  --large-dim-menu-vertical-padding: 6px;
  --large-dim-modal-gap-large: 14px;
  --large-dim-modal-gap-medium: 12px;
  --large-dim-modal-gap-small: 6px;
  --large-dim-modal-padding-large: 22px;
  --large-dim-modal-padding-medium: 14px;
  --large-dim-modal-padding-small: 10px;
  --large-dim-navigation-breadcrumb-height: 38px;
  --large-dim-navigation-breadcrumb-overlap: -29px;
  --large-dim-navigation-breadcrumb-vertical-padding: 4px;
  --large-dim-navigation-dropdown-padding: 4.5px;
  --large-dim-navigation-icon-bar-container-size: 25px;
  --large-dim-navigation-large-gap: 14px;
  --large-dim-navigation-large-padding: 28px;
  --large-dim-navigation-padding: 14px;
  --large-dim-navigation-search-bar-gap: 6px;
  --large-dim-navigation-search-bar-height: 32px;
  --large-dim-navigation-search-nav-dropdown-padding: 5.5px;
  --large-dim-navigation-search-nav-grip-padding: 3px;
  --large-dim-navigation-search-nav-left-padding: 12px;
  --large-dim-navigation-search-nav-vertical-padding: 7px;
  --large-dim-navigation-top-header-height: 48px;
  --large-dim-navigation-top-header-left-padding: 7px;
  --large-dim-navigation-top-header-medium-gap: 10px;
  --large-dim-navigation-top-header-right-padding: 12px;
  --large-dim-navigation-top-header-small-gap: 6px;
  --large-dim-navigation-vertical-padding: 8px;
  --large-dim-normal-gap: 8px;
  --large-dim-slider-container-width: 254px;
  --large-dim-slider-half-width: 120px;
  --large-dim-slider-height: 4px;
  --large-dim-slider-overlap: -10.5px;
  --large-dim-slider-vertical-padding: 0px;
  --large-dim-slider-width: 240px;
  --large-dim-stepper-vertical-padding: 5px;
  --large-dim-table-gap: 7px;
  --large-dim-table-horizontal-padding: 7px;
  --large-dim-table-input-height: 29px;
  --large-dim-table-large-horizontal-padding: 12px;
  --large-dim-table-name-column-left-padding-1: 12px;
  --large-dim-table-name-column-left-padding-2: 22px;
  --large-dim-table-name-column-left-padding-3: 32px;
  --large-dim-table-name-column-left-padding-4: 42px;
  --large-dim-table-name-column-left-padding-5: 52px;
  --large-dim-table-table-checkbox-top-padding: 6px;
  --large-dim-table-table-header-gap: 5px;
  --large-dim-table-table-header-large-vertical-padding: 11px;
  --large-dim-table-table-header-small-horizontal-padding: 6px;
  --large-dim-table-table-header-small-vertical-padding: 4px;
  --large-dim-table-table-header-textbox-height-1-line: 28px;
  --large-dim-table-table-header-textbox-height-2-lines: 32px;
  --large-dim-table-table-header-vertical-padding: 5px;
  --large-dim-table-table-height: 33px;
  --large-dim-tabs-border-height: 5px;
  --large-dim-tabs-card-internal-horizontal-padding: 16px;
  --large-dim-tabs-card-internal-vertical-padding: 9px;
  --large-dim-tabs-top-horizontal-padding: 21px;
  --large-dim-toast-padding: 12px;
  --large-dim-toggle-height: 10px;
  --large-dim-toggle-horizontal-padding: 3.5px;
  --large-dim-toggle-overlap: -13.5px;
  --large-dim-toggle-vertical-gap: 6px;
  --large-dim-toggle-vertical-padding: 3px;
  --large-dim-toggle-width: 31px;
  --large-dim-tool-tip-cross-padding: 5px;
  --large-dim-tool-tip-padding: 8px;
  --large-dim-tool-tip-point-height: 9px;
  --large-dim-tool-tip-point-width: 18px;
  --large-dim-tool-tip-vertical-gap: 6px;
  --large-dim-vertical-padding: 6px;
  --large-icon-large: 14px;
  --large-icon-medium: 13px;
  --large-icon-small: 12px;
  --large-icon-x-large: 20px;
  --large-icon-x-small: 9px;
  --large-text-body: 16px;
  --large-text-header: 19px;
  --large-text-helper-label: 14px;
  --large-text-key-stats: 28px;
  --large-text-lineheight-body: 20px;
  --large-text-lineheight-column: 18px;
  --large-text-lineheight-header: 24px;
  --large-text-lineheight-helper: 17px;
  --large-text-lineheight-key-stats: 28px;
  --large-text-lineheight-label: 17px;
  --large-text-lineheight-link: 20px;
  --large-text-lineheight-navigation-subtitle-badge: 18px;
  --large-text-navigation-subtitle-badge: 15px;
  --low-opacity-aqua-1000: #3290ad1f;
  --low-opacity-aqua-1200: #2d7c911f;
  --low-opacity-aqua-1400: #1e53611f;
  --low-opacity-aqua-200: #b1dde91f;
  --low-opacity-aqua-400: #8acddf1f;
  --low-opacity-aqua-600: #61bbd31f;
  --low-opacity-aqua-800-12: #3cabc91f;
  --low-opacity-aqua-800-20: #3cabc933;
  --low-opacity-blue-grey-1000: #628ab51f;
  --low-opacity-blue-grey-1200: #5078a31f;
  --low-opacity-blue-grey-1400: #36506d1f;
  --low-opacity-blue-grey-200: #cdd9e71f;
  --low-opacity-blue-grey-400: #b5c6da1f;
  --low-opacity-blue-grey-600: #9bb3ce1f;
  --low-opacity-blue-grey-800: #83a1c21f;
  --low-opacity-ca-blue-1000: #1432711f;
  --low-opacity-ca-blue-1200: #092b601f;
  --low-opacity-ca-blue-1400: #061d401f;
  --low-opacity-ca-blue-200: #9eb0cc1f;
  --low-opacity-ca-blue-400: #6d88b31f;
  --low-opacity-ca-blue-600: #3a5e981f;
  --low-opacity-ca-blue-800-12: #0c39801f;
  --low-opacity-ca-blue-800-20: #0c398033;
  --low-opacity-coral-1000: #e84b391f;
  --low-opacity-coral-1200: #dc32201f;
  --low-opacity-coral-1400: #9221141f;
  --low-opacity-coral-200: #fac3b91f;
  --low-opacity-coral-400: #f7a4971f;
  --low-opacity-coral-600: #f586741f;
  --low-opacity-coral-800: #f268511f;
  --low-opacity-gold-1000: #d2a0301f;
  --low-opacity-gold-1200: #b5891d1f;
  --low-opacity-gold-1400: #785b101f;
  --low-opacity-gold-200: #fae3991f;
  --low-opacity-gold-400: #f8d5661f;
  --low-opacity-gold-600: #f5c6301f;
  --low-opacity-gold-800: #f3b9001f;
  --low-opacity-grape-1000: #6d3f8a1f;
  --low-opacity-grape-1200: #5e35741f;
  --low-opacity-grape-1400: #3f244d1f;
  --low-opacity-grape-200: #ccb4d81f;
  --low-opacity-grape-400: #b38fc51f;
  --low-opacity-grape-600: #9664ae1f;
  --low-opacity-grape-800: #80449e1f;
  --low-opacity-green-1000: #5895591f;
  --low-opacity-green-1200: #4784481f;
  --low-opacity-green-1400: #2f58301f;
  --low-opacity-green-200: #c1dec11f;
  --low-opacity-green-400: #a1cda21f;
  --low-opacity-green-600: #81bb811f;
  --low-opacity-green-800: #63ab641f;
  --low-opacity-lime-1000: #91c04b1f;
  --low-opacity-lime-1200: #78a7321f;
  --low-opacity-lime-1400: #506f211f;
  --low-opacity-lime-200: #d7eeb31f;
  --low-opacity-lime-400: #c4e58d1f;
  --low-opacity-lime-600: #afdc651f;
  --low-opacity-lime-800: #9cd4411f;
  --low-opacity-orange-1000: #cd74281f;
  --low-opacity-orange-1200: #b460141f;
  --low-opacity-orange-1400: #78400d1f;
  --low-opacity-orange-200: #f5cca71f;
  --low-opacity-orange-400: #f1b37c1f;
  --low-opacity-orange-600: #ec984e1f;
  --low-opacity-orange-800: #e780241f;
  --low-opacity-purple-1000: #a053871f;
  --low-opacity-purple-1200: #8e41751f;
  --low-opacity-purple-1400: #5e2c4e1f;
  --low-opacity-purple-200: #e1bfd61f;
  --low-opacity-purple-400: #d39fc21f;
  --low-opacity-purple-600: #c27cab1f;
  --low-opacity-purple-800: #b55f991f;
  --low-opacity-ruby-1000: #b92a511f;
  --low-opacity-ruby-1200: #991a3d1f;
  --low-opacity-ruby-1400: #6611291f;
  --low-opacity-ruby-200: #eca6b91f;
  --low-opacity-ruby-400: #e37a971f;
  --low-opacity-ruby-600: #d94d741f;
  --low-opacity-ruby-800: #d94d741f;
  --low-opacity-sand-1000: #aa8d601f;
  --low-opacity-sand-1200: #9b7e511f;
  --low-opacity-sand-1400: #6754361f;
  --low-opacity-sand-200: #e5dbcb1f;
  --low-opacity-sand-400: #d8c9b11f;
  --low-opacity-sand-600: #cab6961f;
  --low-opacity-sand-800: #bea57d1f;
  --low-opacity-sky-1000: #2f7dad1f;
  --low-opacity-sky-1200: #1c68931f;
  --low-opacity-sky-1400: #1246631f;
  --low-opacity-sky-200: #a5d0e91f;
  --low-opacity-sky-400: #78b9de1f;
  --low-opacity-sky-600: #4ba1d31f;
  --low-opacity-sky-800: #1e8ac81f;
  --low-opacity-sky-800-20: #1e8ac833;
  --low-opacity-sky-800-50: #1e8ac880;
  --low-opacity-teal-1000: #318e871f;
  --low-opacity-teal-1200: #1d7a731f;
  --low-opacity-teal-1400: #13514d1f;
  --low-opacity-teal-200: #a8dad61f;
  --low-opacity-teal-400: #7dc7c21f;
  --low-opacity-teal-600: #51b5ad1f;
  --low-opacity-teal-800: #26a2991f;
  --low-opacity-yellow-1000: #b0ac3b1f;
  --low-opacity-yellow-1200: #9793221f;
  --low-opacity-yellow-1400: #6461261f;
  --low-opacity-yellow-200: #eae8ab1f;
  --low-opacity-yellow-400: #dfdc811f;
  --low-opacity-yellow-600: #d1cd4d1f;
  --low-opacity-yellow-800: #c9c42d1f;
  --medium-Corner-Radius: 3px;
  --medium-dim-alert-button-0-gap: 4px;
  --medium-dim-alert-button-gap: 3px;
  --medium-dim-alert-button-horizontal-padding: 7px;
  --medium-dim-alert-left-padding-1: 17px;
  --medium-dim-alert-left-padding-2: 32px;
  --medium-dim-alert-left-padding-3: 47px;
  --medium-dim-alert-left-padding-4: 62px;
  --medium-dim-alert-right-padding: 13px;
  --medium-dim-alert-vertical-padding: 7px;
  --medium-dim-badge-horizontal-padding: 6px;
  --medium-dim-badge-vertical-padding: 2px;
  --medium-dim-button-horizontal-padding: 11px;
  --medium-dim-button-icon-only-size: 29px;
  --medium-dim-button-vertical-padding: 5.5px;
  --medium-dim-chart-axis-label-padding: 21px;
  --medium-dim-chart-legend-box-padding: 4.5px;
  --medium-dim-chart-legend-line-padding: 10.5px;
  --medium-dim-chart-padding: 7px;
  --medium-dim-chart-vertical-gap: 3px;
  --medium-dim-control-box: 16px;
  --medium-dim-corner-radius: 4px;
  --medium-dim-date-picker-base-month-horizontal-padding: 23px;
  --medium-dim-date-picker-base-year-horizontal-padding: 10px;
  --medium-dim-date-picker-element-height: 26px;
  --medium-dim-date-picker-element-month-width: 80px;
  --medium-dim-date-picker-element-week-width: 26px;
  --medium-dim-date-picker-element-year-width: 42px;
  --medium-dim-date-picker-gap: 13px;
  --medium-dim-date-picker-padding: 13px;
  --medium-dim-date-picker-text-width: 105px;
  --medium-dim-filters-bar-base-horizontal-padding: 2px;
  --medium-dim-filters-bar-base-vertical-padding: 13px;
  --medium-dim-filters-column-filter-child-padding: 27.5px;
  --medium-dim-filters-column-filter-grandchild-padding: 48px;
  --medium-dim-filters-dropdowns-tab-horizontal-padding: 13px;
  --medium-dim-filters-gap: 11px;
  --medium-dim-filters-large-padding: 21px;
  --medium-dim-filters-medium-padding: 11px;
  --medium-dim-filters-row-filters-child-padding: 21px;
  --medium-dim-filters-row-filters-grandchild-padding: 35px;
  --medium-dim-filters-row-filters-vertical-parent-padding: 8px;
  --medium-dim-filters-small-padding: 5px;
  --medium-dim-filters-small-vertical-padding: 5px;
  --medium-dim-filters-vertical-padding: 7px;
  --medium-dim-header-bottom-padding: 5px;
  --medium-dim-header-horizontal-gap: 13px;
  --medium-dim-header-horizontal-padding: 11px;
  --medium-dim-header-larger-vertical-padding: 17px;
  --medium-dim-header-top-padding: 21px;
  --medium-dim-header-vertical-padding: 10px;
  --medium-dim-horizontal-padding: 7px;
  --medium-dim-input-date-date-horizontal-padding: 6px;
  --medium-dim-input-date-date-width: 68px;
  --medium-dim-input-date-longer-date-width: 81px;
  --medium-dim-input-date-vertical-gap: 3px;
  --medium-dim-input-edit-input-gap: 9px;
  --medium-dim-input-edit-input-smaller-vertical-padding: 3px;
  --medium-dim-input-edit-input-vertical-padding: 5px;
  --medium-dim-input-height: 29px;
  --medium-dim-input-key-stat-horizontal-gap: 5px;
  --medium-dim-input-table-height: 25px;
  --medium-dim-larger-vertical-padding: 6px;
  --medium-dim-list-element-icon-padding: 2.5px;
  --medium-dim-list-element-large-icon-padding: 3.5px;
  --medium-dim-list-element-screening-horizontal-padding: 11px;
  --medium-dim-list-element-smaller-vertical-padding: 5px;
  --medium-dim-list-element-text-gap: 4px;
  --medium-dim-list-element-vertical-padding: 7px;
  --medium-dim-menu-vertical-padding: 5px;
  --medium-dim-modal-gap-large: 13px;
  --medium-dim-modal-gap-medium: 11px;
  --medium-dim-modal-gap-small: 5px;
  --medium-dim-modal-padding-large: 21px;
  --medium-dim-modal-padding-medium: 13px;
  --medium-dim-modal-padding-small: 9px;
  --medium-dim-navigation-breadcrumb-height: 34px;
  --medium-dim-navigation-breadcrumb-overlap: -26px;
  --medium-dim-navigation-breadcrumb-vertical-padding: 2px;
  --medium-dim-navigation-dropdown-padding: 4px;
  --medium-dim-navigation-icon-bar-container-size: 23px;
  --medium-dim-navigation-large-gap: 13px;
  --medium-dim-navigation-large-padding: 26px;
  --medium-dim-navigation-padding: 13px;
  --medium-dim-navigation-search-bar-gap: 5px;
  --medium-dim-navigation-search-bar-height: 29px;
  --medium-dim-navigation-search-nav-dropdown-padding: 5px;
  --medium-dim-navigation-search-nav-grip-padding: 2.5px;
  --medium-dim-navigation-search-nav-left-padding: 11px;
  --medium-dim-navigation-search-nav-vertical-padding: 6px;
  --medium-dim-navigation-top-header-height: 44px;
  --medium-dim-navigation-top-header-left-padding: 6px;
  --medium-dim-navigation-top-header-medium-gap: 9px;
  --medium-dim-navigation-top-header-right-padding: 11px;
  --medium-dim-navigation-top-header-small-gap: 5px;
  --medium-dim-navigation-vertical-padding: 7px;
  --medium-dim-normal-gap: 7px;
  --medium-dim-slider-container-width: 193px;
  --medium-dim-slider-half-width: 90px;
  --medium-dim-slider-height: 3px;
  --medium-dim-slider-overlap: -9px;
  --medium-dim-slider-vertical-padding: 0px;
  --medium-dim-slider-width: 180px;
  --medium-dim-stepper-vertical-padding: 4px;
  --medium-dim-table-gap: 6px;
  --medium-dim-table-horizontal-padding: 6px;
  --medium-dim-table-input-height: 26px;
  --medium-dim-table-large-horizontal-padding: 11px;
  --medium-dim-table-name-column-left-padding-1: 11px;
  --medium-dim-table-name-column-left-padding-2: 21px;
  --medium-dim-table-name-column-left-padding-3: 31px;
  --medium-dim-table-name-column-left-padding-4: 41px;
  --medium-dim-table-name-column-left-padding-5: 51px;
  --medium-dim-table-table-checkbox-top-padding: 5px;
  --medium-dim-table-table-header-gap: 4px;
  --medium-dim-table-table-header-large-vertical-padding: 10px;
  --medium-dim-table-table-header-small-horizontal-padding: 5px;
  --medium-dim-table-table-header-small-vertical-padding: 3px;
  --medium-dim-table-table-header-textbox-height-1-line: 26px;
  --medium-dim-table-table-header-textbox-height-2-lines: 30px;
  --medium-dim-table-table-header-vertical-padding: 4px;
  --medium-dim-table-table-height: 30px;
  --medium-dim-tabs-border-height: 4px;
  --medium-dim-tabs-card-internal-horizontal-padding: 14px;
  --medium-dim-tabs-card-internal-vertical-padding: 8px;
  --medium-dim-tabs-top-horizontal-padding: 19px;
  --medium-dim-toast-padding: 11px;
  --medium-dim-toggle-height: 9px;
  --medium-dim-toggle-horizontal-padding: 3px;
  --medium-dim-toggle-overlap: -12px;
  --medium-dim-toggle-vertical-gap: 6px;
  --medium-dim-toggle-vertical-padding: 2px;
  --medium-dim-toggle-width: 29px;
  --medium-dim-tool-tip-cross-padding: 4px;
  --medium-dim-tool-tip-padding: 7px;
  --medium-dim-tool-tip-point-height: 8px;
  --medium-dim-tool-tip-point-width: 16px;
  --medium-dim-tool-tip-vertical-gap: 5px;
  --medium-dim-vertical-padding: 5px;
  --medium-icon-large: 13px;
  --medium-icon-medium: 12px;
  --medium-icon-small: 11px;
  --medium-icon-x-large: 19px;
  --medium-icon-x-small: 8px;
  --medium-text-body: 14px;
  --medium-text-header: 17px;
  --medium-text-helper-label: 12px;
  --medium-text-key-stats: 24px;
  --medium-text-lineheight-body: 18px;
  --medium-text-lineheight-column: 16px;
  --medium-text-lineheight-header: 22px;
  --medium-text-lineheight-helper: 15px;
  --medium-text-lineheight-key-stats: 26px;
  --medium-text-lineheight-label: 15px;
  --medium-text-lineheight-link: 18px;
  --medium-text-lineheight-navigation-subtitle-badge: 16px;
  --medium-text-navigation-subtitle-badge: 13px;
  --primary-additional-colors-aqua-hover: #287a90;
  --primary-additional-colors-ca-blue-hover: #476bb3;
  --primary-additional-colors-medium-blue: #3c81c3;
  --primary-additional-colors-punch-0: #f9e2e5;
  --primary-additional-colors-punch-100: #d44153;
  --primary-additional-colors-punch-140: #791c27;
  --primary-additional-colors-punch-40: #e27f8b;
  --primary-additional-colors-red-dark-OLD: #922114;
  --primary-additional-colors-red-light-OLD: #fce1dc;
  --primary-additional-colors-red-OLD: #d50000;
  --primary-additional-colors-Sky-0: #d2e8f4;
  --primary-aqua-80: #3cabc9;
  --primary-blue-grey-80: #83a1c2;
  --primary-ca-blue-80: #0c3980;
  --primary-ca-grey-80: #a7a9ac;
  --primary-coral-80: #f26851;
  --primary-gold-80: #f3b900;
  --primary-grape-80: #80449e;
  --primary-green-80: #63ab64;
  --Primary-Grey-bdc1c6: #bdc1c6;
  --primary-lime-80: #9cd441;
  --primary-orange-80: #e78024;
  --primary-purple-80: #b55f99;
  --primary-ruby-80: #d02151;
  --primary-sand-80: #bea57d;
  --primary-sky-80: #1e8ac8;
  --primary-teal-80: #26a299;
  --primary-yellow-80: #c9c42d;
  --shades-aqua-100: #3290ad;
  --shades-aqua-120: #2d7c91;
  --shades-aqua-140: #1e5361;
  --shades-aqua-20: #b1dde9;
  --shades-aqua-40: #8acddf;
  --shades-aqua-60: #61bbd3;
  --shades-blue-grey-100: #628ab5;
  --shades-blue-grey-120: #5078a3;
  --shades-blue-grey-140: #36506d;
  --shades-blue-grey-20: #cdd9e7;
  --shades-blue-grey-40: #b5c6da;
  --shades-blue-grey-60: #9bb3ce;
  --shades-ca-blue-100: #143271;
  --shades-ca-blue-120: #092b60;
  --shades-ca-blue-140: #061d40;
  --shades-ca-blue-20: #9eb0cc;
  --shades-ca-blue-40: #6d88b3;
  --shades-ca-blue-60: #3a5e98;
  --shades-ca-grey-120: #7b7e83;
  --shades-ca-grey-20: #dcddde;
  --shades-ca-grey-40: #cacbcd;
  --shades-coral-100: #e84b39;
  --shades-coral-120: #dc3220;
  --shades-coral-140: #922114;
  --shades-coral-20: #fac3b9;
  --shades-coral-40: #f7a497;
  --shades-coral-60: #f58674;
  --shades-gold-100: #d2a030;
  --shades-gold-120: #b5891d;
  --shades-gold-140: #785b10;
  --shades-gold-20: #fae399;
  --shades-gold-40: #f8d566;
  --shades-gold-80: #f5c630;
  --shades-grape-100: #6d3f8a;
  --shades-grape-120: #5e3574;
  --shades-grape-140: #3f244d;
  --shades-grape-20: #ccb4d8;
  --shades-grape-40: #b38fc5;
  --shades-grape-60: #9664ae;
  --shades-green-100: #589559;
  --shades-green-120: #478448;
  --shades-green-140: #2f5830;
  --shades-green-20: #c1dec1;
  --shades-green-40: #a1cda2;
  --shades-green-60: #81bb81;
  --shades-lime-100: #91c04b;
  --shades-lime-120: #78a732;
  --shades-lime-140: #506f21;
  --shades-lime-20: #d7eeb3;
  --shades-lime-40: #c4e58d;
  --shades-lime-60: #afdc65;
  --shades-orange-100: #cd7428;
  --shades-orange-120: #b46014;
  --shades-orange-140: #78400d;
  --shades-orange-20: #f5cca7;
  --shades-orange-40: #f1b37c;
  --shades-orange-60: #ec984e;
  --shades-purple-100: #a05387;
  --shades-purple-120: #8e4175;
  --shades-purple-140: #5e2c4e;
  --shades-purple-20: #e1bfd6;
  --shades-purple-40: #d39fc2;
  --shades-purple-60: #c27cab;
  --shades-ruby-100: #b92a51;
  --shades-ruby-120: #991a3d;
  --shades-ruby-140: #661129;
  --shades-ruby-20: #eca6b9;
  --shades-ruby-40: #e37a97;
  --shades-ruby-60: #d94d74;
  --shades-sand-100: #aa8d60;
  --shades-sand-120: #9b7e51;
  --shades-sand-140: #675436;
  --shades-sand-20: #e5dbcb;
  --shades-sand-40: #d8c9b1;
  --shades-sand-60: #cab696;
  --shades-sky-100: #2f7dad;
  --shades-sky-120: #1c6893;
  --shades-sky-140: #124663;
  --shades-sky-20: #a5d0e9;
  --shades-sky-40: #78b9de;
  --shades-sky-60: #4ba1d3;
  --shades-teal-100: #318e87;
  --shades-teal-120: #1d7a73;
  --shades-teal-140: #13514d;
  --shades-teal-20: #a8dad6;
  --shades-teal-40: #7dc7c2;
  --shades-teal-60: #51b5ad;
  --shades-yellow-100: #b0ac3b;
  --shades-yellow-120: #979322;
  --shades-yellow-140: #646126;
  --shades-yellow-20: #eae8ab;
  --shades-yellow-40: #dfdc81;
  --shades-yellow-60: #d1cd4d;
  --small-Corner-Radius: 3px;
  --small-dim-alert-button-0-gap: 3px;
  --small-dim-alert-button-gap: 2px;
  --small-dim-alert-button-horizontal-padding: 6.5px;
  --small-dim-alert-left-padding-1: 16px;
  --small-dim-alert-left-padding-2: 29px;
  --small-dim-alert-left-padding-3: 42px;
  --small-dim-alert-left-padding-4: 55px;
  --small-dim-alert-right-padding: 12px;
  --small-dim-alert-vertical-padding: 6px;
  --small-dim-badge-horizontal-padding: 5px;
  --small-dim-badge-vertical-padding: 1.5px;
  --small-dim-button-horizontal-padding: 10px;
  --small-dim-button-icon-only-size: 26px;
  --small-dim-button-vertical-padding: 5px;
  --small-dim-chart-axis-label-padding: 20px;
  --small-dim-chart-legend-box-padding: 3px;
  --small-dim-chart-legend-line-padding: 9px;
  --small-dim-chart-padding: 6px;
  --small-dim-chart-vertical-gap: 2px;
  --small-dim-control-box: 14px;
  --small-dim-corner-radius: 3px;
  --small-dim-date-picker-base-month-horizontal-padding: 22px;
  --small-dim-date-picker-base-year-horizontal-padding: 9px;
  --small-dim-date-picker-element-height: 24px;
  --small-dim-date-picker-element-month-width: 70px;
  --small-dim-date-picker-element-week-width: 24px;
  --small-dim-date-picker-element-year-width: 40px;
  --small-dim-date-picker-gap: 12px;
  --small-dim-date-picker-padding: 12px;
  --small-dim-date-picker-text-width: 90px;
  --small-dim-filters-bar-base-horizontal-padding: 1px;
  --small-dim-filters-bar-base-vertical-padding: 12px;
  --small-dim-filters-column-filter-child-padding: 24px;
  --small-dim-filters-column-filter-grandchild-padding: 42px;
  --small-dim-filters-dropdowns-tab-horizontal-padding: 12px;
  --small-dim-filters-gap: 10px;
  --small-dim-filters-large-padding: 20px;
  --small-dim-filters-medium-padding: 10px;
  --small-dim-filters-row-filters-child-padding: 18px;
  --small-dim-filters-row-filters-grandchild-padding: 30px;
  --small-dim-filters-row-filters-vertical-parent-padding: 7px;
  --small-dim-filters-small-padding: 4px;
  --small-dim-filters-small-vertical-padding: 4.5px;
  --small-dim-filters-vertical-padding: 6px;
  --small-dim-header-bottom-padding: 4px;
  --small-dim-header-horizontal-gap: 12px;
  --small-dim-header-horizontal-padding: 10px;
  --small-dim-header-larger-vertical-padding: 16px;
  --small-dim-header-top-padding: 20px;
  --small-dim-header-vertical-padding: 9px;
  --small-dim-horizontal-padding: 6px;
  --small-dim-input-date-date-horizontal-padding: 5.5px;
  --small-dim-input-date-date-width: 58px;
  --small-dim-input-date-longer-date-width: 68px;
  --small-dim-input-date-vertical-gap: 1.5px;
  --small-dim-input-edit-input-gap: 8px;
  --small-dim-input-edit-input-smaller-vertical-padding: 2px;
  --small-dim-input-edit-input-vertical-padding: 4px;
  --small-dim-input-height: 26px;
  --small-dim-input-key-stat-horizontal-gap: 4px;
  --small-dim-input-table-height: 22px;
  --small-dim-larger-vertical-padding: 5px;
  --small-dim-list-element-icon-padding: 2px;
  --small-dim-list-element-large-icon-padding: 3px;
  --small-dim-list-element-screening-horizontal-padding: 10px;
  --small-dim-list-element-smaller-vertical-padding: 4px;
  --small-dim-list-element-text-gap: 3px;
  --small-dim-list-element-vertical-padding: 6px;
  --small-dim-menu-vertical-padding: 4px;
  --small-dim-modal-gap-large: 12px;
  --small-dim-modal-gap-medium: 10px;
  --small-dim-modal-gap-small: 4px;
  --small-dim-modal-padding-large: 20px;
  --small-dim-modal-padding-medium: 12px;
  --small-dim-modal-padding-small: 8px;
  --small-dim-navigation-breadcrumb-height: 30px;
  --small-dim-navigation-breadcrumb-overlap: -23px;
  --small-dim-navigation-breadcrumb-vertical-padding: 0px;
  --small-dim-navigation-dropdown-padding: 3.5px;
  --small-dim-navigation-icon-bar-container-size: 21px;
  --small-dim-navigation-large-gap: 12px;
  --small-dim-navigation-large-padding: 24px;
  --small-dim-navigation-padding: 12px;
  --small-dim-navigation-search-bar-gap: 4px;
  --small-dim-navigation-search-bar-height: 26px;
  --small-dim-navigation-search-nav-dropdown-padding: 4.5px;
  --small-dim-navigation-search-nav-grip-padding: 2px;
  --small-dim-navigation-search-nav-left-padding: 10px;
  --small-dim-navigation-search-nav-vertical-padding: 5.5px;
  --small-dim-navigation-top-header-height: 40px;
  --small-dim-navigation-top-header-left-padding: 5px;
  --small-dim-navigation-top-header-medium-gap: 8px;
  --small-dim-navigation-top-header-right-padding: 10px;
  --small-dim-navigation-top-header-small-gap: 4px;
  --small-dim-navigation-vertical-padding: 6px;
  --small-dim-normal-gap: 6px;
  --small-dim-slider-container-width: 132px;
  --small-dim-slider-half-width: 60px;
  --small-dim-slider-height: 2px;
  --small-dim-slider-overlap: -8.5px;
  --small-dim-slider-vertical-padding: 0.5px;
  --small-dim-slider-width: 120px;
  --small-dim-stepper-vertical-padding: 3px;
  --small-dim-table-gap: 5px;
  --small-dim-table-horizontal-padding: 5px;
  --small-dim-table-input-height: 23px;
  --small-dim-table-large-horizontal-padding: 10px;
  --small-dim-table-name-column-left-padding-1: 10px;
  --small-dim-table-name-column-left-padding-2: 20px;
  --small-dim-table-name-column-left-padding-3: 30px;
  --small-dim-table-name-column-left-padding-4: 40px;
  --small-dim-table-name-column-left-padding-5: 50px;
  --small-dim-table-table-checkbox-top-padding: 4px;
  --small-dim-table-table-header-gap: 3px;
  --small-dim-table-table-header-large-vertical-padding: 9px;
  --small-dim-table-table-header-small-horizontal-padding: 4px;
  --small-dim-table-table-header-small-vertical-padding: 2px;
  --small-dim-table-table-header-textbox-height-1-line: 24px;
  --small-dim-table-table-header-textbox-height-2-lines: 28px;
  --small-dim-table-table-header-vertical-padding: 3px;
  --small-dim-table-table-height: 27px;
  --small-dim-tabs-border-height: 3px;
  --small-dim-tabs-card-internal-horizontal-padding: 12px;
  --small-dim-tabs-card-internal-vertical-padding: 7.5px;
  --small-dim-tabs-top-horizontal-padding: 17px;
  --small-dim-toast-padding: 10px;
  --small-dim-toggle-height: 8px;
  --small-dim-toggle-horizontal-padding: 2.5px;
  --small-dim-toggle-overlap: -10.5px;
  --small-dim-toggle-vertical-gap: 6px;
  --small-dim-toggle-vertical-padding: 1px;
  --small-dim-toggle-width: 27px;
  --small-dim-tool-tip-cross-padding: 3px;
  --small-dim-tool-tip-padding: 6px;
  --small-dim-tool-tip-point-height: 7px;
  --small-dim-tool-tip-point-width: 14px;
  --small-dim-tool-tip-vertical-gap: 4px;
  --small-dim-vertical-padding: 4.5px;
  --small-icon-large: 12px;
  --small-icon-medium: 11px;
  --small-icon-small: 10px;
  --small-icon-x-large: 18px;
  --small-icon-x-small: 7px;
  --small-text-body: 12px;
  --small-text-header: 15px;
  --small-text-helper-label: 10px;
  --small-text-key-stats: 20px;
  --small-text-lineheight-body: 16px;
  --small-text-lineheight-column: 15px;
  --small-text-lineheight-header: 20px;
  --small-text-lineheight-helper: 13px;
  --small-text-lineheight-key-stats: 24px;
  --small-text-lineheight-label: 15px;
  --small-text-lineheight-link: 14px;
  --small-text-lineheight-navigation-subtitle-badge: 14px;
  --small-text-navigation-subtitle-badge: 11px;
  --text-active: #1e8ac8;
  --text-active-disabled: #1e8ac880;
  --text-active-hover: #1c6893;
  --text-CA-Logo: #fefefe;
  --text-disabled: #aaaaaa;
  --text-error: #dc3220;
  --text-on-color-bg: #ffffff;
  --text-primary: #ffffff;
  --text-secondary: #919191;
  --text-secondary-hover-button: #ffffff;
  --text-secondary-initial-button: #ffffff;
  --text-warning: #e78024;
}


/* ========================================
   SUPPLEMENTARY TOKENS
   Typography, Spacing, Sizing, Borders + SCSS Mixins
   ======================================== */


/**
 * Supplementary Design Tokens - Source File
 * Typography, Spacing, Sizing, Border tokens + SCSS Mixins
 *
 * This SCSS file is the source for tokens not managed in Figma.
 * It compiles to: build/css/tokens-supplementary.css
 *
 * Contents:
 * 1. CSS Custom Properties (variables)
 * 2. SCSS Mixins (typography patterns)
 */
/* ========================================
   CSS CUSTOM PROPERTIES
   ======================================== */
/* Version injected at build time from package.json — do not edit manually */
[data-ca-tokens="2.0.0"] {
  --background-primary-button-group: var(--shades-ca-blue-140);
  --background-secondary-button-group-selected: var(--shades-blue-grey-60);
  --background-secondary-hover-button: #FFFFFFFF;
  --text-secondary-button-group-unselected: var(--primary-ca-blue-80);
  --background-action-filled-button-group: var(--shades-sky-100);
  --background-active-subtle: var(--low-opacity-sky-800);
  /* Font Families */
  --font-primary: 'Source Sans 3 Variable', 'Source Sans 3', 'Source Sans Pro', sans-serif;
  --font-family-monospace: 'Fira Code', 'Fira Mono', 'Menlo', 'Consolas', 'DejaVu Sans Mono', monospace;
  /* Font Weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  /* Font Sizes */
  --font-size-xxs: 10px;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-md: 18px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-2xl: 30px;
  --font-size-3xl: 36px;
  --font-size-4xl: 48px;
  /* Line Heights
   * Unitless multipliers. Actual pixel height depends on font size.
   *
   * Examples at 12px font size:
   * - none:    12px
   * - tight:   15px
   * - snug:    16px
   * - normal:  18px
   * - relaxed: 20px
   * - loose:   21px
   *
   * Examples at 16px font size:
   * - none:    16px
   * - tight:   20px
   * - snug:    21.33px
   * - normal:  24px
   * - relaxed: 26.67px
   * - loose:   28px
   */
  --line-height-none: 1;
  --line-height-tight: 1.25;
  --line-height-snug: 1.3333333333;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.6666666667;
  --line-height-loose: 1.75;
  /* Spacing Scale */
  --base-space-0: 0;
  --base-space-2: 2px;
  --base-space-4: 4px;
  --base-space-5: 5px;
  --base-space-6: 6px;
  --base-space-7: 7px;
  --base-space-8: 8px;
  --base-space-9: 9px;
  --base-space-10: 10px;
  --base-space-12: 12px;
  --base-space-16: 16px;
  --base-space-20: 20px;
  --base-space-24: 24px;
  --base-space-28: 28px;
  --base-space-32: 32px;
  --base-space-36: 36px;
  --base-space-40: 40px;
  --base-space-44: 44px;
  --base-space-48: 48px;
  --base-space-56: 56px;
  --base-space-64: 64px;
  --base-space-72: 72px;
  --base-space-80: 80px;
  --base-space-96: 96px;
  --base-space-112: 112px;
  --base-space-128: 128px;
  /* Sizing Scale */
  --base-size-2: 2px;
  --base-size-4: 4px;
  --base-size-6: 6px;
  --base-size-7: 7px;
  --base-size-8: 8px;
  --base-size-12: 12px;
  --base-size-16: 16px;
  --base-size-20: 20px;
  --base-size-24: 24px;
  --base-size-28: 28px;
  --base-size-32: 32px;
  --base-size-36: 36px;
  --base-size-40: 40px;
  --base-size-48: 48px;
  --base-size-64: 64px;
  --base-size-80: 80px;
  --base-size-96: 96px;
  --base-size-112: 112px;
  --base-size-128: 128px;
  --base-size-220: 220px;
  /* Border Widths */
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-3: 3px;
  --border-width-4: 4px;
  /* Border Radius */
  --border-radius-sm: 3px;
  --border-radius-default: 4px;
  --border-radius-5: 5px;
  --border-radius-6: 6px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --border-radius-capsule: 50px;
  --border-radius-full: 999px;
}

/* Defeats global * resets (e.g. from other MFEs) that override inherited font values */
[data-ca-tokens="2.0.0"] * {
  font-family: inherit;
}

/* Version injected at build time from package.json — do not edit manually */
[data-ca-tokens="2.0.0"][data-theme=dark] {
  --background-primary-button-group: var(--ca-dark-grey-100);
  --background-secondary-hover-button: var(--greyscale-dark-mode-bg-0F1014);
  --background-secondary-button-group-selected: var(--greyscale-dark-mode-muted-grey-2c2d30);
  --text-secondary-button-group-unselected: #94979c;
}

/* ========================================
   SCSS MIXINS
   ======================================== */
/* CSS Utility Class */
.text-body {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
}

/* CSS Utility Classes */
.text-heading-h1 {
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-3xl);
  line-height: var(--line-height-tight);
}

.text-heading-h2 {
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-2xl);
  line-height: var(--line-height-tight);
}

.text-heading-h3 {
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-xl);
  line-height: var(--line-height-tight);
}

/* CSS Utility Class */
.text-label {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-none);
  letter-spacing: 0.03em;
}

/* CSS Utility Class */
.text-display {
  font-family: var(--font-primary);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  letter-spacing: -0.02em;
}

/* CSS Utility Class */
.text-code {
  font-family: var(--font-family-monospace);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
  font-weight: var(--font-weight-regular);
}

/* CSS Utility Class */
.text-caption {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
  color: var(--text-secondary);
}