._container_1lqbw_1 {
  font-family: var(--font-primary);
  background-image: url(/assets/bg-zOPF3B5R.png);
  background-position: top;
  background-repeat: no-repeat;
  min-height: calc(100vh - 24px);
  display: flex;
  flex-direction: column;
  height: fit-content;
  color: var(--text-primary);
  padding: 12px;
  background-color: #fafafa;
}
._container_1lqbw_1 ._heading_1lqbw_14 h1 {
  color: var(--text-primary);
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 52px;
  margin: 0px;
}
._container_1lqbw_1 ._heading_1lqbw_14 h1 a {
  color: inherit; /* Makes the link color the same as its parent element's text color */
  text-decoration: none; /* Removes the default underline */
}
._container_1lqbw_1 ._menu_1lqbw_26 {
  display: inline-flex;
  padding-bottom: 12px;
  align-items: anchor-center;
}
._container_1lqbw_1 ._main-content_1lqbw_31 {
  display: flex;
  flex-direction: row;
  flex-wrap: none;
  flex-grow: 1;
}._config-bar_1mnz4_1 {
  margin-left: auto;
  display: inline-flex;
  align-items: end;
  gap: 12px;
}
._config-bar_1mnz4_1 button._schedule_1mnz4_7 {
  margin-top: 16px;
  padding: 0px;
}
._config-bar_1mnz4_1 button._schedule_1mnz4_7 svg {
  width: 15.718px;
  height: 18px;
  color: var(--icon-primary);
}
._config-bar_1mnz4_1 button._schedule_1mnz4_7:hover svg {
  color: var(--text-active-hover);
}
._config-bar_1mnz4_1 button._help_1mnz4_19 {
  margin-top: 18px;
  text-transform: none;
  color: var(--text-primary);
  border-color: var(--text-primary);
  height: 32px;
  line-height: 20px;
}
._config-bar_1mnz4_1 ._select-trigger_1mnz4_27 [aria-expanded=true] {
  border-color: #1e8ac8;
}
._config-bar_1mnz4_1 ._select_1mnz4_27 .MuiSelect-select {
  height: 29px;
  text-transform: none;
  line-height: 18px;
}
._config-bar_1mnz4_1 ._select_1mnz4_27 .MuiSelect-select:hover {
  border-color: #DDD;
  background-color: #f3f3f3;
}
._config-bar_1mnz4_1 ._select_1mnz4_27 span svg {
  color: #AAAAAA;
  height: 8px;
  width: 8px;
  top: calc(50% - 0.3em);
}
._config-bar_1mnz4_1 ._config-datamode-label_1mnz4_45 {
  padding: 0px;
  width: 85px;
}
._config-bar_1mnz4_1 ._config-label_1mnz4_49 {
  padding: 0px;
}
._config-bar_1mnz4_1 label {
  text-transform: none;
  font-size: 12px;
}

._tooltip_1mnz4_57 ._definition_1mnz4_57 {
  font-weight: 600;
}

._field-label-div_1mnz4_61 {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: "Source Sans Pro";
  letter-spacing: 1px;
}

._disabled-label_1mnz4_69 {
  cursor: not-allowed;
  pointer-events: visible;
  color: #AAAAAA;
}

.MuiListSubheader-root {
  background-color: var(--background-primary) !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-Light-DYX16ifH.otf")
		format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 200;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-LightItalic-9Iei1arF.otf")
		format("opentype");
	font-display: swap;
	font-style: italic;
	font-weight: 200;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-Regular-6iL5fLYO.otf")
		format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-RegularItalic-BVYmuOJu.otf")
		format("opentype");
	font-display: swap;
	font-style: italic;
	font-weight: 400;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-Regular-6iL5fLYO.otf")
		format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 500;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-RegularItalic-BVYmuOJu.otf")
		format("opentype");
	font-display: swap;
	font-style: italic;
	font-weight: 500;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-Semibold-BI3UiExG.otf")
		format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 600;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-Bold-5rWCmH0T.otf") format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 700;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-Black-100ogFdy.otf")
		format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 800;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-Extrabold-B8tqofOX.otf")
		format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 900;
}
/* Global CSS variables - available to all elements including portals */
/* :root,
#root,
body,
* {
	--font-primary: "proxima-nova", "Source Sans Pro";
	--text-primary: #323130;
	--Text-primary: #323130;
} */
html,
body {
	margin: 0;
	padding: 0;
	/* font-family: var(--font-primary); */
}
body {
	min-height: 100%;
	height: fit-content;
}
span._square-tag_1h9yq_2 {
  border-radius: 4px;
  padding: 2px 6px;
  color: var(--text-on-color-bg, #FFF);
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  /* Body/Badge */
  font-family: "Source Sans Pro";
  font-size: var(--text-navigation-subtitle-badge, 13px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--text-lineheight-navigation-subtitle-badge, 16px); /* 123.077% */
  text-transform: uppercase;
}
span._square-tag_1h9yq_2._preliminary_1h9yq_16 {
  background-color: var(--primary-orange-80);
}
span._square-tag_1h9yq_2._published_1h9yq_19 {
  background-color: var(--primary-green-80);
}
span._square-tag_1h9yq_2._unavailable_1h9yq_22 {
  background: var(--greyscale-light-grey-919191, #919191);
}
._modal-paper_1h9yq_26 {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.15);
}
._modal-title_1h9yq_32 {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
button._close-button_1h9yq_41 {
  color: #666666;
}
button._close-button_1h9yq_41:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
._modal-content_1h9yq_48 {
  padding: 12px 24px 24px 24px;
  font-family: var(--font-primary);
}
._description-section_1h9yq_53 {
  padding-top: 12px;
}
._description_1h9yq_53 {
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  margin: 0 0 16px 0;
}
._definitions_1h9yq_64 {
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
._definitions_1h9yq_64 p {
  margin: 0 0 12px 0;
}
._definitions_1h9yq_64 p:last-child {
  margin-bottom: 0;
}
._definitions_1h9yq_64 strong {
  font-weight: 600;
}
._grid-container_1h9yq_79 {
  width: 100%;
  min-height: 400px;
}
._loading_1h9yq_84 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  font-size: 16px;
  color: #666666;
}
._calendar-grid_1h9yq_93 {
  width: 100%;
}
._calendar-grid_1h9yq_93 .ag-root-wrapper {
  border: none;
}
._calendar-grid_1h9yq_93 .ag-header {
  background-color: transparent;
  border-bottom: 1px solid #e0e0e0;
}
._calendar-grid_1h9yq_93 .ag-header-cell {
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: 600;
  color: #333333;
  padding: 8px 16px 4px 16px;
}
._calendar-grid_1h9yq_93 .ag-header-cell-label {
  padding: 0px;
  align-items: flex-end;
}
._calendar-grid_1h9yq_93 .ag-cell {
  font-family: var(--font-primary);
  font-size: 14px;
  color: #333333;
  padding: 12px 16px;
  border-bottom: 1px solid #e0e0e0;
}
._calendar-grid_1h9yq_93 .ag-row:hover {
  background-color: #fafafa;
}button._info-button_1fzf3_1 {
  width: unset !important;
  color: var(--icon-primary);
  padding: 0;
  height: auto;
}
button._info-button_1fzf3_1 svg {
  width: 12px;
  height: 12px;
}

._tooltip_1fzf3_12 {
  background-color: white;
}._tabs-container_ib2o4_1 .MuiTabs-root {
  background-color: transparent;
}
._tabs-container_ib2o4_1 .MuiTabs-root button.Mui-selected {
  background-color: transparent;
}
._tabs-container_ib2o4_1 .MuiTabs-root:has(button.Mui-selected:hover) .MuiTabs-indicator {
  background-color: #115ea3;
}
._tabs-container_ib2o4_1 .MuiTabs-root div.MuiTabs-list {
  gap: 18px;
}
._tabs-container_ib2o4_1 .MuiTabs-root button {
  color: var(--text-primary);
  font-size: 14px;
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-feature-settings: "liga" off, "clig" off;
}
._tabs-container_ib2o4_1 .MuiTabs-root button:hover::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #c7c7c7;
  height: 3px;
  border-radius: 3px;
}
._tabs-container_ib2o4_1 .MuiTabs-root .MuiTabs-indicator {
  border-radius: var(--border-radius-full);
  background-color: rgb(0, 120, 212);
  height: 3px;
  bottom: 0;
}._calculation-preview_c3j9q_1 {
  border-bottom: 1px solid #DDD;
}
._calculation-preview_c3j9q_1 ._header-row_c3j9q_4 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
._calculation-preview_c3j9q_1 ._header-row_c3j9q_4 ._header_c3j9q_4 {
  color: var(--text-primary);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
._calculation-preview_c3j9q_1 ._header-row_c3j9q_4 ._divider_c3j9q_16 {
  height: 20px;
  width: 1px;
  border-left: 1px solid #ddd;
}._fund-criteria_1qbzs_1 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 12px;
}
._fund-criteria_1qbzs_1 ._header-row_1qbzs_5 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
._fund-criteria_1qbzs_1 ._header-row_1qbzs_5 ._header_1qbzs_5 {
  color: var(--text-primary);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
._fund-criteria_1qbzs_1 ._header-row_1qbzs_5 ._divider_1qbzs_17 {
  height: 20px;
  width: 1px;
  border-left: 1px solid #ddd;
}
._fund-criteria_1qbzs_1 ._content_1qbzs_22 {
  display: flex;
  gap: 12px;
}
._fund-criteria_1qbzs_1 ._content_1qbzs_22 ._column_1qbzs_26 {
  width: 50%;
  max-width: 50%;
}button._clear-button_1jfk5_1 {
  font-family: var(--font-primary);
  background-color: transparent;
  border: none;
  color: #0078D4;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
}
button._clear-button_1jfk5_1:hover {
  text-decoration: underline;
  background-color: transparent;
}
button._clear-button_1jfk5_1 {
  text-transform: none;
  padding: 0px;
  min-width: unset;
}._container_13z5o_1 {
  display: flex;
  flex-direction: column;
}._group_2a7zo_1 {
  display: grid;
  grid-template-columns: repeat(var(--columns, 2), 1fr);
  max-width: 100%;
  gap: 6px;
}
._group_2a7zo_1 span[data-checked] {
  border: 2px solid #aaa;
  border-radius: 0;
}
._group_2a7zo_1 span[data-checked=true] {
  border-color: #0078d4;
  border-radius: 0;
}._bold_h7f96_1 {
  font-weight: 600;
  color: #333;
}._container_1uvow_1 {
  display: flex;
  flex-direction: column;
}

._heading_1uvow_6 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

._label_1uvow_13 {
  overflow: hidden;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}._sidecar-dropdown__container_31cd1_1 {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  min-width: auto;
}
._sidecar-dropdown__container_31cd1_1:has(._sidecar-dropdown__panel--placement-bottom_31cd1_7) {
  min-height: auto;
}
._sidecar-dropdown__container--bottom_31cd1_10 {
  position: relative;
  min-height: auto;
}
._sidecar-dropdown__container--side_31cd1_14 {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  width: auto;
  min-height: 40px;
}
._sidecar-dropdown__container--side_31cd1_14::after {
  content: "";
  position: absolute;
  top: 0;
  width: 400px;
  height: 1px;
  pointer-events: none;
  opacity: 0;
}
._sidecar-dropdown__trigger_31cd1_30 {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-width: 150px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
}
._sidecar-dropdown__trigger-icon_31cd1_42 {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary, #6b7280);
  fill: var(--icon-primary, #AAA);
  pointer-events: none;
  z-index: 1;
  width: 8px;
  height: 8px;
}
._sidecar-dropdown__trigger-icon_31cd1_42 svg {
  width: 100%;
  height: 100%;
}
._sidecar-dropdown__label-trigger_31cd1_61 {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  font: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  color: var(--primary-additional-colors-navy-hover, #3C81C3);
  font-feature-settings: "liga" off, "clig" off;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 181.818% */
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
._sidecar-dropdown__label-trigger_31cd1_61:hover {
  text-decoration: underline;
  transition: text-decoration 0.15s ease;
}
._sidecar-dropdown__label-trigger_31cd1_61:focus-visible {
  outline: 2px solid var(--color-focus, #0f766e);
  outline-offset: 2px;
  border-radius: 2px;
}
._sidecar-dropdown__label-trigger-icon_31cd1_95 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary, #0f766e);
  width: 8px;
  height: 8px;
}
._sidecar-dropdown__label-trigger-icon_31cd1_95 svg {
  width: 100%;
  height: 100%;
}
._sidecar-dropdown__panel_31cd1_7 {
  background-color: var(--background-primary, #fff);
  border: 1px solid var(--Greyscale-Grey-Border---dddddd, #DDD);
  box-shadow: 0 1px 3px 0 #DDD;
  box-sizing: border-box;
  overflow: hidden;
  animation: _slideIn_31cd1_1 0.2s ease-out;
}
._sidecar-dropdown__panel--placement-bottom_31cd1_7 {
  position: relative;
  width: 100%;
  transform: none;
  animation: _slideInBottom_31cd1_1 0.2s ease-out;
}
._sidecar-dropdown__panel--placement-side_31cd1_121 {
  position: fixed;
  width: 400px;
  max-width: 80vw;
  height: auto;
  max-height: 60vh;
  z-index: 1000;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.05);
  animation: _slideInSide_31cd1_1 0.2s ease-out;
  transform-origin: left top;
  will-change: opacity, transform;
}
._sidecar-dropdown__panel--placement-side--right_31cd1_133 {
  left: auto;
  right: auto;
  transform: translateX(0) translateY(0);
}
._sidecar-dropdown__panel--placement-side--left_31cd1_138 {
  left: auto;
  right: auto;
  transform: translateX(0) translateY(0);
}

@keyframes _slideIn_31cd1_1 {
  from {
    opacity: 0;
    transform: translateY(-10px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _slideInSide_31cd1_1 {
  from {
    opacity: 0;
    transform: translateX(0) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@keyframes _slideInBottom_31cd1_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
[data-theme=dark] ._sidecar-dropdown__panel_31cd1_7 {
  background-color: var(--background-primary-dark, #1f2937);
  border: 1px solid var(--border-primary-dark, #374151);
}
[data-theme=dark] ._sidecar-dropdown__label-trigger_31cd1_61 {
  color: var(--color-primary-dark, #10b981);
}

@media (max-width: 640px) {
  ._sidecar-dropdown__panel--placement-side_31cd1_121 {
    width: 90vw;
    max-height: 70vh;
  }
}
._sidecar-dropdown__panel_31cd1_7:focus {
  outline: none;
}
._sidecar-dropdown__panel_31cd1_7 [role=listbox]:focus {
  outline: 2px solid var(--color-focus, #0f766e);
  outline-offset: -2px;
}._container_1gp4n_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._container_1gp4n_1 ._input_1gp4n_6 {
  height: 32px;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 14px;
}
._container_1gp4n_1 ._input_1gp4n_6:focus-visible {
  border: 1px solid #1E8AC8;
}
._container_1gp4n_1 ._inputError_1gp4n_15 {
  border-color: #F26851;
}
._container_1gp4n_1 ._inputError_1gp4n_15:focus {
  border-color: #F26851;
}
._container_1gp4n_1 ._errorMessage_1gp4n_21 {
  margin-top: 4px;
  font-size: 12px;
  color: #F26851;
}._report-config_3d14a_1 {
  border-bottom: 1px solid #DDD;
}
._report-config_3d14a_1 ._header-row_3d14a_4 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
._report-config_3d14a_1 ._header-row_3d14a_4 ._header_3d14a_4 {
  color: var(--text-primary);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
._report-config_3d14a_1 ._header-row_3d14a_4 ._divider_3d14a_16 {
  height: 20px;
  width: 1px;
  border-left: 1px solid #ddd;
}._report-type-section_1dd0p_1 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
._report-type-section_1dd0p_1 ._header-row_1dd0p_5 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
._report-type-section_1dd0p_1 ._header-row_1dd0p_5 ._header_1dd0p_5 {
  color: var(--text-primary);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  /* 116.667% */
}
._report-type-section_1dd0p_1 ._header-row_1dd0p_5 ._divider_1dd0p_18 {
  height: 28px;
  width: 1px;
  border-left: 1px solid #DDD;
}
._report-type-section_1dd0p_1 ._report-multiple-periods-switch_1dd0p_23 {
  padding-bottom: 5px;
}
._report-type-section_1dd0p_1 ._field-container-report-type-div_1dd0p_26 {
  display: flex;
  gap: 8px;
  justify-content: center;
}
._report-type-section_1dd0p_1 ._fields-container-div_1dd0p_31 {
  display: flex;
  gap: 8px;
  justify-content: end;
  align-items: end;
}
._report-type-section_1dd0p_1 ._field-label-div_1dd0p_37 {
  display: flex;
  align-items: center;
  gap: 5px;
}
._report-type-section_1dd0p_1 ._field-label_1dd0p_37 {
  text-transform: none;
  font-size: 14px;
  font-weight: 500;
}
._report-type-section_1dd0p_1 ._selected-value-overlay_1dd0p_47 {
  position: absolute;
  top: 0;
  left: 0;
  width: 290px;
  height: 100%;
  pointer-events: none;
  display: flex;
  align-items: center;
  padding-left: 12px;
  color: #212121;
  font-size: 14px;
  background: transparent;
  z-index: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._report-type-section_1dd0p_1 #_report-type-div_1dd0p_1 span:first-child {
  color: transparent !important;
  caret-color: #212121;
}
._report-type-section_1dd0p_1 ._fields-container_1dd0p_31 {
  width: 50%;
}
._report-type-section_1dd0p_1 ._fields-container_1dd0p_31 span {
  text-transform: none;
}._strip_1kobe_1 {
  border-radius: 8px;
  display: inline-flex;
  padding: 12px 0 12px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
._strip_1kobe_1 ._toggleButton_1kobe_9 {
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 3px;
  height: 32px;
  width: 44px;
}
._strip_1kobe_1 ._toggleButton_1kobe_9:hover {
  background: #f3f3f3 !important;
}

._stripLabel_1kobe_22 {
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._stripActions_1kobe_33 {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.25rem;
  flex-shrink: 0;
  padding: 12px;
}

._stripBadge_1kobe_42 {
  flex-shrink: 0;
  min-width: 1.25rem;
  padding: 0.125rem 0.375rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 999px;
}

._root_1kobe_53 {
  display: flex;
  font-family: Source Sans Pro, sans-serif;
  flex-direction: column;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.15);
  overflow: hidden;
  background: #fff;
  transition: width 0.25s ease-out;
  border-radius: 8px;
}
._root_1kobe_53 ._headerContent_1kobe_64 {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  border-bottom: unset;
}
._root_1kobe_53 ._headerContent_1kobe_64 ._toggleButton_1kobe_9 {
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 3px;
  height: 32px !important;
  width: 44px !important;
  background-color: #fff !important;
}
._root_1kobe_53 ._headerContent_1kobe_64 ._toggleButton_1kobe_9:hover {
  background-color: #f3f3f3 !important;
}
._root_1kobe_53 ._headerContent_1kobe_64 ._toggleButton_1kobe_9 > svg {
  fill: #aaa;
}._header_bsvf1_1 {
  color: var(--text-primary);
  font-family: var(--font-primary), sans-serif;
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 4px;
  min-width: 100%;
}._page-container_kf2zx_1 {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #FFF;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
  flex-grow: 1;
  padding: 12px;
  position: relative;
}._sideContent_un8ip_1 {
  position: relative;
  padding: 0;
  margin: 0;
}

._main_un8ip_7 {
  display: flex;
  align-items: space-between;
  width: 100%;
  gap: 12px;
}._list_1oufa_1 {
  list-style: none;
  margin: 0;
  padding: 12px;
  overflow: auto;
  min-height: 0;
}

._item_1oufa_9 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.5rem;
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
  height: unset;
  width: unset;
  cursor: pointer;
  border-top: 1px solid #ddd;
}
._item_1oufa_9:hover {
  background: rgba(0, 0, 0, 0.05);
}

._itemSelected_1oufa_26 {
  background: rgba(0, 0, 0, 0.08);
  border-left-color: currentColor;
  font-weight: 500;
}

._lastItem_1oufa_32 {
  border-bottom: 1px solid #ddd;
}

._itemLabel_1oufa_36 {
  flex: 0 0 auto;
  color: #1E8AC8;
  font-weight: 600;
  font-size: 14px;
  font-family: Source Sans Pro, sans-serif;
  line-height: 18px;
}

._itemSublabel_1oufa_45 {
  flex: 1;
  min-width: 0;
  font-size: 0.8125rem;
  color: rgba(0, 0, 0, 0.7);
}._content_1l61w_1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-height: 0;
}

._divider_1l61w_8 {
  width: 100%;
  height: 1px;
  background: #ddd;
}

._search_1l61w_14 {
  padding: 12px 8px;
  font-size: 0.875rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  background: #fff;
  margin: 12px;
}
._search_1l61w_14::placeholder {
  color: rgba(0, 0, 0, 0.45);
}
._search_1l61w_14:focus {
  outline: 2px solid rgba(0, 0, 0, 0.2);
  outline-offset: 0;
}._sideContent_un8ip_1 {
  position: relative;
  padding: 0;
  margin: 0;
}

._main_un8ip_7 {
  display: flex;
  align-items: space-between;
  width: 100%;
  gap: 12px;
}._sideContent_un8ip_1 {
  position: relative;
  padding: 0;
  margin: 0;
}

._main_un8ip_7 {
  display: flex;
  align-items: space-between;
  width: 100%;
  gap: 12px;
}@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-Light-DYX16ifH.otf")
		format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 200;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-LightItalic-9Iei1arF.otf")
		format("opentype");
	font-display: swap;
	font-style: italic;
	font-weight: 200;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-Regular-6iL5fLYO.otf")
		format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-RegularItalic-BVYmuOJu.otf")
		format("opentype");
	font-display: swap;
	font-style: italic;
	font-weight: 400;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-Regular-6iL5fLYO.otf")
		format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 500;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-RegularItalic-BVYmuOJu.otf")
		format("opentype");
	font-display: swap;
	font-style: italic;
	font-weight: 500;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-Semibold-BI3UiExG.otf")
		format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 600;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-Bold-5rWCmH0T.otf") format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 700;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-Black-100ogFdy.otf")
		format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 800;
}
@font-face {
	font-family: "proxima-nova";
	src: url("/assets/ProximaNova-Extrabold-B8tqofOX.otf")
		format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 900;
}

/* Global CSS variables - available to all elements including portals */
/* :root,
#root,
body,
* {
	--font-primary: "proxima-nova", "Source Sans Pro";
	--text-primary: #323130;
	--Text-primary: #323130;
} */

html,
body {
	margin: 0;
	padding: 0;
	/* font-family: var(--font-primary); */
}

body {
	min-height: 100%;
	height: fit-content;
}
/**
 * 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.
 */

:root {
  --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.
 */

:root[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
   ======================================== */
:root {
  --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 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: 0.625rem; /* 10px */
  --font-size-xs: 0.75rem; /* 12px */
  --font-size-sm: 0.875rem; /* 14px */
  --font-size-base: 1rem; /* 16px */
  --font-size-md: 1.125rem; /* 18px */
  --font-size-lg: 1.25rem; /* 20px */
  --font-size-xl: 1.5rem; /* 24px */
  --font-size-2xl: 1.875rem; /* 30px */
  --font-size-3xl: 2.25rem; /* 36px */
  --font-size-4xl: 3rem; /* 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: 0.125rem; /* 2px */
  --base-space-4: 0.25rem; /* 4px */
  --base-space-5: 0.3125rem; /* 5px */
  --base-space-6: 0.375rem; /* 6px */
  --base-space-7: 0.4375rem; /* 7px */
  --base-space-8: 0.5rem; /* 8px */
  --base-space-9: 0.5625rem; /* 9px */
  --base-space-10: 0.625rem; /* 10px */
  --base-space-12: 0.75rem; /* 12px */
  --base-space-16: 1rem; /* 16px */
  --base-space-20: 1.25rem; /* 20px */
  --base-space-24: 1.5rem; /* 24px */
  --base-space-28: 1.75rem; /* 28px */
  --base-space-32: 2rem; /* 32px */
  --base-space-36: 2.25rem; /* 36px */
  --base-space-40: 2.5rem; /* 40px */
  --base-space-44: 2.75rem; /* 44px */
  --base-space-48: 3rem; /* 48px */
  --base-space-56: 3.5rem; /* 56px */
  --base-space-64: 4rem; /* 64px */
  --base-space-72: 4.5rem; /* 72px */
  --base-space-80: 5rem; /* 80px */
  --base-space-96: 6rem; /* 96px */
  --base-space-112: 7rem; /* 112px */
  --base-space-128: 8rem; /* 128px */
  /* Sizing Scale */
  --base-size-2: 0.125rem; /* 2px */
  --base-size-4: 0.25rem; /* 4px */
  --base-size-6: 0.375rem; /* 6px */
  --base-size-7: 0.4375rem; /* 7px */
  --base-size-8: 0.5rem; /* 8px */
  --base-size-12: 0.75rem; /* 12px */
  --base-size-16: 1rem; /* 16px */
  --base-size-20: 1.25rem; /* 20px */
  --base-size-24: 1.5rem; /* 24px */
  --base-size-28: 1.75rem; /* 28px */
  --base-size-32: 2rem; /* 32px */
  --base-size-36: 2.25rem; /* 36px */
  --base-size-40: 2.5rem; /* 40px */
  --base-size-48: 3rem; /* 48px */
  --base-size-64: 4rem; /* 64px */
  --base-size-80: 5rem; /* 80px */
  --base-size-96: 6rem; /* 96px */
  --base-size-112: 7rem; /* 112px */
  --base-size-128: 8rem; /* 128px */
  --base-size-220: 13.75rem; /* 220px */
  /* Border Widths */
  --border-width-1: 0.063rem; /* 1px */
  --border-width-2: 0.125rem; /* 2px */
  --border-width-3: 0.188rem; /* 3px */
  --border-width-4: 0.25rem; /* 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;
}

:root[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;
  text-transform: uppercase;
}

/* 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);
}

body {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
}