.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: var(--ods-empty-state-margin);
}
.empty-state[data-status="404-not-found"] .empty-state__illustration {
  height: 265px;
}
.empty-state__illustration {
  height: 64px;
  margin-bottom: var(--ods-base-tokens-space-200);
}
.empty-state__title {
  margin-bottom: var(--ods-base-tokens-space-100);
}
.empty-state__action {
  margin-top: var(--ods-base-tokens-space-300);
}.app-icon {
  display: flex;
  flex-shrink: 0;
  width: var(--ods-base-tokens-icon-size-300);
  height: var(--ods-base-tokens-icon-size-300);
}
.app-icon--extra-small {
  width: var(--ods-base-tokens-icon-size-150);
  height: var(--ods-base-tokens-icon-size-150);
}
.app-icon--small {
  width: var(--ods-base-tokens-icon-size-200);
  height: var(--ods-base-tokens-icon-size-200);
}
.app-icon--medium {
  width: var(--ods-base-tokens-icon-size-300);
  height: var(--ods-base-tokens-icon-size-300);
}
.app-icon--large {
  width: var(--ods-base-tokens-icon-size-400);
  height: var(--ods-base-tokens-icon-size-400);
}

.app-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentcolor;
}.widget-container__footer {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 16px 0;
  border-radius: var(--Corner-Radius-12px, 12px);
  background: #fff;
}

.widget-container__footer-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.widget-container__footer-label {
  color: var(--Colour-Main-Heritage-Blue---75, rgba(0, 39, 115, 0.75));
  font-feature-settings: "liga" off, "clig" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.widget-container__footer-value {
  color: var(--Interface-Neutrals-Warm-Neutrals-Soot, #333);
  font-feature-settings: "liga" off, "clig" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}.kpi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 0;
}

.kpi__header {
  display: flex;
  align-items: stretch;
  gap: 12px;
}

.kpi__icon {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  background: var(--kpi-icon-bg, #f3f742);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.kpi__icon--spend {
  --kpi-icon-bg: #f3f742;
}

.kpi__icon--users {
  --kpi-icon-bg: #acebfe;
}

.kpi__content {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-height: 56px;
}

.kpi__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 56px;
  flex: 1;
}

.kpi__amount {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.kpi__value {
  color: #00297d;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
}

.kpi__currency {
  width: 26px;
  height: 23px;
  color: var(--Colors-Rebranding-Heritage-Blue, #002773);
  font-feature-settings: "liga" off, "clig" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.kpi__trend {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}

.kpi__trend::before {
  display: none;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin-right: 2px;
  transform: translateY(1px);
}

.kpi__trend-icon {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  transform: translateY(1px);
}

.kpi__trend-icon--positive {
  border-bottom: 7px solid #1a7f37;
}

.kpi__trend-icon--negative {
  border-top: 7px solid #c62828;
}

.kpi__trend-text {
  color: var(--Primary-Secondary-Ink-Lighter-60, #7d94a6);
  font-feature-settings: "liga" off, "clig" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.kpi__trend--positive,
.kpi__trend--negative {
  color: inherit;
}

.kpi__trend--positive .kpi__trend-icon {
  border-bottom: 7px solid #1a7f37;
  border-top: 0;
}

.kpi__trend--negative .kpi__trend-icon {
  border-top: 7px solid #c62828;
  border-bottom: 0;
}

.kpi__trend-value {
  color: var(--Primary-Secondary-Ink-Lighter-60, #7d94a6);
  font-feature-settings: "liga" off, "clig" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.kpi__trend-label {
  color: #96aaca;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}.widget-state-view {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  justify-content: center;
  min-height: 80px;
  padding: 16px;
  text-align: center;
}

.widget-state-view--loading {
  color: #6b7280;
}

.widget-state-view--error {
  color: var(--ods-base-tokens-messaging-error-foreground, #c62828);
}

.widget-state-view--invalid {
  color: var(--ods-base-tokens-messaging-warning-foreground, #b45309);
}

.widget-state-view--unsupported {
  background: #374151;
  border-radius: 8px;
  color: #fff;
  margin: 0;
}
.widget-state-view--unsupported div + div {
  font-size: 12px;
  margin-top: 4px;
  opacity: 0.9;
}.file-upload__container {
  background-color: var(--ods-file-upload-container-background);
  border: 1px dashed var(--ods-file-upload-border-color-idle);
  border-radius: var(--ods-base-tokens-radius-small);
}
.file-upload__container--slim {
  padding: 8px;
}

.file-upload__drop-zone {
  cursor: pointer;
  display: flex;
  border-radius: var(--ods-base-tokens-radius-small);
  width: 100%;
  transition: background-color 120ms ease, border-color 120ms ease;
}
.file-upload__drop-zone--slim {
  gap: 8px;
  min-height: 40px;
  padding: 8px;
  background-color: var(--ods-file-upload-background-idle);
  border: 1px solid var(--ods-file-upload-border-color-idle);
}
.file-upload__drop-zone--slim .file-upload__icon {
  color: var(--ods-file-upload-color-idle);
  flex-shrink: 0;
}
.file-upload__drop-zone--slim .file-upload__drag-content,
.file-upload__drop-zone--slim .file-upload__uploading-content {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-start;
  text-align: left;
}
.file-upload__drop-zone--slim .file-upload__content {
  display: flex;
  gap: 4px;
}
.file-upload__drop-zone--slim .file-upload__title {
  color: var(--ods-file-upload-label-color-field-idle);
}
.file-upload__drop-zone--slim .file-upload__select-link {
  color: var(--ods-file-upload-label-color-field-idle);
  text-decoration: underline;
}
.file-upload__drop-zone--slim .file-upload__select-link:hover {
  color: var(--ods-base-tokens-state-color-hover);
  text-decoration: underline;
}

.file-upload__drag-icon,
.file-upload__uploading-icon {
  color: var(--ods-base-tokens-font-color-label);
}

.file-upload__error {
  margin-top: 8px;
}.optimization-indicator {
  border: 2px solid transparent;
  border-radius: 8px;
  --optimization-indicator-badge-bg: var(--ods-base-tokens-messaging-success-foreground);
  --optimization-indicator-badge-color: var(--ods-base-colors-neutral-000);
  padding: 16px 16px 24px 16px;
  position: relative;
  width: 225px;
  border: 2px dashed var(--ods-base-tokens-chart-color-sequential-blue-07);
  background: var(--ods-base-tokens-chart-color-sequential-blue-09);
}
.optimization-indicator ::after {
  background: #002773;
  border-radius: 0 7px 0 80px;
  content: "";
  height: 80px;
  opacity: 0.01;
  pointer-events: none;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 80px;
}
.optimization-indicator--current {
  border: 2px dashed var(--ods-base-tokens-chart-color-sequential-blue-07);
  background: var(--ods-base-tokens-chart-color-sequential-blue-09);
}
.optimization-indicator--critical {
  border: 2px solid var(--ods-base-tokens-messaging-error-border);
  background: var(--ods-base-tokens-chart-color-sequential-blue-09);
  --optimization-indicator-badge-bg: var(--ods-base-tokens-messaging-error-foreground);
  --optimization-indicator-badge-color: var(--ods-base-tokens-font-color-white);
}
.optimization-indicator--recommended {
  border: 2px solid var(--ods-base-tokens-messaging-success-border);
  background: var(--ods-base-tokens-messaging-success-background);
  --optimization-indicator-badge-bg: var(--ods-base-tokens-messaging-success-foreground);
  --optimization-indicator-badge-color: var(--ods-base-tokens-font-color-white);
}
.optimization-indicator__label {
  color: var(--ods-base-tokens-font-color-light-p);
  font-size: 12px;
  text-transform: uppercase;
}
.optimization-indicator__name {
  color: var(--Primary-Secondary-Ink-Base-100, #214964);
  font-size: 16px;
  font-weight: 700;
}
.optimization-indicator__badge {
  background: var(--optimization-indicator-badge-bg);
  border-radius: 2px;
  bottom: 0;
  color: var(--optimization-indicator-badge-color);
  font-size: 12px;
  font-weight: 500;
  left: 50%;
  line-height: 16px;
  padding: 2px 8px;
  position: absolute;
  text-transform: uppercase;
  transform: translate(-50%, 50%);
  white-space: nowrap;
}/**
 * @prop --ods-scrollbar-light-handle-default: Color of the scrollbar handle in light mode
 * @prop --ods-scrollbar-light-track-background: Color of the scrollbar track in light mode
 * @prop --ods-scrollbar-light-handle-hover: Color of hovered scrollbar handle in light mode
 * @prop --ods-scrollbar-dark-handle-default: Color of the scrollbar handle in dark mode
 * @prop --ods-scrollbar-dark-track-color: Color of the scrollbar track in dark mode
 * @prop --ods-scrollbar-dark-handle-hover: Color of hovered scrollbar handle in dark mode
 * @prop --ods-scrollbar-width: The width of the vertical / height of the horizontal scrollbar
 * @prop --ods-scrollbar-border-radius: The border radius of the scrollbar
 */
/**
 * Do not edit directly
 * Generated on Tue, 17 Mar 2026 11:11:42 GMT
 */
/* roboto-100 - latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: local("Roboto Light"), local("Roboto-Light"), url("./roboto-v30-latin-ext-100-CV7RA-pD.woff2") format("woff2"), url("./roboto-v30-latin-ext-100-COyQloMa.woff") format("woff"), url("./roboto-v30-latin-ext-100-BjlukQEM.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* roboto-100italic - latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: local("Roboto Light Italic"), local("Roboto-Light-Italic"), url("./roboto-v30-latin-ext-100italic-B_4y5QOt.woff2") format("woff2"), url("./roboto-v30-latin-ext-100italic-DMgYL9nH.woff") format("woff"), url("./roboto-v30-latin-ext-100italic-DqYCYTnB.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* roboto-300 - latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url("./roboto-v30-latin-ext-300-D5yz30MT.woff2") format("woff2"), url("./roboto-v30-latin-ext-300-CUV-2apt.woff") format("woff"), url("./roboto-v30-latin-ext-300-Di0-jsFI.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* roboto-300italic - latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: local("Roboto Light Italic"), local("Roboto-Light-Italic"), url("./roboto-v30-latin-ext-300italic-COouYMjN.woff2") format("woff2"), url("./roboto-v30-latin-ext-300italic-Dr9jUUOm.woff") format("woff"), url("./roboto-v30-latin-ext-300italic-DftXAoQK.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* roboto-regular - latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("./roboto-v30-latin-ext-regular-BLJ8WAw_.woff2") format("woff2"), url("./roboto-v30-latin-ext-regular-gAMVWhvX.woff") format("woff"), url("./roboto-v30-latin-ext-regular-BAygITgN.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* roboto-italic - latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("./roboto-v30-latin-ext-italic-CZ0W8DUq.woff2") format("woff2"), url("./roboto-v30-latin-ext-italic-9QKcL7J6.woff") format("woff"), url("./roboto-v30-latin-ext-italic-DGMGsh5l.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* roboto-500 - latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("./roboto-v30-latin-ext-500-DKe-MFq0.woff2") format("woff2"), url("./roboto-v30-latin-ext-500-DsxnuXHA.woff") format("woff"), url("./roboto-v30-latin-ext-500-CJgRCQpL.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* roboto-500italic - latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("./roboto-v30-latin-ext-500italic-DWxtFNmX.woff2") format("woff2"), url("./roboto-v30-latin-ext-500italic-93SYqtWy.woff") format("woff"), url("./roboto-v30-latin-ext-500italic-BQBIm8KA.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* roboto-700 - latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("./roboto-v30-latin-ext-700-BejlJAwu.woff2") format("woff2"), url("./roboto-v30-latin-ext-700-CWlg50QX.woff") format("woff"), url("./roboto-v30-latin-ext-700-BbA_2J-P.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* roboto-700italic - latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("./roboto-v30-latin-ext-700italic-Bz8Y6QsH.woff2") format("woff2"), url("./roboto-v30-latin-ext-700italic-D1bFknZZ.woff") format("woff"), url("./roboto-v30-latin-ext-700italic-CHslm4kZ.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* roboto-900 - latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: local("Roboto Black"), local("Roboto-Black"), url("./roboto-v30-latin-ext-900-ovsWqwkA.woff2") format("woff2"), url("./roboto-v30-latin-ext-900-B41TcID0.woff") format("woff"), url("./roboto-v30-latin-ext-900-BN6cz1K6.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* roboto-900italic - latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("./roboto-v30-latin-ext-900italic-D2InwFi8.woff2") format("woff2"), url("./roboto-v30-latin-ext-900italic-ndmwYQnl.woff") format("woff"), url("./roboto-v30-latin-ext-900italic-BWQ-D2Q8.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* sfprotext-bold */
@font-face {
  font-family: "SFProText";
  font-weight: bold;
  src: local("SFProText Bold"), local("SFProText-Bold"), url("./sfprotext-bold-D21pYIN4.woff2") format("woff2"), url("./sfprotext-bold-DQf1MwfD.woff") format("woff"), url("./sfprotext-bold-xE-p46bC.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* INTER */
@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./InterVariable-DiVDrmQJ.woff2") format("woff2");
}
@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("./InterVariable-Italic-FCBEiFp6.woff2") format("woff2");
}
/* static fonts */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("./Inter-Thin-DzN99i8q.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("./Inter-ThinItalic-DxehbPeK.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("./Inter-ExtraLight-7kXoOaX_.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("./Inter-ExtraLightItalic-Ox17i_b0.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("./Inter-Light-14LG-y7V.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("./Inter-LightItalic-iBr7p6CH.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./Inter-Regular-COLGFB3M.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./Inter-Italic-Bm_w1qmz.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./Inter-Medium-CDhBSFyE.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("./Inter-MediumItalic-BqDObnQN.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./Inter-SemiBold-BAEEcJ4E.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("./Inter-SemiBoldItalic-B7KOJJiL.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./Inter-Bold-BOs3KVhN.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("./Inter-BoldItalic-Cabj1n7x.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("./Inter-ExtraBold-BUaDDWMS.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("./Inter-ExtraBoldItalic-efVpd_pq.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("./Inter-Black-BJbWHna9.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("./Inter-BlackItalic-D3PIgx41.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("./InterDisplay-Thin-BT9qaRpT.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("./InterDisplay-ThinItalic-DtFR0WUP.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("./InterDisplay-ExtraLight-B3-UpUq4.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("./InterDisplay-ExtraLightItalic-C8b3Z3Tc.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("./InterDisplay-Light-DQj7ly9y.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("./InterDisplay-LightItalic-Bbt9QreW.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./InterDisplay-Regular-CHKdHLF4.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./InterDisplay-Italic-Pk5cUfHi.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./InterDisplay-Medium-CYGNL_ty.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("./InterDisplay-MediumItalic-hd-DtBFz.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./InterDisplay-SemiBold--Mm3ZPsY.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("./InterDisplay-SemiBoldItalic-KqvXNdTp.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./InterDisplay-Bold-BpCEuk9N.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("./InterDisplay-BoldItalic-2f5-4TWO.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("./InterDisplay-ExtraBold-CTk6ni5a.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("./InterDisplay-ExtraBoldItalic-7uYEMdJ3.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("./InterDisplay-Black--Thh5XZM.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("./InterDisplay-BlackItalic-CeOspfgx.woff2") format("woff2");
}
usu-pagination {
  --ods-link-color-default: var(--ods-base-colors-brand-primary-700);
  --ods-link-color-disabled: var(--ods-base-colors-neutral-400);
  --ods-link-color-hover: var(--ods-base-colors-brand-primary-600);
}

h1,
h2,
h3,
h4,
h5,
h6,
pre,
blockquote,
fieldset,
p {
  margin: 0;
}

.action-bar {
  align-items: center;
  background-color: var(--ods-action-bar-background);
  border: 1px solid rgba(8, 36, 57, 0.15);
  border-radius: 8px;
  bottom: 32px;
  box-shadow: 2px 2px 12px 0 rgba(8, 36, 57, 0.15);
  box-sizing: border-box;
  display: none;
  height: 48px;
  justify-content: center;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  padding: 8px 16px;
  pointer-events: none;
  right: 0;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  visibility: hidden;
  width: min-content;
  z-index: 1000;
}
.action-bar .divider {
  background-color: var(--ods-action-bar-divider-color);
  border-radius: 0.5px;
  display: inline-block;
  height: 32px;
  margin: 0 16px;
  width: 1px;
}
.action-bar .selection-info {
  color: var(--ods-action-bar-selection-info-color);
  font-weight: var(--ods-base-tokens-font-weight-medium);
  width: max-content;
}
.action-bar .actions-section {
  display: flex;
  gap: 8px;
}
.action-bar .selection-control {
  margin-left: 16px;
}
.action-bar .app-icon.move-indicator {
  color: var(--ods-base-colors-brand-tertiary-300);
}
.action-bar .sr-only {
  left: -9999px;
  position: absolute;
}
.action-bar.moveable {
  padding: 8px 16px 8px 4px;
}
.action-bar.moveable .selection-info {
  margin-left: 8px;
}
.action-bar.visible {
  display: inline-flex;
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.action-bar.absolute {
  position: absolute;
}
.action-bar.fixed {
  position: fixed;
}

.action-card {
  padding: var(--ods-base-tokens-padding-300);
  margin: 0 !important;
  border-radius: var(--ods-base-tokens-radius-large);
  max-width: 465px;
}
.action-card--danger {
  background: var(--ods-base-tokens-chart-color-sequential-pink-09) !important;
}
.action-card header {
  margin-bottom: 16px;
}
.action-card__action {
  margin-top: 24px;
}

.info-wrapper {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.info-wrapper .app-symbol {
  height: 2rem;
  border-radius: 0.5rem;
  object-fit: contain;
}
.info-wrapper .logo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 40px;
  min-width: 40px;
  padding: 0.25rem 0.75rem;
  border-radius: var(--ods-header-item-border-radius);
  outline: none !important;
  text-decoration: none;
  cursor: pointer;
}
.info-wrapper .logo-link:hover {
  background-color: var(--ods-header-item-background-hover);
}
.info-wrapper .logo-link:active {
  background-color: var(--ods-header-item-background-active);
}
.info-wrapper .logo-link .company-logo {
  height: 1.5rem;
  width: auto;
}
.info-wrapper .app-name {
  overflow: hidden;
  color: var(--ods-header-app-name-color);
  font-weight: var(--ods-base-tokens-font-weight-medium);
  letter-spacing: 0.18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.menu-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  gap: 0.5rem;
}

.layout-breadcrumbs .MuiBreadcrumbs-separator {
  color: var(--ods-breadcrumb-separator-color);
  font-weight: var(--ods-base-tokens-font-weight-medium);
}
.layout-breadcrumbs__item {
  margin: 0;
}
.layout-breadcrumbs .MuiLink-root.layout-breadcrumbs__link {
  cursor: pointer;
  text-decoration: none;
  color: var(--ods-breadcrumb-color-default);
}
.layout-breadcrumbs .MuiLink-root.layout-breadcrumbs__link:visited, .layout-breadcrumbs .MuiLink-root.layout-breadcrumbs__link:active {
  color: var(--ods-breadcrumb-color-default);
  text-decoration: none;
}
.layout-breadcrumbs .MuiLink-root.layout-breadcrumbs__link:hover {
  color: var(--ods-breadcrumb-color-hover);
  text-decoration: none;
}
.layout-breadcrumbs .MuiLink-root.layout-breadcrumbs__link:focus, .layout-breadcrumbs .MuiLink-root.layout-breadcrumbs__link:focus-visible {
  color: var(--ods-breadcrumb-color-focus);
  text-decoration: none;
}
.layout-breadcrumbs .MuiLink-root.layout-breadcrumbs__link:hover .layout-breadcrumbs__text--default {
  color: var(--ods-breadcrumb-color-hover);
}
.layout-breadcrumbs .MuiLink-root.layout-breadcrumbs__link:focus .layout-breadcrumbs__text--default, .layout-breadcrumbs .MuiLink-root.layout-breadcrumbs__link:focus-visible .layout-breadcrumbs__text--default {
  color: var(--ods-breadcrumb-color-focus);
}
.layout-breadcrumbs__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  font-size: var(--ods-base-tokens-font-size-small);
  font-weight: var(--ods-base-tokens-font-weight-medium);
}
.layout-breadcrumbs__text--default {
  color: var(--ods-breadcrumb-color-default);
}
.layout-breadcrumbs__text--active {
  color: var(--ods-breadcrumb-color-active);
}

.content-header {
  display: block;
  background: var(--ods-content-header-header-background);
  padding: 32px 0;
}
.content-header.transparent {
  background: transparent;
}
.content-header .breadcrumb {
  cursor: default;
}
.content-header .breadcrumb a {
  cursor: pointer;
}

.icon-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 11px;
}
.icon-badge--blue {
  background-color: var(--ods-base-tokens-chart-color-sequential-blue-08);
  color: var(--ods-base-tokens-icon-color-default);
}
.icon-badge--green {
  background-color: var(--ods-base-tokens-messaging-success-background);
  color: var(--ods-base-tokens-chart-color-qualitative-08);
}
.icon-badge--purple {
  background-color: var(--ods-base-tokens-chart-color-sequential-purple-08);
  color: var(--ods-base-tokens-chart-color-sequential-purple-01);
}
.icon-badge--red {
  background-color: var(--ods-base-tokens-chart-color-sequential-pink-08);
  color: var(--ods-base-tokens-chart-color-sequential-pink-02);
}
.icon-badge--yellow {
  background-color: var(--ods-base-tokens-chart-color-diverging-yellow-teal-07);
  color: var(--ods-base-tokens-messaging-warning-font);
}

[data-flex=row],
[data-flex=col] {
  display: flex;
}
[data-flex=row][data-inline=true],
[data-flex=col][data-inline=true] {
  display: inline-flex;
}

[data-flex=row] {
  flex-direction: row;
}
[data-flex=row][data-reverse=true] {
  flex-direction: row-reverse;
}

[data-flex=col] {
  flex-direction: column;
}
[data-flex=col][data-reverse=true] {
  flex-direction: column-reverse;
}

.info-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 4px 16px;
}
.info-grid__label {
  color: var(--ods-text-small-color-light);
}

h4.with_border_bottom {
  border-bottom: 1px solid var(--ods-text-h4-color-light);
}

.no-data-text {
  color: #9caab1;
}

.c-list-view__left {
  display: flex;
  flex-direction: column;
  height: calc(100% - 30px);
  margin: 30px 40px 0 24px;
}
.c-list-view__left--actions {
  margin-bottom: 18px;
}
.c-list-view__right {
  display: flex;
  flex-direction: column;
  height: calc(100% - 30px);
  margin: 30px 24px 0 40px;
}

.c-list-item {
  background: #fff;
  font-size: 14px;
  padding: 16px 24px;
}
.c-list-item:not(:last-child) {
  border-bottom: solid 1px var(--ods-button-secondary-background-focus);
}
.c-list-item.withAction:hover {
  background: var(--ods-button-secondary-background-focus);
  cursor: pointer;
}
.c-list-item.withAction:active, .c-list-item.withAction.selected {
  background: var(--ods-radio-button-background-selected-active);
}
.c-list-item.small {
  padding: 10px 12px;
}
.c-list-item.small .c-li-b__content--label {
  font-size: 12px;
}
.c-list-item__header {
  align-items: center;
  color: var(--ods-base-colors-brand-primary-700);
  display: flex;
  font-weight: 500;
  margin-bottom: 4px;
}
.c-list-item__header .app-icon {
  margin-right: 8px;
}
.c-list-item__header .app-icon + .c-list-item__header--label {
  margin-left: 0;
}
.c-list-item__header--label {
  margin-left: 24px;
  margin-right: auto;
}
.c-list-item__header--details-item {
  font-size: 10px;
}
.c-list-item__body {
  display: flex;
}
.c-list-item__body .app-icon {
  flex-shrink: 0;
  margin-right: 8px;
  margin-top: 2px;
}
.c-list-item__body .app-icon + .c-li-b__content {
  margin-left: 0;
}
.c-list-item__body .c-li-b__content {
  margin-left: 24px;
}
.c-list-item__body .c-li-b__content--label {
  color: var(--ods-base-tokens-font-color-grey);
}
.c-list-item__body .c-li-b__content--details {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -4px;
  margin-top: 8px;
}
.c-list-item__body .c-li-b__content--details-item {
  color: var(--ods-base-tokens-font-color-grey);
  font-size: 12px;
  font-weight: 500;
  margin: 0 16px 4px 0;
  white-space: nowrap;
}
.c-list-item__body .c-li-b__content--details-item span {
  margin-right: 4px;
}

.dashboard-grid {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: 1fr;
}
.dashboard-grid[data-empty=true] {
  grid-template-columns: 1fr !important;
}
@media screen and (min-width: 1024px) {
  .dashboard-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .dashboard-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1440px) {
  .dashboard-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 2048px) {
  .dashboard-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.dashboard-grid__item {
  --ods-widget-padding: 18px;
}

ul[role=tree] .group-item {
  cursor: pointer;
  height: 35px;
  padding: 8px;
  padding-inline-start: var(--label-offset);
  width: 100%;
}
ul[role=tree] .group-item.selected, ul[role=tree] .group-item:hover {
  background: var(--ods-list-item-background-active);
}

.overlay__dialog {
  background: var(--ods-modal-dialog-background-default);
  border-radius: var(--ods-modal-dialog-border-radius);
  box-shadow: var(--ods-modal-dialog-shadow);
  display: flex;
  flex-direction: column;
  max-width: calc(100vw - 72px);
  min-height: 50px;
  overflow: hidden;
  padding: 32px;
}
.overlay__dialog.default .icon-wrapper {
  color: var(--ods-modal-dialog-header-color-default);
}
.overlay__dialog.warning .icon-wrapper {
  color: var(--ods-modal-dialog-header-color-warning-icon-background);
}
.overlay__dialog--content.with-icon {
  display: flex;
}
.overlay__dialog--content .icon-wrapper {
  margin: 4px 16px 0 0;
}
.overlay__dialog--content > header:first-of-type {
  align-items: center;
  display: flex;
  padding-bottom: 4px;
}
.overlay__dialog--content--body--body:where(:not(:only-child)) {
  padding-top: 0;
}
.overlay__drawer {
  --default-overlay-padding: 24px;
  background: var(--ods-drawer-dialog-background-default);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.overlay__drawer > header:first-of-type {
  padding: 40px var(--default-overlay-padding) var(--default-overlay-padding) var(--default-overlay-padding);
}
.overlay__drawer--body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  padding: var(--default-overlay-padding);
  overflow: auto;
}
.overlay__drawer--body:where(:not(:only-child)) {
  padding-top: 0;
}
.overlay__drawer--footer {
  padding: var(--default-overlay-padding);
}
.overlay__close-btn {
  position: absolute !important;
  right: 8px;
  top: 8px;
}

.page-layout {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  width: 100%;
}
.page-layout > .MuiAppBar-root {
  position: relative;
  z-index: 2;
}
.page-layout .page-content {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  z-index: 1;
  width: 100%;
}
.page-layout .page-content .navigation-wrapper {
  flex-shrink: 0;
}
.page-layout .page-content .content-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-shrink: 0;
  height: 100%;
  min-height: 100%;
  min-width: 800px;
  overflow: auto;
  padding: 0 24px;
}
.page-layout .page-content .content-wrapper > .splash {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
}

.select-filter-dropdown__menu-list {
  min-width: 175px;
  max-width: 300px;
  overflow: hidden;
  padding-top: 16px;
  padding-bottom: 16px;
}
.select-filter-dropdown__item {
  width: 100%;
  gap: 8px;
  padding: 2px 16px;
}
.select-filter-dropdown__item.Mui-selected {
  background-color: transparent !important;
}
.select-filter-dropdown__item.Mui-selected:hover {
  background-color: var(--ods-common-select-select-background-hover) !important;
}
.select-filter-dropdown__checkbox {
  flex-shrink: 0;
}
.select-filter-dropdown__divider {
  margin: 8px 16px !important;
}
.select-filter-dropdown__item-text-wrap {
  min-width: 0;
}
.select-filter-dropdown__item-text-wrap p {
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.select-filter-dropdown__actions-label {
  padding: 8px 16px 4px;
}
.select-filter-dropdown__clear-item {
  gap: 8px;
}
.select-filter-dropdown__clear-icon {
  margin-right: 0 !important;
}

.layout-sidebar {
  height: 100%;
  transition: width var(--ods-navigation-animation-transition);
  width: var(--ods-navigation-width-regular);
}
.layout-sidebar .MuiDrawer-paper {
  box-sizing: border-box;
  padding: 40px 8px 16px 8px;
}
.layout-sidebar .sidebar-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 8px;
}
.layout-sidebar .sidebar-item,
.layout-sidebar .sub-item {
  position: relative;
  margin-bottom: 8px;
}
.layout-sidebar .sidebar-item .MuiListItemIcon-root,
.layout-sidebar .sub-item .MuiListItemIcon-root {
  margin-right: 8px;
}
.layout-sidebar .sidebar-item::before,
.layout-sidebar .sub-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2px;
  height: 24px;
  border-radius: 10px;
}
.layout-sidebar .sidebar-item.Mui-selected::before,
.layout-sidebar .sub-item.Mui-selected::before {
  opacity: 1;
  background-color: var(--ods-base-tokens-icon-color-default);
}
.layout-sidebar .sidebar-item {
  padding: 12px;
}
.layout-sidebar .sub-item {
  padding: 8px 8px 8px 12px;
}
.layout-sidebar .sub-item .MuiListItemIcon-root, .layout-sidebar .sub-item .app-icon {
  width: 20px;
  height: 20px;
}
.layout-sidebar .sidebar-link {
  text-decoration: none;
}
.layout-sidebar .sidebar-link:hover, .layout-sidebar .sidebar-link:focus, .layout-sidebar .sidebar-link:focus-visible {
  text-decoration: none;
}
.layout-sidebar .sidebar-footer {
  padding: 8px;
}
.layout-sidebar .sidebar-footer-toggle {
  --sidebar-toggle-rotation: 0deg;
  margin-top: 8px;
  min-height: var(--ods-navigation-item-height);
  padding: 12px;
}
.layout-sidebar .sidebar-footer-toggle .app-icon {
  transform: rotate(var(--sidebar-toggle-rotation)) scale(1);
  transform-origin: center;
  transition: transform var(--ods-navigation-animation-transition);
}
.layout-sidebar .sidebar-footer-label .MuiListItemText-primary,
.layout-sidebar .sidebar-item-label .MuiListItemText-primary {
  color: inherit;
}
.layout-sidebar .sidebar-footer-label {
  overflow: hidden;
  white-space: nowrap;
  transition: opacity var(--ods-navigation-animation-transition), max-width var(--ods-navigation-animation-transition);
  margin: 0;
}
.layout-sidebar .sub-item .sidebar-item-label .MuiListItemText-primary {
  font-size: var(--ods-base-tokens-font-size-body);
}
.layout-sidebar .sidebar-item .sidebar-item-label {
  overflow: hidden;
  white-space: nowrap;
  transition: opacity var(--ods-navigation-animation-transition), max-width var(--ods-navigation-animation-transition);
  margin: 0;
  max-width: 200px;
  opacity: 1;
}
.layout-sidebar .sidebar-item .sidebar-item-label .MuiListItemText-primary {
  line-height: 24px;
}
.layout-sidebar .sidebar-toggle-icon {
  overflow: hidden;
  white-space: nowrap;
  transition: opacity var(--ods-navigation-animation-transition), max-width var(--ods-navigation-animation-transition);
  max-width: 24px;
  opacity: 1;
}
.layout-sidebar .sidebar-toggle-icon .app-icon--small {
  transition: transform var(--ods-navigation-animation-transition);
  transform: rotate(0deg);
}
.layout-sidebar .sidebar-toggle-icon .app-icon--small.open {
  transform: rotate(180deg);
}
.layout-sidebar .sidebar-nested {
  padding-left: 36px;
}
.layout-sidebar.collapsed, .layout-sidebar.collapsed .MuiDrawer-paper {
  width: var(--ods-navigation-width-collapsed);
}
.layout-sidebar.collapsed .sidebar-footer-toggle, .layout-sidebar.collapsed .MuiDrawer-paper .sidebar-footer-toggle {
  --sidebar-toggle-rotation: 180deg;
}
.layout-sidebar.collapsed .sidebar-item .sidebar-item-label,
.layout-sidebar.collapsed .sidebar-toggle-icon, .layout-sidebar.collapsed .MuiDrawer-paper .sidebar-item .sidebar-item-label,
.layout-sidebar.collapsed .MuiDrawer-paper .sidebar-toggle-icon {
  max-width: 0;
  opacity: 0;
}
.layout-sidebar.collapsed .sidebar-footer-label, .layout-sidebar.collapsed .MuiDrawer-paper .sidebar-footer-label {
  max-width: 0;
}

.sidebar-flyout-menu .sidebar-flyout-item {
  position: relative;
}
.sidebar-flyout-menu .sidebar-flyout-item .MuiListItemText-primary {
  color: inherit;
  font-size: var(--ods-base-tokens-font-size-body);
}
.sidebar-flyout-menu .sidebar-flyout-title {
  padding: 6px 10px;
}
.sidebar-flyout-menu .sidebar-flyout-title .MuiListItemText-primary {
  color: var(--ods-base-tokens-font-color-default);
  font-size: var(--ods-base-tokens-font-size-body);
  font-weight: var(--ods-base-tokens-font-weight-bold);
}

.table-container {
  position: relative;
  border: 1px solid var(--ods-table-border-color);
  border-radius: var(--ods-table-border-radius);
}
.table-container--borderless {
  border: none;
}
.table-container--scrollable .table-container__wrapper {
  max-height: var(--table-scroll-height);
  overflow: auto;
}
.table-container--without-pagination .table-container__wrapper table tbody tr:last-child td {
  border-bottom: none;
}
.table-container--without-pagination .table-container__wrapper table tbody tr:last-child td:first-child {
  border-bottom-left-radius: var(--ods-table-border-radius);
}
.table-container--without-pagination .table-container__wrapper table tbody tr:last-child td:last-child {
  border-bottom-right-radius: var(--ods-table-border-radius);
}
.table-container__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--ods-table-title-bar-height);
  padding: var(--ods-table-title-bar-padding);
}
.table-container__header-caption {
  color: var(--ods-table-title-bar-caption-color);
  font-size: var(--ods-table-title-bar-caption-font-size);
  font-weight: var(--ods-table-title-bar-caption-font-weight);
}
.table-container__header-buttons {
  display: flex;
  gap: 24px;
}
.table-container__body {
  position: relative;
}
.table-container__body .table-container__wrapper table {
  --cell-border: 1px solid var(--ods-table-border-color);
  width: 100%;
  border-spacing: 0;
  color: var(--ods-table-body-font-color-default);
  font-size: 14px;
  text-align: left;
}
.table-container__body .table-container__wrapper table.scrollable thead {
  position: sticky;
  z-index: 2;
}
.table-container__body .table-container__wrapper table[data-size=sm] tr {
  height: 40px;
}
.table-container__body .table-container__wrapper table[data-size=nm] tr {
  height: 48px;
}
.table-container__body .table-container__wrapper table[data-size=lg] tr {
  height: 56px;
}
.table-container__body .table-container__wrapper table th.frozen,
.table-container__body .table-container__wrapper table td.frozen {
  position: sticky;
  z-index: 1;
}
.table-container__body .table-container__wrapper table th.frozen-left,
.table-container__body .table-container__wrapper table td.frozen-left {
  left: 0;
}
.table-container__body .table-container__wrapper table th.frozen-right,
.table-container__body .table-container__wrapper table td.frozen-right {
  right: 0;
}
.table-container__body .table-container__wrapper table thead {
  top: 0;
}
.table-container__body .table-container__wrapper table thead th {
  padding: var(--ods-table-cell-padding);
  border-bottom: var(--cell-border);
  border-right: var(--cell-border);
  background: #f5f5f5;
  transition: box-shadow 0.2s;
}
.table-container__body .table-container__wrapper table thead th:last-child {
  border-right: none;
}
.table-container__body .table-container__wrapper table thead th div {
  display: flex;
  align-items: center;
}
.table-container__body .table-container__wrapper table thead th div .sort {
  margin-left: 4px;
}
.table-container__body .table-container__wrapper table thead th.expand {
  width: 28px;
}
.table-container__body .table-container__wrapper table thead th.select {
  width: 24px;
}
.table-container__body .table-container__wrapper table tbody tr {
  transition: box-shadow 0.2s;
}
.table-container__body .table-container__wrapper table tbody tr:hover:not(.expander), .table-container__body .table-container__wrapper table tbody tr:hover td.frozen {
  background: #f0f0f0;
}
.table-container__body .table-container__wrapper table tbody tr.selected:not(:hover), .table-container__body .table-container__wrapper table tbody tr.selected:not(:hover) td.frozen {
  background: var(--ods-base-colors-brand-primary-100);
}
.table-container__body .table-container__wrapper table tbody tr.expander {
  cursor: auto;
}
.table-container__body .table-container__wrapper table tbody tr td {
  padding: var(--ods-table-cell-padding);
  border-bottom: var(--cell-border);
}
.table-container__body .table-container__wrapper table tbody tr td .table-role-label {
  display: inline-flex;
  align-items: center;
  padding-left: 8px;
}
.table-container__body .table-container__wrapper table tbody tr td.frozen {
  background: #ffffff;
}
.table-container__body .table-container__footer {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  height: var(--ods-table-footer-height);
  padding: var(--ods-table-footer-padding);
}
.table-container__body .table-container__footer-info {
  color: #4f646c;
  font-size: 12px;
  font-weight: 500;
}
.table-container__body .table-container__footer-pagination {
  display: flex;
  position: absolute;
  left: 50%;
  gap: 0.5rem;
  transform: translateX(-50%);
}

.user-menu__info-container {
  text-align: left;
}
.user-menu__info-container--username {
  color: var(--ods-user-menu-color-default);
  font-size: var(--ods-base-tokens-font-size-h4);
  font-weight: var(--ods-base-tokens-font-weight-medium);
  line-height: var(--ods-base-tokens-font-line-height-h4);
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-menu__info-container--tenant-name {
  font-size: var(--ods-base-tokens-font-size-small);
  font-weight: var(--ods-base-tokens-font-weight-regular);
  line-height: var(--ods-base-tokens-font-line-height-small);
}
.user-menu .app-icon {
  margin: 0 6px 0 8px;
  transition: transform var(--ods-select-toggle-transition), -webkit-transform var(--ods-select-toggle-transition);
  transform: rotate(0deg);
  align-self: start;
}
.user-menu .app-icon.open {
  transform: rotate(180deg);
}
.user-menu .app-icon.without-tenant {
  align-self: center;
}

.tenants-container {
  overflow: auto;
  max-height: 350px;
}

.status-tag {
  align-items: center;
  border: 1px solid;
  border-radius: 12px;
  display: inline-flex;
  font-weight: 500;
  line-height: 1.4;
  max-width: 100%;
  padding: 0 12px;
}
.status-tag--loading {
  border-color: var(--ods-tag-background-medium);
}
.status-tag--loading .status-tag__circle {
  background-color: var(--ods-base-tokens-messaging-warning-foreground);
}
.status-tag--loading .status-tag__label {
  color: var(--ods-base-tokens-messaging-warning-foreground);
}
.status-tag--connected {
  border-color: var(--ods-tag-background-very-low);
}
.status-tag--connected .status-tag__circle {
  background-color: var(--ods-base-tokens-messaging-success-foreground);
}
.status-tag--connected .status-tag__label {
  color: var(--ods-base-tokens-messaging-success-foreground);
}
.status-tag--warning {
  border-color: var(--ods-tag-background-high);
}
.status-tag--warning .status-tag__circle {
  background-color: var(--ods-base-colors-global-orange-400);
}
.status-tag--warning .status-tag__label {
  color: var(--ods-base-colors-global-orange-400);
}
.status-tag--error {
  border-color: var(--ods-tag-background-very-high);
}
.status-tag--error .status-tag__circle {
  background-color: var(--ods-base-tokens-messaging-error-foreground);
}
.status-tag--error .status-tag__label {
  color: var(--ods-base-tokens-messaging-error-foreground);
}
.status-tag--blocked {
  border-color: #a2a2a2;
}
.status-tag--blocked .status-tag__circle {
  background-color: var(--ods-base-colors-neutral-400);
}
.status-tag--blocked .status-tag__label {
  color: var(--ods-base-colors-neutral-400);
}
.status-tag--info {
  border-color: #9dd1dc;
}
.status-tag--info .status-tag__circle {
  background-color: #55aec4;
}
.status-tag--info .status-tag__label {
  color: #55aec4;
}
.status-tag--manual {
  border-color: #9dd1dc;
}
.status-tag--manual .status-tag__circle {
  background-color: #55aec4;
}
.status-tag--manual .status-tag__label {
  color: #55aec4;
}
.status-tag__circle {
  border-radius: 100%;
  height: 11px;
  margin-right: 8px;
  width: 11px;
}

.application-type-image {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ods-base-tokens-shadow-border-color-1);
  background: var(--ods-base-colors-background-light-000);
  box-sizing: border-box;
}
.application-type-image.application-type-image--small {
  box-sizing: content-box;
  width: 24px;
  min-width: 24px;
  height: 24px;
  padding: 4px;
  border-radius: 8px;
}
.application-type-image.application-type-image--large {
  width: 50px;
  height: 50px;
  padding: 8px;
  border-radius: 12px;
}
.application-type-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.application-type-image img.loading {
  display: none;
}

.application-connect-wrapper {
  gap: 1.5rem;
  height: 100%;
  margin-top: 20px;
  min-height: 0;
  width: 100%;
}
.application-connect-wrapper img.usu-logo {
  height: 32px;
  width: auto;
}

.application-connect-form-col {
  flex: 1 1 100%;
  height: 100%;
  min-height: 0;
}
.application-connect-form-col.is-expanded {
  flex: 0 0 calc(40% - 12px);
}

.application-connect-form-wrapper {
  flex: 1;
  height: 100%;
  min-height: 0;
}

.application-connect-guide-col {
  display: none;
  flex: 1 1 60%;
  height: 100%;
  min-height: 0;
}
.application-connect-guide-col.is-expanded {
  display: flex;
}

.application-connect-guide {
  background: var(--ods-base-colors-background-light-050);
  border-radius: 8px;
  height: 100%;
}

.application-connect-guide-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  height: 100%;
  min-width: 0;
  padding: 1.5rem;
}
.application-connect-guide-content-wrapper h3 {
  color: var(--ods-base-colors-neutral-800);
  font-size: 1.25rem;
  margin: 0;
}
.application-connect-guide-content-wrapper .application-connect-guide-content {
  color: var(--ods-base-colors-neutral-700);
  flex: 1;
  height: 100%;
  hyphens: auto;
  max-height: 600px;
  max-width: 100%;
  min-height: 0;
  overflow-wrap: anywhere;
  overflow-y: auto;
  padding-right: 0.5rem;
  width: 100%;
}
.application-connect-guide-content-wrapper .application-connect-guide-content::-webkit-scrollbar, .application-connect-guide-content-wrapper .application-connect-guide-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.application-connect-guide-content-wrapper .guide-link {
  font-weight: var(--ods-base-tokens-font-weight-medium);
}
.application-connect-guide-content-wrapper .guide-link:hover {
  text-decoration: underline;
}

.txt-b {
  font-weight: bold;
}

.txt-n {
  font-weight: normal;
}

.txt-i {
  font-style: italic;
}

.txt-u {
  text-decoration: underline;
}

.txt-font-mono {
  font-family: monospace;
}

.txt-ws-n {
  white-space: normal;
}

.txt-ws-p {
  white-space: pre;
}

.txt-ws-pw {
  white-space: pre-wrap;
}

.txt-c-n {
  color: var(--ods-badge-background-default);
}

.txt-c-pr {
  color: var(--ods-base-colors-brand-primary-600);
}

.txt-c-success {
  color: var(--ods-base-colors-messaging-success-700);
}

.txt-c-info {
  color: var(--ods-base-colors-messaging-information-700);
}

.txt-c-error {
  color: var(--ods-base-colors-messaging-error-700);
}

.txt-c-warning {
  color: var(--ods-base-colors-messaging-warning-700);
}

.txt-sm {
  font-size: var(--ods-base-tokens-font-size-small);
}

.txt-nm {
  font-size: var(--ods-base-tokens-font-size-body);
}

.txt-md {
  font-size: var(--ods-base-tokens-font-size-h4);
}

.txt-lg {
  font-size: var(--ods-base-tokens-font-size-h3);
}

.txt-xl {
  font-size: var(--ods-base-tokens-font-size-h2);
}

.txt-xxl {
  font-size: var(--ods-base-tokens-font-size-h1);
}

.txt-ta-l {
  text-align: left;
}

.txt-ta-c {
  text-align: center;
}

.txt-ta-r {
  text-align: right;
}

.txt-ta-j {
  text-align: justify;
}

.pd-0 {
  padding: 0;
}

.pd-xs {
  padding: 4px;
}

.pd-sm {
  padding: 8px;
}

.pd-nm {
  padding: 16px;
}

.pd-md {
  padding: 24px;
}

.pd-lg {
  padding: 32px;
}

.pd-xl {
  padding: 38px;
}

.pd-h-0 {
  padding-left: 0;
  padding-right: 0;
}

.pd-h-xs {
  padding-left: 4px;
  padding-right: 4px;
}

.pd-h-sm {
  padding-left: 8px;
  padding-right: 8px;
}

.pd-h-nm {
  padding-left: 16px;
  padding-right: 16px;
}

.pd-h-md {
  padding-left: 24px;
  padding-right: 24px;
}

.pd-h-lg {
  padding-left: 32px;
  padding-right: 32px;
}

.pd-h-xl {
  padding-left: 38px;
  padding-right: 38px;
}

.pd-v-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.pd-v-xs {
  padding-top: 4px;
  padding-bottom: 4px;
}

.pd-v-sm {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pd-v-nm {
  padding-top: 16px;
  padding-bottom: 16px;
}

.pd-v-md {
  padding-top: 24px;
  padding-bottom: 24px;
}

.pd-v-lg {
  padding-top: 32px;
  padding-bottom: 32px;
}

.pd-v-xl {
  padding-top: 38px;
  padding-bottom: 38px;
}

.pd-t-0 {
  padding-top: 0;
}

.pd-t-xs {
  padding-top: 4px;
}

.pd-t-sm {
  padding-top: 8px;
}

.pd-t-nm {
  padding-top: 16px;
}

.pd-t-md {
  padding-top: 24px;
}

.pd-t-lg {
  padding-top: 32px;
}

.pd-t-xl {
  padding-top: 38px;
}

.pd-r-0 {
  padding-right: 0;
}

.pd-r-xs {
  padding-right: 4px;
}

.pd-r-sm {
  padding-right: 8px;
}

.pd-r-nm {
  padding-right: 16px;
}

.pd-r-md {
  padding-right: 24px;
}

.pd-r-lg {
  padding-right: 32px;
}

.pd-r-xl {
  padding-right: 38px;
}

.pd-b-0 {
  padding-bottom: 0;
}

.pd-b-xs {
  padding-bottom: 4px;
}

.pd-b-sm {
  padding-bottom: 8px;
}

.pd-b-nm {
  padding-bottom: 16px;
}

.pd-b-md {
  padding-bottom: 24px;
}

.pd-b-lg {
  padding-bottom: 32px;
}

.pd-b-xl {
  padding-bottom: 38px;
}

.pd-l-0 {
  padding-left: 0;
}

.pd-l-xs {
  padding-left: 4px;
}

.pd-l-sm {
  padding-left: 8px;
}

.pd-l-nm {
  padding-left: 16px;
}

.pd-l-md {
  padding-left: 24px;
}

.pd-l-lg {
  padding-left: 32px;
}

.pd-l-xl {
  padding-left: 38px;
}

.mg-0 {
  margin: 0;
}

.mg-a {
  margin: auto;
}

.mg-xs {
  margin: 4px;
}

.mg-sm {
  margin: 8px;
}

.mg-nm {
  margin: 16px;
}

.mg-md {
  margin: 24px;
}

.mg-lg {
  margin: 32px;
}

.mg-xl {
  margin: 38px;
}

.mg-h-0 {
  margin-left: 0;
  margin-right: 0;
}

.mg-h-a {
  margin-left: auto;
  margin-right: auto;
}

.mg-h-xs {
  margin-left: 4px;
  margin-right: 4px;
}

.mg-h-sm {
  margin-left: 8px;
  margin-right: 8px;
}

.mg-h-nm {
  margin-left: 16px;
  margin-right: 16px;
}

.mg-h-md {
  margin-left: 24px;
  margin-right: 24px;
}

.mg-h-lg {
  margin-left: 32px;
  margin-right: 32px;
}

.mg-h-xl {
  margin-left: 38px;
  margin-right: 38px;
}

.mg-v-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mg-v-a {
  margin-top: auto;
  margin-bottom: auto;
}

.mg-v-xs {
  margin-top: 4px;
  margin-bottom: 4px;
}

.mg-v-sm {
  margin-top: 8px;
  margin-bottom: 8px;
}

.mg-v-nm {
  margin-top: 16px;
  margin-bottom: 16px;
}

.mg-v-md {
  margin-top: 24px;
  margin-bottom: 24px;
}

.mg-v-lg {
  margin-top: 32px;
  margin-bottom: 32px;
}

.mg-v-xl {
  margin-top: 38px;
  margin-bottom: 38px;
}

.mg-t-0 {
  margin-top: 0;
}

.mg-t-a {
  margin-top: auto;
}

.mg-t-xs {
  margin-top: 4px;
}

.mg-t-sm {
  margin-top: 8px;
}

.mg-t-nm {
  margin-top: 16px;
}

.mg-t-md {
  margin-top: 24px;
}

.mg-t-lg {
  margin-top: 32px;
}

.mg-t-xl {
  margin-top: 38px;
}

.mg-r-0 {
  margin-right: 0;
}

.mg-r-a {
  margin-right: auto;
}

.mg-r-xs {
  margin-right: 4px;
}

.mg-r-sm {
  margin-right: 8px;
}

.mg-r-nm {
  margin-right: 16px;
}

.mg-r-md {
  margin-right: 24px;
}

.mg-r-lg {
  margin-right: 32px;
}

.mg-r-xl {
  margin-right: 38px;
}

.mg-b-0 {
  margin-bottom: 0;
}

.mg-b-a {
  margin-bottom: auto;
}

.mg-b-xs {
  margin-bottom: 4px;
}

.mg-b-sm {
  margin-bottom: 8px;
}

.mg-b-nm {
  margin-bottom: 16px;
}

.mg-b-md {
  margin-bottom: 24px;
}

.mg-b-lg {
  margin-bottom: 32px;
}

.mg-b-xl {
  margin-bottom: 38px;
}

.mg-l-0 {
  margin-left: 0;
}

.mg-l-a {
  margin-left: auto;
}

.mg-l-xs {
  margin-left: 4px;
}

.mg-l-sm {
  margin-left: 8px;
}

.mg-l-nm {
  margin-left: 16px;
}

.mg-l-md {
  margin-left: 24px;
}

.mg-l-lg {
  margin-left: 32px;
}

.mg-l-xl {
  margin-left: 38px;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-not-allowed {
  cursor: not-allowed;
  pointer-events: auto;
}

.table-fixed {
  table-layout: fixed;
}

.w-100 {
  width: 100px;
}

.w-120 {
  width: 120px;
}

.w-150 {
  width: 150px;
}

.w-200 {
  width: 200px;
}

.w-300 {
  width: 300px;
}

.f-r {
  float: right;
}

.f-l {
  float: left;
}

.o-h {
  overflow: hidden;
}

.o-a {
  overflow: auto;
}

.txt-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.app-horizon-tokens-theme {
  --font-font-heading-h1-bold: 700 30px/42px Roboto;
  --font-font-heading-h1-medium: 500 30px/42px Roboto;
  --font-font-heading-h1-regular: 400 30px/42px Roboto;
  --font-font-heading-h1-light: 300 30px/34px Roboto;
  --font-font-heading-h2-bold: 700 24px/34px Roboto;
  --font-font-heading-h2-medium: 500 24px/34px Roboto;
  --font-font-heading-h2-regular: 400 24px/34px Roboto;
  --font-font-heading-h2-light: 300 24px/34px Roboto;
  --font-font-heading-h3-bold: 700 18px/26px Roboto;
  --font-font-heading-h3-medium: 500 18px/26px Roboto;
  --font-font-heading-h3-regular: 400 18px/26px Roboto;
  --font-font-heading-h3-light: 300 18px/26px Roboto;
  --font-font-heading-h4-bold: 700 16px/22px Roboto;
  --font-font-heading-h4-medium: 500 16px/22px Roboto;
  --font-font-heading-h4-regular: 400 16px/22px Roboto;
  --font-font-heading-h4-light: 300 16px/22px Roboto;
  --font-font-body-bold: 700 14px/20px Roboto;
  --font-font-body-medium: 500 14px/20px Roboto;
  --font-font-body-regular: 400 14px/20px Roboto;
  --font-font-body-light: 300 14px/20px Roboto;
  --font-font-body-small-bold: 700 12px/16px Roboto;
  --font-font-body-small-medium: 500 12px/16px Roboto;
  --font-font-body-small-regular: 400 12px/16px Roboto;
  --font-font-body-small-light: 300 12px/16px Roboto;
  --effect-shadow-1: 0px 2px 6px 0px rgba(8, 36, 57, 0.05);
  --effect-shadow-2: 0px 2px 6px 0px rgba(8, 36, 57, 0.1);
  --effect-shadow-3: 2px 2px 12px 0px rgba(8, 36, 57, 0.15);
  --effect-shadow-4: 2px 2px 12px 0px rgba(8, 36, 57, 0.25);
  --effect-shadow-5: 2px 2px 12px 0px rgba(8, 36, 57, 0.4);
  --typography-font-heading-h1-bold-fontSize: 30px;
  --typography-font-heading-h1-bold-textDecoration: none;
  --typography-font-heading-h1-bold-fontFamily: Roboto;
  --typography-font-heading-h1-bold-fontWeight: 700;
  --typography-font-heading-h1-bold-fontStyle: normal;
  --typography-font-heading-h1-bold-fontStretch: normal;
  --typography-font-heading-h1-bold-letterSpacing: 0.2px;
  --typography-font-heading-h1-bold-lineHeight: 42px;
  --typography-font-heading-h1-bold-paragraphIndent: 0;
  --typography-font-heading-h1-bold-paragraphSpacing: 0;
  --typography-font-heading-h1-bold-textCase: none;
  --typography-font-heading-h1-medium-fontSize: 30px;
  --typography-font-heading-h1-medium-textDecoration: none;
  --typography-font-heading-h1-medium-fontFamily: Roboto;
  --typography-font-heading-h1-medium-fontWeight: 500;
  --typography-font-heading-h1-medium-fontStyle: normal;
  --typography-font-heading-h1-medium-fontStretch: normal;
  --typography-font-heading-h1-medium-letterSpacing: 0.2px;
  --typography-font-heading-h1-medium-lineHeight: 42px;
  --typography-font-heading-h1-medium-paragraphIndent: 0;
  --typography-font-heading-h1-medium-paragraphSpacing: 0;
  --typography-font-heading-h1-medium-textCase: none;
  --typography-font-heading-h1-regular-fontSize: 30px;
  --typography-font-heading-h1-regular-textDecoration: none;
  --typography-font-heading-h1-regular-fontFamily: Roboto;
  --typography-font-heading-h1-regular-fontWeight: 400;
  --typography-font-heading-h1-regular-fontStyle: normal;
  --typography-font-heading-h1-regular-fontStretch: normal;
  --typography-font-heading-h1-regular-letterSpacing: 0.2px;
  --typography-font-heading-h1-regular-lineHeight: 42px;
  --typography-font-heading-h1-regular-paragraphIndent: 0;
  --typography-font-heading-h1-regular-paragraphSpacing: 0;
  --typography-font-heading-h1-regular-textCase: none;
  --typography-font-heading-h1-light-fontSize: 30px;
  --typography-font-heading-h1-light-textDecoration: none;
  --typography-font-heading-h1-light-fontFamily: Roboto;
  --typography-font-heading-h1-light-fontWeight: 300;
  --typography-font-heading-h1-light-fontStyle: normal;
  --typography-font-heading-h1-light-fontStretch: normal;
  --typography-font-heading-h1-light-letterSpacing: 0.2px;
  --typography-font-heading-h1-light-lineHeight: 34px;
  --typography-font-heading-h1-light-paragraphIndent: 0;
  --typography-font-heading-h1-light-paragraphSpacing: 0;
  --typography-font-heading-h1-light-textCase: none;
  --typography-font-heading-h2-bold-fontSize: 24px;
  --typography-font-heading-h2-bold-textDecoration: none;
  --typography-font-heading-h2-bold-fontFamily: Roboto;
  --typography-font-heading-h2-bold-fontWeight: 700;
  --typography-font-heading-h2-bold-fontStyle: normal;
  --typography-font-heading-h2-bold-fontStretch: normal;
  --typography-font-heading-h2-bold-letterSpacing: 0.2px;
  --typography-font-heading-h2-bold-lineHeight: 34px;
  --typography-font-heading-h2-bold-paragraphIndent: 0;
  --typography-font-heading-h2-bold-paragraphSpacing: 0;
  --typography-font-heading-h2-bold-textCase: none;
  --typography-font-heading-h2-medium-fontSize: 24px;
  --typography-font-heading-h2-medium-textDecoration: none;
  --typography-font-heading-h2-medium-fontFamily: Roboto;
  --typography-font-heading-h2-medium-fontWeight: 500;
  --typography-font-heading-h2-medium-fontStyle: normal;
  --typography-font-heading-h2-medium-fontStretch: normal;
  --typography-font-heading-h2-medium-letterSpacing: 0.2px;
  --typography-font-heading-h2-medium-lineHeight: 34px;
  --typography-font-heading-h2-medium-paragraphIndent: 0;
  --typography-font-heading-h2-medium-paragraphSpacing: 0;
  --typography-font-heading-h2-medium-textCase: none;
  --typography-font-heading-h2-regular-fontSize: 24px;
  --typography-font-heading-h2-regular-textDecoration: none;
  --typography-font-heading-h2-regular-fontFamily: Roboto;
  --typography-font-heading-h2-regular-fontWeight: 400;
  --typography-font-heading-h2-regular-fontStyle: normal;
  --typography-font-heading-h2-regular-fontStretch: normal;
  --typography-font-heading-h2-regular-letterSpacing: 0.2px;
  --typography-font-heading-h2-regular-lineHeight: 34px;
  --typography-font-heading-h2-regular-paragraphIndent: 0;
  --typography-font-heading-h2-regular-paragraphSpacing: 0;
  --typography-font-heading-h2-regular-textCase: none;
  --typography-font-heading-h2-light-fontSize: 24px;
  --typography-font-heading-h2-light-textDecoration: none;
  --typography-font-heading-h2-light-fontFamily: Roboto;
  --typography-font-heading-h2-light-fontWeight: 300;
  --typography-font-heading-h2-light-fontStyle: normal;
  --typography-font-heading-h2-light-fontStretch: normal;
  --typography-font-heading-h2-light-letterSpacing: 0.2px;
  --typography-font-heading-h2-light-lineHeight: 34px;
  --typography-font-heading-h2-light-paragraphIndent: 0;
  --typography-font-heading-h2-light-paragraphSpacing: 0;
  --typography-font-heading-h2-light-textCase: none;
  --typography-font-heading-h3-bold-fontSize: 18px;
  --typography-font-heading-h3-bold-textDecoration: none;
  --typography-font-heading-h3-bold-fontFamily: Roboto;
  --typography-font-heading-h3-bold-fontWeight: 700;
  --typography-font-heading-h3-bold-fontStyle: normal;
  --typography-font-heading-h3-bold-fontStretch: normal;
  --typography-font-heading-h3-bold-letterSpacing: 0.2px;
  --typography-font-heading-h3-bold-lineHeight: 26px;
  --typography-font-heading-h3-bold-paragraphIndent: 0;
  --typography-font-heading-h3-bold-paragraphSpacing: 0;
  --typography-font-heading-h3-bold-textCase: none;
  --typography-font-heading-h3-medium-fontSize: 18px;
  --typography-font-heading-h3-medium-textDecoration: none;
  --typography-font-heading-h3-medium-fontFamily: Roboto;
  --typography-font-heading-h3-medium-fontWeight: 500;
  --typography-font-heading-h3-medium-fontStyle: normal;
  --typography-font-heading-h3-medium-fontStretch: normal;
  --typography-font-heading-h3-medium-letterSpacing: 0.2px;
  --typography-font-heading-h3-medium-lineHeight: 26px;
  --typography-font-heading-h3-medium-paragraphIndent: 0;
  --typography-font-heading-h3-medium-paragraphSpacing: 0;
  --typography-font-heading-h3-medium-textCase: none;
  --typography-font-heading-h3-regular-fontSize: 18px;
  --typography-font-heading-h3-regular-textDecoration: none;
  --typography-font-heading-h3-regular-fontFamily: Roboto;
  --typography-font-heading-h3-regular-fontWeight: 400;
  --typography-font-heading-h3-regular-fontStyle: normal;
  --typography-font-heading-h3-regular-fontStretch: normal;
  --typography-font-heading-h3-regular-letterSpacing: 0.2px;
  --typography-font-heading-h3-regular-lineHeight: 26px;
  --typography-font-heading-h3-regular-paragraphIndent: 0;
  --typography-font-heading-h3-regular-paragraphSpacing: 0;
  --typography-font-heading-h3-regular-textCase: none;
  --typography-font-heading-h3-light-fontSize: 18px;
  --typography-font-heading-h3-light-textDecoration: none;
  --typography-font-heading-h3-light-fontFamily: Roboto;
  --typography-font-heading-h3-light-fontWeight: 300;
  --typography-font-heading-h3-light-fontStyle: normal;
  --typography-font-heading-h3-light-fontStretch: normal;
  --typography-font-heading-h3-light-letterSpacing: 0.2px;
  --typography-font-heading-h3-light-lineHeight: 26px;
  --typography-font-heading-h3-light-paragraphIndent: 0;
  --typography-font-heading-h3-light-paragraphSpacing: 0;
  --typography-font-heading-h3-light-textCase: none;
  --typography-font-heading-h4-bold-fontSize: 16px;
  --typography-font-heading-h4-bold-textDecoration: none;
  --typography-font-heading-h4-bold-fontFamily: Roboto;
  --typography-font-heading-h4-bold-fontWeight: 700;
  --typography-font-heading-h4-bold-fontStyle: normal;
  --typography-font-heading-h4-bold-fontStretch: normal;
  --typography-font-heading-h4-bold-letterSpacing: 0.2px;
  --typography-font-heading-h4-bold-lineHeight: 22px;
  --typography-font-heading-h4-bold-paragraphIndent: 0;
  --typography-font-heading-h4-bold-paragraphSpacing: 0;
  --typography-font-heading-h4-bold-textCase: none;
  --typography-font-heading-h4-medium-fontSize: 16px;
  --typography-font-heading-h4-medium-textDecoration: none;
  --typography-font-heading-h4-medium-fontFamily: Roboto;
  --typography-font-heading-h4-medium-fontWeight: 500;
  --typography-font-heading-h4-medium-fontStyle: normal;
  --typography-font-heading-h4-medium-fontStretch: normal;
  --typography-font-heading-h4-medium-letterSpacing: 0.2px;
  --typography-font-heading-h4-medium-lineHeight: 22px;
  --typography-font-heading-h4-medium-paragraphIndent: 0;
  --typography-font-heading-h4-medium-paragraphSpacing: 0;
  --typography-font-heading-h4-medium-textCase: none;
  --typography-font-heading-h4-regular-fontSize: 16px;
  --typography-font-heading-h4-regular-textDecoration: none;
  --typography-font-heading-h4-regular-fontFamily: Roboto;
  --typography-font-heading-h4-regular-fontWeight: 400;
  --typography-font-heading-h4-regular-fontStyle: normal;
  --typography-font-heading-h4-regular-fontStretch: normal;
  --typography-font-heading-h4-regular-letterSpacing: 0.2px;
  --typography-font-heading-h4-regular-lineHeight: 22px;
  --typography-font-heading-h4-regular-paragraphIndent: 0;
  --typography-font-heading-h4-regular-paragraphSpacing: 0;
  --typography-font-heading-h4-regular-textCase: none;
  --typography-font-heading-h4-light-fontSize: 16px;
  --typography-font-heading-h4-light-textDecoration: none;
  --typography-font-heading-h4-light-fontFamily: Roboto;
  --typography-font-heading-h4-light-fontWeight: 300;
  --typography-font-heading-h4-light-fontStyle: normal;
  --typography-font-heading-h4-light-fontStretch: normal;
  --typography-font-heading-h4-light-letterSpacing: 0.2px;
  --typography-font-heading-h4-light-lineHeight: 22px;
  --typography-font-heading-h4-light-paragraphIndent: 0;
  --typography-font-heading-h4-light-paragraphSpacing: 0;
  --typography-font-heading-h4-light-textCase: none;
  --typography-font-body-bold-fontSize: 14px;
  --typography-font-body-bold-textDecoration: none;
  --typography-font-body-bold-fontFamily: Roboto;
  --typography-font-body-bold-fontWeight: 700;
  --typography-font-body-bold-fontStyle: normal;
  --typography-font-body-bold-fontStretch: normal;
  --typography-font-body-bold-letterSpacing: 0.2px;
  --typography-font-body-bold-lineHeight: 20px;
  --typography-font-body-bold-paragraphIndent: 0;
  --typography-font-body-bold-paragraphSpacing: 0;
  --typography-font-body-bold-textCase: none;
  --typography-font-body-medium-fontSize: 14px;
  --typography-font-body-medium-textDecoration: none;
  --typography-font-body-medium-fontFamily: Roboto;
  --typography-font-body-medium-fontWeight: 500;
  --typography-font-body-medium-fontStyle: normal;
  --typography-font-body-medium-fontStretch: normal;
  --typography-font-body-medium-letterSpacing: 0.2px;
  --typography-font-body-medium-lineHeight: 20px;
  --typography-font-body-medium-paragraphIndent: 0;
  --typography-font-body-medium-paragraphSpacing: 0;
  --typography-font-body-medium-textCase: none;
  --typography-font-body-regular-fontSize: 14px;
  --typography-font-body-regular-textDecoration: none;
  --typography-font-body-regular-fontFamily: Roboto;
  --typography-font-body-regular-fontWeight: 400;
  --typography-font-body-regular-fontStyle: normal;
  --typography-font-body-regular-fontStretch: normal;
  --typography-font-body-regular-letterSpacing: 0.2px;
  --typography-font-body-regular-lineHeight: 20px;
  --typography-font-body-regular-paragraphIndent: 0;
  --typography-font-body-regular-paragraphSpacing: 0;
  --typography-font-body-regular-textCase: none;
  --typography-font-body-light-fontSize: 14px;
  --typography-font-body-light-textDecoration: none;
  --typography-font-body-light-fontFamily: Roboto;
  --typography-font-body-light-fontWeight: 300;
  --typography-font-body-light-fontStyle: normal;
  --typography-font-body-light-fontStretch: normal;
  --typography-font-body-light-letterSpacing: 0.2px;
  --typography-font-body-light-lineHeight: 20px;
  --typography-font-body-light-paragraphIndent: 0;
  --typography-font-body-light-paragraphSpacing: 0;
  --typography-font-body-light-textCase: none;
  --typography-font-body-small-bold-fontSize: 12px;
  --typography-font-body-small-bold-textDecoration: none;
  --typography-font-body-small-bold-fontFamily: Roboto;
  --typography-font-body-small-bold-fontWeight: 700;
  --typography-font-body-small-bold-fontStyle: normal;
  --typography-font-body-small-bold-fontStretch: normal;
  --typography-font-body-small-bold-letterSpacing: 0.2px;
  --typography-font-body-small-bold-lineHeight: 16px;
  --typography-font-body-small-bold-paragraphIndent: 0;
  --typography-font-body-small-bold-paragraphSpacing: 0;
  --typography-font-body-small-bold-textCase: none;
  --typography-font-body-small-medium-fontSize: 12px;
  --typography-font-body-small-medium-textDecoration: none;
  --typography-font-body-small-medium-fontFamily: Roboto;
  --typography-font-body-small-medium-fontWeight: 500;
  --typography-font-body-small-medium-fontStyle: normal;
  --typography-font-body-small-medium-fontStretch: normal;
  --typography-font-body-small-medium-letterSpacing: 0.2px;
  --typography-font-body-small-medium-lineHeight: 16px;
  --typography-font-body-small-medium-paragraphIndent: 0;
  --typography-font-body-small-medium-paragraphSpacing: 0;
  --typography-font-body-small-medium-textCase: none;
  --typography-font-body-small-regular-fontSize: 12px;
  --typography-font-body-small-regular-textDecoration: none;
  --typography-font-body-small-regular-fontFamily: Roboto;
  --typography-font-body-small-regular-fontWeight: 400;
  --typography-font-body-small-regular-fontStyle: normal;
  --typography-font-body-small-regular-fontStretch: normal;
  --typography-font-body-small-regular-letterSpacing: 0.2px;
  --typography-font-body-small-regular-lineHeight: 16px;
  --typography-font-body-small-regular-paragraphIndent: 0;
  --typography-font-body-small-regular-paragraphSpacing: 0;
  --typography-font-body-small-regular-textCase: none;
  --typography-font-body-small-light-fontSize: 12px;
  --typography-font-body-small-light-textDecoration: none;
  --typography-font-body-small-light-fontFamily: Roboto;
  --typography-font-body-small-light-fontWeight: 300;
  --typography-font-body-small-light-fontStyle: normal;
  --typography-font-body-small-light-fontStretch: normal;
  --typography-font-body-small-light-letterSpacing: 0.2px;
  --typography-font-body-small-light-lineHeight: 16px;
  --typography-font-body-small-light-paragraphIndent: 0;
  --typography-font-body-small-light-paragraphSpacing: 0;
  --typography-font-body-small-light-textCase: none;
  --ods-primitives-tokens-100: 8px;
  --ods-primitives-tokens-125: 10px;
  --ods-primitives-tokens-150: 12px;
  --ods-primitives-tokens-200: 16px;
  --ods-primitives-tokens-225: 18px;
  --ods-primitives-tokens-250: 20px;
  --ods-primitives-tokens-300: 24px;
  --ods-primitives-tokens-400: 32px;
  --ods-primitives-tokens-425: 34px;
  --ods-primitives-tokens-500: 40px;
  --ods-primitives-tokens-600: 48px;
  --ods-primitives-tokens-800: 64px;
  --ods-primitives-tokens-1000: 80px;
  --ods-primitives-tokens-9999: 999px;
  --ods-primitives-tokens-050: 4px;
  --ods-primitives-tokens-025: 2px;
  --ods-primitives-tokens-075: 6px;
  --ods-primitives-tokens-0000: 0;
  --ods-primitives-tokens-012: 1px;
  --ods-primitives-tokens-006: 0.5px;
  --ods-base-tokens-space-100: var(--ods-primitives-tokens-100);
  --ods-base-tokens-space-125: var(--ods-primitives-tokens-125);
  --ods-base-tokens-space-150: var(--ods-primitives-tokens-150);
  --ods-base-tokens-space-200: var(--ods-primitives-tokens-200);
  --ods-base-tokens-space-225: var(--ods-primitives-tokens-225);
  --ods-base-tokens-space-250: var(--ods-primitives-tokens-250);
  --ods-base-tokens-space-300: var(--ods-primitives-tokens-300);
  --ods-base-tokens-space-400: var(--ods-primitives-tokens-400);
  --ods-base-tokens-space-425: var(--ods-primitives-tokens-425);
  --ods-base-tokens-space-500: var(--ods-primitives-tokens-500);
  --ods-base-tokens-space-600: var(--ods-primitives-tokens-600);
  --ods-base-tokens-space-800: var(--ods-primitives-tokens-800);
  --ods-base-tokens-space-1000: var(--ods-primitives-tokens-1000);
  --ods-base-tokens-space-050: var(--ods-primitives-tokens-050);
  --ods-base-tokens-space-025: var(--ods-primitives-tokens-025);
  --ods-base-tokens-space-075: var(--ods-primitives-tokens-075);
  --ods-base-tokens-radius-small: var(--ods-primitives-tokens-050);
  --ods-base-tokens-radius-medium: var(--ods-primitives-tokens-100);
  --ods-base-tokens-radius-full: var(--ods-primitives-tokens-9999);
  --ods-base-tokens-radius-none: var(--ods-primitives-tokens-0000);
  --ods-base-tokens-radius-large: var(--ods-primitives-tokens-150);
  --ods-base-tokens-font-size-body: 14px;
  --ods-base-tokens-font-size-h1: 30px;
  --ods-base-tokens-font-size-h2: 24px;
  --ods-base-tokens-font-size-small: 12px;
  --ods-base-tokens-font-size-h3: 18px;
  --ods-base-tokens-font-size-h4: 16px;
  --ods-base-tokens-font-family-heading: Inter;
  --ods-base-tokens-font-family-body: Inter;
  --ods-base-tokens-font-family-small: Inter;
  --ods-base-tokens-font-family-label: Inter;
  --ods-base-tokens-font-weight-bold: Bold;
  --ods-base-tokens-font-weight-italic: Italic;
  --ods-base-tokens-font-weight-medium: 500;
  --ods-base-tokens-font-weight-regular: 400;
  --ods-base-tokens-font-weight-light: 300;
  --ods-base-tokens-font-line-height-h1: 42px;
  --ods-base-tokens-font-line-height-h2: 34px;
  --ods-base-tokens-font-line-height-h3: 26px;
  --ods-base-tokens-font-line-height-h4: 22px;
  --ods-base-tokens-font-line-height-body: 20px;
  --ods-base-tokens-font-line-height-small: 16px;
  --ods-base-tokens-font-line-height-none: 0;
  --ods-base-tokens-font-line-height-default: 1.4;
  --ods-base-tokens-font-letter-spacing-small: 0.2px;
  --ods-base-tokens-font-color-default: var(--ods-base-colors-neutral-900);
  --ods-base-tokens-font-color-disabled: var(--ods-base-colors-neutral-200);
  --ods-base-tokens-font-color-readonly: var(--ods-base-colors-neutral-900);
  --ods-base-tokens-font-color-focus: var(--ods-base-colors-neutral-900);
  --ods-base-tokens-font-color-active: var(--ods-base-colors-neutral-900);
  --ods-base-tokens-font-color-hover: var(--ods-base-colors-neutral-900);
  --ods-base-tokens-font-color-label: var(--ods-base-colors-neutral-700);
  --ods-base-tokens-font-color-inputtext: var(--ods-base-colors-neutral-900);
  --ods-base-tokens-font-color-placeholder: var(--ods-base-colors-neutral-500);
  --ods-base-tokens-font-color-helpertext: var(--ods-base-colors-neutral-700);
  --ods-base-tokens-font-color-body: var(--ods-base-colors-neutral-700);
  --ods-base-tokens-font-color-white: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-font-color-light-small: var(--ods-base-colors-neutral-500);
  --ods-base-tokens-font-color-light-p: var(--ods-base-colors-neutral-700);
  --ods-base-tokens-font-color-light-h4: var(--ods-base-colors-neutral-700);
  --ods-base-tokens-font-color-light-h2: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-font-color-light-h1: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-font-color-light-h3: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-padding-100: var(--ods-primitives-tokens-100);
  --ods-base-tokens-padding-125: var(--ods-primitives-tokens-125);
  --ods-base-tokens-padding-150: var(--ods-primitives-tokens-150);
  --ods-base-tokens-padding-200: var(--ods-primitives-tokens-200);
  --ods-base-tokens-padding-300: var(--ods-primitives-tokens-300);
  --ods-base-tokens-padding-400: var(--ods-primitives-tokens-400);
  --ods-base-tokens-padding-500: var(--ods-primitives-tokens-500);
  --ods-base-tokens-padding-050: var(--ods-primitives-tokens-050);
  --ods-base-tokens-padding-075: var(--ods-primitives-tokens-075);
  --ods-base-tokens-padding-025: var(--ods-primitives-tokens-025);
  --ods-base-tokens-padding-006: var(--ods-primitives-tokens-006);
  --ods-base-tokens-icon-size-100: var(--ods-primitives-tokens-100);
  --ods-base-tokens-icon-size-150: var(--ods-primitives-tokens-150);
  --ods-base-tokens-icon-size-200: var(--ods-primitives-tokens-200);
  --ods-base-tokens-icon-size-300: var(--ods-primitives-tokens-300);
  --ods-base-tokens-icon-size-400: var(--ods-primitives-tokens-400);
  --ods-base-tokens-icon-size-500: var(--ods-primitives-tokens-500);
  --ods-base-tokens-icon-size-800: var(--ods-primitives-tokens-800);
  --ods-base-tokens-icon-color-active: var(--ods-base-colors-brand-primary-800);
  --ods-base-tokens-icon-color-hover: var(--ods-base-colors-brand-primary-500);
  --ods-base-tokens-icon-color-focus: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-icon-color-grey: var(--ods-base-colors-neutral-800);
  --ods-base-tokens-icon-color-white: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-icon-color-default: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-icon-color-disabled: var(--ods-base-colors-neutral-200);
  --ods-base-tokens-icon-color-readonly: var(--ods-base-colors-neutral-1000);
  --ods-base-tokens-icon-color-black: var(--ods-base-colors-neutral-1000);
  --ods-base-tokens-border-width-1: var(--ods-primitives-tokens-012);
  --ods-base-tokens-border-width-2: var(--ods-primitives-tokens-025);
  --ods-base-tokens-state-color-readonly: var(--ods-base-colors-neutral-1000);
  --ods-base-tokens-state-color-hover: var(--ods-base-colors-brand-primary-500);
  --ods-base-tokens-state-color-default: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-state-color-active: var(--ods-base-colors-brand-primary-800);
  --ods-base-tokens-state-color-disabled: var(--ods-base-colors-neutral-200);
  --ods-base-tokens-state-color-focus: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-state-background-readonly: var(--ods-base-colors-opacity-000);
  --ods-base-tokens-state-background-focus: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-state-background-disabled: var(--ods-base-colors-neutral-025);
  --ods-base-tokens-state-background-active: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-state-background-hover: var(--ods-base-colors-neutral-025);
  --ods-base-tokens-state-background-default: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-shadow-border-color-1: var(--ods-base-colors-neutral-050);
  --ods-base-tokens-shadow-border-color-2: var(--ods-base-colors-neutral-050);
  --ods-base-tokens-shadow-border-color-3: var(--ods-base-colors-neutral-050);
  --ods-base-tokens-shadow-border-color-4: var(--ods-base-colors-neutral-050);
  --ods-base-tokens-shadow-border-color-5: var(--ods-base-colors-neutral-050);
  --ods-base-tokens-shadow-x-1: var(--ods-primitives-tokens-0000);
  --ods-base-tokens-shadow-x-2: var(--ods-primitives-tokens-0000);
  --ods-base-tokens-shadow-x-3: var(--ods-primitives-tokens-025);
  --ods-base-tokens-shadow-x-4: var(--ods-primitives-tokens-025);
  --ods-base-tokens-shadow-x-5-3: var(--ods-primitives-tokens-025);
  --ods-base-tokens-shadow-blur-1: var(--ods-primitives-tokens-075);
  --ods-base-tokens-shadow-blur-2: var(--ods-primitives-tokens-075);
  --ods-base-tokens-shadow-blur-3: var(--ods-primitives-tokens-150);
  --ods-base-tokens-shadow-blur-4: var(--ods-primitives-tokens-150);
  --ods-base-tokens-shadow-blur-5-2: var(--ods-primitives-tokens-150);
  --ods-base-tokens-shadow-color-1: var(--ods-base-colors-shadow-1);
  --ods-base-tokens-shadow-color-2: var(--ods-base-colors-shadow-2);
  --ods-base-tokens-shadow-color-3: var(--ods-base-colors-shadow-3);
  --ods-base-tokens-shadow-color-4: var(--ods-base-colors-shadow-4);
  --ods-base-tokens-shadow-color-5: var(--ods-base-colors-shadow-5);
  --ods-base-tokens-shadow-y-1: var(--ods-primitives-tokens-025);
  --ods-base-tokens-shadow-y-2: var(--ods-primitives-tokens-025);
  --ods-base-tokens-shadow-y-3: var(--ods-primitives-tokens-025);
  --ods-base-tokens-shadow-y-4: var(--ods-primitives-tokens-025);
  --ods-base-tokens-shadow-y-5-4: var(--ods-primitives-tokens-025);
  --ods-base-tokens-background-dark-600: var(--ods-base-colors-undefined);
  --ods-base-tokens-background-dark-800: var(--ods-base-colors-undefined);
  --ods-base-tokens-background-light-050: var(--ods-base-colors-neutral-050);
  --ods-base-tokens-background-light-000: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-messaging-error-background: var(--ods-base-colors-messaging-error-100);
  --ods-base-tokens-messaging-error-foreground: var(--ods-base-colors-messaging-error-700);
  --ods-base-tokens-messaging-error-border: var(--ods-base-colors-messaging-error-400);
  --ods-base-tokens-messaging-error-font: var(--ods-base-colors-messaging-error-700);
  --ods-base-tokens-messaging-info-background: var(--ods-base-colors-messaging-information-100);
  --ods-base-tokens-messaging-info-foreground: var(--ods-base-colors-messaging-information-700);
  --ods-base-tokens-messaging-info-border: var(--ods-base-colors-messaging-information-400);
  --ods-base-tokens-messaging-info-font: var(--ods-base-colors-messaging-information-700);
  --ods-base-tokens-messaging-warning-foreground: var(--ods-base-colors-messaging-warning-700);
  --ods-base-tokens-messaging-warning-background: var(--ods-base-colors-messaging-warning-100);
  --ods-base-tokens-messaging-warning-border: var(--ods-base-colors-messaging-warning-400);
  --ods-base-tokens-messaging-warning-font: var(--ods-base-colors-messaging-warning-700);
  --ods-base-tokens-messaging-success-background: var(--ods-base-colors-messaging-success-100);
  --ods-base-tokens-messaging-success-foreground: var(--ods-base-colors-messaging-success-700);
  --ods-base-tokens-messaging-success-font: var(--ods-base-colors-messaging-success-700);
  --ods-base-tokens-messaging-success-border: var(--ods-base-colors-messaging-success-400);
  --ods-base-tokens-messaging-font: var(--ods-base-colors-undefined);
  --ods-base-tokens-form-color-active: var(--ods-base-tokens-state-color-active);
  --ods-base-tokens-form-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-base-tokens-form-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-base-tokens-form-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-base-tokens-form-color-default: var(--ods-base-tokens-state-color-default);
  --ods-base-tokens-form-color-readonly: var(--ods-base-tokens-state-color-readonly);
  --ods-base-tokens-form-color-pressed: var(--ods-base-colors-brand-secondary-600);
  --ods-base-tokens-form-background-default: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-form-background-readonly: var(--ods-base-colors-opacity-000);
  --ods-base-tokens-form-background-disabled: var(--ods-base-colors-neutral-050);
  --ods-base-tokens-form-background-hover: var(--ods-base-colors-neutral-025);
  --ods-base-tokens-form-background-focus: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-form-background-active: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-form-background-pressed: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-form-border-default: var(--ods-base-colors-neutral-700);
  --ods-base-tokens-form-border-readonly: var(--ods-base-colors-opacity-000);
  --ods-base-tokens-form-border-disabled: var(--ods-base-colors-neutral-200);
  --ods-base-tokens-form-border-hover: var(--ods-base-colors-neutral-500);
  --ods-base-tokens-form-border-focus: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-form-border-active: var(--ods-base-colors-brand-primary-800);
  --ods-base-tokens-form-border-pressed: var(--ods-base-colors-brand-primary-800);
  --ods-base-tokens-priority-background-very-high: var(--ods-base-colors-global-red-100);
  --ods-base-tokens-priority-background-high: var(--ods-base-colors-global-orange-100);
  --ods-base-tokens-priority-background-medium: var(--ods-base-colors-global-yellow-050);
  --ods-base-tokens-priority-background-low: var(--ods-base-colors-global-blue-100);
  --ods-base-tokens-priority-background-very-low: var(--ods-base-colors-global-green-100);
  --ods-base-tokens-priority-background-neutral: var(--ods-base-colors-neutral-100);
  --ods-base-tokens-priority-foreground: var(--ods-base-colors-neutral-900);
  --ods-base-tokens-size-small: var(--ods-primitives-tokens-300);
  --ods-base-tokens-size-medium: var(--ods-primitives-tokens-400);
  --ods-base-tokens-size-large: var(--ods-primitives-tokens-500);
  --ods-base-tokens-chart-color-qualitative-10: var(--ods-base-colors-global-red-800);
  --ods-base-tokens-chart-color-qualitative-11: var(--ods-base-colors-global-pink-275);
  --ods-base-tokens-chart-color-qualitative-12: var(--ods-base-colors-global-yellow-700);
  --ods-base-tokens-chart-color-qualitative-13: var(--ods-base-colors-global-orange-400);
  --ods-base-tokens-chart-color-qualitative-14: var(--ods-base-colors-global-green-400);
  --ods-base-tokens-chart-color-qualitative-15: var(--ods-base-colors-global-blue-800);
  --ods-base-tokens-chart-color-qualitative-01: var(--ods-base-colors-global-blue-500);
  --ods-base-tokens-chart-color-qualitative-02: var(--ods-base-colors-global-teal-300);
  --ods-base-tokens-chart-color-qualitative-03: var(--ods-base-colors-global-pink-300);
  --ods-base-tokens-chart-color-qualitative-04: var(--ods-base-colors-global-pink-800);
  --ods-base-tokens-chart-color-qualitative-05: var(--ods-base-colors-global-purple-500);
  --ods-base-tokens-chart-color-qualitative-06: var(--ods-base-colors-global-purple-800);
  --ods-base-tokens-chart-color-qualitative-07: var(--ods-base-colors-global-blue-300);
  --ods-base-tokens-chart-color-qualitative-08: var(--ods-base-colors-global-teal-500);
  --ods-base-tokens-chart-color-qualitative-09: var(--ods-base-colors-global-pink-200);
  --ods-base-tokens-chart-color-sequential-blue-01: rgb(0, 30, 67);
  --ods-base-tokens-chart-color-sequential-blue-02: rgb(0, 52, 114);
  --ods-base-tokens-chart-color-sequential-blue-03: var(--ods-base-colors-global-blue-500);
  --ods-base-tokens-chart-color-sequential-blue-04: rgb(13, 122, 255);
  --ods-base-tokens-chart-color-sequential-blue-05: rgb(77, 157, 255);
  --ods-base-tokens-chart-color-sequential-blue-06: rgb(131, 187, 255);
  --ods-base-tokens-chart-color-sequential-blue-07: rgb(176, 212, 255);
  --ods-base-tokens-chart-color-sequential-blue-08: rgb(211, 231, 255);
  --ods-base-tokens-chart-color-sequential-blue-09: rgb(235, 244, 255);
  --ods-base-tokens-chart-color-sequential-purple-01: rgb(26, 11, 60);
  --ods-base-tokens-chart-color-sequential-purple-02: rgb(47, 21, 109);
  --ods-base-tokens-chart-color-sequential-purple-03: var(--ods-base-colors-global-purple-800);
  --ods-base-tokens-chart-color-sequential-purple-04: rgb(118, 75, 221);
  --ods-base-tokens-chart-color-sequential-purple-05: rgb(155, 122, 230);
  --ods-base-tokens-chart-color-sequential-purple-06: rgb(185, 163, 237);
  --ods-base-tokens-chart-color-sequential-purple-07: rgb(210, 196, 244);
  --ods-base-tokens-chart-color-sequential-purple-08: rgb(230, 222, 249);
  --ods-base-tokens-chart-color-sequential-purple-09: rgb(244, 240, 252);
  --ods-base-tokens-chart-color-sequential-pink-01: rgb(80, 0, 16);
  --ods-base-tokens-chart-color-sequential-pink-02: rgb(167, 0, 33);
  --ods-base-tokens-chart-color-sequential-pink-03: var(--ods-base-colors-global-pink-300);
  --ods-base-tokens-chart-color-sequential-pink-04: rgb(255, 103, 133);
  --ods-base-tokens-chart-color-sequential-pink-05: rgb(255, 143, 165);
  --ods-base-tokens-chart-color-sequential-pink-06: rgb(255, 177, 193);
  --ods-base-tokens-chart-color-sequential-pink-07: rgb(255, 205, 215);
  --ods-base-tokens-chart-color-sequential-pink-08: rgb(255, 227, 233);
  --ods-base-tokens-chart-color-sequential-pink-09: rgb(255, 243, 245);
  --ods-base-tokens-chart-color-diverging-pink-blue-10: rgb(170, 194, 235);
  --ods-base-tokens-chart-color-diverging-pink-blue-11: rgb(139, 174, 227);
  --ods-base-tokens-chart-color-diverging-pink-blue-12: rgb(112, 157, 221);
  --ods-base-tokens-chart-color-diverging-pink-blue-13: rgb(80, 137, 214);
  --ods-base-tokens-chart-color-diverging-pink-blue-14: rgb(47, 117, 207);
  --ods-base-tokens-chart-color-diverging-pink-blue-15: var(--ods-base-colors-global-blue-500);
  --ods-base-tokens-chart-color-diverging-pink-blue-01: var(--ods-base-colors-global-pink-275);
  --ods-base-tokens-chart-color-diverging-pink-blue-02: rgb(246, 107, 118);
  --ods-base-tokens-chart-color-diverging-pink-blue-03: rgb(243, 128, 140);
  --ods-base-tokens-chart-color-diverging-pink-blue-04: rgb(240, 148, 161);
  --ods-base-tokens-chart-color-diverging-pink-blue-05: rgb(237, 168, 182);
  --ods-base-tokens-chart-color-diverging-pink-blue-06: rgb(235, 190, 205);
  --ods-base-tokens-chart-color-diverging-pink-blue-07: rgb(232, 209, 226);
  --ods-base-tokens-chart-color-diverging-pink-blue-08: var(--ods-base-colors-global-purple-050);
  --ods-base-tokens-chart-color-diverging-pink-blue-09: rgb(201, 213, 242);
  --ods-base-tokens-chart-color-diverging-yellow-teal-10: rgb(186, 213, 165);
  --ods-base-tokens-chart-color-diverging-yellow-teal-11: rgb(149, 189, 150);
  --ods-base-tokens-chart-color-diverging-yellow-teal-12: rgb(117, 169, 138);
  --ods-base-tokens-chart-color-diverging-yellow-teal-13: rgb(83, 146, 125);
  --ods-base-tokens-chart-color-diverging-yellow-teal-14: rgb(49, 125, 112);
  --ods-base-tokens-chart-color-diverging-yellow-teal-15: var(--ods-base-colors-global-teal-500);
  --ods-base-tokens-chart-color-diverging-yellow-teal-01: var(--ods-base-colors-global-yellow-700);
  --ods-base-tokens-chart-color-diverging-yellow-teal-02: rgb(192, 158, 38);
  --ods-base-tokens-chart-color-diverging-yellow-teal-03: rgb(201, 173, 62);
  --ods-base-tokens-chart-color-diverging-yellow-teal-04: rgb(212, 191, 91);
  --ods-base-tokens-chart-color-diverging-yellow-teal-05: rgb(220, 205, 112);
  --ods-base-tokens-chart-color-diverging-yellow-teal-06: rgb(229, 221, 137);
  --ods-base-tokens-chart-color-diverging-yellow-teal-07: rgb(240, 239, 165);
  --ods-base-tokens-chart-color-diverging-yellow-teal-08: var(--ods-base-colors-global-yellow-050);
  --ods-base-tokens-chart-color-diverging-yellow-teal-09: rgb(214, 232, 176);
  --ods-base-tokens-01: rgb(255, 255, 255);
  --ods-base-colors-brand-primary-100: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-primary-300: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-primary-400: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-primary-500: rgb(46, 87, 162);
  --ods-base-colors-brand-primary-600: rgb(18, 59, 134);
  --ods-base-colors-brand-primary-700: rgb(0, 39, 115);
  --ods-base-colors-brand-primary-800: rgb(1, 23, 72);
  --ods-base-colors-brand-primary-900: rgb(1, 9, 34);
  --ods-base-colors-brand-primary-050: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-primary-400-transparent: rgba(0, 39, 115, 0.6);
  --ods-base-colors-brand-primary-300-transparent: rgba(0, 39, 115, 0.4);
  --ods-base-colors-brand-primary-100-transparent: rgba(0, 39, 115, 0.15);
  --ods-base-colors-brand-primary-050-transparent: rgba(0, 39, 115, 0.05);
  --ods-base-colors-brand-tertiary-100: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-300: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-400: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-800: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-050: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-400-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-300-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-100-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-050-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-100: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-300: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-400: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-600: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-050: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-400-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-300-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-100-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-050-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-100: rgb(226, 226, 226);
  --ods-base-colors-neutral-200: rgb(198, 198, 198);
  --ods-base-colors-neutral-300: rgb(171, 171, 171);
  --ods-base-colors-neutral-400: rgb(145, 145, 145);
  --ods-base-colors-neutral-500: rgb(118, 118, 118);
  --ods-base-colors-neutral-600: rgb(94, 94, 94);
  --ods-base-colors-neutral-700: rgb(71, 71, 71);
  --ods-base-colors-neutral-800: rgb(48, 48, 48);
  --ods-base-colors-neutral-900: rgb(27, 27, 27);
  --ods-base-colors-neutral-1000: rgb(0, 0, 0);
  --ods-base-colors-neutral-warm-100: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-warm-300: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-warm-400: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-warm-600: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-warm-800: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-warm-1000: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-warm-000: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-cold-200: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-cold-400: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-cold-500: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-cold-600: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-cold-700: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-cold-900: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-cold-050: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-000: rgb(255, 255, 255);
  --ods-base-colors-neutral-050: rgb(241, 241, 241);
  --ods-base-colors-neutral-025: rgb(245, 245, 245);
  --ods-base-colors-messaging-success-100: var(--ods-base-colors-global-green-100);
  --ods-base-colors-messaging-success-400: var(--ods-base-colors-global-green-400);
  --ods-base-colors-messaging-success-600: var(--ods-base-colors-undefined);
  --ods-base-colors-messaging-success-700: var(--ods-base-colors-global-green-700);
  --ods-base-colors-messaging-warning-100: var(--ods-base-colors-global-orange-100);
  --ods-base-colors-messaging-warning-400: var(--ods-base-colors-global-orange-400);
  --ods-base-colors-messaging-warning-600: var(--ods-base-colors-undefined);
  --ods-base-colors-messaging-warning-700: var(--ods-base-colors-global-orange-700);
  --ods-base-colors-messaging-error-100: var(--ods-base-colors-global-red-100);
  --ods-base-colors-messaging-error-400: var(--ods-base-colors-global-red-400);
  --ods-base-colors-messaging-error-600: var(--ods-base-colors-undefined);
  --ods-base-colors-messaging-error-700: var(--ods-base-colors-global-red-700);
  --ods-base-colors-messaging-information-100: rgb(217, 228, 234);
  --ods-base-colors-messaging-information-400: var(--ods-base-colors-global-blue-400);
  --ods-base-colors-messaging-information-600: var(--ods-base-colors-undefined);
  --ods-base-colors-messaging-information-700: var(--ods-base-colors-global-blue-700);
  --ods-base-colors-global-grey-blue-200: var(--ods-base-colors-undefined);
  --ods-base-colors-global-grey-blue-300: rgb(172, 235, 255);
  --ods-base-colors-global-grey-blue-400: var(--ods-base-colors-undefined);
  --ods-base-colors-global-grey-blue-500: rgb(70, 192, 247);
  --ods-base-colors-global-grey-blue-700: var(--ods-base-colors-undefined);
  --ods-base-colors-global-grey-blue-800: var(--ods-base-colors-undefined);
  --ods-base-colors-global-grey-blue-050: rgb(211, 241, 255);
  --ods-base-colors-global-blue-100: rgb(202, 225, 255);
  --ods-base-colors-global-blue-200: var(--ods-base-colors-undefined);
  --ods-base-colors-global-blue-300: rgb(17, 146, 232);
  --ods-base-colors-global-blue-400: rgb(0, 110, 249);
  --ods-base-colors-global-blue-500: rgb(0, 88, 196);
  --ods-base-colors-global-blue-700: rgb(0, 67, 152);
  --ods-base-colors-global-blue-800: rgb(0, 39, 115);
  --ods-base-colors-global-blue-050: var(--ods-base-colors-undefined);
  --ods-base-colors-global-teal-100: var(--ods-base-colors-undefined);
  --ods-base-colors-global-teal-300: rgb(0, 149, 146);
  --ods-base-colors-global-teal-400: var(--ods-base-colors-undefined);
  --ods-base-colors-global-teal-500: rgb(0, 93, 93);
  --ods-base-colors-global-teal-600: var(--ods-base-colors-undefined);
  --ods-base-colors-global-teal-050: var(--ods-base-colors-undefined);
  --ods-base-colors-global-pink-200: rgb(238, 83, 139);
  --ods-base-colors-global-pink-275: rgb(250, 77, 86);
  --ods-base-colors-global-pink-300: rgb(255, 57, 96);
  --ods-base-colors-global-pink-400: var(--ods-base-colors-undefined);
  --ods-base-colors-global-pink-500: var(--ods-base-colors-undefined);
  --ods-base-colors-global-pink-550: var(--ods-base-colors-undefined);
  --ods-base-colors-global-pink-600: var(--ods-base-colors-undefined);
  --ods-base-colors-global-pink-700: var(--ods-base-colors-undefined);
  --ods-base-colors-global-pink-800: rgb(159, 24, 83);
  --ods-base-colors-global-pink-850: var(--ods-base-colors-undefined);
  --ods-base-colors-global-pink-050: rgb(255, 142, 164);
  --ods-base-colors-global-green-100: rgb(220, 250, 233);
  --ods-base-colors-global-green-300: var(--ods-base-colors-undefined);
  --ods-base-colors-global-green-400: rgb(11, 134, 65);
  --ods-base-colors-global-green-500: var(--ods-base-colors-undefined);
  --ods-base-colors-global-green-600: var(--ods-base-colors-undefined);
  --ods-base-colors-global-green-700: rgb(8, 95, 46);
  --ods-base-colors-global-green-800: var(--ods-base-colors-undefined);
  --ods-base-colors-global-green-050: var(--ods-base-colors-undefined);
  --ods-base-colors-global-orange-100: rgb(252, 228, 166);
  --ods-base-colors-global-orange-200: var(--ods-base-colors-undefined);
  --ods-base-colors-global-orange-300: var(--ods-base-colors-undefined);
  --ods-base-colors-global-orange-350: var(--ods-base-colors-undefined);
  --ods-base-colors-global-orange-400: rgb(189, 91, 0);
  --ods-base-colors-global-orange-500: var(--ods-base-colors-undefined);
  --ods-base-colors-global-orange-600: var(--ods-base-colors-undefined);
  --ods-base-colors-global-orange-700: rgb(105, 50, 0);
  --ods-base-colors-global-orange-800: var(--ods-base-colors-undefined);
  --ods-base-colors-global-purple-100: var(--ods-base-colors-undefined);
  --ods-base-colors-global-purple-200: var(--ods-base-colors-undefined);
  --ods-base-colors-global-purple-300: rgb(191, 176, 255);
  --ods-base-colors-global-purple-500: rgb(149, 103, 251);
  --ods-base-colors-global-purple-600: var(--ods-base-colors-undefined);
  --ods-base-colors-global-purple-700: var(--ods-base-colors-undefined);
  --ods-base-colors-global-purple-800: rgb(84, 37, 192);
  --ods-base-colors-global-purple-050: rgb(229, 230, 248);
  --ods-base-colors-global-red-100: rgb(255, 218, 216);
  --ods-base-colors-global-red-200: var(--ods-base-colors-undefined);
  --ods-base-colors-global-red-300: var(--ods-base-colors-undefined);
  --ods-base-colors-global-red-400: rgb(237, 1, 46);
  --ods-base-colors-global-red-500: var(--ods-base-colors-undefined);
  --ods-base-colors-global-red-600: var(--ods-base-colors-undefined);
  --ods-base-colors-global-red-700: rgb(146, 1, 29);
  --ods-base-colors-global-red-800: rgb(87, 4, 8);
  --ods-base-colors-global-yellow-300: rgb(243, 247, 67);
  --ods-base-colors-global-yellow-500: rgb(220, 226, 140);
  --ods-base-colors-global-yellow-700: rgb(178, 134, 0);
  --ods-base-colors-global-yellow-800: rgb(122, 118, 5);
  --ods-base-colors-global-yellow-050: rgb(249, 254, 189);
  --ods-base-colors-background-light-000: var(--ods-base-colors-neutral-000);
  --ods-base-colors-background-light-050: var(--ods-base-colors-neutral-050);
  --ods-base-colors-background-dark-600: var(--ods-base-colors-undefined);
  --ods-base-colors-background-dark-800: var(--ods-base-colors-undefined);
  --ods-base-colors-priority-very-high-200: var(--ods-base-colors-global-red-100);
  --ods-base-colors-priority-high-200: var(--ods-base-colors-global-orange-100);
  --ods-base-colors-priority-low-100: var(--ods-base-colors-global-blue-100);
  --ods-base-colors-priority-very-low-100: var(--ods-base-colors-global-green-100);
  --ods-base-colors-priority-medium-200: var(--ods-base-colors-global-yellow-050);
  --ods-base-colors-shadow-1: rgba(27, 27, 27, 0.05);
  --ods-base-colors-shadow-2: rgba(27, 27, 27, 0.1);
  --ods-base-colors-shadow-3: rgba(27, 27, 27, 0.15);
  --ods-base-colors-shadow-4: rgba(27, 27, 27, 0.25);
  --ods-base-colors-shadow-5: rgba(27, 27, 27, 0.4);
  --ods-base-colors-opacity-100: var(--ods-base-colors-neutral-000);
  --ods-base-colors-opacity-000: rgba(255, 255, 255, 0);
  --ods-base-colors-opacity-025: rgba(255, 255, 255, 0.25);
  --ods-base-colors-opacity-050: rgba(255, 255, 255, 0.5);
  --ods-base-colors-opacity-075: rgba(255, 255, 255, 0.75);
  --ods-base-colors-undefined: rgb(0, 255, 0);
  --ods-button-color-default: var(--ods-base-tokens-state-color-default);
  --ods-button-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-button-color-pressed: var(--ods-base-tokens-state-color-active);
  --ods-button-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-button-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-button-secondary-text-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-button-secondary-text-color-active: var(--ods-base-tokens-state-color-active);
  --ods-button-secondary-text-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-button-secondary-text-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-button-secondary-text-color-default: var(--ods-base-tokens-state-color-default);
  --ods-button-secondary-color-default: var(--ods-base-tokens-state-color-default);
  --ods-button-secondary-color-active: var(--ods-base-tokens-state-color-active);
  --ods-button-secondary-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-button-secondary-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-button-secondary-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-button-secondary-background-default: var(--ods-base-tokens-state-background-default);
  --ods-button-secondary-background-active: var(--ods-base-tokens-state-background-active);
  --ods-button-secondary-background-disabled: var(--ods-base-colors-neutral-000);
  --ods-button-secondary-background-focus: var(--ods-base-tokens-state-background-focus);
  --ods-button-secondary-background-hover: var(--ods-base-tokens-state-background-hover);
  --ods-button-secondary-shadow-focus: var(--ods-shadow-focus);
  --ods-button-secondary-border-default: inset 0 0 0 1px var(--ods-base-tokens-form-color-default);
  --ods-button-secondary-border-active: inset 0 0 0 1px var(--ods-base-tokens-form-color-active);
  --ods-button-secondary-border-disabled: inset 0 0 0 1px var(--ods-base-tokens-form-color-disabled);
  --ods-button-secondary-border-focus: inset 0 0 0 2px var(--ods-base-tokens-form-color-focus);
  --ods-button-secondary-border-hover: inset 0 0 0 1px var(--ods-base-tokens-form-color-hover);
  --ods-button-border-radius-small: var(--ods-base-tokens-radius-medium);
  --ods-button-border-radius-large: var(--ods-base-tokens-radius-large);
  --ods-button-additional-icon-distance-to-text: var(--ods-base-tokens-space-100);
  --ods-button-additional-icon-size: 14px;
  --ods-button-primary-text-color-default: var(--ods-base-tokens-font-color-white);
  --ods-button-primary-text-color-active: var(--ods-base-tokens-font-color-white);
  --ods-button-primary-text-color-disabled: var(--ods-base-tokens-font-color-white);
  --ods-button-primary-text-color-focus: var(--ods-base-tokens-font-color-white);
  --ods-button-primary-text-color-hover: var(--ods-base-tokens-font-color-white);
  --ods-button-primary-background-default: var(--ods-base-tokens-state-color-default);
  --ods-button-primary-background-active: var(--ods-base-tokens-state-color-active);
  --ods-button-primary-background-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-button-primary-background-focus: var(--ods-base-tokens-state-color-focus);
  --ods-button-primary-background-hover: var(--ods-base-tokens-state-color-hover);
  --ods-button-primary-shadow-focus: var(--ods-shadow-focus);
  --ods-button-tertiary-text-color-default: var(--ods-base-tokens-state-color-default);
  --ods-button-tertiary-text-color-active: var(--ods-base-tokens-state-color-active);
  --ods-button-tertiary-text-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-button-tertiary-text-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-button-tertiary-text-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-button-tertiary-text-decoration: underline;
  --ods-button-tertiary-background-hover: var(--ods-base-tokens-state-background-hover);
  --ods-button-tertiary-background-default: transparent;
  --ods-button-tertiary-background-focus: transparent;
  --ods-button-tertiary-background-pressed: transparent;
  --ods-button-tertiary-background-disabled: transparent;
  --ods-button-tertiary-padding-small: var(--ods-base-tokens-padding-025);
  --ods-button-tertiary-shadow-focus: inset 0 0 0 2px var(--ods-base-tokens-form-color-focus);
  --ods-button-height-small: 24px;
  --ods-button-height-medium: 32px;
  --ods-button-height-large: 40px;
  --ods-button-group-distance-small: var(--ods-base-tokens-space-050);
  --ods-button-group-distance-medium: var(--ods-base-tokens-space-075);
  --ods-button-group-distance-large: var(--ods-base-tokens-space-100);
  --ods-button-radius-focus-ring: var(--ods-base-tokens-radius-large);
  --ods-button-padding-small: 2px 16px;
  --ods-button-padding-medium: 6px 24px;
  --ods-button-padding-large: 10px 24px;
  --ods-button-text-color-black: rgb(51, 51, 51);
  --ods-button-text-color-white: rgb(242, 246, 250);
  --ods-button-text-color-blue: rgb(0, 79, 159);
  --ods-form-field-border-color-default: var(--ods-base-tokens-form-border-default);
  --ods-form-field-border-color-readonly-focused: var(--ods-base-tokens-form-border-focus);
  --ods-form-field-border-color-hover: var(--ods-base-tokens-form-border-hover);
  --ods-form-field-border-color-disabled: var(--ods-base-tokens-form-border-disabled);
  --ods-form-field-border-color-pressed: var(--ods-base-tokens-form-border-pressed);
  --ods-form-field-border-color-active: var(--ods-base-tokens-form-border-active);
  --ods-form-field-border-color-focus: var(--ods-base-tokens-form-border-active);
  --ods-form-field-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-form-field-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-form-field-background-disabled: var(--ods-base-tokens-form-background-disabled);
  --ods-form-field-background-focus: var(--ods-base-tokens-form-background-focus);
  --ods-form-field-background-default: var(--ods-base-tokens-form-background-default);
  --ods-form-field-background-active: var(--ods-base-tokens-form-background-active);
  --ods-form-field-background-readonly: var(--ods-base-tokens-form-background-readonly);
  --ods-form-field-icon-size: 0;
  --ods-form-field-icon-color-default: var(--ods-base-tokens-icon-color-grey);
  --ods-form-field-icon-color-disabled: var(--ods-base-tokens-icon-color-disabled);
  --ods-form-field-icon-color-readonly: var(--ods-base-tokens-icon-color-grey);
  --ods-form-field-icon-color-hover: var(--ods-base-tokens-icon-color-grey);
  --ods-form-field-label-color-default: var(--ods-base-tokens-font-color-label);
  --ods-form-field-label-color-error: var(--ods-base-tokens-font-color-label);
  --ods-form-field-label-color-sucess: var(--ods-base-tokens-font-color-label);
  --ods-form-field-label-color-warning: var(--ods-form-field-label-color-default);
  --ods-form-field-label-color-info: var(--ods-base-tokens-font-color-label);
  --ods-form-field-placeholder-color-default: var(--ods-base-tokens-font-color-placeholder);
  --ods-form-field-placeholder-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-form-field-input-color-default: var(--ods-base-tokens-font-color-default);
  --ods-form-field-input-color-active: var(--ods-base-tokens-font-color-active);
  --ods-form-field-input-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-form-field-input-color-focus: var(--ods-base-tokens-font-color-focus);
  --ods-form-field-input-color-hover: var(--ods-base-tokens-font-color-hover);
  --ods-form-field-input-color-readonly: var(--ods-base-tokens-font-color-readonly);
  --ods-form-field-help-color-default: var(--ods-base-tokens-font-color-default);
  --ods-form-field-help-color-error: var(--ods-base-tokens-messaging-error-foreground);
  --ods-form-field-help-color-success: var(--ods-base-tokens-messaging-success-foreground);
  --ods-form-field-help-color-warning: var(--ods-base-tokens-messaging-warning-foreground);
  --ods-form-field-help-color-information: var(--ods-base-tokens-messaging-info-foreground);
  --ods-form-field-message-color-default: var(--ods-base-colors-neutral-800);
  --ods-form-field-message-color-sucess: var(--ods-base-tokens-messaging-success-border);
  --ods-form-field-message-color-error: var(--ods-base-tokens-messaging-error-border);
  --ods-form-field-message-color-information: var(--ods-base-tokens-messaging-info-border);
  --ods-form-field-message-color-warning: var(--ods-base-tokens-messaging-warning-border);
  --ods-form-field-message-background-error: var(--ods-base-tokens-messaging-error-background);
  --ods-form-field-message-background-success: var(--ods-base-tokens-messaging-success-background);
  --ods-form-field-message-background-warning: var(--ods-base-tokens-messaging-warning-background);
  --ods-form-field-message-background-information: var(--ods-base-tokens-messaging-info-background);
  --ods-form-field-glyph-color-default: var(--ods-base-tokens-font-color-default);
  --ods-form-field-glyph-color-error: var(--ods-base-tokens-messaging-error-foreground);
  --ods-form-field-glyph-color-success: var(--ods-base-tokens-messaging-success-foreground);
  --ods-form-field-glyph-color-warning: var(--ods-base-tokens-messaging-warning-foreground);
  --ods-form-field-glyph-color-information: var(--ods-base-tokens-messaging-info-foreground);
  --ods-form-field-glyph-color-info: var(--ods-base-colors-messaging-information-600);
  --ods-form-space: 12px;
  --ods-form-dropdown-border-color: var(--ods-base-colors-neutral-050);
  --ods-form-dropdown-field-label-color-default: var(--ods-base-tokens-font-color-label);
  --ods-form-dropdown-field-label-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-dropdown-field-input-color-default: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-dropdown-field-input-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-dropdown-field-placeholder-color-default: var(--ods-base-tokens-font-color-placeholder);
  --ods-form-dropdown-field-placeholder-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-form-dropdown-field-sort-icon-color-default: var(--ods-base-colors-neutral-400);
  --ods-form-dropdown-field-sort-icon-color-disabled: var(--ods-base-tokens-icon-color-disabled);
  --ods-form-dropdown-field-down-icon-color: var(--ods-base-colors-neutral-400);
  --ods-form-dropdown-group-title-color: var(--ods-section-font-color-default);
  --ods-form-dropdown-group-title-font-weight-bold: 500;
  --ods-form-dropdown-group-title-font-size-small: var(--ods-base-tokens-font-family-small);
  --ods-form-dropdown-item-background-default: var(--ods-base-colors-neutral-000);
  --ods-form-dropdown-item-background-hover: var(--ods-base-colors-neutral-000);
  --ods-form-dropdown-item-background-active: var(--ods-base-colors-neutral-000);
  --ods-form-dropdown-item-color-default: var(--ods-base-tokens-font-color-default);
  --ods-form-dropdown-item-color-active: var(--ods-base-colors-brand-primary-700);
  --ods-form-dropdown-item-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-form-dropdown-item-color-hover: var(--ods-base-tokens-font-color-hover);
  --ods-form-dropdown-item-color-focus: var(--ods-base-tokens-font-color-default);
  --ods-form-dropdown-item-border-color: 0 0 0 2px var(--ods-base-tokens-form-color-focus);
  --ods-form-dropdown-item-padding: 6px 16px;
  --ods-form-dropdown-item-link-default: var(--ods-base-tokens-font-color-default);
  --ods-form-dropdown-item-link-visited: var(--ods-base-tokens-font-color-default);
  --ods-form-dropdown-item-search-color-active: var(--ods-base-tokens-state-color-active);
  --ods-form-dropdown-item-search-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-form-dropdown-item-search-background-active: var(--ods-base-tokens-form-background-active);
  --ods-form-dropdown-panel-background: var(--ods-base-colors-neutral-000);
  --ods-form-dropdown-panel-border-radius-small: var(--ods-base-tokens-radius-medium);
  --ods-form-dropdown-panel-padding: 12px 16px;
  --ods-form-dropdown-panel-box-shadow: var(--ods-shadow-3);
  --ods-form-dropdown-panel-width: fit-content;
  --ods-form-dropdown-search-placeholder-color: var(--ods-base-tokens-font-color-placeholder);
  --ods-form-search-input-height: var(--ods-base-tokens-space-400);
  --ods-form-search-input-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-form-search-input-border-color-hover: var(--ods-base-tokens-form-border-hover);
  --ods-form-search-input-border-color-focus: var(--ods-base-tokens-form-border-active);
  --ods-form-search-input-color-default: var(--ods-base-tokens-font-color-placeholder);
  --ods-form-search-input-color-filled: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-search-input-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-form-search-input-padding-top-small: var(--ods-base-tokens-padding-006);
  --ods-form-search-input-padding-top-large: var(--ods-base-tokens-padding-100);
  --ods-form-search-input-padding-right-small: var(--ods-base-tokens-padding-125);
  --ods-form-search-input-padding-right-large: var(--ods-base-tokens-padding-125);
  --ods-form-search-input-padding-bottom-small: var(--ods-base-tokens-padding-006);
  --ods-form-search-input-padding-bottom-large: var(--ods-base-tokens-padding-100);
  --ods-form-search-input-padding-left-small: var(--ods-base-tokens-padding-200);
  --ods-form-search-input-padding-left-large: var(--ods-base-tokens-padding-200);
  --ods-form-search-input-placeholder-color: var(--ods-base-tokens-font-color-placeholder);
  --ods-form-search-input-placeholder-font-size: var(--ods-base-tokens-font-size-small);
  --ods-form-search-input-placeholder-font-weight: var(--ods-base-tokens-font-weight-light);
  --ods-form-search-input-placeholder-opacity: 1;
  --ods-form-search-panel-background: var(--ods-base-colors-neutral-000);
  --ods-form-search-panel-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-form-search-panel-category-color: var(--ods-base-tokens-font-color-label);
  --ods-form-search-panel-category-border-color: var(--ods-base-colors-neutral-000);
  --ods-form-search-panel-color: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-search-panel-font-size: var(--ods-base-tokens-font-size-small);
  --ods-form-search-panel-font-weight: var(--ods-base-tokens-font-weight-medium);
  --ods-form-search-panel-item-color-default: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-search-panel-item-color-active: var(--ods-base-tokens-form-color-default);
  --ods-form-search-panel-item-color-hover: var(--ods-base-tokens-form-color-hover);
  --ods-form-search-panel-item-font-size: var(--ods-base-tokens-font-size-body);
  --ods-form-search-panel-item-font-weight: var(--ods-base-tokens-font-weight-medium);
  --ods-form-search-panel-item-background-active: var(--ods-base-tokens-form-background-active);
  --ods-form-search-panel-item-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-form-search-panel-item-header-color-default: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-search-panel-item-header-color-focus: var(--ods-base-tokens-form-border-focus);
  --ods-form-search-item-background-default: var(--ods-base-tokens-form-background-default);
  --ods-form-search-item-background-focus: var(--ods-base-tokens-form-background-focus);
  --ods-form-search-item-background-active: var(--ods-base-tokens-form-background-active);
  --ods-form-search-item-breadcrumb-separator-color: var(--ods-base-colors-neutral-500);
  --ods-form-search-item-breadcrumb-color: var(--ods-base-tokens-font-color-default);
  --ods-form-search-message-background: var(--ods-base-tokens-background-light-000);
  --ods-form-search-message-color: var(--ods-base-tokens-font-color-default);
  --ods-form-search-message-border-color: var(--ods-base-colors-neutral-100);
  --ods-form-search-item-header-header-color-active: var(--ods-base-tokens-form-color-default);
  --ods-form-search-item-header-header-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-search-item-header-header-font-size: 16px;
  --ods-form-search-item-category-font-weight-hover: var(--ods-base-tokens-font-weight-medium);
  --ods-form-search-item-category-font-weight-selected: var(--ods-base-tokens-font-weight-medium);
  --ods-form-date-picker-new-day-background-disabled: var(--ods-base-colors-neutral-000);
  --ods-form-date-picker-new-day-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-form-date-picker-new-day-background-active: var(--ods-base-colors-brand-primary-700);
  --ods-form-date-picker-new-day-border-color: var(--ods-base-tokens-form-color-focus);
  --ods-form-date-picker-new-day-color-default: var(--ods-base-tokens-form-color-default);
  --ods-form-date-picker-new-day-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-date-picker-new-day-color-hover: var(--ods-base-tokens-form-color-hover);
  --ods-form-date-picker-new-day-color-other-month: var(--ods-base-colors-neutral-400);
  --ods-form-date-picker-new-day-color-active: var(--ods-base-colors-neutral-000);
  --ods-form-date-picker-new-today-color: var(--ods-base-colors-brand-primary-700);
  --ods-form-date-picker-new-icon-color-hover: var(--ods-base-tokens-icon-color-hover);
  --ods-form-date-picker-new-item-color: var(--ods-base-colors-neutral-600);
  --ods-form-date-picker-new-label-color: var(--ods-base-tokens-font-color-label);
  --ods-form-date-picker-new-switch-background-hover: var(--ods-base-colors-neutral-050);
  --ods-form-date-picker-new-switch-border-color-focus: var(--ods-base-tokens-form-border-focus);
  --ods-form-date-picker-new-switch-color-default: var(--ods-base-tokens-form-color-default);
  --ods-form-date-picker-new-switch-color-hover: var(--ods-base-tokens-form-color-hover);
  --ods-form-date-picker-new-separator-border-color: var(--ods-base-colors-neutral-050);
  --ods-form-date-picker-new-header-color: var(--ods-base-tokens-font-color-label);
  --ods-form-date-picker-new-validation-error-color: var(--ods-base-tokens-messaging-error-foreground);
  --ods-form-date-picker-new-validation-error-background: var(--ods-base-tokens-messaging-error-background);
  --ods-form-date-picker-panel-shadow: var(--ods-shadow-2);
  --ods-form-date-picker-panel-background: var(--ods-base-colors-neutral-000);
  --ods-form-date-picker-panel-separator-background: var(--ods-base-colors-neutral-050);
  --ods-form-date-picker-panel-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-form-date-picker-panel-padding: var(--ods-base-tokens-padding-200);
  --ods-form-date-picker-weekdays-color: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-date-picker-day-color-default: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-date-picker-day-color-active: var(--ods-base-colors-neutral-000);
  --ods-form-date-picker-day-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-date-picker-day-color-focus: var(--ods-base-tokens-form-color-focus);
  --ods-form-date-picker-day-color-hover: var(--ods-base-tokens-form-color-hover);
  --ods-form-date-picker-day-out-color: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-date-picker-day-today-color-focus: var(--ods-base-tokens-form-color-default);
  --ods-form-date-picker-day-background-disabled: var(--ods-base-colors-opacity-000);
  --ods-form-date-picker-day-background-active: var(--ods-base-colors-brand-primary-700);
  --ods-form-date-picker-day-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-form-date-picker-day-range-background: var(--ods-base-colors-brand-primary-100-transparent);
  --ods-form-date-picker-day-border-color: inset 0 0 0 1px #606583;
  --ods-form-editor-toolbar-border-color-default: var(--ods-base-tokens-form-border-default);
  --ods-form-editor-toolbar-border-color-disabled: var(--ods-base-tokens-form-border-disabled);
  --ods-form-editor-toolbar-border-radius-small: var(--ods-form-field-border-radius) var(--ods-form-field-border-radius) 0 0;
  --ods-form-editor-toolbar-background-default: var(--ods-base-tokens-background-light-000);
  --ods-form-editor-toolbar-background-disabled: var(--ods-base-tokens-background-light-000);
  --ods-form-editor-toolbar-button-color-default: var(--ods-base-tokens-form-color-default);
  --ods-form-editor-toolbar-button-color-active: var(--ods-base-tokens-form-color-active);
  --ods-form-editor-toolbar-button-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-editor-toolbar-button-color-focus: var(--ods-base-tokens-form-color-focus);
  --ods-form-editor-toolbar-button-color-hover: var(--ods-base-tokens-form-color-default);
  --ods-form-editor-background-readonly: var(--ods-base-tokens-form-background-readonly);
  --ods-form-editor-blockquote-border-color: var(--ods-base-colors-neutral-100);
  --ods-form-editor-placeholder-color: var(--ods-base-tokens-font-color-placeholder);
  --ods-form-editor-color-default: var(--ods-base-tokens-form-color-default);
  --ods-form-editor-editor-border-radius-small: 0 0 var(--ods-form-field-border-radius) var(--ods-form-field-border-radius);
  --ods-form-editor-shadow-color-readonly-focus: var(--ods-base-tokens-form-border-focus);
  --ods-form-toggle-width-small: var(--ods-base-tokens-space-400);
  --ods-form-toggle-width-medium: var(--ods-base-tokens-space-600);
  --ods-form-toggle-height-small: var(--ods-base-tokens-space-200);
  --ods-form-toggle-height-medium: var(--ods-base-tokens-space-300);
  --ods-form-toggle-border-radius-small: 10px;
  --ods-form-toggle-border-radius-medium: 12px;
  --ods-form-toggle-border-width-small: var(--ods-base-tokens-border-width-2);
  --ods-form-toggle-border-width-medium: var(--ods-base-tokens-border-width-2);
  --ods-form-toggle-border-color-selected-readonly: var(--ods-base-tokens-form-border-readonly);
  --ods-form-toggle-border-color-selected-focus: transparent;
  --ods-form-toggle-border-color-selected-hover: transparent;
  --ods-form-toggle-border-color-selected-active: transparent;
  --ods-form-toggle-border-color-selected-disabled: transparent;
  --ods-form-toggle-border-color-selected-default: transparent;
  --ods-form-toggle-border-color-deselected-default: var(--ods-base-tokens-form-border-default);
  --ods-form-toggle-border-color-deselected-active: var(--ods-base-tokens-form-border-pressed);
  --ods-form-toggle-border-color-deselected-disabled: var(--ods-base-tokens-form-border-disabled);
  --ods-form-toggle-border-color-deselected-focus: var(--ods-base-tokens-form-border-focus);
  --ods-form-toggle-border-color-deselected-hover: var(--ods-base-tokens-form-border-hover);
  --ods-form-toggle-switch-size-small: var(--ods-base-tokens-space-150);
  --ods-form-toggle-switch-size-medium: var(--ods-base-tokens-space-225);
  --ods-form-toggle-switch-color-default: var(--ods-base-colors-neutral-000);
  --ods-form-toggle-switch-color-readonly: var(--ods-base-tokens-icon-color-readonly);
  --ods-form-toggle-switch-shadow: var(--ods-shadow-5);
  --ods-form-toggle-label-color-default: var(--ods-base-tokens-font-color-label);
  --ods-form-toggle-label-color-active: var(--ods-base-tokens-font-color-label);
  --ods-form-toggle-label-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-form-toggle-label-color-focus: var(--ods-base-tokens-font-color-label);
  --ods-form-toggle-label-color-hover: var(--ods-base-tokens-font-color-label);
  --ods-form-toggle-check-color-default: var(--ods-base-colors-neutral-000);
  --ods-form-toggle-check-color-active: var(--ods-base-colors-neutral-000);
  --ods-form-toggle-check-color-disabled: var(--ods-base-colors-neutral-000);
  --ods-form-toggle-check-color-focus: var(--ods-base-colors-neutral-000);
  --ods-form-toggle-check-color-hover: var(--ods-base-colors-neutral-000);
  --ods-form-toggle-check-color-readonly: var(--ods-base-tokens-icon-color-readonly);
  --ods-form-toggle-cross-color-default: var(--ods-base-tokens-form-border-default);
  --ods-form-toggle-cross-color-active: var(--ods-base-tokens-form-border-default);
  --ods-form-toggle-cross-color-disabled: var(--ods-base-tokens-form-border-default);
  --ods-form-toggle-cross-color-focus: var(--ods-base-tokens-form-border-default);
  --ods-form-toggle-cross-color-hover: var(--ods-base-tokens-form-border-default);
  --ods-form-toggle-cross-color-readonly: var(--ods-base-tokens-form-border-default);
  --ods-form-toggle-background-selected-default: var(--ods-base-tokens-form-color-default);
  --ods-form-toggle-background-selected-active: var(--ods-base-tokens-form-color-active);
  --ods-form-toggle-background-selected-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-toggle-background-selected-focus: var(--ods-base-tokens-form-color-focus);
  --ods-form-toggle-background-selected-hover: var(--ods-base-tokens-form-color-hover);
  --ods-form-toggle-background-selected-readonly: transparent;
  --ods-form-toggle-background-deselected-default: var(--ods-base-tokens-form-background-default);
  --ods-form-toggle-background-deselected-active: var(--ods-base-tokens-form-background-active);
  --ods-form-toggle-background-deselected-disabled: var(--ods-base-tokens-state-background-disabled);
  --ods-form-toggle-background-deselected-focus: var(--ods-base-tokens-form-background-focus);
  --ods-form-toggle-background-deselected-hover: var(--ods-base-tokens-form-background-hover);
  --ods-form-toggle-heading-color-default: var(--ods-base-tokens-font-color-label);
  --ods-form-toggle-heading-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-toggle-shadow-focus: 0 0 0 1px var(--ods-base-tokens-form-background-focus), 0 0 0 3px var(--ods-base-tokens-form-border-focus);
  --ods-form-multi-select-no-option-label-color: var(--ods-base-tokens-font-color-placeholder);
  --ods-form-multi-select-divider-background: var(--ods-base-colors-neutral-050);
  --ods-form-multi-select-panel-color: var(--ods-base-tokens-form-border-default);
  --ods-form-time-picker-message-error-background: var(--ods-base-tokens-messaging-error-background);
  --ods-form-time-picker-message-error-color: var(--ods-base-tokens-messaging-error-font);
  --ods-form-checkbox-margin-bottom: 10px;
  --ods-form-checkbox-shadow-default-focus: var(--ods-shadow-focus2);
  --ods-form-checkbox-shadow-readonly-focus: var(--ods-shadow-focus3);
  --ods-form-checkbox-border-color-checked-default: transparent;
  --ods-form-checkbox-border-color-checked-active: transparent;
  --ods-form-checkbox-border-color-checked-disabled: transparent;
  --ods-form-checkbox-border-color-checked-focus: transparent;
  --ods-form-checkbox-border-color-checked-hover: transparent;
  --ods-form-checkbox-border-color-indeterminate-default: transparent;
  --ods-form-checkbox-border-color-indeterminate-active: transparent;
  --ods-form-checkbox-border-color-indeterminate-disabled: transparent;
  --ods-form-checkbox-border-color-indeterminate-focus: transparent;
  --ods-form-checkbox-border-color-indeterminate-hover: transparent;
  --ods-form-color-picker-button-focus: var(--ods-shadow-focus2);
  --ods-form-color-picker-panel-shadow: var(--ods-shadow-2);
  --ods-form-color-picker-panel-padding: 16px 0;
  --ods-form-color-picker-panel-border: solid 1px var(--ods-base-colors-brand-tertiary-100-transparent);
  --ods-form-radio-button-gap-horizontal: 16px;
  --ods-form-radio-button-label-distance: 10px;
  --ods-form-radio-button-shadow: var(--ods-shadow-focus2);
  --ods-form-text-area-scrollbar-size: 12px;
  --ods-form-text-area-scrollbar-border-radius: 8px;
  --ods-tag-background-very-high: var(--ods-base-colors-priority-very-high-200);
  --ods-tag-background-high: var(--ods-base-colors-priority-high-200);
  --ods-tag-background-medium: var(--ods-base-colors-priority-medium-200);
  --ods-tag-background-low: var(--ods-base-colors-priority-low-100);
  --ods-tag-background-very-low: var(--ods-base-colors-priority-very-low-100);
  --ods-tag-background-neutral: var(--ods-base-colors-neutral-100);
  --ods-tag-background-disabled: var(--ods-base-colors-neutral-000);
  --ods-tag-icon-color: var(--ods-base-tokens-priority-foreground);
  --ods-tag-icon-background-very-high: var(--ods-base-colors-global-red-100);
  --ods-tag-icon-background-high: var(--ods-base-colors-global-orange-100);
  --ods-tag-icon-background-medium: var(--ods-base-colors-global-yellow-050);
  --ods-tag-icon-background-low: var(--ods-base-colors-global-grey-blue-050);
  --ods-tag-icon-background-very-low: var(--ods-base-colors-global-green-100);
  --ods-tag-icon-background-neutral: var(--ods-base-colors-neutral-100);
  --ods-tag-icon-background-disabled: var(--ods-base-colors-neutral-000);
  --ods-tag-border-radius-small: 8px;
  --ods-tag-border-radius-large: 12px;
  --ods-tag-border-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-tag-border-width: var(--ods-base-tokens-border-width-1);
  --ods-tag-border-color-disabled: inset 0 0 0 1px var(--ods-tag-border-disabled);
  --ods-tag-color-default: var(--ods-base-tokens-font-color-default);
  --ods-tag-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-link-color-default: var(--ods-base-tokens-state-color-default);
  --ods-link-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-link-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-link-color-active: var(--ods-base-tokens-state-color-active);
  --ods-link-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-link-color-visited: var(--ods-base-tokens-state-color-active);
  --ods-link-color-danger: var(--ods-base-colors-messaging-error-600);
  --ods-link-border-radius-small: var(--ods-base-tokens-radius-small);
  --ods-link-padding: var(--ods-base-tokens-padding-025);
  --ods-link-white-space: nowrap;
  --ods-link-decoration-standard: none;
  --ods-link-decoration-default: underline;
  --ods-link-decoration-active: underline;
  --ods-link-decoration-disabled: none;
  --ods-link-decoration-focus: underline;
  --ods-link-decoration-hovered: underline;
  --ods-link-decoration-visited: none;
  --ods-link-shadow-focus: var(--ods-shadow-focus);
  --ods-avatar-border-color: var(--ods-base-tokens-background-light-000);
  --ods-avatar-color-background: var(--ods-base-colors-brand-primary-700);
  --ods-avatar-color-icon: var(--ods-base-tokens-icon-color-white);
  --ods-avatar-badge-color-offline: var(--ods-base-colors-neutral-400);
  --ods-avatar-badge-color-online: var(--ods-base-tokens-messaging-success-border);
  --ods-avatar-badge-color-absent: var(--ods-base-tokens-messaging-warning-border);
  --ods-avatar-badge-color-unavailable: var(--ods-base-tokens-messaging-error-border);
  --ods-avatar-badge-size-100: var(--ods-base-tokens-icon-size-100);
  --ods-avatar-badge-border-color: var(--ods-base-tokens-background-light-000);
  --ods-avatar-badge-declined-icon: var(--ods-base-tokens-icon-color-white);
  --ods-avatar-badge-declined-background: var(--ods-base-tokens-messaging-error-border);
  --ods-avatar-badge-approved-icon: var(--ods-base-tokens-icon-color-white);
  --ods-avatar-badge-approved-background: var(--ods-base-tokens-messaging-success-border);
  --ods-avatar-initials-color-default: var(--ods-base-tokens-font-color-white);
  --ods-avatar-initials-font-size-small: var(--ods-base-tokens-font-size-small);
  --ods-avatar-initials-font-size-medium: var(--ods-base-tokens-font-size-h4);
  --ods-avatar-size-medium: var(--ods-base-tokens-space-425);
  --ods-avatar-size-small: 24px;
  --ods-avatar-collection-background: var(--ods-base-colors-brand-secondary-100);
  --ods-avatar-collection-color: var(--ods-base-colors-brand-secondary-400);
  --ods-checkbox-background-checked-default: var(--ods-base-tokens-form-color-default);
  --ods-checkbox-background-checked-hover: var(--ods-base-tokens-form-color-hover);
  --ods-checkbox-background-checked-active: var(--ods-base-tokens-form-color-active);
  --ods-checkbox-background-checked-focus: var(--ods-base-tokens-form-color-focus);
  --ods-checkbox-background-checked-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-checkbox-background-checked-readonly: var(--ods-base-tokens-form-background-readonly);
  --ods-checkbox-background-unchecked-default: var(--ods-base-tokens-form-background-default);
  --ods-checkbox-background-unchecked-hover: var(--ods-base-tokens-form-background-hover);
  --ods-checkbox-background-unchecked-active: var(--ods-base-tokens-form-background-active);
  --ods-checkbox-background-unchecked-focus: var(--ods-base-tokens-form-background-focus);
  --ods-checkbox-background-unchecked-disabled: var(--ods-base-tokens-form-background-disabled);
  --ods-checkbox-background-unchecked-readonly: var(--ods-base-tokens-form-background-readonly);
  --ods-checkbox-background-indeterminate-default: var(--ods-base-tokens-form-color-default);
  --ods-checkbox-background-indeterminate-active: var(--ods-base-tokens-form-color-active);
  --ods-checkbox-background-indeterminate-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-checkbox-background-indeterminate-focus: var(--ods-base-tokens-form-color-focus);
  --ods-checkbox-background-indeterminate-readonly: var(--ods-base-tokens-form-background-readonly);
  --ods-checkbox-background-indeterminate-hover: var(--ods-base-tokens-form-color-hover);
  --ods-checkbox-label-color-default: var(--ods-base-tokens-font-color-label);
  --ods-checkbox-label-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-checkbox-grouplabel-default: var(--ods-base-tokens-font-color-label);
  --ods-checkbox-grouplabel-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-checkbox-border-color-unchecked-readonly: var(--ods-base-tokens-form-border-readonly);
  --ods-checkbox-border-color-unchecked-active: var(--ods-base-tokens-form-border-pressed);
  --ods-checkbox-border-color-unchecked-default: var(--ods-base-tokens-form-border-default);
  --ods-checkbox-border-color-unchecked-disabled: var(--ods-base-tokens-form-border-disabled);
  --ods-checkbox-border-color-unchecked-focus: var(--ods-base-tokens-form-border-focus);
  --ods-checkbox-border-color-unchecked-hover: var(--ods-base-tokens-form-border-hover);
  --ods-checkbox-border-color-checked-readonly: var(--ods-base-tokens-form-border-readonly);
  --ods-checkbox-border-color-checked-hover: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-checked-focus: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-checked-disabled: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-checked-active: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-checked-default: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-indeterminate-readonly: var(--ods-base-tokens-form-border-readonly);
  --ods-checkbox-border-color-indeterminate-hover: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-indeterminate-focus: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-indeterminate-disabled: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-indeterminate-active: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-indeterminate-default: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-radius: var(--ods-base-tokens-radius-small);
  --ods-checkbox-border-width: var(--ods-base-tokens-border-width-2);
  --ods-checkbox-checkmark-color-default: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-checkmark-color-readonly: var(--ods-base-tokens-icon-color-readonly);
  --ods-checkbox-checkmark-color-active: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-checkmark-color-disabled: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-checkmark-color-focus: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-checkmark-color-hover: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-size-medium: var(--ods-base-tokens-icon-size-300);
  --ods-checkbox-size-small: var(--ods-base-tokens-icon-size-200);
  --ods-checkbox-dash-color-default: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-dash-color-readonly: var(--ods-base-tokens-icon-color-readonly);
  --ods-checkbox-dash-color-active: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-dash-color-disabled: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-dash-color-focus: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-dash-color-hover: var(--ods-base-tokens-icon-color-white);
  --ods-scrollbar-light-handle-default: var(--ods-base-colors-neutral-400);
  --ods-scrollbar-light-handle-hover: var(--ods-base-colors-neutral-700);
  --ods-scrollbar-light-track-background: var(--ods-base-colors-neutral-025);
  --ods-scrollbar-dark-handle-default: var(--ods-base-colors-neutral-200);
  --ods-scrollbar-dark-handle-hover: var(--ods-base-colors-neutral-025);
  --ods-scrollbar-dark-track-color: rgba(255, 255, 255, 0.16);
  --ods-scrollbar-border-radius: 6px;
  --ods-scrollbar-width: 12px;
  --ods-radio-button-background-selected-default: var(--ods-base-tokens-form-background-default);
  --ods-radio-button-background-selected-active: var(--ods-base-tokens-form-background-active);
  --ods-radio-button-background-selected-disabled: var(--ods-base-tokens-form-background-disabled);
  --ods-radio-button-background-selected-focus: var(--ods-base-tokens-form-background-focus);
  --ods-radio-button-background-selected-hover: var(--ods-base-tokens-form-background-hover);
  --ods-radio-button-background-selected-readonly: var(--ods-base-tokens-form-background-readonly);
  --ods-radio-button-background-unselected-default: var(--ods-base-tokens-form-background-default);
  --ods-radio-button-background-unselected-active: var(--ods-base-tokens-form-background-active);
  --ods-radio-button-background-unselected-focus: var(--ods-base-tokens-form-background-focus);
  --ods-radio-button-background-unselected-hover: var(--ods-base-tokens-form-background-hover);
  --ods-radio-button-background-unselected-disabled: var(--ods-base-tokens-form-background-disabled);
  --ods-radio-button-background-unselected-readonly: var(--ods-base-tokens-form-background-readonly);
  --ods-radio-button-outer-circle-color-selected-default: var(--ods-base-tokens-form-color-default);
  --ods-radio-button-outer-circle-color-selected-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-radio-button-outer-circle-color-selected-active: var(--ods-base-tokens-form-color-active);
  --ods-radio-button-outer-circle-color-selected-hover: var(--ods-base-tokens-form-color-hover);
  --ods-radio-button-outer-circle-color-selected-focus: var(--ods-base-tokens-form-color-focus);
  --ods-radio-button-outer-circle-color-selected-readonly: var(--ods-base-colors-neutral-100);
  --ods-radio-button-outer-circle-size: var(--ods-primitives-tokens-025);
  --ods-radio-button-label-color-grouplabel: var(--ods-base-tokens-font-color-label);
  --ods-radio-button-label-color-label: var(--ods-base-tokens-font-color-label);
  --ods-radio-button-label-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-radio-button-inner-circle-size-small: var(--ods-base-tokens-space-100);
  --ods-radio-button-inner-circle-size-medium: var(--ods-base-tokens-space-150);
  --ods-radio-button-inner-circle-color-selected-default: var(--ods-base-tokens-form-color-default);
  --ods-radio-button-inner-circle-color-selected-readonly: var(--ods-base-tokens-form-color-readonly);
  --ods-radio-button-inner-circle-color-selected-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-radio-button-inner-circle-color-selected-active: var(--ods-base-tokens-form-color-active);
  --ods-radio-button-inner-circle-color-selected-focus: var(--ods-base-tokens-form-color-focus);
  --ods-radio-button-inner-circle-color-selected-hover: var(--ods-base-tokens-form-color-hover);
  --ods-radio-button-size-small: var(--ods-primitives-tokens-200);
  --ods-radio-button-size-border-focus: var(--ods-base-tokens-space-050);
  --ods-radio-button-size-border-read-only: 3px;
  --ods-radio-button-size-medium: var(--ods-primitives-tokens-300);
  --ods-radio-button-gap-vertical: var(--ods-base-tokens-space-100);
  --ods-radio-button-color-unselected-default: var(--ods-base-tokens-form-color-default);
  --ods-radio-button-color-unselected-active: var(--ods-base-tokens-form-color-active);
  --ods-radio-button-color-unselected-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-radio-button-color-unselected-focus: var(--ods-base-tokens-form-color-focus);
  --ods-radio-button-color-unselected-hover: var(--ods-base-tokens-form-color-hover);
  --ods-radio-button-color-unselected-readonly: var(--ods-base-tokens-form-border-readonly);
  --ods-badge-background-default: var(--ods-base-tokens-state-color-default);
  --ods-badge-background-added: var(--ods-base-tokens-messaging-success-border);
  --ods-badge-background-removed: var(--ods-base-tokens-messaging-error-background);
  --ods-badge-background-important: var(--ods-base-tokens-messaging-error-border);
  --ods-badge-background-disabled: var(--ods-base-tokens-background-light-000);
  --ods-badge-background-inverted: var(--ods-base-tokens-background-light-000);
  --ods-badge-color-default: var(--ods-base-tokens-font-color-white);
  --ods-badge-color-added: var(--ods-base-tokens-font-color-white);
  --ods-badge-color-removed: var(--ods-base-tokens-messaging-error-foreground);
  --ods-badge-color-important: var(--ods-base-tokens-font-color-white);
  --ods-badge-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-badge-color-inverted: var(--ods-base-colors-brand-primary-700);
  --ods-badge-border-radius: var(--ods-base-tokens-radius-full);
  --ods-badge-border-line: 1px solid var(--ods-base-tokens-state-color-disabled);
  --ods-badge-padding: 2px 8px 2px 8px;
  --ods-breadcrumb-color-hover: var(--ods-base-tokens-font-color-hover);
  --ods-breadcrumb-color-focus: var(--ods-base-tokens-font-color-focus);
  --ods-breadcrumb-color-active: var(--ods-base-tokens-font-color-active);
  --ods-breadcrumb-color-default: var(--ods-base-colors-neutral-500);
  --ods-breadcrumb-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-breadcrumb-separator-color: var(--ods-base-colors-neutral-500);
  --ods-breadcrumb-border-focus-color: var(--ods-base-tokens-font-color-focus);
  --ods-breadcrumb-collapsed-border-focus-color: var(--ods-base-tokens-font-color-focus);
  --ods-tooltip-font-color: var(--ods-base-colors-neutral-000);
  --ods-tooltip-background: var(--ods-base-colors-neutral-900);
  --ods-tooltip-border-radius: var(--ods-base-tokens-radius-small);
  --ods-tooltip-width-max: 146px;
  --ods-drawer-dialog-background-default: var(--ods-base-tokens-background-light-000);
  --ods-drawer-dialog-font-color-default: var(--ods-base-colors-brand-primary-700);
  --ods-text-color-neutral-cold-600: var(--ods-base-tokens-font-color-label);
  --ods-text-color-neutral-cold-700: var(--ods-base-colors-neutral-700);
  --ods-text-h4-color-light: var(--ods-base-tokens-font-color-label);
  --ods-text-p-color-light: var(--ods-base-tokens-font-color-body);
  --ods-text-small-color-light: var(--ods-base-colors-neutral-500);
  --ods-text-line-height: 1.4;
  --ods-progress-indicator-background: var(--ods-base-colors-neutral-050);
  --ods-progress-indicator-font-color: var(--ods-base-tokens-font-color-label);
  --ods-progress-indicator-color: var(--ods-base-tokens-state-color-default);
  --ods-empty-state-title-color-default: var(--ods-base-tokens-state-color-default);
  --ods-empty-state-title-font-weight: var(--ods-base-tokens-font-weight-bold);
  --ods-empty-state-title-font-size: var(--ods-base-tokens-font-size-h3);
  --ods-empty-state-message-font-color: var(--ods-base-tokens-font-color-default);
  --ods-empty-state-message-font-size: var(--ods-base-tokens-font-line-height-h4);
  --ods-empty-state-margin: 48px 0;
  --ods-list-item-background-default: var(--ods-base-tokens-state-background-default);
  --ods-list-item-background-hover: var(--ods-base-tokens-state-background-hover);
  --ods-list-item-background-focus: var(--ods-base-tokens-state-background-focus);
  --ods-list-item-background-active: var(--ods-navigation-item-background-active);
  --ods-list-item-border-color: var(--ods-base-colors-neutral-050);
  --ods-list-item-border-bottom: solid 1px var(--ods-list-item-border-color);
  --ods-list-item-header-color-default: var(--ods-base-tokens-font-color-default);
  --ods-list-item-header-color-hover: var(--ods-base-tokens-font-color-default);
  --ods-list-item-header-color-focus: var(--ods-base-tokens-font-color-default);
  --ods-list-item-header-color-active: var(--ods-base-tokens-form-color-default);
  --ods-list-item-header-font-size: var(--ods-base-tokens-font-size-h4);
  --ods-list-item-header-font-weight: var(--ods-base-tokens-font-weight-medium);
  --ods-list-item-font-size: var(--ods-base-tokens-font-size-body);
  --ods-list-item-font-weight: var(--ods-base-tokens-font-weight-regular);
  --ods-action-bar-background: var(--ods-base-tokens-background-light-000);
  --ods-action-bar-divider-color: var(--ods-line-color-verylight);
  --ods-action-bar-selection-info-color: var(--ods-base-tokens-font-color-inputtext);
  --ods-action-bar-move-indicator-color: var(--ods-base-colors-neutral-400);
  --ods-messaging-banner-message-success-background: var(--ods-base-tokens-messaging-success-background);
  --ods-messaging-banner-message-success-color: var(--ods-base-tokens-messaging-success-font);
  --ods-messaging-banner-message-success-icon-color: var(--ods-base-tokens-messaging-success-foreground);
  --ods-messaging-banner-message-info-background: var(--ods-base-tokens-messaging-info-background);
  --ods-messaging-banner-message-info-color: var(--ods-base-tokens-messaging-info-font);
  --ods-messaging-banner-message-info-icon-color: var(--ods-base-tokens-messaging-info-foreground);
  --ods-messaging-banner-message-warning-background: var(--ods-base-tokens-messaging-warning-background);
  --ods-messaging-banner-message-warning-color: var(--ods-base-tokens-messaging-warning-font);
  --ods-messaging-banner-message-warning-icon-color: var(--ods-base-tokens-messaging-warning-foreground);
  --ods-messaging-banner-message-error-background: var(--ods-base-tokens-messaging-error-background);
  --ods-messaging-banner-message-error-color: var(--ods-base-tokens-messaging-error-font);
  --ods-messaging-banner-message-error-icon-color: var(--ods-base-tokens-messaging-error-foreground);
  --ods-messaging-banner-message-icon-text-distance: var(--ods-base-tokens-space-100);
  --ods-messaging-banner-message-padding: 10px 0;
  --ods-messaging-toast-message-background-success: var(--ods-base-tokens-messaging-success-background);
  --ods-messaging-toast-message-background-info: var(--ods-base-tokens-messaging-info-background);
  --ods-messaging-toast-message-background-error: var(--ods-base-tokens-messaging-error-background);
  --ods-messaging-toast-message-background-warning: var(--ods-base-tokens-messaging-warning-background);
  --ods-messaging-toast-message-border-radius: var(--ods-base-tokens-radius-small);
  --ods-messaging-toast-message-border-size: 1px solid var(--ods-base-tokens-shadow-border-color-1);
  --ods-messaging-toast-message-color-success: var(--ods-base-tokens-messaging-success-border);
  --ods-messaging-toast-message-color-info: var(--ods-base-tokens-messaging-info-border);
  --ods-messaging-toast-message-color-error: var(--ods-base-tokens-messaging-error-border);
  --ods-messaging-toast-message-color-warning: var(--ods-base-tokens-messaging-warning-border);
  --ods-messaging-toast-message-text-color-error: var(--ods-base-tokens-messaging-error-font);
  --ods-messaging-toast-message-text-color-success: var(--ods-base-tokens-messaging-success-font);
  --ods-messaging-toast-message-text-color-warning: var(--ods-base-tokens-messaging-warning-font);
  --ods-messaging-toast-message-text-color-info: var(--ods-base-tokens-messaging-info-font);
  --ods-messaging-toast-message-title-font-size: 16px;
  --ods-messaging-toast-message-title-font-weight: var(--ods-base-tokens-font-weight-medium);
  --ods-messaging-toast-message-message-font-size: 14px;
  --ods-messaging-toast-message-box-shadow: var(--ods-shadow-3);
  --ods-messaging-toast-message-status-icon-color: var(--ods-base-colors-neutral-700);
  --ods-messaging-toast-message-close-icon-color: var(--ods-base-colors-neutral-700);
  --ods-messaging-section-message-color-success: var(--ods-base-tokens-messaging-success-font);
  --ods-messaging-section-message-color-info: var(--ods-base-tokens-messaging-info-font);
  --ods-messaging-section-message-color-warning: var(--ods-base-tokens-messaging-warning-font);
  --ods-messaging-section-message-color-error: var(--ods-base-tokens-messaging-error-font);
  --ods-messaging-section-message-background-success: var(--ods-base-tokens-messaging-success-background);
  --ods-messaging-section-message-background-info: var(--ods-base-tokens-messaging-info-background);
  --ods-messaging-section-message-background-warning: var(--ods-base-tokens-messaging-warning-background);
  --ods-messaging-section-message-background-error: var(--ods-base-tokens-messaging-error-background);
  --ods-messaging-section-message-font-color: var(--ods-base-tokens-font-color-default);
  --ods-messaging-section-message-border-radius: 4px;
  --ods-messaging-section-message-padding: 16px;
  --ods-messaging-error-code-actions-gap: var(--ods-base-tokens-space-250);
  --ods-messaging-error-code-font-size: 15px;
  --ods-messaging-error-code-description-font-size: var(--ods-base-tokens-font-size-h4);
  --ods-messaging-error-code-description-line-height: 24px;
  --ods-messaging-error-code-description-color: var(--ods-base-tokens-font-color-default);
  --ods-messaging-error-code-color: var(--ods-base-colors-brand-primary-700);
  --ods-messaging-error-code-header-color: var(--ods-base-tokens-font-color-default);
  --ods-blanket-background: var(--ods-base-tokens-shadow-color-5);
  --ods-file-list-font-size-details: var(--ods-base-tokens-font-size-small);
  --ods-file-list-font-size-title: var(--ods-base-tokens-font-size-h4);
  --ods-file-list-border-color: var(--ods-base-colors-neutral-050);
  --ods-file-list-name-status-color: var(--ods-base-tokens-state-color-default);
  --ods-file-list-state-icon-color-default: var(--ods-base-tokens-icon-color-default);
  --ods-file-list-state-icon-color-error: var(--ods-base-tokens-messaging-error-border);
  --ods-file-list-state-icon-color-success: var(--ods-base-tokens-messaging-success-border);
  --ods-file-list-file-details-color: var(--ods-base-tokens-state-color-default);
  --ods-file-list-file-title-color: var(--ods-base-tokens-font-color-default);
  --ods-file-upload-background-idle: var(--ods-base-tokens-background-light-000);
  --ods-file-upload-background-uploading: var(--ods-base-tokens-background-light-000);
  --ods-file-upload-background-dragging: var(--ods-base-tokens-background-light-000);
  --ods-file-upload-background-uploaded: var(--ods-base-tokens-background-light-000);
  --ods-file-upload-background-error: var(--ods-base-tokens-background-light-000);
  --ods-file-upload-background-disabled: var(--ods-base-tokens-state-background-disabled);
  --ods-file-upload-border-color-idle: var(--ods-base-tokens-form-border-default);
  --ods-file-upload-border-color-uploading: var(--ods-base-tokens-form-border-default);
  --ods-file-upload-border-color-dragging: var(--ods-base-tokens-form-border-default);
  --ods-file-upload-border-color-uploaded: var(--ods-base-tokens-form-border-default);
  --ods-file-upload-border-color-error: var(--ods-base-tokens-form-border-default);
  --ods-file-upload-border-color-outer-disabled: var(--ods-base-tokens-form-border-disabled);
  --ods-file-upload-color-error: var(--ods-base-tokens-messaging-error-background);
  --ods-file-upload-color-idle: var(--ods-base-tokens-state-color-default);
  --ods-file-upload-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-file-upload-color-uploaded: var(--ods-base-tokens-messaging-success-foreground);
  --ods-file-upload-error-font-size: var(--ods-base-tokens-font-size-small);
  --ods-file-upload-constraints-font-size: var(--ods-base-tokens-font-size-small);
  --ods-file-upload-constraints-font-weight: var(--ods-base-tokens-font-weight-regular);
  --ods-file-upload-constraints-color: var(--ods-base-tokens-font-color-helpertext);
  --ods-file-upload-label-font-size-area: var(--ods-base-tokens-font-size-h3);
  --ods-file-upload-label-font-size-field: var(--ods-base-tokens-font-size-body);
  --ods-file-upload-label-font-weight-area: var(--ods-base-tokens-font-weight-regular);
  --ods-file-upload-label-font-weight-field: var(--ods-base-tokens-font-weight-medium);
  --ods-file-upload-label-color-area-idle: var(--ods-base-colors-brand-primary-700);
  --ods-file-upload-label-color-area-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-file-upload-label-color-area-uploaded: var(--ods-base-colors-brand-primary-700);
  --ods-file-upload-label-color-field-idle: var(--ods-base-colors-brand-primary-700);
  --ods-file-upload-label-color-field-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-file-upload-label-color-field-uploaded: var(--ods-base-colors-brand-primary-700);
  --ods-file-upload-label-color-uploading: var(--ods-base-tokens-font-color-label);
  --ods-file-upload-label-color-dragging: var(--ods-base-tokens-font-color-label);
  --ods-file-upload-label-error-color: var(--ods-base-colors-brand-primary-700);
  --ods-file-upload-file-label-color-error: var(--ods-base-tokens-font-color-label);
  --ods-file-upload-file-label-color-area-uploading: var(--ods-base-tokens-font-color-label);
  --ods-file-upload-file-label-color-area-uploaded: var(--ods-base-tokens-font-color-label);
  --ods-file-upload-file-label-color-field-uploading: var(--ods-base-tokens-font-color-helpertext);
  --ods-file-upload-file-label-color-field-uploaded: var(--ods-base-tokens-font-color-label);
  --ods-file-upload-file-label-font-size-area: var(--ods-base-tokens-font-size-h4);
  --ods-file-upload-file-label-font-size-field: var(--ods-base-tokens-font-size-body);
  --ods-file-upload-file-label-font-weight-area: var(--ods-base-tokens-font-weight-medium);
  --ods-file-upload-file-label-font-weight-field: var(--ods-base-tokens-font-weight-medium);
  --ods-file-upload-container-background: var(--ods-base-tokens-background-light-000);
  --ods-file-upload-image-idle: url("data:image/svg+xml,%3Csvg width='132' height='64' viewBox='0 0 132 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M132 7.04c0-3.886-3.183-7.04-7.104-7.04H7.104C3.184 0 0 3.154 0 7.04v49.92C0 60.846 3.183 64 7.104 64h117.792c3.92 0 7.104-3.154 7.104-7.04V7.04z' fill='%23D9E5F1'/%3E%3Cpath fill='%2399B9D9' d='m73.583 8 14.563 3.898 3.521 6.269-5.69 21.216-19.418-5.198z'/%3E%3Cpath fill='%2399B9D9' d='m40 18.924 13.057-7.53 6.927 1.945 10.994 19.022-17.41 10.04z'/%3E%3Cpath fill='%236695C5' d='M57.845 11.14h15.077l5.025 5.145V38.25H57.845z'/%3E%3Cpath d='M45.133 21.863h18.963a2.667 2.667 0 0 1 2.667 2.667 2.667 2.667 0 0 0 2.667 2.667h17.29a4 4 0 0 1 4 4V52a4 4 0 0 1-4 4H45.133a4 4 0 0 1-4-4V25.863a4 4 0 0 1 4-4z' fill='%234F646C'/%3E%3Cpath d='m67.309 32.283.132.116 5.799 5.648c.679.662.679 1.734 0 2.396-.637.62-1.645.66-2.328.116l-.133-.116-3.061-2.982v11.746c0 .945-.675 1.711-1.507 1.711-.784 0-1.428-.678-1.5-1.546l-.008-.165V37.462l-3.06 2.981c-.68.662-1.782.662-2.46 0a1.663 1.663 0 0 1 0-2.396l5.798-5.648a1.774 1.774 0 0 1 2.328-.116z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
  --ods-file-upload-image-uploading: url("data:image/svg+xml,%3Csvg width='132' height='64' viewBox='0 0 132 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M132 7.04c0-3.886-3.183-7.04-7.104-7.04H7.104C3.184 0 0 3.154 0 7.04v49.92C0 60.846 3.183 64 7.104 64h117.792c3.92 0 7.104-3.154 7.104-7.04V7.04z' fill='%23D9E5F1'/%3E%3Cpath d='M69.345 7.685a.5.5 0 1 1-.121.993 24.247 24.247 0 0 0-2.935-.178.5.5 0 1 1 0-1c1.028 0 2.047.062 3.056.185zm5.942 1.483a.5.5 0 0 1-.36.933 23.809 23.809 0 0 0-2.802-.887.5.5 0 0 1 .242-.97c.993.248 1.968.557 2.92.924zm5.397 2.89a.5.5 0 0 1-.577.816 24.005 24.005 0 0 0-2.5-1.544.5.5 0 0 1 .471-.881c.9.482 1.77 1.02 2.606 1.608zm4.573 4.155a.5.5 0 1 1-.759.652 24.151 24.151 0 0 0-2.047-2.108.5.5 0 1 1 .673-.74 25.151 25.151 0 0 1 2.133 2.196zm3.367 5.043a.5.5 0 0 1-.893.45 23.979 23.979 0 0 0-1.481-2.537.5.5 0 0 1 .83-.556 24.979 24.979 0 0 1 1.544 2.643zm2.073 5.808a.5.5 0 0 1-.977.216 23.812 23.812 0 0 0-.812-2.824.5.5 0 1 1 .943-.335c.341.96.624 1.943.846 2.943zm.584 6.107a.5.5 0 0 1-1-.026 24.465 24.465 0 0 0-.094-2.88.5.5 0 0 1 .996-.092 25.307 25.307 0 0 1 .098 2.998zm-.905 6.047a.5.5 0 0 1-.963-.268c.262-.942.467-1.902.612-2.875a.5.5 0 1 1 .99.148 24.862 24.862 0 0 1-.639 2.995zm-2.355 5.649a.5.5 0 1 1-.868-.496c.485-.851.918-1.732 1.296-2.638a.5.5 0 1 1 .923.385 24.902 24.902 0 0 1-1.35 2.749zM84.336 49.8a.5.5 0 0 1-.722-.692 24.131 24.131 0 0 0 1.902-2.242.5.5 0 0 1 .8.6 25.131 25.131 0 0 1-1.98 2.334zm-4.71 3.849a.5.5 0 1 1-.535-.845 24.076 24.076 0 0 0 2.384-1.719.5.5 0 1 1 .633.774c-.79.647-1.62 1.245-2.483 1.79zm-5.572 2.62a.5.5 0 0 1-.31-.95 23.834 23.834 0 0 0 2.731-1.082.5.5 0 0 1 .425.905c-.924.434-1.874.81-2.846 1.128zm-6.072 1.174a.5.5 0 1 1-.067-.998 24.018 24.018 0 0 0 2.915-.375.5.5 0 1 1 .188.982c-1 .192-2.013.322-3.036.39zm-6.08-.328a.5.5 0 1 1 .175-.984c.962.17 1.936.282 2.92.334a.5.5 0 0 1-.052.998 25.058 25.058 0 0 1-3.042-.348zm-5.861-1.807a.5.5 0 1 1 .41-.911c.893.401 1.811.748 2.749 1.038a.5.5 0 1 1-.295.955 24.825 24.825 0 0 1-2.864-1.082zm-5.232-3.178a.5.5 0 0 1 .62-.784 24.06 24.06 0 0 0 2.413 1.677.5.5 0 1 1-.52.855 25.06 25.06 0 0 1-2.513-1.748zm-4.32-4.367a.5.5 0 1 1 .791-.61c.6.775 1.246 1.514 1.935 2.212a.5.5 0 1 1-.711.703 25.138 25.138 0 0 1-2.015-2.305zm-3.112-5.247a.5.5 0 0 1 .916-.4 23.92 23.92 0 0 0 1.342 2.613.5.5 0 1 1-.86.51 24.92 24.92 0 0 1-1.398-2.723zM41.624 36.6a.5.5 0 1 1 .987-.163c.16.97.379 1.926.655 2.864a.5.5 0 0 1-.959.283 24.845 24.845 0 0 1-.683-2.984zm-.254-6.115a.5.5 0 0 1 .996.08 24.334 24.334 0 0 0-.06 2.858.5.5 0 1 1-.998.038 25.435 25.435 0 0 1 .062-2.976zm1.23-5.993a.5.5 0 1 1 .947.32c-.313.927-.57 1.874-.767 2.837a.5.5 0 1 1-.98-.201c.206-1.003.474-1.99.8-2.956zm2.66-5.514a.5.5 0 0 1 .84.542 23.96 23.96 0 0 0-1.438 2.563.5.5 0 1 1-.9-.435 24.96 24.96 0 0 1 1.497-2.67zm3.954-4.737a.5.5 0 1 1 .683.73 24.15 24.15 0 0 0-2.02 2.135.5.5 0 0 1-.767-.642 25.15 25.15 0 0 1 2.104-2.223zm4.904-3.582a.5.5 0 1 1 .488.873 24.024 24.024 0 0 0-2.474 1.587.5.5 0 1 1-.59-.807 25.024 25.024 0 0 1 2.576-1.653zm5.71-2.315a.5.5 0 0 1 .258.966 23.81 23.81 0 0 0-2.787.931.5.5 0 0 1-.375-.927 24.81 24.81 0 0 1 2.904-.97zm6.134-.84a.5.5 0 0 1 .013.999c-.986.013-1.965.085-2.932.216a.5.5 0 1 1-.133-.991 25.195 25.195 0 0 1 3.052-.225z' fill='%234F646C' fill-rule='nonzero'/%3E%3Cpath fill='%23214964' d='M54.79 16h18.403l6.135 6.263V49H54.789z'/%3E%3Cpath d='m67.518 26.26.087.08 3.847 3.86c.45.453.45 1.186 0 1.638a1.15 1.15 0 0 1-1.545.08l-.087-.08-2.03-2.037v8.029c0 .646-.448 1.17-1 1.17-.52 0-.947-.464-.996-1.057l-.005-.113v-8.031l-2.03 2.04a1.15 1.15 0 0 1-1.632 0 1.162 1.162 0 0 1 0-1.639l3.847-3.86a1.15 1.15 0 0 1 1.544-.08z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E%0A");
  --ods-file-upload-image-dragging: url("data:image/svg+xml,%3Csvg width='132' height='64' viewBox='0 0 132 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M132 7.04c0-3.886-3.183-7.04-7.104-7.04H7.104C3.184 0 0 3.154 0 7.04v49.92C0 60.846 3.183 64 7.104 64h117.792c3.92 0 7.104-3.154 7.104-7.04V7.04z' fill='%23D9E5F1'/%3E%3Cpath d='M76.499 9.917a.5.5 0 1 1-1 .033A1.5 1.5 0 0 0 74 8.5a.5.5 0 1 1 0-1 2.5 2.5 0 0 1 2.499 2.417zm.001 6.022a.5.5 0 1 1-1 0v-3a.5.5 0 1 1 1 0v3zm0 6a.5.5 0 1 1-1 0v-3a.5.5 0 0 1 1 0v3zm0 6a.5.5 0 1 1-1 0v-3a.5.5 0 0 1 1 0v3zm0 6a.5.5 0 1 1-1 0v-3a.5.5 0 0 1 1 0v3zm0 6a.5.5 0 1 1-1 0v-3a.5.5 0 0 1 1 0v3zm-.275 6.202a.5.5 0 0 1-.89-.457c.108-.21.165-.442.165-.684v-2.061a.5.5 0 0 1 1 0V45c0 .402-.095.79-.275 1.14zM70.123 47.5a.5.5 0 1 1 0-1h3a.5.5 0 1 1 0 1h-3zm-6 0a.5.5 0 1 1 0-1h3a.5.5 0 1 1 0 1h-3zm-6 0a.5.5 0 1 1 0-1h3a.5.5 0 1 1 0 1h-3zm-6 0a.5.5 0 1 1 0-1h3a.5.5 0 1 1 0 1h-3zm-5.61-2.253a.5.5 0 0 1 .994-.098A1.5 1.5 0 0 0 49 46.5h.123a.5.5 0 1 1 0 1H49a2.5 2.5 0 0 1-2.488-2.253zm-.013-6.063a.5.5 0 1 1 1 0v3a.5.5 0 1 1-1 0v-3zm0-6a.5.5 0 1 1 1 0v3a.5.5 0 1 1-1 0v-3zm0-6a.5.5 0 1 1 1 0v3a.5.5 0 1 1-1 0v-3zm0-6a.5.5 0 1 1 1 0v3a.5.5 0 1 1-1 0v-3zm0-6a.5.5 0 1 1 1 0v3a.5.5 0 1 1-1 0v-3zm.207-6.182a.5.5 0 0 1 .917.4c-.081.186-.124.389-.124.598v2.184a.5.5 0 0 1-1 0V10c0-.347.071-.686.207-.998zM52.754 7.5a.5.5 0 1 1 0 1h-3a.5.5 0 0 1 0-1h3zm6 0a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1h3zm6 0a.5.5 0 0 1 0 1h-3a.5.5 0 1 1 0-1h3zm6 0a.5.5 0 0 1 0 1h-3a.5.5 0 1 1 0-1h3zM74 7.5a.5.5 0 1 1 0 1h-.246a.5.5 0 1 1 0-1H74z' fill='%234F646C' fill-rule='nonzero'/%3E%3Cpath fill='%23214964' d='M58 16h21.75L87 23.401V55H58z'/%3E%3Cpath d='m72.728 30.26.088.08 3.846 3.86c.45.453.45 1.186 0 1.638a1.15 1.15 0 0 1-1.544.08l-.088-.08L73 33.801v8.029c0 .646-.448 1.17-1 1.17-.52 0-.947-.464-.995-1.057L71 41.83v-8.031l-2.03 2.04a1.15 1.15 0 0 1-1.632 0 1.162 1.162 0 0 1 0-1.639l3.846-3.86a1.15 1.15 0 0 1 1.544-.08z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
  --ods-file-upload-image-uploaded: url("data:image/svg+xml,%3Csvg width='132' height='64' viewBox='0 0 132 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M132 7.04c0-3.886-3.183-7.04-7.104-7.04H7.104C3.184 0 0 3.154 0 7.04v49.92C0 60.846 3.183 64 7.104 64h117.792c3.92 0 7.104-3.154 7.104-7.04V7.04z' fill='%23D9E5F1'/%3E%3Cpath fill='%2399B9D9' d='m73.286 8.872 14.489 3.882 3.503 6.243-5.662 21.131-19.318-5.176z'/%3E%3Cpath fill='%2399B9D9' d='m39.873 19.752 12.99-7.5 6.893 1.937 10.938 18.946-17.32 10z'/%3E%3Cpath fill='%236695C5' d='M57.628 12h15l5 5.124V39h-20z'/%3E%3Cpath d='M52 57v-.097c-.49.064-.991.097-1.5.097C44.149 57 39 51.851 39 45.5c0-4.764 2.896-8.85 7.024-10.596a7.5 7.5 0 0 1 9.63-6.59A16.95 16.95 0 0 1 68 23c5.267 0 9.975 2.396 13.093 6.157C87.833 30.166 93 35.979 93 43c0 7.395-5.734 13.452-13 13.965V57H52z' fill='%234F646C'/%3E%3Cpath d='M74.09 35.518a1.694 1.694 0 0 1 2.39-.049c.638.61.692 1.6.146 2.273l-.097.109-10.233 10.63a1.695 1.695 0 0 1-2.3.131l-.108-.099-5.386-5.306a1.68 1.68 0 0 1-.014-2.382 1.695 1.695 0 0 1 2.283-.112l.108.098 4.165 4.104 9.046-9.397z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
  --ods-file-upload-image-error: url("data:image/svg+xml,%3Csvg width='132' height='64' viewBox='0 0 132 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M132 7.04c0-3.886-3.183-7.04-7.104-7.04H7.104C3.184 0 0 3.154 0 7.04v49.92C0 60.846 3.183 64 7.104 64h117.792c3.92 0 7.104-3.154 7.104-7.04V7.04z' fill='%23D9E5F1'/%3E%3Cpath fill='%2399B9D9' d='m73.286 8.872 14.489 3.882 3.503 6.243-5.662 21.131-19.318-5.176z'/%3E%3Cpath fill='%2399B9D9' d='m39.873 19.752 12.99-7.5 6.893 1.937 10.938 18.946-17.32 10z'/%3E%3Cpath fill='%236695C5' d='M57.628 12h15l5 5.124V39h-20z'/%3E%3Cpath d='M52 57v-.097c-.49.064-.991.097-1.5.097C44.149 57 39 51.851 39 45.5c0-4.764 2.896-8.85 7.024-10.596a7.5 7.5 0 0 1 9.63-6.59A16.95 16.95 0 0 1 68 23c5.267 0 9.975 2.396 13.093 6.157C87.833 30.166 93 35.979 93 43c0 7.395-5.734 13.452-13 13.965V57H52z' fill='%234F646C'/%3E%3Cpath d='M72.46 35.44a1.5 1.5 0 0 1 0 2.12l-3.889 3.889 3.89 3.89a1.5 1.5 0 0 1-2.122 2.121l-3.89-3.889-3.888 3.89a1.5 1.5 0 1 1-2.122-2.122l3.889-3.89-3.889-3.888a1.5 1.5 0 0 1 2.122-2.122l3.888 3.889 3.89-3.889a1.5 1.5 0 0 1 2.121 0z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
  --ods-file-upload-image-disabled: url("data:image/svg+xml,%3Csvg width='132' height='64' viewBox='0 0 132 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M132 7.04c0-3.886-3.183-7.04-7.104-7.04H7.104C3.184 0 0 3.154 0 7.04v49.92C0 60.846 3.183 64 7.104 64h117.792c3.92 0 7.104-3.154 7.104-7.04V7.04z' fill='%23E6E6E6'/%3E%3Cpath fill='%23B2B2B2' d='m73.583 8 14.563 3.898 3.521 6.269-5.69 21.216-19.418-5.198z'/%3E%3Cpath fill='%23B2B2B2' d='m40 18.924 13.057-7.53 6.927 1.945 10.994 19.022-17.41 10.04z'/%3E%3Cpath fill='%239A9A9A' d='M57.845 11.14h15.077l5.025 5.145V38.25H57.845z'/%3E%3Cpath d='M45.133 21.863h18.963a2.667 2.667 0 0 1 2.667 2.667 2.667 2.667 0 0 0 2.667 2.667h17.29a4 4 0 0 1 4 4V52a4 4 0 0 1-4 4H45.133a4 4 0 0 1-4-4V25.863a4 4 0 0 1 4-4z' fill='%234F646C'/%3E%3Cpath d='m66.855 32.606.133.116 5.798 5.648c.68.661.68 1.734 0 2.396-.637.62-1.645.659-2.328.116l-.132-.116-3.062-2.982.001 11.746c0 .945-.675 1.711-1.508 1.711-.783 0-1.427-.679-1.5-1.547l-.007-.164V37.785l-3.061 2.98c-.68.662-1.78.662-2.46 0a1.663 1.663 0 0 1 0-2.395l5.798-5.648a1.774 1.774 0 0 1 2.328-.116z' fill='%23E6E6E6' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
  --ods-header-background: var(--ods-base-colors-neutral-000);
  --ods-header-app-name-color: var(--ods-base-tokens-state-color-default);
  --ods-header-item-background-active: var(--ods-base-tokens-background-light-000);
  --ods-header-item-background-hover: var(--ods-base-tokens-state-background-hover);
  --ods-header-item-background-focus: var(--ods-base-tokens-background-light-000);
  --ods-header-item-color-default: var(--ods-base-tokens-state-color-default);
  --ods-header-item-color-active: var(--ods-base-tokens-state-color-active);
  --ods-header-item-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-header-item-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-header-item-border-radius: 1.5rem;
  --ods-header-item-focus: var(--ods-shadow-focus2);
  --ods-header-search-background-default: var(--ods-base-tokens-form-background-default);
  --ods-header-search-background-active: var(--ods-base-tokens-form-background-active);
  --ods-header-search-background-disabled: var(--ods-base-tokens-state-background-disabled);
  --ods-header-search-background-focus: var(--ods-base-tokens-form-background-focus);
  --ods-header-search-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-header-search-border-color-default: var(--ods-base-tokens-form-border-default);
  --ods-header-search-border-color-active: var(--ods-base-tokens-form-border-active);
  --ods-header-search-border-color-disabled: var(--ods-base-tokens-form-border-readonly);
  --ods-header-search-border-color-focus: var(--ods-base-tokens-form-border-active);
  --ods-header-search-border-color-hover: var(--ods-base-tokens-form-border-hover);
  --ods-header-search-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-header-search-color-default: var(--ods-base-tokens-font-color-placeholder);
  --ods-header-search-color-active: var(--ods-base-tokens-font-color-placeholder);
  --ods-header-search-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-header-search-color-focus: var(--ods-base-tokens-font-color-placeholder);
  --ods-header-search-color-filled-default: var(--ods-base-tokens-font-color-inputtext);
  --ods-header-search-color-filled-active: var(--ods-textarea-font-color-inputtext);
  --ods-header-search-color-filled-focus: var(--ods-base-tokens-font-color-inputtext);
  --ods-header-search-icon-color-default: var(--ods-base-tokens-icon-color-black);
  --ods-header-search-icon-color-active: var(--ods-base-tokens-icon-color-black);
  --ods-header-search-icon-color-disabled: var(--ods-base-tokens-icon-color-black);
  --ods-header-search-icon-color-focus: var(--ods-base-tokens-icon-color-black);
  --ods-header-search-icon-color-hover: var(--ods-base-tokens-icon-color-black);
  --ods-header-divider-color: var(--ods-base-colors-neutral-500);
  --ods-header-app-symbol-background: var(--ods-base-tokens-background-light-000);
  --ods-header-app-icon-color: var(--ods-base-tokens-state-color-default);
  --ods-header-height: 3.5rem;
  --ods-header-padding: 0 1rem;
  --ods-header-shadow: 0 4px 4px 0 var(--ods-base-tokens-shadow-color-2);
  --ods-modal-dialog-background-default: var(--ods-base-tokens-background-light-000);
  --ods-modal-dialog-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-modal-dialog-header-color-default: var(--ods-base-tokens-font-color-default);
  --ods-modal-dialog-header-color-warning-icon-color: var(--ods-base-tokens-messaging-warning-font);
  --ods-modal-dialog-header-color-warning-icon-background: var(--ods-base-tokens-messaging-warning-background);
  --ods-modal-dialog-shadow: var(--ods-shadow-2);
  --ods-modal-dialog-margin: 16px 0 32px 0;
  --ods-pagination-height-small: var(--ods-base-tokens-icon-size-300);
  --ods-pagination-background-default: var(--ods-base-colors-neutral-000);
  --ods-pagination-current-page-background-default: var(--ods-base-tokens-form-background-default);
  --ods-pagination-current-page-border-radius-small: var(--ods-base-tokens-radius-small);
  --ods-pagination-current-page-border-size: 1px solid var(--ods-base-tokens-form-border-default);
  --ods-pagination-current-page-font-color: var(--ods-base-tokens-state-color-default);
  --ods-pagination-current-page-font-size: var(--ods-base-tokens-font-size-small);
  --ods-pagination-current-page-font-line-height: var(--ods-base-tokens-font-line-height-small);
  --ods-pagination-current-page-font-letter-spacing: var(--ods-base-tokens-font-letter-spacing-small);
  --ods-pagination-current-page-total-pages-font-color: var(--ods-base-colors-neutral-900);
  --ods-pagination-current-page-total-pages-font-size-small: var(--ods-base-tokens-font-size-small);
  --ods-pagination-total-pages-font-weight: var(--ods-base-tokens-font-weight-regular);
  --ods-pagination-total-pages-font-line-height: var(--ods-text-line-height);
  --ods-pagination-total-pages-letter-spacing: var(--ods-base-tokens-font-letter-spacing-small);
  --ods-accordion-title-background-default: var(--ods-base-tokens-background-light-000);
  --ods-accordion-title-background-hover: var(--ods-base-tokens-state-background-hover);
  --ods-accordion-title-background-second-level: var(--ods-base-tokens-background-light-000);
  --ods-accordion-title-font-size: var(--ods-base-tokens-font-size-body);
  --ods-accordion-title-font-weight: var(--ods-base-tokens-font-weight-medium);
  --ods-accordion-title-color-default: var(--ods-base-tokens-font-color-default);
  --ods-accordion-title-color-hover: var(--ods-base-tokens-font-color-hover);
  --ods-accordion-title-focus: inset 0 0 0 1px var(--ods-base-tokens-state-color-focus);
  --ods-accordion-height-small: 32px;
  --ods-accordion-height-medium: 40px;
  --ods-accordion-height-large: 48px;
  --ods-accordion-separator-color-default: var(--ods-base-tokens-shadow-color-3);
  --ods-accordion-indicator-color-hover: var(--ods-base-tokens-icon-color-black);
  --ods-accordion-indicator-height-small: 16px;
  --ods-accordion-indicator-height-medium: 20px;
  --ods-accordion-indicator-height-large: 24px;
  --ods-accordion-toggle-tranansition: var(--ods-transition-default);
  --ods-accordion-content-padding: 8px 8px 16px 8px;
  --ods-state-page-content-width: 620px;
  --ods-state-page-content-padding: 80px;
  --ods-state-page-background: var(--ods-base-colors-background-light-000);
  --ods-content-header-header-background: var(--ods-base-tokens-background-light-050);
  --ods-content-header-header-padding: 14px 24px 18px 24px;
  --ods-content-header-color: var(--ods-base-tokens-font-color-default);
  --ods-content-header-font-size: var(--ods-base-tokens-font-size-h1);
  --ods-navigation-background: var(--ods-base-colors-neutral-000);
  --ods-navigation-width-collapsed: var(--ods-base-tokens-space-800);
  --ods-navigation-width-regular: 300px;
  --ods-navigation-width-extended: 360px;
  --ods-navigation-item-border-radius: var(--ods-primitives-tokens-100);
  --ods-navigation-item-padding: 0 12px;
  --ods-navigation-item-height: var(--ods-primitives-tokens-600);
  --ods-navigation-item-shadow-focus: var(--ods-base-tokens-state-color-focus);
  --ods-navigation-item-background-default: var(--ods-base-colors-neutral-000);
  --ods-navigation-item-background-active: var(--ods-base-colors-brand-primary-100-transparent);
  --ods-navigation-item-background-hover: var(--ods-base-colors-neutral-100);
  --ods-navigation-item-background-focus: var(--ods-base-colors-neutral-000);
  --ods-navigation-item-color-default: var(--ods-base-colors-neutral-900);
  --ods-navigation-item-color-active: var(--ods-base-colors-brand-primary-700);
  --ods-navigation-item-color-hover: var(--ods-base-colors-neutral-900);
  --ods-navigation-item-color-disabled: var(--ods-base-colors-neutral-200);
  --ods-navigation-item-color-focus: var(--ods-base-colors-neutral-900);
  --ods-navigation-item-leading-line-color: var(--ods-navigation-divider-color);
  --ods-navigation-margin-bottom: var(--ods-base-tokens-padding-100);
  --ods-navigation-color-default: var(--ods-base-colors-opacity-000);
  --ods-navigation-color-active: var(--ods-base-colors-opacity-000);
  --ods-navigation-color-hover: var(--ods-base-colors-opacity-000);
  --ods-navigation-sub-item-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-navigation-sub-item-margin-top: var(--ods-base-tokens-padding-100);
  --ods-navigation-sub-item-height: 36px;
  --ods-navigation-sub-item-background-default: var(--ods-base-colors-neutral-000);
  --ods-navigation-sub-item-background-active: var(--ods-base-colors-brand-primary-100-transparent);
  --ods-navigation-sub-item-background-hover: var(--ods-base-colors-neutral-100);
  --ods-navigation-sub-item-background-focus: var(--ods-base-colors-neutral-000);
  --ods-navigation-sub-item-color-default: var(--ods-base-colors-neutral-900);
  --ods-navigation-sub-item-color-active: var(--ods-base-colors-brand-primary-700);
  --ods-navigation-sub-item-color-hover: var(--ods-base-colors-neutral-900);
  --ods-navigation-sub-item-color-disabled: var(--ods-base-colors-neutral-200);
  --ods-navigation-sub-item-color-focus: var(--ods-base-colors-neutral-900);
  --ods-navigation-sub-item-indicator-color-default: var(--ods-base-colors-opacity-000);
  --ods-navigation-sub-item-indicator-color-active: var(--ods-base-colors-brand-primary-700);
  --ods-navigation-sub-item-indicator-color-hover: var(--ods-base-colors-opacity-000);
  --ods-navigation-sub-item-shadow-focus: var(--ods-base-tokens-state-color-focus);
  --ods-navigation-sub-item-padding: 12px 16px;
  --ods-navigation-toggle-menu-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-navigation-toggle-menu-height: 24px;
  --ods-navigation-divider-color: var(--ods-base-colors-neutral-200);
  --ods-navigation-divider-border-radius: 4px;
  --ods-navigation-nested-background: var(--ods-base-colors-neutral-000);
  --ods-navigation-nested-item-background: var(--ods-base-colors-opacity-000);
  --ods-navigation-nested-item-color: var(--ods-base-colors-neutral-900);
  --ods-navigation-animation-transition: var(--ods-transition-default);
  --ods-navigation-padding: 64px 8px 24px 8px;
  --ods-stepper-step-point-width: var(--ods-base-tokens-space-050);
  --ods-stepper-step-point-height: var(--ods-base-tokens-space-050);
  --ods-stepper-step-point-color: var(--ods-base-colors-neutral-200);
  --ods-stepper-size: var(--ods-base-tokens-space-100);
  --ods-stepper-border-radius: 4px;
  --ods-stepper-bar-color: var(--ods-base-colors-brand-primary-700);
  --ods-stepper-bar-background: var(--ods-base-colors-neutral-025);
  --ods-stepper-font-color: var(--ods-base-colors-neutral-400);
  --ods-stepper-dot-background: var(--ods-base-colors-neutral-200);
  --ods-user-menu-color-default: var(--ods-base-tokens-state-color-default);
  --ods-user-menu-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-user-menu-color-active: var(--ods-base-tokens-state-color-active);
  --ods-user-menu-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-user-menu-background-default: var(--ods-base-tokens-background-light-000);
  --ods-user-menu-background-hover: var(--ods-base-tokens-state-background-hover);
  --ods-user-menu-background-active: var(--ods-base-tokens-background-light-000);
  --ods-user-menu-background-focus: var(--ods-base-tokens-background-light-000);
  --ods-user-menu-item-hover: var(--ods-base-colors-neutral-100);
  --ods-user-menu-item-padding-default: 8px 8px 8px 16px;
  --ods-user-menu-item-padding-mobile: 8px 2px 8px 2px;
  --ods-user-menu-border-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-user-menu-border-width: var(--ods-base-tokens-border-width-2);
  --ods-user-menu-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-user-menu-border-default: 3px solid transparent;
  --ods-user-menu-shadow-focus: var(--ods-shadow-focus2);
  --ods-table-border-color: var(--ods-base-tokens-form-border-focus);
  --ods-table-font-size-large: var(--ods-base-tokens-font-size-h4);
  --ods-table-font-size-medium: var(--ods-base-tokens-font-size-body);
  --ods-table-header-cell-font-color-default: var(--ods-base-tokens-state-color-default);
  --ods-table-header-cell-font-color-active: var(--ods-base-tokens-state-color-active);
  --ods-table-header-cell-background: var(--ods-base-colors-neutral-050);
  --ods-table-header-cell-padding: 12px 12px;
  --ods-table-header-cell-border-focus: inset 0 0 0 0.15rem var(--ods-base-colors-global-grey-blue-800);
  --ods-table-body-font-color-default: var(--ods-base-colors-neutral-800);
  --ods-table-body-font-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-table-body-font-color-active: var(--ods-base-tokens-state-color-default);
  --ods-table-body-row-even-background: var(--ods-base-colors-neutral-050);
  --ods-table-body-row-uneven: var(--ods-base-colors-neutral-000);
  --ods-table-body-row-border-focus: var(--ods-base-tokens-form-border-focus);
  --ods-table-body-background: rgb(242, 246, 250);
  --ods-table-body-column-title-color: var(--ods-base-colors-neutral-600);
  --ods-table-body-cell-border-color: var(--ods-line-color-verylight);
  --ods-table-checkbox-border-focus-middle: var(--ods-base-colors-neutral-000);
  --ods-table-checkbox-border-focus-outline: var(--ods-base-tokens-state-color-focus);
  --ods-table-checkbox-border-focus-inner: var(--ods-base-tokens-state-color-focus);
  --ods-table-link-border-focus-inner: var(--ods-base-colors-neutral-000);
  --ods-table-link-border-focus-outline: var(--ods-base-tokens-state-color-focus);
  --ods-table-button-border-focus-inner: var(--ods-base-colors-neutral-000);
  --ods-table-button-border-focus-outline: var(--ods-base-tokens-state-color-focus);
  --ods-table-shadow-left: inset -5px 0px 5px -5px var(--ods-base-tokens-shadow-border-color-3);
  --ods-table-shadow-right: inset 5px 0px 5px -5px var(--ods-base-tokens-shadow-border-color-3);
  --ods-table-size-small: 0.7;
  --ods-table-size-medium: 13px 13px;
  --ods-table-size-large: 1.32;
  --ods-slider-bar-height-small: var(--ods-base-tokens-space-075);
  --ods-slider-bar-height-medium: var(--ods-base-tokens-space-100);
  --ods-slider-bar-border-radius-small: var(--ods-base-tokens-radius-small);
  --ods-slider-bar-border-radius-medium: 4px;
  --ods-slider-bar-background-default: var(--ods-base-tokens-background-light-050);
  --ods-slider-bar-background-disabled: var(--ods-base-tokens-state-background-disabled);
  --ods-slider-bar-background-hover: var(--ods-base-tokens-background-light-050);
  --ods-slider-bar-background-active: var(--ods-base-tokens-background-light-050);
  --ods-slider-bar-active-background-hover: var(--ods-base-tokens-state-color-hover);
  --ods-slider-bar-active-background-focus: var(--ods-base-tokens-state-color-focus);
  --ods-slider-bar-active-background-active: var(--ods-base-tokens-state-color-active);
  --ods-slider-bar-active-background-default: var(--ods-base-tokens-state-color-default);
  --ods-slider-bar-active-background-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-slider-knob-size-small: var(--ods-base-tokens-space-200);
  --ods-slider-knob-size-medium: var(--ods-base-tokens-space-300);
  --ods-slider-knob-border-focus-middle: var(--ods-base-colors-neutral-000);
  --ods-slider-knob-border-focus-inner: var(--ods-base-tokens-state-color-focus);
  --ods-slider-knob-border-focus-outline: var(--ods-base-tokens-state-color-focus);
  --ods-slider-knob-background-hover: var(--ods-base-tokens-state-color-hover);
  --ods-slider-knob-background-focus: var(--ods-base-tokens-state-color-focus);
  --ods-slider-knob-background-active: var(--ods-base-tokens-state-color-active);
  --ods-slider-knob-background-default: var(--ods-base-tokens-state-color-default);
  --ods-slider-knob-background-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-slider-knob-active-background-focus: var(--ods-base-tokens-state-color-focus);
  --ods-slider-knob-handle-size-small: var(--ods-base-tokens-space-400);
  --ods-slider-knob-handle-size-medium: var(--ods-base-tokens-space-600);
  --ods-slider-label-color: var(--ods-base-colors-neutral-800);
  --ods-slider-background: var(--ods-base-colors-neutral-000);
  --ods-slider-height-small: var(--ods-base-tokens-space-250);
  --ods-slider-height-medium: var(--ods-base-tokens-space-300);
  --ods-slider-amount-color-default: var(--ods-base-tokens-font-color-inputtext);
  --ods-slider-amount-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-section-height-small: var(--ods-base-tokens-space-400);
  --ods-section-height-medium: var(--ods-base-tokens-space-500);
  --ods-section-height-large: var(--ods-base-tokens-space-600);
  --ods-section-font-size-default: var(--ods-base-tokens-font-size-body);
  --ods-section-font-size-large: var(--ods-base-tokens-font-size-h4);
  --ods-section-font-weight: var(--ods-base-tokens-font-weight-bold);
  --ods-section-font-color-default: var(--ods-base-colors-neutral-900);
  --ods-section-separator-color: var(--ods-base-colors-neutral-100);
  --ods-tab-color-default: var(--ods-base-tokens-state-color-default);
  --ods-tab-color-active: var(--ods-base-tokens-state-color-active);
  --ods-tab-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-tab-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-tab-border-color-transparent: var(--ods-base-colors-opacity-000);
  --ods-tab-border-color-active: var(--ods-base-tokens-state-color-default);
  --ods-tab-border-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-tab-border-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-tab-background-transparent: var(--ods-base-colors-opacity-000);
  --ods-tab-font-size: var(--ods-base-tokens-font-size-body);
  --ods-tab-tab-bar-separator-color: var(--ods-base-colors-neutral-025);
  --ods-tab-tab-bar-separator-height: 2px;
  --ods-tab-arrow-button-color: var(--ods-base-colors-neutral-000);
  --ods-tab-panel-border-focus: var(--ods-base-tokens-state-color-focus);
  --ods-split-view-resizer-width-active: 4px;
  --ods-split-view-resizer-width-inactive: 1px;
  --ods-split-view-resizer-color-active: var(--ods-base-colors-neutral-200);
  --ods-split-view-resizer-color-inactive: var(--ods-base-colors-neutral-100);
  --ods-page-control-background-default: var(--ods-base-colors-neutral-025);
  --ods-page-control-background-active: var(--ods-base-tokens-state-color-default);
  --ods-page-control-background-hover: var(--ods-base-tokens-state-color-hover);
  --ods-page-control-width-small: var(--ods-base-tokens-space-050);
  --ods-page-control-width-medium: var(--ods-base-tokens-space-100);
  --ods-page-control-width-large: var(--ods-base-tokens-space-200);
  --ods-page-control-gap-small: var(--ods-base-tokens-space-050);
  --ods-page-control-gap-medium: var(--ods-base-tokens-space-100);
  --ods-page-control-gap-large: var(--ods-base-tokens-space-200);
  --ods-page-control-height-small: var(--ods-base-tokens-space-050);
  --ods-page-control-height-medium: var(--ods-base-tokens-space-100);
  --ods-page-control-height-large: var(--ods-base-tokens-space-200);
  --ods-page-control-border-focus: var(--ods-base-colors-neutral-000);
  --ods-color-picker-button-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-color-picker-button-border-color-default: var(--ods-base-tokens-state-color-default);
  --ods-color-picker-button-border-color-active: var(--ods-base-tokens-state-color-active);
  --ods-color-picker-button-border-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-color-picker-button-border-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-color-picker-button-background-default: var(--ods-base-tokens-form-background-default);
  --ods-color-picker-button-background-disabled: var(--ods-base-tokens-form-background-disabled);
  --ods-color-picker-panel-background: var(--ods-base-colors-neutral-000);
  --ods-color-picker-panel-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-widget-title-font-size: 20px;
  --ods-widget-title-font-weight: var(--ods-base-tokens-font-weight-bold);
  --ods-widget-title-color: var(--ods-base-colors-neutral-800);
  --ods-widget-padding: var(--ods-base-tokens-padding-300);
  --ods-widget-background-default: var(--ods-base-colors-neutral-000);
  --ods-widget-background-focus: var(--ods-base-tokens-state-background-focus);
  --ods-widget-border-focus: 1px solid var(--ods-base-colors-brand-tertiary-800);
  --ods-widget-shadow-1-border: 1px solid rgba(8, 36, 57, 0.05);
  --ods-widget-shadow-1-shadow: 0 2px 6px 0 rgba(8, 36, 57, 0.1);
  --ods-widget-shadow-2-border: 1px solid rgba(8, 36, 57, 0.1);
  --ods-widget-shadow-2-shadow: 0 2px 6px 0 rgba(8, 36, 57, 0.1);
  --ods-widget-shadow-3-border: 1px solid rgba(8, 36, 57, 0.15);
  --ods-widget-shadow-3-shadow: 2px 2px 12px 0 rgba(8, 36, 57, 0.15);
  --ods-widget-shadow-4-border: 1px solid rgba(8, 36, 57, 0.25);
  --ods-widget-shadow-4-shadow: 2px 2px 12px 0 rgba(8, 36, 57, 0.25);
  --ods-widget-shadow-5-border: 1px solid rgba(8, 36, 57, 0.4);
  --ods-widget-shadow-5-shadow: 2px 2px 6px 0 rgba(8, 36, 57, 0.4);
  --ods-fly-out-line-color: var(--ods-base-colors-neutral-100);
  --ods-fly-out-color: var(--ods-base-colors-brand-primary-600);
  --ods-fly-out-subcategory-title-color: var(--ods-base-colors-neutral-500);
  --ods-fly-out-subcategory-title-font-size: var(--ods-base-tokens-font-size-small);
  --ods-fly-out-subcategory-title-font-weight: var(--ods-form-search-panel-font-weight);
  --ods-common-select-option-color-default: var(--ods-base-tokens-form-color-default);
  --ods-common-select-option-color-active: var(--ods-base-tokens-form-color-active);
  --ods-common-select-option-color-highlighted: var(--ods-base-colors-neutral-700);
  --ods-common-select-option-gap: var(--ods-base-tokens-space-100);
  --ods-common-select-select-color-hover: var(--ods-base-tokens-form-color-hover);
  --ods-common-select-select-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-common-select-select-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-common-select-height: 320px;
  --ods-common-select-width: 320px;
  --ods-common-select-option-group-color: var(--ods-base-colors-neutral-700);
  --ods-common-select-divider-color-default: var(--ods-base-colors-neutral-500);
  --ods-common-select-divider-color-disabled: var(--ods-base-colors-neutral-400);
  --ods-common-select-panel-state-message-color: var(--ods-base-colors-neutral-700);
  --ods-common-select-no-option-label-color: var(--ods-base-tokens-font-color-label);
  --ods-filter-background-active: var(--ods-base-tokens-form-background-active);
  --ods-filter-background-focus: var(--ods-base-tokens-form-background-focus);
  --ods-filter-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-filter-background-default: unset;
  --ods-filter-background-disabled: unset;
  --ods-filter-color-default: var(--ods-base-tokens-state-color-default);
  --ods-filter-color-active: var(--ods-base-tokens-state-color-default);
  --ods-filter-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-filter-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-filter-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-filter-border-radius: var(--ods-base-tokens-radius-small);
  --ods-filter-placeholder-color-default: var(--ods-base-tokens-state-color-default);
  --ods-filter-placeholder-color-active: var(--ods-base-tokens-state-color-default);
  --ods-filter-placeholder-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-filter-placeholder-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-filter-placeholder-color-disabled: var(--ods-base-colors-neutral-300);
  --ods-filter-criterion-color-default: var(--ods-base-tokens-state-color-default);
  --ods-filter-criterion-color-active: var(--ods-base-tokens-state-color-default);
  --ods-filter-criterion-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-filter-criterion-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-filter-criterion-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-filter-divider-background-default: var(--ods-base-colors-neutral-100);
  --ods-filter-button-border-focus: var(--ods-base-colors-brand-primary-700);
  --ods-textarea-font-color-label: var(--ods-base-tokens-font-color-label);
  --ods-textarea-font-color-helpertext: var(--ods-base-tokens-font-color-helpertext);
  --ods-textarea-font-color-inputtext: var(--ods-base-tokens-font-color-default);
  --ods-textarea-font-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-textarea-font-color-example-disabled: var(--ods-base-colors-neutral-200);
  --ods-textarea-font-color-example-inputtext: var(--ods-base-colors-neutral-400);
  --ods-textarea-background-default: var(--ods-base-tokens-form-background-default);
  --ods-textarea-background-active: var(--ods-base-tokens-form-background-active);
  --ods-textarea-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-textarea-background-disabled: var(--ods-base-tokens-form-background-disabled);
  --ods-textarea-border-color-active: var(--ods-base-tokens-form-border-active);
  --ods-textarea-border-color-default: var(--ods-base-tokens-form-border-default);
  --ods-textarea-border-color-hover: var(--ods-base-tokens-form-border-hover);
  --ods-textarea-border-color-readonly-focus: var(--ods-base-tokens-form-border-focus);
  --ods-textarea-border-weidth-1: var(--ods-base-tokens-border-width-1);
  --ods-textarea-border-weidth-2: var(--ods-base-tokens-border-width-2);
  --ods-textarea-border-radius: var(--ods-base-tokens-radius-small);
  --ods-textarea-padding-4: var(--ods-base-tokens-padding-050);
  --ods-textarea-padding-input: var(--ods-base-tokens-padding-100);
  --ods-textarea-space-4: var(--ods-base-tokens-padding-050);
  --ods-textarea-scrollbar-size: var(--ods-base-tokens-space-150);
  --ods-textarea-scrollbar-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-paging-font-color-unfiltered: var(--ods-base-colors-neutral-700);
  --ods-paging-font-color-filtred: var(--ods-base-colors-neutral-400);
  --ods-paging-font-color-row: var(--ods-base-colors-neutral-700);
  --ods-paging-space-4: var(--ods-base-tokens-space-050);
  --ods-paging-space-8: var(--ods-base-tokens-space-100);
  --ods-paging-space-10: var(--ods-base-tokens-space-125);
  --ods-paging-label-color-default: var(--ods-base-colors-neutral-700);
  --ods-paging-filter-color-default: var(--ods-base-colors-neutral-400);
  --ods-paging-filter-current-color-default: var(--ods-base-colors-neutral-700);
  --ods-paging-results-color-default: var(--ods-base-colors-neutral-700);
  --ods-active-document-markdown-image-wrapper-color: var(--ods-base-colors-neutral-000);
  --ods-active-document-markdown-image-wrapper-background: var(--ods-base-colors-neutral-800);
  --ods-active-document-question-answered-color: var(--ods-base-colors-neutral-000);
  --ods-active-document-question-not-answered-color: var(--ods-base-colors-neutral-100);
  --ods-active-document-table-row-border: var(--ods-base-colors-neutral-050);
  --ods-active-document-table-header-border: var(--ods-base-colors-neutral-400);
  --ods-active-document-table-cell-border: var(--ods-base-colors-neutral-600);
  --ods-image-overlay-background: var(--ods-base-colors-neutral-800);
  --ods-image-description-color: var(--ods-base-tokens-font-color-default);
  --ods-image-shadow-x: var(--ods-base-colors-neutral-000);
  --ods-image-shadow-y: var(--ods-base-colors-neutral-800);
  --ods-image-dialog-name-color: var(--ods-base-tokens-font-color-default);
  --ods-image-dialog-alt-text-color: var(--ods-base-tokens-font-color-default);
  --ods-image-dialog-zoom-value-color: var(--ods-base-tokens-font-color-inputtext);
  --ods-inline-editor-input-color: var(--ods-base-tokens-font-color-inputtext);
  --ods-inline-editor-icon-red: var(--ods-base-tokens-messaging-error-foreground);
  --ods-inline-editor-icon-green: var(--ods-base-tokens-messaging-success-foreground);
  --ods-line-color-light: var(--ods-base-colors-neutral-300);
  --ods-line-color-verylight: var(--ods-base-colors-neutral-100);
  --ods-item-list-border-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-shadow-1: 0 2px 6px 0 rgba(8, 36, 57, 0.05);
  --ods-shadow-2: 0 2px 6px 0 rgba(8, 36, 57, 0.1);
  --ods-shadow-3: 2px 2px 12px 0 rgba(8, 36, 57, 0.15);
  --ods-shadow-4: 2px 2px 12px 0 rgba(8, 36, 57, 0.25);
  --ods-shadow-5: 2px 2px 12px 0 rgba(8, 36, 57, 0.4);
  --ods-shadow-focus: inset 0 0 0 2px var(--ods-base-tokens-background-light-000), 0 0 0 2px var(--ods-base-tokens-state-color-focus);
  --ods-shadow-focus2: 0 0 0 1px var(--ods-base-tokens-background-light-000), 0 0 0 3px var(--ods-base-tokens-state-color-focus), inset 0 0 0 1px var(--ods-base-tokens-state-color-focus);
  --ods-shadow-focus3: 0 0 0 1px var(--ods-base-tokens-background-light-000), 0 0 0 1px var(--ods-base-tokens-background-light-000), 0 0 0 3px var(--ods-base-tokens-state-color-focus), 0 0 0 3px var(--ods-base-tokens-state-color-focus), 0 0 0 1px inset var(--ods-base-tokens-state-background-focus), 0 0 0 1px;
  --ods-transition-default: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  --ods-icon-font-weight-normal: 0;
  --ods-icon-font-weight-bold: 1px;
  --ods-responsive-breakpoint-width-desktop: 64rem;
  --ods-responsive-breakpoint-height-min: 40rem;
  --ods-select-toggle-transition: var(--ods-transition-default);
  --ods-navigation-nested-width-collapsed: 64px;
  --ods-navigation-nested-width-regular: 300px;
  --ods-navigation-nested-width-extended: 360px;
  --ods-navigation-nested-animation: var(--ods-transition-default);
  --ods-navigation-nested-padding: 0 8px 20px 8px;
  --ods-drawer-width-mobile: 100%;
  --ods-drawer-width-desktop: 48rem;
  --ods-drawer-header-padding-desktop: 1.5rem 2rem 0 2.5rem;
  --ods-drawer-header-padding-mobile: 1.5rem 1.5rem 0 2.5rem;
  --ods-drawer-header-padding-mobile-small: 1.5rem 0.5rem 0 1rem;
  --ods-drawer-content-padding-desktop: 1.5rem 1.75rem 0 2.5rem;
  --ods-drawer-content-padding-mobile: 1.5rem 0.75rem 0 1rem;
  --ods-drawer-footer-padding-desktop: 0 2.5rem;
  --ods-drawer-footer-padding-mobile: 0rem 1.5rem 0 1rem;
  --ods-drawer-footer-padding-mobile-small: 0 0.75rem 0 1rem;
  --ods-color-charts-1: var(--ods-color-charts-qualitative-1);
  --ods-color-charts-2: var(--ods-color-charts-qualitative-2);
  --ods-color-charts-3: var(--ods-color-charts-qualitative-3);
  --ods-color-charts-4: var(--ods-color-charts-qualitative-4);
  --ods-color-charts-5: var(--ods-color-charts-qualitative-5);
  --ods-color-charts-6: var(--ods-color-charts-qualitative-6);
  --ods-color-charts-7: var(--ods-color-charts-qualitative-7);
  --ods-color-charts-8: var(--ods-color-charts-qualitative-8);
  --ods-color-charts-9: var(--ods-color-charts-qualitative-9);
  --ods-color-charts-10: var(--ods-color-charts-qualitative-10);
  --ods-color-charts-11: var(--ods-color-charts-qualitative-11);
  --ods-color-charts-12: var(--ods-color-charts-qualitative-12);
  --ods-color-charts-13: var(--ods-color-charts-qualitative-13);
  --ods-color-charts-14: var(--ods-color-charts-qualitative-14);
  --ods-color-charts-15: var(--ods-color-charts-qualitative-15);
  --ods-color-charts-16: var(--ods-color-charts-qualitative-1);
  --ods-color-charts-17: var(--ods-color-charts-qualitative-2);
  --ods-color-charts-18: var(--ods-color-charts-qualitative-3);
  --ods-color-charts-19: var(--ods-color-charts-qualitative-4);
  --ods-color-charts-20: var(--ods-color-charts-qualitative-5);
  --ods-color-charts-21: var(--ods-color-charts-qualitative-6);
  --ods-color-charts-22: var(--ods-color-charts-qualitative-7);
  --ods-color-charts-23: var(--ods-color-charts-qualitative-8);
  --ods-color-charts-24: var(--ods-color-charts-qualitative-9);
  --ods-color-charts-25: var(--ods-color-charts-qualitative-10);
  --ods-color-charts-26: var(--ods-color-charts-qualitative-11);
  --ods-color-charts-27: var(--ods-color-charts-qualitative-12);
  --ods-color-charts-28: var(--ods-color-charts-qualitative-13);
  --ods-color-charts-29: var(--ods-color-charts-qualitative-14);
  --ods-color-charts-30: var(--ods-color-charts-qualitative-15);
  --ods-color-charts-31: var(--ods-color-charts-qualitative-1);
  --ods-color-charts-32: var(--ods-color-charts-qualitative-2);
  --ods-color-charts-33: var(--ods-color-charts-qualitative-3);
  --ods-color-charts-34: var(--ods-color-charts-qualitative-4);
  --ods-color-charts-35: var(--ods-color-charts-qualitative-5);
  --ods-color-charts-36: var(--ods-color-charts-qualitative-6);
  --ods-color-charts-37: var(--ods-color-charts-qualitative-7);
  --ods-color-charts-38: var(--ods-color-charts-qualitative-8);
  --ods-color-charts-39: var(--ods-color-charts-qualitative-9);
  --ods-color-charts-40: var(--ods-color-charts-qualitative-10);
  --ods-color-charts-41: var(--ods-color-charts-qualitative-11);
  --ods-color-charts-42: var(--ods-color-charts-qualitative-12);
  --ods-color-charts-43: var(--ods-color-charts-qualitative-13);
  --ods-color-charts-44: var(--ods-color-charts-qualitative-14);
  --ods-color-charts-45: var(--ods-color-charts-qualitative-15);
  --ods-color-charts-46: var(--ods-color-charts-qualitative-1);
  --ods-color-charts-47: var(--ods-color-charts-qualitative-2);
  --ods-color-charts-48: var(--ods-color-charts-qualitative-3);
  --ods-color-charts-49: var(--ods-color-charts-qualitative-4);
  --ods-color-charts-50: var(--ods-color-charts-qualitative-5);
  --ods-color-charts-51: var(--ods-color-charts-qualitative-6);
  --ods-color-charts-52: var(--ods-color-charts-qualitative-7);
  --ods-color-charts-53: var(--ods-color-charts-qualitative-8);
  --ods-color-charts-54: var(--ods-color-charts-qualitative-9);
  --ods-color-charts-55: var(--ods-color-charts-qualitative-10);
  --ods-color-charts-56: var(--ods-color-charts-qualitative-11);
  --ods-color-charts-57: var(--ods-color-charts-qualitative-12);
  --ods-color-charts-58: var(--ods-color-charts-qualitative-13);
  --ods-color-charts-59: var(--ods-color-charts-qualitative-14);
  --ods-color-charts-60: var(--ods-color-charts-qualitative-15);
  --ods-color-charts-qualitative-1: var(--ods-base-colors-global-purple-600);
  --ods-color-charts-qualitative-2: var(--ods-base-colors-global-blue-400);
  --ods-color-charts-qualitative-3: var(--ods-base-colors-global-teal-500);
  --ods-color-charts-qualitative-4: var(--ods-base-colors-global-pink-500);
  --ods-color-charts-qualitative-5: var(--ods-base-colors-global-red-700);
  --ods-color-charts-qualitative-6: var(--ods-base-colors-global-green-500);
  --ods-color-charts-qualitative-7: var(--ods-base-colors-global-orange-800);
  --ods-color-charts-qualitative-8: var(--ods-base-colors-global-blue-500);
  --ods-color-charts-qualitative-9: var(--ods-base-colors-global-pink-700);
  --ods-color-charts-qualitative-10: var(--ods-base-colors-global-grey-blue-700);
  --ods-color-charts-qualitative-11: var(--ods-base-colors-global-green-600);
  --ods-color-charts-qualitative-12: var(--ods-base-colors-global-purple-200);
  --ods-color-charts-qualitative-13: var(--ods-base-colors-global-grey-blue-300);
  --ods-color-charts-qualitative-14: var(--ods-base-colors-global-red-300);
  --ods-color-charts-qualitative-15: var(--ods-base-colors-global-orange-400);
  --ods-color-charts-quantitative-1: var(--ods-base-colors-global-grey-blue-800);
  --ods-color-charts-quantitative-2: var(--ods-base-colors-global-blue-800);
  --ods-color-charts-quantitative-3: var(--ods-base-colors-global-teal-600);
  --ods-color-charts-quantitative-4: var(--ods-base-colors-global-purple-700);
  --ods-color-charts-quantitative-5: var(--ods-base-colors-global-pink-800);
  --ods-color-charts-quantitative-6: var(--ods-base-colors-global-green-800);
  --ods-color-charts-quantitative-7: var(--ods-base-colors-global-orange-800);
  --ods-color-charts-quantitative-8: var(--ods-base-colors-global-red-700);
  --ods-color-charts-quantitative-9: var(--ods-base-colors-global-grey-blue-700);
  --ods-color-charts-quantitative-10: var(--ods-base-colors-global-blue-500);
  --ods-color-charts-quantitative-11: var(--ods-base-colors-global-teal-500);
  --ods-color-charts-quantitative-12: var(--ods-base-colors-global-purple-600);
  --ods-color-charts-quantitative-13: var(--ods-base-colors-global-pink-700);
  --ods-color-charts-quantitative-14: var(--ods-base-colors-global-green-600);
  --ods-color-charts-quantitative-15: var(--ods-base-colors-global-orange-600);
  --ods-color-charts-quantitative-16: var(--ods-base-colors-global-red-600);
  --ods-color-charts-quantitative-17: var(--ods-base-colors-global-grey-blue-500);
  --ods-color-charts-quantitative-18: var(--ods-base-colors-global-blue-400);
  --ods-color-charts-quantitative-19: var(--ods-base-colors-global-teal-400);
  --ods-color-charts-quantitative-20: var(--ods-base-colors-global-purple-500);
  --ods-color-charts-quantitative-21: var(--ods-base-colors-global-pink-600);
  --ods-color-charts-quantitative-22: var(--ods-base-colors-global-green-500);
  --ods-color-charts-quantitative-23: var(--ods-base-colors-global-orange-500);
  --ods-color-charts-quantitative-24: var(--ods-base-colors-global-red-500);
  --ods-color-charts-quantitative-25: var(--ods-base-colors-global-grey-blue-300);
  --ods-color-charts-quantitative-26: var(--ods-base-colors-global-blue-300);
  --ods-color-charts-quantitative-27: var(--ods-base-colors-global-teal-300);
  --ods-color-charts-quantitative-28: var(--ods-base-colors-global-purple-200);
  --ods-color-charts-quantitative-29: var(--ods-base-colors-global-pink-500);
  --ods-color-charts-quantitative-30: var(--ods-base-colors-global-green-300);
  --ods-color-charts-quantitative-31: var(--ods-base-colors-global-orange-400);
  --ods-color-charts-quantitative-32: var(--ods-base-colors-global-red-300);
  --ods-color-charts-quantitative-33: var(--ods-base-colors-global-grey-blue-200);
  --ods-color-charts-quantitative-34: var(--ods-base-colors-global-blue-200);
  --ods-color-charts-quantitative-35: var(--ods-base-colors-global-teal-100);
  --ods-color-charts-quantitative-36: var(--ods-base-colors-global-purple-100);
  --ods-color-charts-quantitative-37: var(--ods-base-colors-global-pink-400);
  --ods-color-charts-quantitative-38: var(--ods-base-colors-global-green-100);
  --ods-color-charts-quantitative-39: var(--ods-base-colors-global-orange-300);
  --ods-color-charts-quantitative-40: var(--ods-base-colors-global-red-200);
  --ods-color-charts-quantitative-41: var(--ods-base-colors-global-grey-blue-050);
  --ods-color-charts-quantitative-42: var(--ods-base-colors-global-blue-050);
  --ods-color-charts-quantitative-43: var(--ods-base-colors-global-teal-050);
  --ods-color-charts-quantitative-44: var(--ods-base-colors-global-purple-050);
  --ods-color-charts-quantitative-45: var(--ods-base-colors-global-pink-200);
  --ods-color-charts-quantitative-46: var(--ods-base-colors-global-green-050);
  --ods-color-charts-quantitative-47: var(--ods-base-colors-global-orange-200);
  --ods-color-charts-quantitative-48: var(--ods-base-colors-global-red-100);
}

.app-saas-theme {
  --font-font-heading-h1-bold: 700 30px/42px Roboto;
  --font-font-heading-h1-medium: 500 30px/42px Roboto;
  --font-font-heading-h1-regular: 400 30px/42px Roboto;
  --font-font-heading-h1-light: 300 30px/34px Roboto;
  --font-font-heading-h2-bold: 700 24px/34px Roboto;
  --font-font-heading-h2-medium: 500 24px/34px Roboto;
  --font-font-heading-h2-regular: 400 24px/34px Roboto;
  --font-font-heading-h2-light: 300 24px/34px Roboto;
  --font-font-heading-h3-bold: 700 18px/26px Roboto;
  --font-font-heading-h3-medium: 500 18px/26px Roboto;
  --font-font-heading-h3-regular: 400 18px/26px Roboto;
  --font-font-heading-h3-light: 300 18px/26px Roboto;
  --font-font-heading-h4-bold: 700 16px/22px Roboto;
  --font-font-heading-h4-medium: 500 16px/22px Roboto;
  --font-font-heading-h4-regular: 400 16px/22px Roboto;
  --font-font-heading-h4-light: 300 16px/22px Roboto;
  --font-font-body-bold: 700 14px/20px Roboto;
  --font-font-body-medium: 500 14px/20px Roboto;
  --font-font-body-regular: 400 14px/20px Roboto;
  --font-font-body-light: 300 14px/20px Roboto;
  --font-font-body-small-bold: 700 12px/16px Roboto;
  --font-font-body-small-medium: 500 12px/16px Roboto;
  --font-font-body-small-regular: 400 12px/16px Roboto;
  --font-font-body-small-light: 300 12px/16px Roboto;
  --effect-shadow-1: 0px 2px 6px 0px rgba(8, 36, 57, 0.05);
  --effect-shadow-2: 0px 2px 6px 0px rgba(8, 36, 57, 0.1);
  --effect-shadow-3: 2px 2px 12px 0px rgba(8, 36, 57, 0.15);
  --effect-shadow-4: 2px 2px 12px 0px rgba(8, 36, 57, 0.25);
  --effect-shadow-5: 2px 2px 12px 0px rgba(8, 36, 57, 0.4);
  --typography-font-heading-h1-bold-fontSize: 30px;
  --typography-font-heading-h1-bold-textDecoration: none;
  --typography-font-heading-h1-bold-fontFamily: Roboto;
  --typography-font-heading-h1-bold-fontWeight: 700;
  --typography-font-heading-h1-bold-fontStyle: normal;
  --typography-font-heading-h1-bold-fontStretch: normal;
  --typography-font-heading-h1-bold-letterSpacing: 0.2px;
  --typography-font-heading-h1-bold-lineHeight: 42px;
  --typography-font-heading-h1-bold-paragraphIndent: 0;
  --typography-font-heading-h1-bold-paragraphSpacing: 0;
  --typography-font-heading-h1-bold-textCase: none;
  --typography-font-heading-h1-medium-fontSize: 30px;
  --typography-font-heading-h1-medium-textDecoration: none;
  --typography-font-heading-h1-medium-fontFamily: Roboto;
  --typography-font-heading-h1-medium-fontWeight: 500;
  --typography-font-heading-h1-medium-fontStyle: normal;
  --typography-font-heading-h1-medium-fontStretch: normal;
  --typography-font-heading-h1-medium-letterSpacing: 0.2px;
  --typography-font-heading-h1-medium-lineHeight: 42px;
  --typography-font-heading-h1-medium-paragraphIndent: 0;
  --typography-font-heading-h1-medium-paragraphSpacing: 0;
  --typography-font-heading-h1-medium-textCase: none;
  --typography-font-heading-h1-regular-fontSize: 30px;
  --typography-font-heading-h1-regular-textDecoration: none;
  --typography-font-heading-h1-regular-fontFamily: Roboto;
  --typography-font-heading-h1-regular-fontWeight: 400;
  --typography-font-heading-h1-regular-fontStyle: normal;
  --typography-font-heading-h1-regular-fontStretch: normal;
  --typography-font-heading-h1-regular-letterSpacing: 0.2px;
  --typography-font-heading-h1-regular-lineHeight: 42px;
  --typography-font-heading-h1-regular-paragraphIndent: 0;
  --typography-font-heading-h1-regular-paragraphSpacing: 0;
  --typography-font-heading-h1-regular-textCase: none;
  --typography-font-heading-h1-light-fontSize: 30px;
  --typography-font-heading-h1-light-textDecoration: none;
  --typography-font-heading-h1-light-fontFamily: Roboto;
  --typography-font-heading-h1-light-fontWeight: 300;
  --typography-font-heading-h1-light-fontStyle: normal;
  --typography-font-heading-h1-light-fontStretch: normal;
  --typography-font-heading-h1-light-letterSpacing: 0.2px;
  --typography-font-heading-h1-light-lineHeight: 34px;
  --typography-font-heading-h1-light-paragraphIndent: 0;
  --typography-font-heading-h1-light-paragraphSpacing: 0;
  --typography-font-heading-h1-light-textCase: none;
  --typography-font-heading-h2-bold-fontSize: 24px;
  --typography-font-heading-h2-bold-textDecoration: none;
  --typography-font-heading-h2-bold-fontFamily: Roboto;
  --typography-font-heading-h2-bold-fontWeight: 700;
  --typography-font-heading-h2-bold-fontStyle: normal;
  --typography-font-heading-h2-bold-fontStretch: normal;
  --typography-font-heading-h2-bold-letterSpacing: 0.2px;
  --typography-font-heading-h2-bold-lineHeight: 34px;
  --typography-font-heading-h2-bold-paragraphIndent: 0;
  --typography-font-heading-h2-bold-paragraphSpacing: 0;
  --typography-font-heading-h2-bold-textCase: none;
  --typography-font-heading-h2-medium-fontSize: 24px;
  --typography-font-heading-h2-medium-textDecoration: none;
  --typography-font-heading-h2-medium-fontFamily: Roboto;
  --typography-font-heading-h2-medium-fontWeight: 500;
  --typography-font-heading-h2-medium-fontStyle: normal;
  --typography-font-heading-h2-medium-fontStretch: normal;
  --typography-font-heading-h2-medium-letterSpacing: 0.2px;
  --typography-font-heading-h2-medium-lineHeight: 34px;
  --typography-font-heading-h2-medium-paragraphIndent: 0;
  --typography-font-heading-h2-medium-paragraphSpacing: 0;
  --typography-font-heading-h2-medium-textCase: none;
  --typography-font-heading-h2-regular-fontSize: 24px;
  --typography-font-heading-h2-regular-textDecoration: none;
  --typography-font-heading-h2-regular-fontFamily: Roboto;
  --typography-font-heading-h2-regular-fontWeight: 400;
  --typography-font-heading-h2-regular-fontStyle: normal;
  --typography-font-heading-h2-regular-fontStretch: normal;
  --typography-font-heading-h2-regular-letterSpacing: 0.2px;
  --typography-font-heading-h2-regular-lineHeight: 34px;
  --typography-font-heading-h2-regular-paragraphIndent: 0;
  --typography-font-heading-h2-regular-paragraphSpacing: 0;
  --typography-font-heading-h2-regular-textCase: none;
  --typography-font-heading-h2-light-fontSize: 24px;
  --typography-font-heading-h2-light-textDecoration: none;
  --typography-font-heading-h2-light-fontFamily: Roboto;
  --typography-font-heading-h2-light-fontWeight: 300;
  --typography-font-heading-h2-light-fontStyle: normal;
  --typography-font-heading-h2-light-fontStretch: normal;
  --typography-font-heading-h2-light-letterSpacing: 0.2px;
  --typography-font-heading-h2-light-lineHeight: 34px;
  --typography-font-heading-h2-light-paragraphIndent: 0;
  --typography-font-heading-h2-light-paragraphSpacing: 0;
  --typography-font-heading-h2-light-textCase: none;
  --typography-font-heading-h3-bold-fontSize: 18px;
  --typography-font-heading-h3-bold-textDecoration: none;
  --typography-font-heading-h3-bold-fontFamily: Roboto;
  --typography-font-heading-h3-bold-fontWeight: 700;
  --typography-font-heading-h3-bold-fontStyle: normal;
  --typography-font-heading-h3-bold-fontStretch: normal;
  --typography-font-heading-h3-bold-letterSpacing: 0.2px;
  --typography-font-heading-h3-bold-lineHeight: 26px;
  --typography-font-heading-h3-bold-paragraphIndent: 0;
  --typography-font-heading-h3-bold-paragraphSpacing: 0;
  --typography-font-heading-h3-bold-textCase: none;
  --typography-font-heading-h3-medium-fontSize: 18px;
  --typography-font-heading-h3-medium-textDecoration: none;
  --typography-font-heading-h3-medium-fontFamily: Roboto;
  --typography-font-heading-h3-medium-fontWeight: 500;
  --typography-font-heading-h3-medium-fontStyle: normal;
  --typography-font-heading-h3-medium-fontStretch: normal;
  --typography-font-heading-h3-medium-letterSpacing: 0.2px;
  --typography-font-heading-h3-medium-lineHeight: 26px;
  --typography-font-heading-h3-medium-paragraphIndent: 0;
  --typography-font-heading-h3-medium-paragraphSpacing: 0;
  --typography-font-heading-h3-medium-textCase: none;
  --typography-font-heading-h3-regular-fontSize: 18px;
  --typography-font-heading-h3-regular-textDecoration: none;
  --typography-font-heading-h3-regular-fontFamily: Roboto;
  --typography-font-heading-h3-regular-fontWeight: 400;
  --typography-font-heading-h3-regular-fontStyle: normal;
  --typography-font-heading-h3-regular-fontStretch: normal;
  --typography-font-heading-h3-regular-letterSpacing: 0.2px;
  --typography-font-heading-h3-regular-lineHeight: 26px;
  --typography-font-heading-h3-regular-paragraphIndent: 0;
  --typography-font-heading-h3-regular-paragraphSpacing: 0;
  --typography-font-heading-h3-regular-textCase: none;
  --typography-font-heading-h3-light-fontSize: 18px;
  --typography-font-heading-h3-light-textDecoration: none;
  --typography-font-heading-h3-light-fontFamily: Roboto;
  --typography-font-heading-h3-light-fontWeight: 300;
  --typography-font-heading-h3-light-fontStyle: normal;
  --typography-font-heading-h3-light-fontStretch: normal;
  --typography-font-heading-h3-light-letterSpacing: 0.2px;
  --typography-font-heading-h3-light-lineHeight: 26px;
  --typography-font-heading-h3-light-paragraphIndent: 0;
  --typography-font-heading-h3-light-paragraphSpacing: 0;
  --typography-font-heading-h3-light-textCase: none;
  --typography-font-heading-h4-bold-fontSize: 16px;
  --typography-font-heading-h4-bold-textDecoration: none;
  --typography-font-heading-h4-bold-fontFamily: Roboto;
  --typography-font-heading-h4-bold-fontWeight: 700;
  --typography-font-heading-h4-bold-fontStyle: normal;
  --typography-font-heading-h4-bold-fontStretch: normal;
  --typography-font-heading-h4-bold-letterSpacing: 0.2px;
  --typography-font-heading-h4-bold-lineHeight: 22px;
  --typography-font-heading-h4-bold-paragraphIndent: 0;
  --typography-font-heading-h4-bold-paragraphSpacing: 0;
  --typography-font-heading-h4-bold-textCase: none;
  --typography-font-heading-h4-medium-fontSize: 16px;
  --typography-font-heading-h4-medium-textDecoration: none;
  --typography-font-heading-h4-medium-fontFamily: Roboto;
  --typography-font-heading-h4-medium-fontWeight: 500;
  --typography-font-heading-h4-medium-fontStyle: normal;
  --typography-font-heading-h4-medium-fontStretch: normal;
  --typography-font-heading-h4-medium-letterSpacing: 0.2px;
  --typography-font-heading-h4-medium-lineHeight: 22px;
  --typography-font-heading-h4-medium-paragraphIndent: 0;
  --typography-font-heading-h4-medium-paragraphSpacing: 0;
  --typography-font-heading-h4-medium-textCase: none;
  --typography-font-heading-h4-regular-fontSize: 16px;
  --typography-font-heading-h4-regular-textDecoration: none;
  --typography-font-heading-h4-regular-fontFamily: Roboto;
  --typography-font-heading-h4-regular-fontWeight: 400;
  --typography-font-heading-h4-regular-fontStyle: normal;
  --typography-font-heading-h4-regular-fontStretch: normal;
  --typography-font-heading-h4-regular-letterSpacing: 0.2px;
  --typography-font-heading-h4-regular-lineHeight: 22px;
  --typography-font-heading-h4-regular-paragraphIndent: 0;
  --typography-font-heading-h4-regular-paragraphSpacing: 0;
  --typography-font-heading-h4-regular-textCase: none;
  --typography-font-heading-h4-light-fontSize: 16px;
  --typography-font-heading-h4-light-textDecoration: none;
  --typography-font-heading-h4-light-fontFamily: Roboto;
  --typography-font-heading-h4-light-fontWeight: 300;
  --typography-font-heading-h4-light-fontStyle: normal;
  --typography-font-heading-h4-light-fontStretch: normal;
  --typography-font-heading-h4-light-letterSpacing: 0.2px;
  --typography-font-heading-h4-light-lineHeight: 22px;
  --typography-font-heading-h4-light-paragraphIndent: 0;
  --typography-font-heading-h4-light-paragraphSpacing: 0;
  --typography-font-heading-h4-light-textCase: none;
  --typography-font-body-bold-fontSize: 14px;
  --typography-font-body-bold-textDecoration: none;
  --typography-font-body-bold-fontFamily: Roboto;
  --typography-font-body-bold-fontWeight: 700;
  --typography-font-body-bold-fontStyle: normal;
  --typography-font-body-bold-fontStretch: normal;
  --typography-font-body-bold-letterSpacing: 0.2px;
  --typography-font-body-bold-lineHeight: 20px;
  --typography-font-body-bold-paragraphIndent: 0;
  --typography-font-body-bold-paragraphSpacing: 0;
  --typography-font-body-bold-textCase: none;
  --typography-font-body-medium-fontSize: 14px;
  --typography-font-body-medium-textDecoration: none;
  --typography-font-body-medium-fontFamily: Roboto;
  --typography-font-body-medium-fontWeight: 500;
  --typography-font-body-medium-fontStyle: normal;
  --typography-font-body-medium-fontStretch: normal;
  --typography-font-body-medium-letterSpacing: 0.2px;
  --typography-font-body-medium-lineHeight: 20px;
  --typography-font-body-medium-paragraphIndent: 0;
  --typography-font-body-medium-paragraphSpacing: 0;
  --typography-font-body-medium-textCase: none;
  --typography-font-body-regular-fontSize: 14px;
  --typography-font-body-regular-textDecoration: none;
  --typography-font-body-regular-fontFamily: Roboto;
  --typography-font-body-regular-fontWeight: 400;
  --typography-font-body-regular-fontStyle: normal;
  --typography-font-body-regular-fontStretch: normal;
  --typography-font-body-regular-letterSpacing: 0.2px;
  --typography-font-body-regular-lineHeight: 20px;
  --typography-font-body-regular-paragraphIndent: 0;
  --typography-font-body-regular-paragraphSpacing: 0;
  --typography-font-body-regular-textCase: none;
  --typography-font-body-light-fontSize: 14px;
  --typography-font-body-light-textDecoration: none;
  --typography-font-body-light-fontFamily: Roboto;
  --typography-font-body-light-fontWeight: 300;
  --typography-font-body-light-fontStyle: normal;
  --typography-font-body-light-fontStretch: normal;
  --typography-font-body-light-letterSpacing: 0.2px;
  --typography-font-body-light-lineHeight: 20px;
  --typography-font-body-light-paragraphIndent: 0;
  --typography-font-body-light-paragraphSpacing: 0;
  --typography-font-body-light-textCase: none;
  --typography-font-body-small-bold-fontSize: 12px;
  --typography-font-body-small-bold-textDecoration: none;
  --typography-font-body-small-bold-fontFamily: Roboto;
  --typography-font-body-small-bold-fontWeight: 700;
  --typography-font-body-small-bold-fontStyle: normal;
  --typography-font-body-small-bold-fontStretch: normal;
  --typography-font-body-small-bold-letterSpacing: 0.2px;
  --typography-font-body-small-bold-lineHeight: 16px;
  --typography-font-body-small-bold-paragraphIndent: 0;
  --typography-font-body-small-bold-paragraphSpacing: 0;
  --typography-font-body-small-bold-textCase: none;
  --typography-font-body-small-medium-fontSize: 12px;
  --typography-font-body-small-medium-textDecoration: none;
  --typography-font-body-small-medium-fontFamily: Roboto;
  --typography-font-body-small-medium-fontWeight: 500;
  --typography-font-body-small-medium-fontStyle: normal;
  --typography-font-body-small-medium-fontStretch: normal;
  --typography-font-body-small-medium-letterSpacing: 0.2px;
  --typography-font-body-small-medium-lineHeight: 16px;
  --typography-font-body-small-medium-paragraphIndent: 0;
  --typography-font-body-small-medium-paragraphSpacing: 0;
  --typography-font-body-small-medium-textCase: none;
  --typography-font-body-small-regular-fontSize: 12px;
  --typography-font-body-small-regular-textDecoration: none;
  --typography-font-body-small-regular-fontFamily: Roboto;
  --typography-font-body-small-regular-fontWeight: 400;
  --typography-font-body-small-regular-fontStyle: normal;
  --typography-font-body-small-regular-fontStretch: normal;
  --typography-font-body-small-regular-letterSpacing: 0.2px;
  --typography-font-body-small-regular-lineHeight: 16px;
  --typography-font-body-small-regular-paragraphIndent: 0;
  --typography-font-body-small-regular-paragraphSpacing: 0;
  --typography-font-body-small-regular-textCase: none;
  --typography-font-body-small-light-fontSize: 12px;
  --typography-font-body-small-light-textDecoration: none;
  --typography-font-body-small-light-fontFamily: Roboto;
  --typography-font-body-small-light-fontWeight: 300;
  --typography-font-body-small-light-fontStyle: normal;
  --typography-font-body-small-light-fontStretch: normal;
  --typography-font-body-small-light-letterSpacing: 0.2px;
  --typography-font-body-small-light-lineHeight: 16px;
  --typography-font-body-small-light-paragraphIndent: 0;
  --typography-font-body-small-light-paragraphSpacing: 0;
  --typography-font-body-small-light-textCase: none;
  --ods-primitives-tokens-100: 8px;
  --ods-primitives-tokens-125: 10px;
  --ods-primitives-tokens-150: 12px;
  --ods-primitives-tokens-200: 16px;
  --ods-primitives-tokens-225: 18px;
  --ods-primitives-tokens-250: 20px;
  --ods-primitives-tokens-300: 24px;
  --ods-primitives-tokens-400: 32px;
  --ods-primitives-tokens-425: 34px;
  --ods-primitives-tokens-500: 40px;
  --ods-primitives-tokens-600: 48px;
  --ods-primitives-tokens-800: 64px;
  --ods-primitives-tokens-1000: 80px;
  --ods-primitives-tokens-9999: 999px;
  --ods-primitives-tokens-050: 4px;
  --ods-primitives-tokens-025: 2px;
  --ods-primitives-tokens-075: 6px;
  --ods-primitives-tokens-0000: 0;
  --ods-primitives-tokens-012: 1px;
  --ods-primitives-tokens-006: 0.5px;
  --ods-base-tokens-space-100: var(--ods-primitives-tokens-100);
  --ods-base-tokens-space-125: var(--ods-primitives-tokens-125);
  --ods-base-tokens-space-150: var(--ods-primitives-tokens-150);
  --ods-base-tokens-space-200: var(--ods-primitives-tokens-200);
  --ods-base-tokens-space-225: var(--ods-primitives-tokens-225);
  --ods-base-tokens-space-250: var(--ods-primitives-tokens-250);
  --ods-base-tokens-space-300: var(--ods-primitives-tokens-300);
  --ods-base-tokens-space-400: var(--ods-primitives-tokens-400);
  --ods-base-tokens-space-425: var(--ods-primitives-tokens-425);
  --ods-base-tokens-space-500: var(--ods-primitives-tokens-500);
  --ods-base-tokens-space-600: var(--ods-primitives-tokens-600);
  --ods-base-tokens-space-800: var(--ods-primitives-tokens-800);
  --ods-base-tokens-space-1000: var(--ods-primitives-tokens-1000);
  --ods-base-tokens-space-050: var(--ods-primitives-tokens-050);
  --ods-base-tokens-space-025: var(--ods-primitives-tokens-025);
  --ods-base-tokens-space-075: var(--ods-primitives-tokens-075);
  --ods-base-tokens-radius-small: var(--ods-primitives-tokens-050);
  --ods-base-tokens-radius-medium: var(--ods-primitives-tokens-100);
  --ods-base-tokens-radius-full: var(--ods-primitives-tokens-9999);
  --ods-base-tokens-radius-none: var(--ods-primitives-tokens-0000);
  --ods-base-tokens-radius-large: var(--ods-primitives-tokens-150);
  --ods-base-tokens-font-size-body: 14px;
  --ods-base-tokens-font-size-h1: 30px;
  --ods-base-tokens-font-size-h2: 24px;
  --ods-base-tokens-font-size-small: 12px;
  --ods-base-tokens-font-size-h3: 18px;
  --ods-base-tokens-font-size-h4: 16px;
  --ods-base-tokens-font-family-heading: Inter;
  --ods-base-tokens-font-family-body: Inter;
  --ods-base-tokens-font-family-small: Inter;
  --ods-base-tokens-font-family-label: Inter;
  --ods-base-tokens-font-weight-bold: Bold;
  --ods-base-tokens-font-weight-italic: Italic;
  --ods-base-tokens-font-weight-medium: 500;
  --ods-base-tokens-font-weight-regular: 400;
  --ods-base-tokens-font-weight-light: 300;
  --ods-base-tokens-font-line-height-h1: 42px;
  --ods-base-tokens-font-line-height-h2: 34px;
  --ods-base-tokens-font-line-height-h3: 26px;
  --ods-base-tokens-font-line-height-h4: 22px;
  --ods-base-tokens-font-line-height-body: 20px;
  --ods-base-tokens-font-line-height-small: 16px;
  --ods-base-tokens-font-line-height-none: 0;
  --ods-base-tokens-font-line-height-default: 1.4;
  --ods-base-tokens-font-letter-spacing-small: 0.2px;
  --ods-base-tokens-font-color-default: var(--ods-base-colors-neutral-900);
  --ods-base-tokens-font-color-disabled: var(--ods-base-colors-neutral-200);
  --ods-base-tokens-font-color-readonly: var(--ods-base-colors-neutral-900);
  --ods-base-tokens-font-color-focus: var(--ods-base-colors-neutral-900);
  --ods-base-tokens-font-color-active: var(--ods-base-colors-neutral-900);
  --ods-base-tokens-font-color-hover: var(--ods-base-colors-neutral-900);
  --ods-base-tokens-font-color-label: var(--ods-base-colors-neutral-700);
  --ods-base-tokens-font-color-inputtext: var(--ods-base-colors-neutral-900);
  --ods-base-tokens-font-color-placeholder: var(--ods-base-colors-neutral-500);
  --ods-base-tokens-font-color-helpertext: var(--ods-base-colors-neutral-700);
  --ods-base-tokens-font-color-body: var(--ods-base-colors-neutral-700);
  --ods-base-tokens-font-color-white: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-font-color-light-small: var(--ods-base-colors-neutral-500);
  --ods-base-tokens-font-color-light-p: var(--ods-base-colors-neutral-700);
  --ods-base-tokens-font-color-light-h4: var(--ods-base-colors-neutral-700);
  --ods-base-tokens-font-color-light-h2: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-font-color-light-h1: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-font-color-light-h3: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-padding-100: var(--ods-primitives-tokens-100);
  --ods-base-tokens-padding-125: var(--ods-primitives-tokens-125);
  --ods-base-tokens-padding-150: var(--ods-primitives-tokens-150);
  --ods-base-tokens-padding-200: var(--ods-primitives-tokens-200);
  --ods-base-tokens-padding-300: var(--ods-primitives-tokens-300);
  --ods-base-tokens-padding-400: var(--ods-primitives-tokens-400);
  --ods-base-tokens-padding-500: var(--ods-primitives-tokens-500);
  --ods-base-tokens-padding-050: var(--ods-primitives-tokens-050);
  --ods-base-tokens-padding-075: var(--ods-primitives-tokens-075);
  --ods-base-tokens-padding-025: var(--ods-primitives-tokens-025);
  --ods-base-tokens-padding-006: var(--ods-primitives-tokens-006);
  --ods-base-tokens-icon-size-100: var(--ods-primitives-tokens-100);
  --ods-base-tokens-icon-size-150: var(--ods-primitives-tokens-150);
  --ods-base-tokens-icon-size-200: var(--ods-primitives-tokens-200);
  --ods-base-tokens-icon-size-300: var(--ods-primitives-tokens-300);
  --ods-base-tokens-icon-size-400: var(--ods-primitives-tokens-400);
  --ods-base-tokens-icon-size-500: var(--ods-primitives-tokens-500);
  --ods-base-tokens-icon-size-800: var(--ods-primitives-tokens-800);
  --ods-base-tokens-icon-color-active: var(--ods-base-colors-brand-primary-800);
  --ods-base-tokens-icon-color-hover: var(--ods-base-colors-brand-primary-500);
  --ods-base-tokens-icon-color-focus: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-icon-color-grey: var(--ods-base-colors-neutral-800);
  --ods-base-tokens-icon-color-white: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-icon-color-default: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-icon-color-disabled: var(--ods-base-colors-neutral-200);
  --ods-base-tokens-icon-color-readonly: var(--ods-base-colors-neutral-1000);
  --ods-base-tokens-icon-color-black: var(--ods-base-colors-neutral-1000);
  --ods-base-tokens-border-width-1: var(--ods-primitives-tokens-012);
  --ods-base-tokens-border-width-2: var(--ods-primitives-tokens-025);
  --ods-base-tokens-state-color-readonly: var(--ods-base-colors-neutral-1000);
  --ods-base-tokens-state-color-hover: var(--ods-base-colors-brand-primary-500);
  --ods-base-tokens-state-color-default: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-state-color-active: var(--ods-base-colors-brand-primary-800);
  --ods-base-tokens-state-color-disabled: var(--ods-base-colors-neutral-200);
  --ods-base-tokens-state-color-focus: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-state-background-readonly: var(--ods-base-colors-opacity-000);
  --ods-base-tokens-state-background-focus: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-state-background-disabled: var(--ods-base-colors-neutral-025);
  --ods-base-tokens-state-background-active: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-state-background-hover: var(--ods-base-colors-neutral-025);
  --ods-base-tokens-state-background-default: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-shadow-border-color-1: var(--ods-base-colors-neutral-050);
  --ods-base-tokens-shadow-border-color-2: var(--ods-base-colors-neutral-050);
  --ods-base-tokens-shadow-border-color-3: var(--ods-base-colors-neutral-050);
  --ods-base-tokens-shadow-border-color-4: var(--ods-base-colors-neutral-050);
  --ods-base-tokens-shadow-border-color-5: var(--ods-base-colors-neutral-050);
  --ods-base-tokens-shadow-x-1: var(--ods-primitives-tokens-0000);
  --ods-base-tokens-shadow-x-2: var(--ods-primitives-tokens-0000);
  --ods-base-tokens-shadow-x-3: var(--ods-primitives-tokens-025);
  --ods-base-tokens-shadow-x-4: var(--ods-primitives-tokens-025);
  --ods-base-tokens-shadow-x-5-3: var(--ods-primitives-tokens-025);
  --ods-base-tokens-shadow-blur-1: var(--ods-primitives-tokens-075);
  --ods-base-tokens-shadow-blur-2: var(--ods-primitives-tokens-075);
  --ods-base-tokens-shadow-blur-3: var(--ods-primitives-tokens-150);
  --ods-base-tokens-shadow-blur-4: var(--ods-primitives-tokens-150);
  --ods-base-tokens-shadow-blur-5-2: var(--ods-primitives-tokens-150);
  --ods-base-tokens-shadow-color-1: var(--ods-base-colors-shadow-1);
  --ods-base-tokens-shadow-color-2: var(--ods-base-colors-shadow-2);
  --ods-base-tokens-shadow-color-3: var(--ods-base-colors-shadow-3);
  --ods-base-tokens-shadow-color-4: var(--ods-base-colors-shadow-4);
  --ods-base-tokens-shadow-color-5: var(--ods-base-colors-shadow-5);
  --ods-base-tokens-shadow-y-1: var(--ods-primitives-tokens-025);
  --ods-base-tokens-shadow-y-2: var(--ods-primitives-tokens-025);
  --ods-base-tokens-shadow-y-3: var(--ods-primitives-tokens-025);
  --ods-base-tokens-shadow-y-4: var(--ods-primitives-tokens-025);
  --ods-base-tokens-shadow-y-5-4: var(--ods-primitives-tokens-025);
  --ods-base-tokens-background-dark-600: var(--ods-base-colors-undefined);
  --ods-base-tokens-background-dark-800: var(--ods-base-colors-undefined);
  --ods-base-tokens-background-light-050: var(--ods-base-colors-neutral-050);
  --ods-base-tokens-background-light-000: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-messaging-error-background: var(--ods-base-colors-messaging-error-100);
  --ods-base-tokens-messaging-error-foreground: var(--ods-base-colors-messaging-error-700);
  --ods-base-tokens-messaging-error-border: var(--ods-base-colors-messaging-error-400);
  --ods-base-tokens-messaging-error-font: var(--ods-base-colors-messaging-error-700);
  --ods-base-tokens-messaging-info-background: var(--ods-base-colors-messaging-information-100);
  --ods-base-tokens-messaging-info-foreground: var(--ods-base-colors-messaging-information-700);
  --ods-base-tokens-messaging-info-border: var(--ods-base-colors-messaging-information-400);
  --ods-base-tokens-messaging-info-font: var(--ods-base-colors-messaging-information-700);
  --ods-base-tokens-messaging-warning-foreground: var(--ods-base-colors-messaging-warning-700);
  --ods-base-tokens-messaging-warning-background: var(--ods-base-colors-messaging-warning-100);
  --ods-base-tokens-messaging-warning-border: var(--ods-base-colors-messaging-warning-400);
  --ods-base-tokens-messaging-warning-font: var(--ods-base-colors-messaging-warning-700);
  --ods-base-tokens-messaging-success-background: var(--ods-base-colors-messaging-success-100);
  --ods-base-tokens-messaging-success-foreground: var(--ods-base-colors-messaging-success-700);
  --ods-base-tokens-messaging-success-font: var(--ods-base-colors-messaging-success-700);
  --ods-base-tokens-messaging-success-border: var(--ods-base-colors-messaging-success-400);
  --ods-base-tokens-messaging-font: var(--ods-base-colors-undefined);
  --ods-base-tokens-form-color-active: var(--ods-base-tokens-state-color-active);
  --ods-base-tokens-form-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-base-tokens-form-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-base-tokens-form-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-base-tokens-form-color-default: var(--ods-base-tokens-state-color-default);
  --ods-base-tokens-form-color-readonly: var(--ods-base-tokens-state-color-readonly);
  --ods-base-tokens-form-color-pressed: var(--ods-base-colors-brand-secondary-600);
  --ods-base-tokens-form-background-default: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-form-background-readonly: var(--ods-base-colors-opacity-000);
  --ods-base-tokens-form-background-disabled: var(--ods-base-colors-neutral-050);
  --ods-base-tokens-form-background-hover: var(--ods-base-colors-neutral-025);
  --ods-base-tokens-form-background-focus: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-form-background-active: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-form-background-pressed: var(--ods-base-colors-neutral-000);
  --ods-base-tokens-form-border-default: var(--ods-base-colors-neutral-700);
  --ods-base-tokens-form-border-readonly: var(--ods-base-colors-opacity-000);
  --ods-base-tokens-form-border-disabled: var(--ods-base-colors-neutral-200);
  --ods-base-tokens-form-border-hover: var(--ods-base-colors-neutral-500);
  --ods-base-tokens-form-border-focus: var(--ods-base-colors-brand-primary-700);
  --ods-base-tokens-form-border-active: var(--ods-base-colors-brand-primary-800);
  --ods-base-tokens-form-border-pressed: var(--ods-base-colors-brand-primary-800);
  --ods-base-tokens-priority-background-very-high: var(--ods-base-colors-global-red-100);
  --ods-base-tokens-priority-background-high: var(--ods-base-colors-global-orange-100);
  --ods-base-tokens-priority-background-medium: var(--ods-base-colors-global-yellow-050);
  --ods-base-tokens-priority-background-low: var(--ods-base-colors-global-blue-100);
  --ods-base-tokens-priority-background-very-low: var(--ods-base-colors-global-green-100);
  --ods-base-tokens-priority-background-neutral: var(--ods-base-colors-neutral-100);
  --ods-base-tokens-priority-foreground: var(--ods-base-colors-neutral-900);
  --ods-base-tokens-size-small: var(--ods-primitives-tokens-300);
  --ods-base-tokens-size-medium: var(--ods-primitives-tokens-400);
  --ods-base-tokens-size-large: var(--ods-primitives-tokens-500);
  --ods-base-tokens-chart-color-qualitative-10: var(--ods-base-colors-global-red-800);
  --ods-base-tokens-chart-color-qualitative-11: var(--ods-base-colors-global-pink-275);
  --ods-base-tokens-chart-color-qualitative-12: var(--ods-base-colors-global-yellow-700);
  --ods-base-tokens-chart-color-qualitative-13: var(--ods-base-colors-global-orange-400);
  --ods-base-tokens-chart-color-qualitative-14: var(--ods-base-colors-global-green-400);
  --ods-base-tokens-chart-color-qualitative-15: var(--ods-base-colors-global-blue-800);
  --ods-base-tokens-chart-color-qualitative-01: var(--ods-base-colors-global-blue-500);
  --ods-base-tokens-chart-color-qualitative-02: var(--ods-base-colors-global-teal-300);
  --ods-base-tokens-chart-color-qualitative-03: var(--ods-base-colors-global-pink-300);
  --ods-base-tokens-chart-color-qualitative-04: var(--ods-base-colors-global-pink-800);
  --ods-base-tokens-chart-color-qualitative-05: var(--ods-base-colors-global-purple-500);
  --ods-base-tokens-chart-color-qualitative-06: var(--ods-base-colors-global-purple-800);
  --ods-base-tokens-chart-color-qualitative-07: var(--ods-base-colors-global-blue-300);
  --ods-base-tokens-chart-color-qualitative-08: var(--ods-base-colors-global-teal-500);
  --ods-base-tokens-chart-color-qualitative-09: var(--ods-base-colors-global-pink-200);
  --ods-base-tokens-chart-color-sequential-blue-01: rgb(0, 30, 67);
  --ods-base-tokens-chart-color-sequential-blue-02: rgb(0, 52, 114);
  --ods-base-tokens-chart-color-sequential-blue-03: var(--ods-base-colors-global-blue-500);
  --ods-base-tokens-chart-color-sequential-blue-04: rgb(13, 122, 255);
  --ods-base-tokens-chart-color-sequential-blue-05: rgb(77, 157, 255);
  --ods-base-tokens-chart-color-sequential-blue-06: rgb(131, 187, 255);
  --ods-base-tokens-chart-color-sequential-blue-07: rgb(176, 212, 255);
  --ods-base-tokens-chart-color-sequential-blue-08: rgb(211, 231, 255);
  --ods-base-tokens-chart-color-sequential-blue-09: rgb(235, 244, 255);
  --ods-base-tokens-chart-color-sequential-purple-01: rgb(26, 11, 60);
  --ods-base-tokens-chart-color-sequential-purple-02: rgb(47, 21, 109);
  --ods-base-tokens-chart-color-sequential-purple-03: var(--ods-base-colors-global-purple-800);
  --ods-base-tokens-chart-color-sequential-purple-04: rgb(118, 75, 221);
  --ods-base-tokens-chart-color-sequential-purple-05: rgb(155, 122, 230);
  --ods-base-tokens-chart-color-sequential-purple-06: rgb(185, 163, 237);
  --ods-base-tokens-chart-color-sequential-purple-07: rgb(210, 196, 244);
  --ods-base-tokens-chart-color-sequential-purple-08: rgb(230, 222, 249);
  --ods-base-tokens-chart-color-sequential-purple-09: rgb(244, 240, 252);
  --ods-base-tokens-chart-color-sequential-pink-01: rgb(80, 0, 16);
  --ods-base-tokens-chart-color-sequential-pink-02: rgb(167, 0, 33);
  --ods-base-tokens-chart-color-sequential-pink-03: var(--ods-base-colors-global-pink-300);
  --ods-base-tokens-chart-color-sequential-pink-04: rgb(255, 103, 133);
  --ods-base-tokens-chart-color-sequential-pink-05: rgb(255, 143, 165);
  --ods-base-tokens-chart-color-sequential-pink-06: rgb(255, 177, 193);
  --ods-base-tokens-chart-color-sequential-pink-07: rgb(255, 205, 215);
  --ods-base-tokens-chart-color-sequential-pink-08: rgb(255, 227, 233);
  --ods-base-tokens-chart-color-sequential-pink-09: rgb(255, 243, 245);
  --ods-base-tokens-chart-color-diverging-pink-blue-10: rgb(170, 194, 235);
  --ods-base-tokens-chart-color-diverging-pink-blue-11: rgb(139, 174, 227);
  --ods-base-tokens-chart-color-diverging-pink-blue-12: rgb(112, 157, 221);
  --ods-base-tokens-chart-color-diverging-pink-blue-13: rgb(80, 137, 214);
  --ods-base-tokens-chart-color-diverging-pink-blue-14: rgb(47, 117, 207);
  --ods-base-tokens-chart-color-diverging-pink-blue-15: var(--ods-base-colors-global-blue-500);
  --ods-base-tokens-chart-color-diverging-pink-blue-01: var(--ods-base-colors-global-pink-275);
  --ods-base-tokens-chart-color-diverging-pink-blue-02: rgb(246, 107, 118);
  --ods-base-tokens-chart-color-diverging-pink-blue-03: rgb(243, 128, 140);
  --ods-base-tokens-chart-color-diverging-pink-blue-04: rgb(240, 148, 161);
  --ods-base-tokens-chart-color-diverging-pink-blue-05: rgb(237, 168, 182);
  --ods-base-tokens-chart-color-diverging-pink-blue-06: rgb(235, 190, 205);
  --ods-base-tokens-chart-color-diverging-pink-blue-07: rgb(232, 209, 226);
  --ods-base-tokens-chart-color-diverging-pink-blue-08: var(--ods-base-colors-global-purple-050);
  --ods-base-tokens-chart-color-diverging-pink-blue-09: rgb(201, 213, 242);
  --ods-base-tokens-chart-color-diverging-yellow-teal-10: rgb(186, 213, 165);
  --ods-base-tokens-chart-color-diverging-yellow-teal-11: rgb(149, 189, 150);
  --ods-base-tokens-chart-color-diverging-yellow-teal-12: rgb(117, 169, 138);
  --ods-base-tokens-chart-color-diverging-yellow-teal-13: rgb(83, 146, 125);
  --ods-base-tokens-chart-color-diverging-yellow-teal-14: rgb(49, 125, 112);
  --ods-base-tokens-chart-color-diverging-yellow-teal-15: var(--ods-base-colors-global-teal-500);
  --ods-base-tokens-chart-color-diverging-yellow-teal-01: var(--ods-base-colors-global-yellow-700);
  --ods-base-tokens-chart-color-diverging-yellow-teal-02: rgb(192, 158, 38);
  --ods-base-tokens-chart-color-diverging-yellow-teal-03: rgb(201, 173, 62);
  --ods-base-tokens-chart-color-diverging-yellow-teal-04: rgb(212, 191, 91);
  --ods-base-tokens-chart-color-diverging-yellow-teal-05: rgb(220, 205, 112);
  --ods-base-tokens-chart-color-diverging-yellow-teal-06: rgb(229, 221, 137);
  --ods-base-tokens-chart-color-diverging-yellow-teal-07: rgb(240, 239, 165);
  --ods-base-tokens-chart-color-diverging-yellow-teal-08: var(--ods-base-colors-global-yellow-050);
  --ods-base-tokens-chart-color-diverging-yellow-teal-09: rgb(214, 232, 176);
  --ods-base-tokens-01: rgb(255, 255, 255);
  --ods-base-colors-brand-primary-100: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-primary-300: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-primary-400: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-primary-500: rgb(46, 87, 162);
  --ods-base-colors-brand-primary-600: rgb(18, 59, 134);
  --ods-base-colors-brand-primary-700: rgb(0, 39, 115);
  --ods-base-colors-brand-primary-800: rgb(1, 23, 72);
  --ods-base-colors-brand-primary-900: rgb(1, 9, 34);
  --ods-base-colors-brand-primary-050: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-primary-400-transparent: rgba(0, 39, 115, 0.6);
  --ods-base-colors-brand-primary-300-transparent: rgba(0, 39, 115, 0.4);
  --ods-base-colors-brand-primary-100-transparent: rgba(0, 39, 115, 0.15);
  --ods-base-colors-brand-primary-050-transparent: rgba(0, 39, 115, 0.05);
  --ods-base-colors-brand-tertiary-100: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-300: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-400: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-800: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-050: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-400-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-300-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-100-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-tertiary-050-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-100: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-300: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-400: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-600: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-050: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-400-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-300-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-100-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-brand-secondary-050-transparent: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-100: rgb(226, 226, 226);
  --ods-base-colors-neutral-200: rgb(198, 198, 198);
  --ods-base-colors-neutral-300: rgb(171, 171, 171);
  --ods-base-colors-neutral-400: rgb(145, 145, 145);
  --ods-base-colors-neutral-500: rgb(118, 118, 118);
  --ods-base-colors-neutral-600: rgb(94, 94, 94);
  --ods-base-colors-neutral-700: rgb(71, 71, 71);
  --ods-base-colors-neutral-800: rgb(48, 48, 48);
  --ods-base-colors-neutral-900: rgb(27, 27, 27);
  --ods-base-colors-neutral-1000: rgb(0, 0, 0);
  --ods-base-colors-neutral-warm-100: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-warm-300: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-warm-400: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-warm-600: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-warm-800: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-warm-1000: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-warm-000: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-cold-200: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-cold-400: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-cold-500: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-cold-600: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-cold-700: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-cold-900: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-cold-050: var(--ods-base-colors-undefined);
  --ods-base-colors-neutral-000: rgb(255, 255, 255);
  --ods-base-colors-neutral-050: rgb(241, 241, 241);
  --ods-base-colors-neutral-025: rgb(245, 245, 245);
  --ods-base-colors-messaging-success-100: var(--ods-base-colors-global-green-100);
  --ods-base-colors-messaging-success-400: var(--ods-base-colors-global-green-400);
  --ods-base-colors-messaging-success-600: var(--ods-base-colors-undefined);
  --ods-base-colors-messaging-success-700: var(--ods-base-colors-global-green-700);
  --ods-base-colors-messaging-warning-100: var(--ods-base-colors-global-orange-100);
  --ods-base-colors-messaging-warning-400: var(--ods-base-colors-global-orange-400);
  --ods-base-colors-messaging-warning-600: var(--ods-base-colors-undefined);
  --ods-base-colors-messaging-warning-700: var(--ods-base-colors-global-orange-700);
  --ods-base-colors-messaging-error-100: var(--ods-base-colors-global-red-100);
  --ods-base-colors-messaging-error-400: var(--ods-base-colors-global-red-400);
  --ods-base-colors-messaging-error-600: var(--ods-base-colors-undefined);
  --ods-base-colors-messaging-error-700: var(--ods-base-colors-global-red-700);
  --ods-base-colors-messaging-information-100: rgb(217, 228, 234);
  --ods-base-colors-messaging-information-400: var(--ods-base-colors-global-blue-400);
  --ods-base-colors-messaging-information-600: var(--ods-base-colors-undefined);
  --ods-base-colors-messaging-information-700: var(--ods-base-colors-global-blue-700);
  --ods-base-colors-global-grey-blue-200: var(--ods-base-colors-undefined);
  --ods-base-colors-global-grey-blue-300: rgb(172, 235, 255);
  --ods-base-colors-global-grey-blue-400: var(--ods-base-colors-undefined);
  --ods-base-colors-global-grey-blue-500: rgb(70, 192, 247);
  --ods-base-colors-global-grey-blue-700: var(--ods-base-colors-undefined);
  --ods-base-colors-global-grey-blue-800: var(--ods-base-colors-undefined);
  --ods-base-colors-global-grey-blue-050: rgb(211, 241, 255);
  --ods-base-colors-global-blue-100: rgb(202, 225, 255);
  --ods-base-colors-global-blue-200: var(--ods-base-colors-undefined);
  --ods-base-colors-global-blue-300: rgb(17, 146, 232);
  --ods-base-colors-global-blue-400: rgb(0, 110, 249);
  --ods-base-colors-global-blue-500: rgb(0, 88, 196);
  --ods-base-colors-global-blue-700: rgb(0, 67, 152);
  --ods-base-colors-global-blue-800: rgb(0, 39, 115);
  --ods-base-colors-global-blue-050: var(--ods-base-colors-undefined);
  --ods-base-colors-global-teal-100: var(--ods-base-colors-undefined);
  --ods-base-colors-global-teal-300: rgb(0, 149, 146);
  --ods-base-colors-global-teal-400: var(--ods-base-colors-undefined);
  --ods-base-colors-global-teal-500: rgb(0, 93, 93);
  --ods-base-colors-global-teal-600: var(--ods-base-colors-undefined);
  --ods-base-colors-global-teal-050: var(--ods-base-colors-undefined);
  --ods-base-colors-global-pink-200: rgb(238, 83, 139);
  --ods-base-colors-global-pink-275: rgb(250, 77, 86);
  --ods-base-colors-global-pink-300: rgb(255, 57, 96);
  --ods-base-colors-global-pink-400: var(--ods-base-colors-undefined);
  --ods-base-colors-global-pink-500: var(--ods-base-colors-undefined);
  --ods-base-colors-global-pink-550: var(--ods-base-colors-undefined);
  --ods-base-colors-global-pink-600: var(--ods-base-colors-undefined);
  --ods-base-colors-global-pink-700: var(--ods-base-colors-undefined);
  --ods-base-colors-global-pink-800: rgb(159, 24, 83);
  --ods-base-colors-global-pink-850: var(--ods-base-colors-undefined);
  --ods-base-colors-global-pink-050: rgb(255, 142, 164);
  --ods-base-colors-global-green-100: rgb(220, 250, 233);
  --ods-base-colors-global-green-300: var(--ods-base-colors-undefined);
  --ods-base-colors-global-green-400: rgb(11, 134, 65);
  --ods-base-colors-global-green-500: var(--ods-base-colors-undefined);
  --ods-base-colors-global-green-600: var(--ods-base-colors-undefined);
  --ods-base-colors-global-green-700: rgb(8, 95, 46);
  --ods-base-colors-global-green-800: var(--ods-base-colors-undefined);
  --ods-base-colors-global-green-050: var(--ods-base-colors-undefined);
  --ods-base-colors-global-orange-100: rgb(252, 228, 166);
  --ods-base-colors-global-orange-200: var(--ods-base-colors-undefined);
  --ods-base-colors-global-orange-300: var(--ods-base-colors-undefined);
  --ods-base-colors-global-orange-350: var(--ods-base-colors-undefined);
  --ods-base-colors-global-orange-400: rgb(189, 91, 0);
  --ods-base-colors-global-orange-500: var(--ods-base-colors-undefined);
  --ods-base-colors-global-orange-600: var(--ods-base-colors-undefined);
  --ods-base-colors-global-orange-700: rgb(105, 50, 0);
  --ods-base-colors-global-orange-800: var(--ods-base-colors-undefined);
  --ods-base-colors-global-purple-100: var(--ods-base-colors-undefined);
  --ods-base-colors-global-purple-200: var(--ods-base-colors-undefined);
  --ods-base-colors-global-purple-300: rgb(191, 176, 255);
  --ods-base-colors-global-purple-500: rgb(149, 103, 251);
  --ods-base-colors-global-purple-600: var(--ods-base-colors-undefined);
  --ods-base-colors-global-purple-700: var(--ods-base-colors-undefined);
  --ods-base-colors-global-purple-800: rgb(84, 37, 192);
  --ods-base-colors-global-purple-050: rgb(229, 230, 248);
  --ods-base-colors-global-red-100: rgb(255, 218, 216);
  --ods-base-colors-global-red-200: var(--ods-base-colors-undefined);
  --ods-base-colors-global-red-300: var(--ods-base-colors-undefined);
  --ods-base-colors-global-red-400: rgb(237, 1, 46);
  --ods-base-colors-global-red-500: var(--ods-base-colors-undefined);
  --ods-base-colors-global-red-600: var(--ods-base-colors-undefined);
  --ods-base-colors-global-red-700: rgb(146, 1, 29);
  --ods-base-colors-global-red-800: rgb(87, 4, 8);
  --ods-base-colors-global-yellow-300: rgb(243, 247, 67);
  --ods-base-colors-global-yellow-500: rgb(220, 226, 140);
  --ods-base-colors-global-yellow-700: rgb(178, 134, 0);
  --ods-base-colors-global-yellow-800: rgb(122, 118, 5);
  --ods-base-colors-global-yellow-050: rgb(249, 254, 189);
  --ods-base-colors-background-light-000: var(--ods-base-colors-neutral-000);
  --ods-base-colors-background-light-050: var(--ods-base-colors-neutral-050);
  --ods-base-colors-background-dark-600: var(--ods-base-colors-undefined);
  --ods-base-colors-background-dark-800: var(--ods-base-colors-undefined);
  --ods-base-colors-priority-very-high-200: var(--ods-base-colors-global-red-100);
  --ods-base-colors-priority-high-200: var(--ods-base-colors-global-orange-100);
  --ods-base-colors-priority-low-100: var(--ods-base-colors-global-blue-100);
  --ods-base-colors-priority-very-low-100: var(--ods-base-colors-global-green-100);
  --ods-base-colors-priority-medium-200: var(--ods-base-colors-global-yellow-050);
  --ods-base-colors-shadow-1: rgba(27, 27, 27, 0.05);
  --ods-base-colors-shadow-2: rgba(27, 27, 27, 0.1);
  --ods-base-colors-shadow-3: rgba(27, 27, 27, 0.15);
  --ods-base-colors-shadow-4: rgba(27, 27, 27, 0.25);
  --ods-base-colors-shadow-5: rgba(27, 27, 27, 0.4);
  --ods-base-colors-opacity-100: var(--ods-base-colors-neutral-000);
  --ods-base-colors-opacity-000: rgba(255, 255, 255, 0);
  --ods-base-colors-opacity-025: rgba(255, 255, 255, 0.25);
  --ods-base-colors-opacity-050: rgba(255, 255, 255, 0.5);
  --ods-base-colors-opacity-075: rgba(255, 255, 255, 0.75);
  --ods-base-colors-undefined: rgb(0, 255, 0);
  --ods-button-color-default: var(--ods-base-tokens-state-color-default);
  --ods-button-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-button-color-pressed: var(--ods-base-tokens-state-color-active);
  --ods-button-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-button-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-button-secondary-text-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-button-secondary-text-color-active: var(--ods-base-tokens-state-color-active);
  --ods-button-secondary-text-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-button-secondary-text-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-button-secondary-text-color-default: var(--ods-base-tokens-state-color-default);
  --ods-button-secondary-color-default: var(--ods-base-tokens-state-color-default);
  --ods-button-secondary-color-active: var(--ods-base-tokens-state-color-active);
  --ods-button-secondary-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-button-secondary-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-button-secondary-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-button-secondary-background-default: var(--ods-base-tokens-state-background-default);
  --ods-button-secondary-background-active: var(--ods-base-tokens-state-background-active);
  --ods-button-secondary-background-disabled: var(--ods-base-colors-neutral-000);
  --ods-button-secondary-background-focus: var(--ods-base-tokens-state-background-focus);
  --ods-button-secondary-background-hover: var(--ods-base-tokens-state-background-hover);
  --ods-button-secondary-shadow-focus: var(--ods-shadow-focus);
  --ods-button-secondary-border-default: inset 0 0 0 1px var(--ods-base-tokens-form-color-default);
  --ods-button-secondary-border-active: inset 0 0 0 1px var(--ods-base-tokens-form-color-active);
  --ods-button-secondary-border-disabled: inset 0 0 0 1px var(--ods-base-tokens-form-color-disabled);
  --ods-button-secondary-border-focus: inset 0 0 0 2px var(--ods-base-tokens-form-color-focus);
  --ods-button-secondary-border-hover: inset 0 0 0 1px var(--ods-base-tokens-form-color-hover);
  --ods-button-border-radius-small: var(--ods-base-tokens-radius-medium);
  --ods-button-border-radius-large: var(--ods-base-tokens-radius-large);
  --ods-button-additional-icon-distance-to-text: var(--ods-base-tokens-space-100);
  --ods-button-additional-icon-size: 14px;
  --ods-button-primary-text-color-default: var(--ods-base-tokens-font-color-white);
  --ods-button-primary-text-color-active: var(--ods-base-tokens-font-color-white);
  --ods-button-primary-text-color-disabled: var(--ods-base-tokens-font-color-white);
  --ods-button-primary-text-color-focus: var(--ods-base-tokens-font-color-white);
  --ods-button-primary-text-color-hover: var(--ods-base-tokens-font-color-white);
  --ods-button-primary-background-default: var(--ods-base-tokens-state-color-default);
  --ods-button-primary-background-active: var(--ods-base-tokens-state-color-active);
  --ods-button-primary-background-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-button-primary-background-focus: var(--ods-base-tokens-state-color-focus);
  --ods-button-primary-background-hover: var(--ods-base-tokens-state-color-hover);
  --ods-button-primary-shadow-focus: var(--ods-shadow-focus);
  --ods-button-tertiary-text-color-default: var(--ods-base-tokens-state-color-default);
  --ods-button-tertiary-text-color-active: var(--ods-base-tokens-state-color-active);
  --ods-button-tertiary-text-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-button-tertiary-text-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-button-tertiary-text-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-button-tertiary-text-decoration: underline;
  --ods-button-tertiary-background-hover: var(--ods-base-tokens-state-background-hover);
  --ods-button-tertiary-background-default: transparent;
  --ods-button-tertiary-background-focus: transparent;
  --ods-button-tertiary-background-pressed: transparent;
  --ods-button-tertiary-background-disabled: transparent;
  --ods-button-tertiary-padding-small: var(--ods-base-tokens-padding-025);
  --ods-button-tertiary-shadow-focus: inset 0 0 0 2px var(--ods-base-tokens-form-color-focus);
  --ods-button-height-small: 24px;
  --ods-button-height-medium: 32px;
  --ods-button-height-large: 40px;
  --ods-button-group-distance-small: var(--ods-base-tokens-space-050);
  --ods-button-group-distance-medium: var(--ods-base-tokens-space-075);
  --ods-button-group-distance-large: var(--ods-base-tokens-space-100);
  --ods-button-radius-focus-ring: var(--ods-base-tokens-radius-large);
  --ods-button-padding-small: 2px 16px;
  --ods-button-padding-medium: 6px 24px;
  --ods-button-padding-large: 10px 24px;
  --ods-button-text-color-black: rgb(51, 51, 51);
  --ods-button-text-color-white: rgb(242, 246, 250);
  --ods-button-text-color-blue: rgb(0, 79, 159);
  --ods-form-field-border-color-default: var(--ods-base-tokens-form-border-default);
  --ods-form-field-border-color-readonly-focused: var(--ods-base-tokens-form-border-focus);
  --ods-form-field-border-color-hover: var(--ods-base-tokens-form-border-hover);
  --ods-form-field-border-color-disabled: var(--ods-base-tokens-form-border-disabled);
  --ods-form-field-border-color-pressed: var(--ods-base-tokens-form-border-pressed);
  --ods-form-field-border-color-active: var(--ods-base-tokens-form-border-active);
  --ods-form-field-border-color-focus: var(--ods-base-tokens-form-border-active);
  --ods-form-field-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-form-field-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-form-field-background-disabled: var(--ods-base-tokens-form-background-disabled);
  --ods-form-field-background-focus: var(--ods-base-tokens-form-background-focus);
  --ods-form-field-background-default: var(--ods-base-tokens-form-background-default);
  --ods-form-field-background-active: var(--ods-base-tokens-form-background-active);
  --ods-form-field-background-readonly: var(--ods-base-tokens-form-background-readonly);
  --ods-form-field-icon-size: 0;
  --ods-form-field-icon-color-default: var(--ods-base-tokens-icon-color-grey);
  --ods-form-field-icon-color-disabled: var(--ods-base-tokens-icon-color-disabled);
  --ods-form-field-icon-color-readonly: var(--ods-base-tokens-icon-color-grey);
  --ods-form-field-icon-color-hover: var(--ods-base-tokens-icon-color-grey);
  --ods-form-field-label-color-default: var(--ods-base-tokens-font-color-label);
  --ods-form-field-label-color-error: var(--ods-base-tokens-font-color-label);
  --ods-form-field-label-color-sucess: var(--ods-base-tokens-font-color-label);
  --ods-form-field-label-color-warning: var(--ods-form-field-label-color-default);
  --ods-form-field-label-color-info: var(--ods-base-tokens-font-color-label);
  --ods-form-field-placeholder-color-default: var(--ods-base-tokens-font-color-placeholder);
  --ods-form-field-placeholder-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-form-field-input-color-default: var(--ods-base-tokens-font-color-default);
  --ods-form-field-input-color-active: var(--ods-base-tokens-font-color-active);
  --ods-form-field-input-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-form-field-input-color-focus: var(--ods-base-tokens-font-color-focus);
  --ods-form-field-input-color-hover: var(--ods-base-tokens-font-color-hover);
  --ods-form-field-input-color-readonly: var(--ods-base-tokens-font-color-readonly);
  --ods-form-field-help-color-default: var(--ods-base-tokens-font-color-default);
  --ods-form-field-help-color-error: var(--ods-base-tokens-messaging-error-foreground);
  --ods-form-field-help-color-success: var(--ods-base-tokens-messaging-success-foreground);
  --ods-form-field-help-color-warning: var(--ods-base-tokens-messaging-warning-foreground);
  --ods-form-field-help-color-information: var(--ods-base-tokens-messaging-info-foreground);
  --ods-form-field-message-color-default: var(--ods-base-colors-neutral-800);
  --ods-form-field-message-color-sucess: var(--ods-base-tokens-messaging-success-border);
  --ods-form-field-message-color-error: var(--ods-base-tokens-messaging-error-border);
  --ods-form-field-message-color-information: var(--ods-base-tokens-messaging-info-border);
  --ods-form-field-message-color-warning: var(--ods-base-tokens-messaging-warning-border);
  --ods-form-field-message-background-error: var(--ods-base-tokens-messaging-error-background);
  --ods-form-field-message-background-success: var(--ods-base-tokens-messaging-success-background);
  --ods-form-field-message-background-warning: var(--ods-base-tokens-messaging-warning-background);
  --ods-form-field-message-background-information: var(--ods-base-tokens-messaging-info-background);
  --ods-form-field-glyph-color-default: var(--ods-base-tokens-font-color-default);
  --ods-form-field-glyph-color-error: var(--ods-base-tokens-messaging-error-foreground);
  --ods-form-field-glyph-color-success: var(--ods-base-tokens-messaging-success-foreground);
  --ods-form-field-glyph-color-warning: var(--ods-base-tokens-messaging-warning-foreground);
  --ods-form-field-glyph-color-information: var(--ods-base-tokens-messaging-info-foreground);
  --ods-form-field-glyph-color-info: var(--ods-base-colors-messaging-information-600);
  --ods-form-space: 12px;
  --ods-form-dropdown-border-color: var(--ods-base-colors-neutral-050);
  --ods-form-dropdown-field-label-color-default: var(--ods-base-tokens-font-color-label);
  --ods-form-dropdown-field-label-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-dropdown-field-input-color-default: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-dropdown-field-input-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-dropdown-field-placeholder-color-default: var(--ods-base-tokens-font-color-placeholder);
  --ods-form-dropdown-field-placeholder-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-form-dropdown-field-sort-icon-color-default: var(--ods-base-colors-neutral-400);
  --ods-form-dropdown-field-sort-icon-color-disabled: var(--ods-base-tokens-icon-color-disabled);
  --ods-form-dropdown-field-down-icon-color: var(--ods-base-colors-neutral-400);
  --ods-form-dropdown-group-title-color: var(--ods-section-font-color-default);
  --ods-form-dropdown-group-title-font-weight-bold: 500;
  --ods-form-dropdown-group-title-font-size-small: var(--ods-base-tokens-font-family-small);
  --ods-form-dropdown-item-background-default: var(--ods-base-colors-neutral-000);
  --ods-form-dropdown-item-background-hover: var(--ods-base-colors-neutral-000);
  --ods-form-dropdown-item-background-active: var(--ods-base-colors-neutral-000);
  --ods-form-dropdown-item-color-default: var(--ods-base-tokens-font-color-default);
  --ods-form-dropdown-item-color-active: var(--ods-base-colors-brand-primary-700);
  --ods-form-dropdown-item-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-form-dropdown-item-color-hover: var(--ods-base-tokens-font-color-hover);
  --ods-form-dropdown-item-color-focus: var(--ods-base-tokens-font-color-default);
  --ods-form-dropdown-item-border-color: 0 0 0 2px var(--ods-base-tokens-form-color-focus);
  --ods-form-dropdown-item-padding: 6px 16px;
  --ods-form-dropdown-item-link-default: var(--ods-base-tokens-font-color-default);
  --ods-form-dropdown-item-link-visited: var(--ods-base-tokens-font-color-default);
  --ods-form-dropdown-item-search-color-active: var(--ods-base-tokens-state-color-active);
  --ods-form-dropdown-item-search-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-form-dropdown-item-search-background-active: var(--ods-base-tokens-form-background-active);
  --ods-form-dropdown-panel-background: var(--ods-base-colors-neutral-000);
  --ods-form-dropdown-panel-border-radius-small: var(--ods-base-tokens-radius-medium);
  --ods-form-dropdown-panel-padding: 12px 16px;
  --ods-form-dropdown-panel-box-shadow: var(--ods-shadow-3);
  --ods-form-dropdown-panel-width: fit-content;
  --ods-form-dropdown-search-placeholder-color: var(--ods-base-tokens-font-color-placeholder);
  --ods-form-search-input-height: var(--ods-base-tokens-space-400);
  --ods-form-search-input-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-form-search-input-border-color-hover: var(--ods-base-tokens-form-border-hover);
  --ods-form-search-input-border-color-focus: var(--ods-base-tokens-form-border-active);
  --ods-form-search-input-color-default: var(--ods-base-tokens-font-color-placeholder);
  --ods-form-search-input-color-filled: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-search-input-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-form-search-input-padding-top-small: var(--ods-base-tokens-padding-006);
  --ods-form-search-input-padding-top-large: var(--ods-base-tokens-padding-100);
  --ods-form-search-input-padding-right-small: var(--ods-base-tokens-padding-125);
  --ods-form-search-input-padding-right-large: var(--ods-base-tokens-padding-125);
  --ods-form-search-input-padding-bottom-small: var(--ods-base-tokens-padding-006);
  --ods-form-search-input-padding-bottom-large: var(--ods-base-tokens-padding-100);
  --ods-form-search-input-padding-left-small: var(--ods-base-tokens-padding-200);
  --ods-form-search-input-padding-left-large: var(--ods-base-tokens-padding-200);
  --ods-form-search-input-placeholder-color: var(--ods-base-tokens-font-color-placeholder);
  --ods-form-search-input-placeholder-font-size: var(--ods-base-tokens-font-size-small);
  --ods-form-search-input-placeholder-font-weight: var(--ods-base-tokens-font-weight-light);
  --ods-form-search-input-placeholder-opacity: 1;
  --ods-form-search-panel-background: var(--ods-base-colors-neutral-000);
  --ods-form-search-panel-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-form-search-panel-category-color: var(--ods-base-tokens-font-color-label);
  --ods-form-search-panel-category-border-color: var(--ods-base-colors-neutral-000);
  --ods-form-search-panel-color: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-search-panel-font-size: var(--ods-base-tokens-font-size-small);
  --ods-form-search-panel-font-weight: var(--ods-base-tokens-font-weight-medium);
  --ods-form-search-panel-item-color-default: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-search-panel-item-color-active: var(--ods-base-tokens-form-color-default);
  --ods-form-search-panel-item-color-hover: var(--ods-base-tokens-form-color-hover);
  --ods-form-search-panel-item-font-size: var(--ods-base-tokens-font-size-body);
  --ods-form-search-panel-item-font-weight: var(--ods-base-tokens-font-weight-medium);
  --ods-form-search-panel-item-background-active: var(--ods-base-tokens-form-background-active);
  --ods-form-search-panel-item-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-form-search-panel-item-header-color-default: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-search-panel-item-header-color-focus: var(--ods-base-tokens-form-border-focus);
  --ods-form-search-item-background-default: var(--ods-base-tokens-form-background-default);
  --ods-form-search-item-background-focus: var(--ods-base-tokens-form-background-focus);
  --ods-form-search-item-background-active: var(--ods-base-tokens-form-background-active);
  --ods-form-search-item-breadcrumb-separator-color: var(--ods-base-colors-neutral-500);
  --ods-form-search-item-breadcrumb-color: var(--ods-base-tokens-font-color-default);
  --ods-form-search-message-background: var(--ods-base-tokens-background-light-000);
  --ods-form-search-message-color: var(--ods-base-tokens-font-color-default);
  --ods-form-search-message-border-color: var(--ods-base-colors-neutral-100);
  --ods-form-search-item-header-header-color-active: var(--ods-base-tokens-form-color-default);
  --ods-form-search-item-header-header-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-search-item-header-header-font-size: 16px;
  --ods-form-search-item-category-font-weight-hover: var(--ods-base-tokens-font-weight-medium);
  --ods-form-search-item-category-font-weight-selected: var(--ods-base-tokens-font-weight-medium);
  --ods-form-date-picker-new-day-background-disabled: var(--ods-base-colors-neutral-000);
  --ods-form-date-picker-new-day-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-form-date-picker-new-day-background-active: var(--ods-base-colors-brand-primary-700);
  --ods-form-date-picker-new-day-border-color: var(--ods-base-tokens-form-color-focus);
  --ods-form-date-picker-new-day-color-default: var(--ods-base-tokens-form-color-default);
  --ods-form-date-picker-new-day-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-date-picker-new-day-color-hover: var(--ods-base-tokens-form-color-hover);
  --ods-form-date-picker-new-day-color-other-month: var(--ods-base-colors-neutral-400);
  --ods-form-date-picker-new-day-color-active: var(--ods-base-colors-neutral-000);
  --ods-form-date-picker-new-today-color: var(--ods-base-colors-brand-primary-700);
  --ods-form-date-picker-new-icon-color-hover: var(--ods-base-tokens-icon-color-hover);
  --ods-form-date-picker-new-item-color: var(--ods-base-colors-neutral-600);
  --ods-form-date-picker-new-label-color: var(--ods-base-tokens-font-color-label);
  --ods-form-date-picker-new-switch-background-hover: var(--ods-base-colors-neutral-050);
  --ods-form-date-picker-new-switch-border-color-focus: var(--ods-base-tokens-form-border-focus);
  --ods-form-date-picker-new-switch-color-default: var(--ods-base-tokens-form-color-default);
  --ods-form-date-picker-new-switch-color-hover: var(--ods-base-tokens-form-color-hover);
  --ods-form-date-picker-new-separator-border-color: var(--ods-base-colors-neutral-050);
  --ods-form-date-picker-new-header-color: var(--ods-base-tokens-font-color-label);
  --ods-form-date-picker-new-validation-error-color: var(--ods-base-tokens-messaging-error-foreground);
  --ods-form-date-picker-new-validation-error-background: var(--ods-base-tokens-messaging-error-background);
  --ods-form-date-picker-panel-shadow: var(--ods-shadow-2);
  --ods-form-date-picker-panel-background: var(--ods-base-colors-neutral-000);
  --ods-form-date-picker-panel-separator-background: var(--ods-base-colors-neutral-050);
  --ods-form-date-picker-panel-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-form-date-picker-panel-padding: var(--ods-base-tokens-padding-200);
  --ods-form-date-picker-weekdays-color: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-date-picker-day-color-default: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-date-picker-day-color-active: var(--ods-base-colors-neutral-000);
  --ods-form-date-picker-day-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-date-picker-day-color-focus: var(--ods-base-tokens-form-color-focus);
  --ods-form-date-picker-day-color-hover: var(--ods-base-tokens-form-color-hover);
  --ods-form-date-picker-day-out-color: var(--ods-base-tokens-font-color-inputtext);
  --ods-form-date-picker-day-today-color-focus: var(--ods-base-tokens-form-color-default);
  --ods-form-date-picker-day-background-disabled: var(--ods-base-colors-opacity-000);
  --ods-form-date-picker-day-background-active: var(--ods-base-colors-brand-primary-700);
  --ods-form-date-picker-day-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-form-date-picker-day-range-background: var(--ods-base-colors-brand-primary-100-transparent);
  --ods-form-date-picker-day-border-color: inset 0 0 0 1px #606583;
  --ods-form-editor-toolbar-border-color-default: var(--ods-base-tokens-form-border-default);
  --ods-form-editor-toolbar-border-color-disabled: var(--ods-base-tokens-form-border-disabled);
  --ods-form-editor-toolbar-border-radius-small: var(--ods-form-field-border-radius) var(--ods-form-field-border-radius) 0 0;
  --ods-form-editor-toolbar-background-default: var(--ods-base-tokens-background-light-000);
  --ods-form-editor-toolbar-background-disabled: var(--ods-base-tokens-background-light-000);
  --ods-form-editor-toolbar-button-color-default: var(--ods-base-tokens-form-color-default);
  --ods-form-editor-toolbar-button-color-active: var(--ods-base-tokens-form-color-active);
  --ods-form-editor-toolbar-button-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-editor-toolbar-button-color-focus: var(--ods-base-tokens-form-color-focus);
  --ods-form-editor-toolbar-button-color-hover: var(--ods-base-tokens-form-color-default);
  --ods-form-editor-background-readonly: var(--ods-base-tokens-form-background-readonly);
  --ods-form-editor-blockquote-border-color: var(--ods-base-colors-neutral-100);
  --ods-form-editor-placeholder-color: var(--ods-base-tokens-font-color-placeholder);
  --ods-form-editor-color-default: var(--ods-base-tokens-form-color-default);
  --ods-form-editor-editor-border-radius-small: 0 0 var(--ods-form-field-border-radius) var(--ods-form-field-border-radius);
  --ods-form-editor-shadow-color-readonly-focus: var(--ods-base-tokens-form-border-focus);
  --ods-form-toggle-width-small: var(--ods-base-tokens-space-400);
  --ods-form-toggle-width-medium: var(--ods-base-tokens-space-600);
  --ods-form-toggle-height-small: var(--ods-base-tokens-space-200);
  --ods-form-toggle-height-medium: var(--ods-base-tokens-space-300);
  --ods-form-toggle-border-radius-small: 10px;
  --ods-form-toggle-border-radius-medium: 12px;
  --ods-form-toggle-border-width-small: var(--ods-base-tokens-border-width-2);
  --ods-form-toggle-border-width-medium: var(--ods-base-tokens-border-width-2);
  --ods-form-toggle-border-color-selected-readonly: var(--ods-base-tokens-form-border-readonly);
  --ods-form-toggle-border-color-selected-focus: transparent;
  --ods-form-toggle-border-color-selected-hover: transparent;
  --ods-form-toggle-border-color-selected-active: transparent;
  --ods-form-toggle-border-color-selected-disabled: transparent;
  --ods-form-toggle-border-color-selected-default: transparent;
  --ods-form-toggle-border-color-deselected-default: var(--ods-base-tokens-form-border-default);
  --ods-form-toggle-border-color-deselected-active: var(--ods-base-tokens-form-border-pressed);
  --ods-form-toggle-border-color-deselected-disabled: var(--ods-base-tokens-form-border-disabled);
  --ods-form-toggle-border-color-deselected-focus: var(--ods-base-tokens-form-border-focus);
  --ods-form-toggle-border-color-deselected-hover: var(--ods-base-tokens-form-border-hover);
  --ods-form-toggle-switch-size-small: var(--ods-base-tokens-space-150);
  --ods-form-toggle-switch-size-medium: var(--ods-base-tokens-space-225);
  --ods-form-toggle-switch-color-default: var(--ods-base-colors-neutral-000);
  --ods-form-toggle-switch-color-readonly: var(--ods-base-tokens-icon-color-readonly);
  --ods-form-toggle-switch-shadow: var(--ods-shadow-5);
  --ods-form-toggle-label-color-default: var(--ods-base-tokens-font-color-label);
  --ods-form-toggle-label-color-active: var(--ods-base-tokens-font-color-label);
  --ods-form-toggle-label-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-form-toggle-label-color-focus: var(--ods-base-tokens-font-color-label);
  --ods-form-toggle-label-color-hover: var(--ods-base-tokens-font-color-label);
  --ods-form-toggle-check-color-default: var(--ods-base-colors-neutral-000);
  --ods-form-toggle-check-color-active: var(--ods-base-colors-neutral-000);
  --ods-form-toggle-check-color-disabled: var(--ods-base-colors-neutral-000);
  --ods-form-toggle-check-color-focus: var(--ods-base-colors-neutral-000);
  --ods-form-toggle-check-color-hover: var(--ods-base-colors-neutral-000);
  --ods-form-toggle-check-color-readonly: var(--ods-base-tokens-icon-color-readonly);
  --ods-form-toggle-cross-color-default: var(--ods-base-tokens-form-border-default);
  --ods-form-toggle-cross-color-active: var(--ods-base-tokens-form-border-default);
  --ods-form-toggle-cross-color-disabled: var(--ods-base-tokens-form-border-default);
  --ods-form-toggle-cross-color-focus: var(--ods-base-tokens-form-border-default);
  --ods-form-toggle-cross-color-hover: var(--ods-base-tokens-form-border-default);
  --ods-form-toggle-cross-color-readonly: var(--ods-base-tokens-form-border-default);
  --ods-form-toggle-background-selected-default: var(--ods-base-tokens-form-color-default);
  --ods-form-toggle-background-selected-active: var(--ods-base-tokens-form-color-active);
  --ods-form-toggle-background-selected-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-toggle-background-selected-focus: var(--ods-base-tokens-form-color-focus);
  --ods-form-toggle-background-selected-hover: var(--ods-base-tokens-form-color-hover);
  --ods-form-toggle-background-selected-readonly: transparent;
  --ods-form-toggle-background-deselected-default: var(--ods-base-tokens-form-background-default);
  --ods-form-toggle-background-deselected-active: var(--ods-base-tokens-form-background-active);
  --ods-form-toggle-background-deselected-disabled: var(--ods-base-tokens-state-background-disabled);
  --ods-form-toggle-background-deselected-focus: var(--ods-base-tokens-form-background-focus);
  --ods-form-toggle-background-deselected-hover: var(--ods-base-tokens-form-background-hover);
  --ods-form-toggle-heading-color-default: var(--ods-base-tokens-font-color-label);
  --ods-form-toggle-heading-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-form-toggle-shadow-focus: 0 0 0 1px var(--ods-base-tokens-form-background-focus), 0 0 0 3px var(--ods-base-tokens-form-border-focus);
  --ods-form-multi-select-no-option-label-color: var(--ods-base-tokens-font-color-placeholder);
  --ods-form-multi-select-divider-background: var(--ods-base-colors-neutral-050);
  --ods-form-multi-select-panel-color: var(--ods-base-tokens-form-border-default);
  --ods-form-time-picker-message-error-background: var(--ods-base-tokens-messaging-error-background);
  --ods-form-time-picker-message-error-color: var(--ods-base-tokens-messaging-error-font);
  --ods-form-checkbox-margin-bottom: 10px;
  --ods-form-checkbox-shadow-default-focus: var(--ods-shadow-focus2);
  --ods-form-checkbox-shadow-readonly-focus: var(--ods-shadow-focus3);
  --ods-form-checkbox-border-color-checked-default: transparent;
  --ods-form-checkbox-border-color-checked-active: transparent;
  --ods-form-checkbox-border-color-checked-disabled: transparent;
  --ods-form-checkbox-border-color-checked-focus: transparent;
  --ods-form-checkbox-border-color-checked-hover: transparent;
  --ods-form-checkbox-border-color-indeterminate-default: transparent;
  --ods-form-checkbox-border-color-indeterminate-active: transparent;
  --ods-form-checkbox-border-color-indeterminate-disabled: transparent;
  --ods-form-checkbox-border-color-indeterminate-focus: transparent;
  --ods-form-checkbox-border-color-indeterminate-hover: transparent;
  --ods-form-color-picker-button-focus: var(--ods-shadow-focus2);
  --ods-form-color-picker-panel-shadow: var(--ods-shadow-2);
  --ods-form-color-picker-panel-padding: 16px 0;
  --ods-form-color-picker-panel-border: solid 1px var(--ods-base-colors-brand-tertiary-100-transparent);
  --ods-form-radio-button-gap-horizontal: 16px;
  --ods-form-radio-button-label-distance: 10px;
  --ods-form-radio-button-shadow: var(--ods-shadow-focus2);
  --ods-form-text-area-scrollbar-size: 12px;
  --ods-form-text-area-scrollbar-border-radius: 8px;
  --ods-tag-background-very-high: var(--ods-base-colors-priority-very-high-200);
  --ods-tag-background-high: var(--ods-base-colors-priority-high-200);
  --ods-tag-background-medium: var(--ods-base-colors-priority-medium-200);
  --ods-tag-background-low: var(--ods-base-colors-priority-low-100);
  --ods-tag-background-very-low: var(--ods-base-colors-priority-very-low-100);
  --ods-tag-background-neutral: var(--ods-base-colors-neutral-100);
  --ods-tag-background-disabled: var(--ods-base-colors-neutral-000);
  --ods-tag-icon-color: var(--ods-base-tokens-priority-foreground);
  --ods-tag-icon-background-very-high: var(--ods-base-colors-global-red-100);
  --ods-tag-icon-background-high: var(--ods-base-colors-global-orange-100);
  --ods-tag-icon-background-medium: var(--ods-base-colors-global-yellow-050);
  --ods-tag-icon-background-low: var(--ods-base-colors-global-grey-blue-050);
  --ods-tag-icon-background-very-low: var(--ods-base-colors-global-green-100);
  --ods-tag-icon-background-neutral: var(--ods-base-colors-neutral-100);
  --ods-tag-icon-background-disabled: var(--ods-base-colors-neutral-000);
  --ods-tag-border-radius-small: 8px;
  --ods-tag-border-radius-large: 12px;
  --ods-tag-border-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-tag-border-width: var(--ods-base-tokens-border-width-1);
  --ods-tag-border-color-disabled: inset 0 0 0 1px var(--ods-tag-border-disabled);
  --ods-tag-color-default: var(--ods-base-tokens-font-color-default);
  --ods-tag-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-link-color-default: var(--ods-base-tokens-state-color-default);
  --ods-link-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-link-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-link-color-active: var(--ods-base-tokens-state-color-active);
  --ods-link-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-link-color-visited: var(--ods-base-tokens-state-color-active);
  --ods-link-color-danger: var(--ods-base-colors-messaging-error-600);
  --ods-link-border-radius-small: var(--ods-base-tokens-radius-small);
  --ods-link-padding: var(--ods-base-tokens-padding-025);
  --ods-link-white-space: nowrap;
  --ods-link-decoration-standard: none;
  --ods-link-decoration-default: underline;
  --ods-link-decoration-active: underline;
  --ods-link-decoration-disabled: none;
  --ods-link-decoration-focus: underline;
  --ods-link-decoration-hovered: underline;
  --ods-link-decoration-visited: none;
  --ods-link-shadow-focus: var(--ods-shadow-focus);
  --ods-avatar-border-color: var(--ods-base-tokens-background-light-000);
  --ods-avatar-color-background: var(--ods-base-colors-brand-primary-700);
  --ods-avatar-color-icon: var(--ods-base-tokens-icon-color-white);
  --ods-avatar-badge-color-offline: var(--ods-base-colors-neutral-400);
  --ods-avatar-badge-color-online: var(--ods-base-tokens-messaging-success-border);
  --ods-avatar-badge-color-absent: var(--ods-base-tokens-messaging-warning-border);
  --ods-avatar-badge-color-unavailable: var(--ods-base-tokens-messaging-error-border);
  --ods-avatar-badge-size-100: var(--ods-base-tokens-icon-size-100);
  --ods-avatar-badge-border-color: var(--ods-base-tokens-background-light-000);
  --ods-avatar-badge-declined-icon: var(--ods-base-tokens-icon-color-white);
  --ods-avatar-badge-declined-background: var(--ods-base-tokens-messaging-error-border);
  --ods-avatar-badge-approved-icon: var(--ods-base-tokens-icon-color-white);
  --ods-avatar-badge-approved-background: var(--ods-base-tokens-messaging-success-border);
  --ods-avatar-initials-color-default: var(--ods-base-tokens-font-color-white);
  --ods-avatar-initials-font-size-small: var(--ods-base-tokens-font-size-small);
  --ods-avatar-initials-font-size-medium: var(--ods-base-tokens-font-size-h4);
  --ods-avatar-size-medium: var(--ods-base-tokens-space-425);
  --ods-avatar-size-small: 24px;
  --ods-avatar-collection-background: var(--ods-base-colors-brand-secondary-100);
  --ods-avatar-collection-color: var(--ods-base-colors-brand-secondary-400);
  --ods-checkbox-background-checked-default: var(--ods-base-tokens-form-color-default);
  --ods-checkbox-background-checked-hover: var(--ods-base-tokens-form-color-hover);
  --ods-checkbox-background-checked-active: var(--ods-base-tokens-form-color-active);
  --ods-checkbox-background-checked-focus: var(--ods-base-tokens-form-color-focus);
  --ods-checkbox-background-checked-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-checkbox-background-checked-readonly: var(--ods-base-tokens-form-background-readonly);
  --ods-checkbox-background-unchecked-default: var(--ods-base-tokens-form-background-default);
  --ods-checkbox-background-unchecked-hover: var(--ods-base-tokens-form-background-hover);
  --ods-checkbox-background-unchecked-active: var(--ods-base-tokens-form-background-active);
  --ods-checkbox-background-unchecked-focus: var(--ods-base-tokens-form-background-focus);
  --ods-checkbox-background-unchecked-disabled: var(--ods-base-tokens-form-background-disabled);
  --ods-checkbox-background-unchecked-readonly: var(--ods-base-tokens-form-background-readonly);
  --ods-checkbox-background-indeterminate-default: var(--ods-base-tokens-form-color-default);
  --ods-checkbox-background-indeterminate-active: var(--ods-base-tokens-form-color-active);
  --ods-checkbox-background-indeterminate-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-checkbox-background-indeterminate-focus: var(--ods-base-tokens-form-color-focus);
  --ods-checkbox-background-indeterminate-readonly: var(--ods-base-tokens-form-background-readonly);
  --ods-checkbox-background-indeterminate-hover: var(--ods-base-tokens-form-color-hover);
  --ods-checkbox-label-color-default: var(--ods-base-tokens-font-color-label);
  --ods-checkbox-label-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-checkbox-grouplabel-default: var(--ods-base-tokens-font-color-label);
  --ods-checkbox-grouplabel-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-checkbox-border-color-unchecked-readonly: var(--ods-base-tokens-form-border-readonly);
  --ods-checkbox-border-color-unchecked-active: var(--ods-base-tokens-form-border-pressed);
  --ods-checkbox-border-color-unchecked-default: var(--ods-base-tokens-form-border-default);
  --ods-checkbox-border-color-unchecked-disabled: var(--ods-base-tokens-form-border-disabled);
  --ods-checkbox-border-color-unchecked-focus: var(--ods-base-tokens-form-border-focus);
  --ods-checkbox-border-color-unchecked-hover: var(--ods-base-tokens-form-border-hover);
  --ods-checkbox-border-color-checked-readonly: var(--ods-base-tokens-form-border-readonly);
  --ods-checkbox-border-color-checked-hover: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-checked-focus: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-checked-disabled: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-checked-active: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-checked-default: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-indeterminate-readonly: var(--ods-base-tokens-form-border-readonly);
  --ods-checkbox-border-color-indeterminate-hover: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-indeterminate-focus: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-indeterminate-disabled: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-indeterminate-active: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-color-indeterminate-default: var(--ods-base-colors-opacity-000);
  --ods-checkbox-border-radius: var(--ods-base-tokens-radius-small);
  --ods-checkbox-border-width: var(--ods-base-tokens-border-width-2);
  --ods-checkbox-checkmark-color-default: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-checkmark-color-readonly: var(--ods-base-tokens-icon-color-readonly);
  --ods-checkbox-checkmark-color-active: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-checkmark-color-disabled: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-checkmark-color-focus: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-checkmark-color-hover: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-size-medium: var(--ods-base-tokens-icon-size-300);
  --ods-checkbox-size-small: var(--ods-base-tokens-icon-size-200);
  --ods-checkbox-dash-color-default: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-dash-color-readonly: var(--ods-base-tokens-icon-color-readonly);
  --ods-checkbox-dash-color-active: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-dash-color-disabled: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-dash-color-focus: var(--ods-base-tokens-icon-color-white);
  --ods-checkbox-dash-color-hover: var(--ods-base-tokens-icon-color-white);
  --ods-scrollbar-light-handle-default: var(--ods-base-colors-neutral-400);
  --ods-scrollbar-light-handle-hover: var(--ods-base-colors-neutral-700);
  --ods-scrollbar-light-track-background: var(--ods-base-colors-neutral-025);
  --ods-scrollbar-dark-handle-default: var(--ods-base-colors-neutral-200);
  --ods-scrollbar-dark-handle-hover: var(--ods-base-colors-neutral-025);
  --ods-scrollbar-dark-track-color: rgba(255, 255, 255, 0.16);
  --ods-scrollbar-border-radius: 6px;
  --ods-scrollbar-width: 12px;
  --ods-radio-button-background-selected-default: var(--ods-base-tokens-form-background-default);
  --ods-radio-button-background-selected-active: var(--ods-base-tokens-form-background-active);
  --ods-radio-button-background-selected-disabled: var(--ods-base-tokens-form-background-disabled);
  --ods-radio-button-background-selected-focus: var(--ods-base-tokens-form-background-focus);
  --ods-radio-button-background-selected-hover: var(--ods-base-tokens-form-background-hover);
  --ods-radio-button-background-selected-readonly: var(--ods-base-tokens-form-background-readonly);
  --ods-radio-button-background-unselected-default: var(--ods-base-tokens-form-background-default);
  --ods-radio-button-background-unselected-active: var(--ods-base-tokens-form-background-active);
  --ods-radio-button-background-unselected-focus: var(--ods-base-tokens-form-background-focus);
  --ods-radio-button-background-unselected-hover: var(--ods-base-tokens-form-background-hover);
  --ods-radio-button-background-unselected-disabled: var(--ods-base-tokens-form-background-disabled);
  --ods-radio-button-background-unselected-readonly: var(--ods-base-tokens-form-background-readonly);
  --ods-radio-button-outer-circle-color-selected-default: var(--ods-base-tokens-form-color-default);
  --ods-radio-button-outer-circle-color-selected-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-radio-button-outer-circle-color-selected-active: var(--ods-base-tokens-form-color-active);
  --ods-radio-button-outer-circle-color-selected-hover: var(--ods-base-tokens-form-color-hover);
  --ods-radio-button-outer-circle-color-selected-focus: var(--ods-base-tokens-form-color-focus);
  --ods-radio-button-outer-circle-color-selected-readonly: var(--ods-base-colors-neutral-100);
  --ods-radio-button-outer-circle-size: var(--ods-primitives-tokens-025);
  --ods-radio-button-label-color-grouplabel: var(--ods-base-tokens-font-color-label);
  --ods-radio-button-label-color-label: var(--ods-base-tokens-font-color-label);
  --ods-radio-button-label-color-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-radio-button-inner-circle-size-small: var(--ods-base-tokens-space-100);
  --ods-radio-button-inner-circle-size-medium: var(--ods-base-tokens-space-150);
  --ods-radio-button-inner-circle-color-selected-default: var(--ods-base-tokens-form-color-default);
  --ods-radio-button-inner-circle-color-selected-readonly: var(--ods-base-tokens-form-color-readonly);
  --ods-radio-button-inner-circle-color-selected-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-radio-button-inner-circle-color-selected-active: var(--ods-base-tokens-form-color-active);
  --ods-radio-button-inner-circle-color-selected-focus: var(--ods-base-tokens-form-color-focus);
  --ods-radio-button-inner-circle-color-selected-hover: var(--ods-base-tokens-form-color-hover);
  --ods-radio-button-size-small: var(--ods-primitives-tokens-200);
  --ods-radio-button-size-border-focus: var(--ods-base-tokens-space-050);
  --ods-radio-button-size-border-read-only: 3px;
  --ods-radio-button-size-medium: var(--ods-primitives-tokens-300);
  --ods-radio-button-gap-vertical: var(--ods-base-tokens-space-100);
  --ods-radio-button-color-unselected-default: var(--ods-base-tokens-form-color-default);
  --ods-radio-button-color-unselected-active: var(--ods-base-tokens-form-color-active);
  --ods-radio-button-color-unselected-disabled: var(--ods-base-tokens-form-color-disabled);
  --ods-radio-button-color-unselected-focus: var(--ods-base-tokens-form-color-focus);
  --ods-radio-button-color-unselected-hover: var(--ods-base-tokens-form-color-hover);
  --ods-radio-button-color-unselected-readonly: var(--ods-base-tokens-form-border-readonly);
  --ods-badge-background-default: var(--ods-base-tokens-state-color-default);
  --ods-badge-background-added: var(--ods-base-tokens-messaging-success-border);
  --ods-badge-background-removed: var(--ods-base-tokens-messaging-error-background);
  --ods-badge-background-important: var(--ods-base-tokens-messaging-error-border);
  --ods-badge-background-disabled: var(--ods-base-tokens-background-light-000);
  --ods-badge-background-inverted: var(--ods-base-tokens-background-light-000);
  --ods-badge-color-default: var(--ods-base-tokens-font-color-white);
  --ods-badge-color-added: var(--ods-base-tokens-font-color-white);
  --ods-badge-color-removed: var(--ods-base-tokens-messaging-error-foreground);
  --ods-badge-color-important: var(--ods-base-tokens-font-color-white);
  --ods-badge-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-badge-color-inverted: var(--ods-base-colors-brand-primary-700);
  --ods-badge-border-radius: var(--ods-base-tokens-radius-full);
  --ods-badge-border-line: 1px solid var(--ods-base-tokens-state-color-disabled);
  --ods-badge-padding: 2px 8px 2px 8px;
  --ods-breadcrumb-color-hover: var(--ods-base-tokens-font-color-hover);
  --ods-breadcrumb-color-focus: var(--ods-base-tokens-font-color-focus);
  --ods-breadcrumb-color-active: var(--ods-base-tokens-font-color-active);
  --ods-breadcrumb-color-default: var(--ods-base-colors-neutral-500);
  --ods-breadcrumb-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-breadcrumb-separator-color: var(--ods-base-colors-neutral-500);
  --ods-breadcrumb-border-focus-color: var(--ods-base-tokens-font-color-focus);
  --ods-breadcrumb-collapsed-border-focus-color: var(--ods-base-tokens-font-color-focus);
  --ods-tooltip-font-color: var(--ods-base-colors-neutral-000);
  --ods-tooltip-background: var(--ods-base-colors-neutral-900);
  --ods-tooltip-border-radius: var(--ods-base-tokens-radius-small);
  --ods-tooltip-width-max: 146px;
  --ods-drawer-dialog-background-default: var(--ods-base-tokens-background-light-000);
  --ods-drawer-dialog-font-color-default: var(--ods-base-colors-brand-primary-700);
  --ods-text-color-neutral-cold-600: var(--ods-base-tokens-font-color-label);
  --ods-text-color-neutral-cold-700: var(--ods-base-colors-neutral-700);
  --ods-text-h4-color-light: var(--ods-base-tokens-font-color-label);
  --ods-text-p-color-light: var(--ods-base-tokens-font-color-body);
  --ods-text-small-color-light: var(--ods-base-colors-neutral-500);
  --ods-text-line-height: 1.4;
  --ods-progress-indicator-background: var(--ods-base-colors-neutral-050);
  --ods-progress-indicator-font-color: var(--ods-base-tokens-font-color-label);
  --ods-progress-indicator-color: var(--ods-base-tokens-state-color-default);
  --ods-empty-state-title-color-default: var(--ods-base-tokens-state-color-default);
  --ods-empty-state-title-font-weight: var(--ods-base-tokens-font-weight-bold);
  --ods-empty-state-title-font-size: var(--ods-base-tokens-font-size-h3);
  --ods-empty-state-message-font-color: var(--ods-base-tokens-font-color-default);
  --ods-empty-state-message-font-size: var(--ods-base-tokens-font-line-height-h4);
  --ods-empty-state-margin: 48px 0;
  --ods-list-item-background-default: var(--ods-base-tokens-state-background-default);
  --ods-list-item-background-hover: var(--ods-base-tokens-state-background-hover);
  --ods-list-item-background-focus: var(--ods-base-tokens-state-background-focus);
  --ods-list-item-background-active: var(--ods-navigation-item-background-active);
  --ods-list-item-border-color: var(--ods-base-colors-neutral-050);
  --ods-list-item-border-bottom: solid 1px var(--ods-list-item-border-color);
  --ods-list-item-header-color-default: var(--ods-base-tokens-font-color-default);
  --ods-list-item-header-color-hover: var(--ods-base-tokens-font-color-default);
  --ods-list-item-header-color-focus: var(--ods-base-tokens-font-color-default);
  --ods-list-item-header-color-active: var(--ods-base-tokens-form-color-default);
  --ods-list-item-header-font-size: var(--ods-base-tokens-font-size-h4);
  --ods-list-item-header-font-weight: var(--ods-base-tokens-font-weight-medium);
  --ods-list-item-font-size: var(--ods-base-tokens-font-size-body);
  --ods-list-item-font-weight: var(--ods-base-tokens-font-weight-regular);
  --ods-action-bar-background: var(--ods-base-tokens-background-light-000);
  --ods-action-bar-divider-color: var(--ods-line-color-verylight);
  --ods-action-bar-selection-info-color: var(--ods-base-tokens-font-color-inputtext);
  --ods-action-bar-move-indicator-color: var(--ods-base-colors-neutral-400);
  --ods-messaging-banner-message-success-background: var(--ods-base-tokens-messaging-success-background);
  --ods-messaging-banner-message-success-color: var(--ods-base-tokens-messaging-success-font);
  --ods-messaging-banner-message-success-icon-color: var(--ods-base-tokens-messaging-success-foreground);
  --ods-messaging-banner-message-info-background: var(--ods-base-tokens-messaging-info-background);
  --ods-messaging-banner-message-info-color: var(--ods-base-tokens-messaging-info-font);
  --ods-messaging-banner-message-info-icon-color: var(--ods-base-tokens-messaging-info-foreground);
  --ods-messaging-banner-message-warning-background: var(--ods-base-tokens-messaging-warning-background);
  --ods-messaging-banner-message-warning-color: var(--ods-base-tokens-messaging-warning-font);
  --ods-messaging-banner-message-warning-icon-color: var(--ods-base-tokens-messaging-warning-foreground);
  --ods-messaging-banner-message-error-background: var(--ods-base-tokens-messaging-error-background);
  --ods-messaging-banner-message-error-color: var(--ods-base-tokens-messaging-error-font);
  --ods-messaging-banner-message-error-icon-color: var(--ods-base-tokens-messaging-error-foreground);
  --ods-messaging-banner-message-icon-text-distance: var(--ods-base-tokens-space-100);
  --ods-messaging-banner-message-padding: 10px 0;
  --ods-messaging-toast-message-background-success: var(--ods-base-tokens-messaging-success-background);
  --ods-messaging-toast-message-background-info: var(--ods-base-tokens-messaging-info-background);
  --ods-messaging-toast-message-background-error: var(--ods-base-tokens-messaging-error-background);
  --ods-messaging-toast-message-background-warning: var(--ods-base-tokens-messaging-warning-background);
  --ods-messaging-toast-message-border-radius: var(--ods-base-tokens-radius-small);
  --ods-messaging-toast-message-border-size: 1px solid var(--ods-base-tokens-shadow-border-color-1);
  --ods-messaging-toast-message-color-success: var(--ods-base-tokens-messaging-success-border);
  --ods-messaging-toast-message-color-info: var(--ods-base-tokens-messaging-info-border);
  --ods-messaging-toast-message-color-error: var(--ods-base-tokens-messaging-error-border);
  --ods-messaging-toast-message-color-warning: var(--ods-base-tokens-messaging-warning-border);
  --ods-messaging-toast-message-text-color-error: var(--ods-base-tokens-messaging-error-font);
  --ods-messaging-toast-message-text-color-success: var(--ods-base-tokens-messaging-success-font);
  --ods-messaging-toast-message-text-color-warning: var(--ods-base-tokens-messaging-warning-font);
  --ods-messaging-toast-message-text-color-info: var(--ods-base-tokens-messaging-info-font);
  --ods-messaging-toast-message-title-font-size: 16px;
  --ods-messaging-toast-message-title-font-weight: var(--ods-base-tokens-font-weight-medium);
  --ods-messaging-toast-message-message-font-size: 14px;
  --ods-messaging-toast-message-box-shadow: var(--ods-shadow-3);
  --ods-messaging-toast-message-status-icon-color: var(--ods-base-colors-neutral-700);
  --ods-messaging-toast-message-close-icon-color: var(--ods-base-colors-neutral-700);
  --ods-messaging-section-message-color-success: var(--ods-base-tokens-messaging-success-font);
  --ods-messaging-section-message-color-info: var(--ods-base-tokens-messaging-info-font);
  --ods-messaging-section-message-color-warning: var(--ods-base-tokens-messaging-warning-font);
  --ods-messaging-section-message-color-error: var(--ods-base-tokens-messaging-error-font);
  --ods-messaging-section-message-background-success: var(--ods-base-tokens-messaging-success-background);
  --ods-messaging-section-message-background-info: var(--ods-base-tokens-messaging-info-background);
  --ods-messaging-section-message-background-warning: var(--ods-base-tokens-messaging-warning-background);
  --ods-messaging-section-message-background-error: var(--ods-base-tokens-messaging-error-background);
  --ods-messaging-section-message-font-color: var(--ods-base-tokens-font-color-default);
  --ods-messaging-section-message-border-radius: 4px;
  --ods-messaging-section-message-padding: 16px;
  --ods-messaging-error-code-actions-gap: var(--ods-base-tokens-space-250);
  --ods-messaging-error-code-font-size: 15px;
  --ods-messaging-error-code-description-font-size: var(--ods-base-tokens-font-size-h4);
  --ods-messaging-error-code-description-line-height: 24px;
  --ods-messaging-error-code-description-color: var(--ods-base-tokens-font-color-default);
  --ods-messaging-error-code-color: var(--ods-base-colors-brand-primary-700);
  --ods-messaging-error-code-header-color: var(--ods-base-tokens-font-color-default);
  --ods-blanket-background: var(--ods-base-tokens-shadow-color-5);
  --ods-file-list-font-size-details: var(--ods-base-tokens-font-size-small);
  --ods-file-list-font-size-title: var(--ods-base-tokens-font-size-h4);
  --ods-file-list-border-color: var(--ods-base-colors-neutral-050);
  --ods-file-list-name-status-color: var(--ods-base-tokens-state-color-default);
  --ods-file-list-state-icon-color-default: var(--ods-base-tokens-icon-color-default);
  --ods-file-list-state-icon-color-error: var(--ods-base-tokens-messaging-error-border);
  --ods-file-list-state-icon-color-success: var(--ods-base-tokens-messaging-success-border);
  --ods-file-list-file-details-color: var(--ods-base-tokens-state-color-default);
  --ods-file-list-file-title-color: var(--ods-base-tokens-font-color-default);
  --ods-file-upload-background-idle: var(--ods-base-tokens-background-light-000);
  --ods-file-upload-background-uploading: var(--ods-base-tokens-background-light-000);
  --ods-file-upload-background-dragging: var(--ods-base-tokens-background-light-000);
  --ods-file-upload-background-uploaded: var(--ods-base-tokens-background-light-000);
  --ods-file-upload-background-error: var(--ods-base-tokens-background-light-000);
  --ods-file-upload-background-disabled: var(--ods-base-tokens-state-background-disabled);
  --ods-file-upload-border-color-idle: var(--ods-base-tokens-form-border-default);
  --ods-file-upload-border-color-uploading: var(--ods-base-tokens-form-border-default);
  --ods-file-upload-border-color-dragging: var(--ods-base-tokens-form-border-default);
  --ods-file-upload-border-color-uploaded: var(--ods-base-tokens-form-border-default);
  --ods-file-upload-border-color-error: var(--ods-base-tokens-form-border-default);
  --ods-file-upload-border-color-outer-disabled: var(--ods-base-tokens-form-border-disabled);
  --ods-file-upload-color-error: var(--ods-base-tokens-messaging-error-background);
  --ods-file-upload-color-idle: var(--ods-base-tokens-state-color-default);
  --ods-file-upload-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-file-upload-color-uploaded: var(--ods-base-tokens-messaging-success-foreground);
  --ods-file-upload-error-font-size: var(--ods-base-tokens-font-size-small);
  --ods-file-upload-constraints-font-size: var(--ods-base-tokens-font-size-small);
  --ods-file-upload-constraints-font-weight: var(--ods-base-tokens-font-weight-regular);
  --ods-file-upload-constraints-color: var(--ods-base-tokens-font-color-helpertext);
  --ods-file-upload-label-font-size-area: var(--ods-base-tokens-font-size-h3);
  --ods-file-upload-label-font-size-field: var(--ods-base-tokens-font-size-body);
  --ods-file-upload-label-font-weight-area: var(--ods-base-tokens-font-weight-regular);
  --ods-file-upload-label-font-weight-field: var(--ods-base-tokens-font-weight-medium);
  --ods-file-upload-label-color-area-idle: var(--ods-base-colors-brand-primary-700);
  --ods-file-upload-label-color-area-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-file-upload-label-color-area-uploaded: var(--ods-base-colors-brand-primary-700);
  --ods-file-upload-label-color-field-idle: var(--ods-base-colors-brand-primary-700);
  --ods-file-upload-label-color-field-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-file-upload-label-color-field-uploaded: var(--ods-base-colors-brand-primary-700);
  --ods-file-upload-label-color-uploading: var(--ods-base-tokens-font-color-label);
  --ods-file-upload-label-color-dragging: var(--ods-base-tokens-font-color-label);
  --ods-file-upload-label-error-color: var(--ods-base-colors-brand-primary-700);
  --ods-file-upload-file-label-color-error: var(--ods-base-tokens-font-color-label);
  --ods-file-upload-file-label-color-area-uploading: var(--ods-base-tokens-font-color-label);
  --ods-file-upload-file-label-color-area-uploaded: var(--ods-base-tokens-font-color-label);
  --ods-file-upload-file-label-color-field-uploading: var(--ods-base-tokens-font-color-helpertext);
  --ods-file-upload-file-label-color-field-uploaded: var(--ods-base-tokens-font-color-label);
  --ods-file-upload-file-label-font-size-area: var(--ods-base-tokens-font-size-h4);
  --ods-file-upload-file-label-font-size-field: var(--ods-base-tokens-font-size-body);
  --ods-file-upload-file-label-font-weight-area: var(--ods-base-tokens-font-weight-medium);
  --ods-file-upload-file-label-font-weight-field: var(--ods-base-tokens-font-weight-medium);
  --ods-file-upload-container-background: var(--ods-base-tokens-background-light-000);
  --ods-file-upload-image-idle: url("data:image/svg+xml,%3Csvg width='132' height='64' viewBox='0 0 132 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M132 7.04c0-3.886-3.183-7.04-7.104-7.04H7.104C3.184 0 0 3.154 0 7.04v49.92C0 60.846 3.183 64 7.104 64h117.792c3.92 0 7.104-3.154 7.104-7.04V7.04z' fill='%23D9E5F1'/%3E%3Cpath fill='%2399B9D9' d='m73.583 8 14.563 3.898 3.521 6.269-5.69 21.216-19.418-5.198z'/%3E%3Cpath fill='%2399B9D9' d='m40 18.924 13.057-7.53 6.927 1.945 10.994 19.022-17.41 10.04z'/%3E%3Cpath fill='%236695C5' d='M57.845 11.14h15.077l5.025 5.145V38.25H57.845z'/%3E%3Cpath d='M45.133 21.863h18.963a2.667 2.667 0 0 1 2.667 2.667 2.667 2.667 0 0 0 2.667 2.667h17.29a4 4 0 0 1 4 4V52a4 4 0 0 1-4 4H45.133a4 4 0 0 1-4-4V25.863a4 4 0 0 1 4-4z' fill='%234F646C'/%3E%3Cpath d='m67.309 32.283.132.116 5.799 5.648c.679.662.679 1.734 0 2.396-.637.62-1.645.66-2.328.116l-.133-.116-3.061-2.982v11.746c0 .945-.675 1.711-1.507 1.711-.784 0-1.428-.678-1.5-1.546l-.008-.165V37.462l-3.06 2.981c-.68.662-1.782.662-2.46 0a1.663 1.663 0 0 1 0-2.396l5.798-5.648a1.774 1.774 0 0 1 2.328-.116z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
  --ods-file-upload-image-uploading: url("data:image/svg+xml,%3Csvg width='132' height='64' viewBox='0 0 132 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M132 7.04c0-3.886-3.183-7.04-7.104-7.04H7.104C3.184 0 0 3.154 0 7.04v49.92C0 60.846 3.183 64 7.104 64h117.792c3.92 0 7.104-3.154 7.104-7.04V7.04z' fill='%23D9E5F1'/%3E%3Cpath d='M69.345 7.685a.5.5 0 1 1-.121.993 24.247 24.247 0 0 0-2.935-.178.5.5 0 1 1 0-1c1.028 0 2.047.062 3.056.185zm5.942 1.483a.5.5 0 0 1-.36.933 23.809 23.809 0 0 0-2.802-.887.5.5 0 0 1 .242-.97c.993.248 1.968.557 2.92.924zm5.397 2.89a.5.5 0 0 1-.577.816 24.005 24.005 0 0 0-2.5-1.544.5.5 0 0 1 .471-.881c.9.482 1.77 1.02 2.606 1.608zm4.573 4.155a.5.5 0 1 1-.759.652 24.151 24.151 0 0 0-2.047-2.108.5.5 0 1 1 .673-.74 25.151 25.151 0 0 1 2.133 2.196zm3.367 5.043a.5.5 0 0 1-.893.45 23.979 23.979 0 0 0-1.481-2.537.5.5 0 0 1 .83-.556 24.979 24.979 0 0 1 1.544 2.643zm2.073 5.808a.5.5 0 0 1-.977.216 23.812 23.812 0 0 0-.812-2.824.5.5 0 1 1 .943-.335c.341.96.624 1.943.846 2.943zm.584 6.107a.5.5 0 0 1-1-.026 24.465 24.465 0 0 0-.094-2.88.5.5 0 0 1 .996-.092 25.307 25.307 0 0 1 .098 2.998zm-.905 6.047a.5.5 0 0 1-.963-.268c.262-.942.467-1.902.612-2.875a.5.5 0 1 1 .99.148 24.862 24.862 0 0 1-.639 2.995zm-2.355 5.649a.5.5 0 1 1-.868-.496c.485-.851.918-1.732 1.296-2.638a.5.5 0 1 1 .923.385 24.902 24.902 0 0 1-1.35 2.749zM84.336 49.8a.5.5 0 0 1-.722-.692 24.131 24.131 0 0 0 1.902-2.242.5.5 0 0 1 .8.6 25.131 25.131 0 0 1-1.98 2.334zm-4.71 3.849a.5.5 0 1 1-.535-.845 24.076 24.076 0 0 0 2.384-1.719.5.5 0 1 1 .633.774c-.79.647-1.62 1.245-2.483 1.79zm-5.572 2.62a.5.5 0 0 1-.31-.95 23.834 23.834 0 0 0 2.731-1.082.5.5 0 0 1 .425.905c-.924.434-1.874.81-2.846 1.128zm-6.072 1.174a.5.5 0 1 1-.067-.998 24.018 24.018 0 0 0 2.915-.375.5.5 0 1 1 .188.982c-1 .192-2.013.322-3.036.39zm-6.08-.328a.5.5 0 1 1 .175-.984c.962.17 1.936.282 2.92.334a.5.5 0 0 1-.052.998 25.058 25.058 0 0 1-3.042-.348zm-5.861-1.807a.5.5 0 1 1 .41-.911c.893.401 1.811.748 2.749 1.038a.5.5 0 1 1-.295.955 24.825 24.825 0 0 1-2.864-1.082zm-5.232-3.178a.5.5 0 0 1 .62-.784 24.06 24.06 0 0 0 2.413 1.677.5.5 0 1 1-.52.855 25.06 25.06 0 0 1-2.513-1.748zm-4.32-4.367a.5.5 0 1 1 .791-.61c.6.775 1.246 1.514 1.935 2.212a.5.5 0 1 1-.711.703 25.138 25.138 0 0 1-2.015-2.305zm-3.112-5.247a.5.5 0 0 1 .916-.4 23.92 23.92 0 0 0 1.342 2.613.5.5 0 1 1-.86.51 24.92 24.92 0 0 1-1.398-2.723zM41.624 36.6a.5.5 0 1 1 .987-.163c.16.97.379 1.926.655 2.864a.5.5 0 0 1-.959.283 24.845 24.845 0 0 1-.683-2.984zm-.254-6.115a.5.5 0 0 1 .996.08 24.334 24.334 0 0 0-.06 2.858.5.5 0 1 1-.998.038 25.435 25.435 0 0 1 .062-2.976zm1.23-5.993a.5.5 0 1 1 .947.32c-.313.927-.57 1.874-.767 2.837a.5.5 0 1 1-.98-.201c.206-1.003.474-1.99.8-2.956zm2.66-5.514a.5.5 0 0 1 .84.542 23.96 23.96 0 0 0-1.438 2.563.5.5 0 1 1-.9-.435 24.96 24.96 0 0 1 1.497-2.67zm3.954-4.737a.5.5 0 1 1 .683.73 24.15 24.15 0 0 0-2.02 2.135.5.5 0 0 1-.767-.642 25.15 25.15 0 0 1 2.104-2.223zm4.904-3.582a.5.5 0 1 1 .488.873 24.024 24.024 0 0 0-2.474 1.587.5.5 0 1 1-.59-.807 25.024 25.024 0 0 1 2.576-1.653zm5.71-2.315a.5.5 0 0 1 .258.966 23.81 23.81 0 0 0-2.787.931.5.5 0 0 1-.375-.927 24.81 24.81 0 0 1 2.904-.97zm6.134-.84a.5.5 0 0 1 .013.999c-.986.013-1.965.085-2.932.216a.5.5 0 1 1-.133-.991 25.195 25.195 0 0 1 3.052-.225z' fill='%234F646C' fill-rule='nonzero'/%3E%3Cpath fill='%23214964' d='M54.79 16h18.403l6.135 6.263V49H54.789z'/%3E%3Cpath d='m67.518 26.26.087.08 3.847 3.86c.45.453.45 1.186 0 1.638a1.15 1.15 0 0 1-1.545.08l-.087-.08-2.03-2.037v8.029c0 .646-.448 1.17-1 1.17-.52 0-.947-.464-.996-1.057l-.005-.113v-8.031l-2.03 2.04a1.15 1.15 0 0 1-1.632 0 1.162 1.162 0 0 1 0-1.639l3.847-3.86a1.15 1.15 0 0 1 1.544-.08z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E%0A");
  --ods-file-upload-image-dragging: url("data:image/svg+xml,%3Csvg width='132' height='64' viewBox='0 0 132 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M132 7.04c0-3.886-3.183-7.04-7.104-7.04H7.104C3.184 0 0 3.154 0 7.04v49.92C0 60.846 3.183 64 7.104 64h117.792c3.92 0 7.104-3.154 7.104-7.04V7.04z' fill='%23D9E5F1'/%3E%3Cpath d='M76.499 9.917a.5.5 0 1 1-1 .033A1.5 1.5 0 0 0 74 8.5a.5.5 0 1 1 0-1 2.5 2.5 0 0 1 2.499 2.417zm.001 6.022a.5.5 0 1 1-1 0v-3a.5.5 0 1 1 1 0v3zm0 6a.5.5 0 1 1-1 0v-3a.5.5 0 0 1 1 0v3zm0 6a.5.5 0 1 1-1 0v-3a.5.5 0 0 1 1 0v3zm0 6a.5.5 0 1 1-1 0v-3a.5.5 0 0 1 1 0v3zm0 6a.5.5 0 1 1-1 0v-3a.5.5 0 0 1 1 0v3zm-.275 6.202a.5.5 0 0 1-.89-.457c.108-.21.165-.442.165-.684v-2.061a.5.5 0 0 1 1 0V45c0 .402-.095.79-.275 1.14zM70.123 47.5a.5.5 0 1 1 0-1h3a.5.5 0 1 1 0 1h-3zm-6 0a.5.5 0 1 1 0-1h3a.5.5 0 1 1 0 1h-3zm-6 0a.5.5 0 1 1 0-1h3a.5.5 0 1 1 0 1h-3zm-6 0a.5.5 0 1 1 0-1h3a.5.5 0 1 1 0 1h-3zm-5.61-2.253a.5.5 0 0 1 .994-.098A1.5 1.5 0 0 0 49 46.5h.123a.5.5 0 1 1 0 1H49a2.5 2.5 0 0 1-2.488-2.253zm-.013-6.063a.5.5 0 1 1 1 0v3a.5.5 0 1 1-1 0v-3zm0-6a.5.5 0 1 1 1 0v3a.5.5 0 1 1-1 0v-3zm0-6a.5.5 0 1 1 1 0v3a.5.5 0 1 1-1 0v-3zm0-6a.5.5 0 1 1 1 0v3a.5.5 0 1 1-1 0v-3zm0-6a.5.5 0 1 1 1 0v3a.5.5 0 1 1-1 0v-3zm.207-6.182a.5.5 0 0 1 .917.4c-.081.186-.124.389-.124.598v2.184a.5.5 0 0 1-1 0V10c0-.347.071-.686.207-.998zM52.754 7.5a.5.5 0 1 1 0 1h-3a.5.5 0 0 1 0-1h3zm6 0a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1h3zm6 0a.5.5 0 0 1 0 1h-3a.5.5 0 1 1 0-1h3zm6 0a.5.5 0 0 1 0 1h-3a.5.5 0 1 1 0-1h3zM74 7.5a.5.5 0 1 1 0 1h-.246a.5.5 0 1 1 0-1H74z' fill='%234F646C' fill-rule='nonzero'/%3E%3Cpath fill='%23214964' d='M58 16h21.75L87 23.401V55H58z'/%3E%3Cpath d='m72.728 30.26.088.08 3.846 3.86c.45.453.45 1.186 0 1.638a1.15 1.15 0 0 1-1.544.08l-.088-.08L73 33.801v8.029c0 .646-.448 1.17-1 1.17-.52 0-.947-.464-.995-1.057L71 41.83v-8.031l-2.03 2.04a1.15 1.15 0 0 1-1.632 0 1.162 1.162 0 0 1 0-1.639l3.846-3.86a1.15 1.15 0 0 1 1.544-.08z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
  --ods-file-upload-image-uploaded: url("data:image/svg+xml,%3Csvg width='132' height='64' viewBox='0 0 132 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M132 7.04c0-3.886-3.183-7.04-7.104-7.04H7.104C3.184 0 0 3.154 0 7.04v49.92C0 60.846 3.183 64 7.104 64h117.792c3.92 0 7.104-3.154 7.104-7.04V7.04z' fill='%23D9E5F1'/%3E%3Cpath fill='%2399B9D9' d='m73.286 8.872 14.489 3.882 3.503 6.243-5.662 21.131-19.318-5.176z'/%3E%3Cpath fill='%2399B9D9' d='m39.873 19.752 12.99-7.5 6.893 1.937 10.938 18.946-17.32 10z'/%3E%3Cpath fill='%236695C5' d='M57.628 12h15l5 5.124V39h-20z'/%3E%3Cpath d='M52 57v-.097c-.49.064-.991.097-1.5.097C44.149 57 39 51.851 39 45.5c0-4.764 2.896-8.85 7.024-10.596a7.5 7.5 0 0 1 9.63-6.59A16.95 16.95 0 0 1 68 23c5.267 0 9.975 2.396 13.093 6.157C87.833 30.166 93 35.979 93 43c0 7.395-5.734 13.452-13 13.965V57H52z' fill='%234F646C'/%3E%3Cpath d='M74.09 35.518a1.694 1.694 0 0 1 2.39-.049c.638.61.692 1.6.146 2.273l-.097.109-10.233 10.63a1.695 1.695 0 0 1-2.3.131l-.108-.099-5.386-5.306a1.68 1.68 0 0 1-.014-2.382 1.695 1.695 0 0 1 2.283-.112l.108.098 4.165 4.104 9.046-9.397z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
  --ods-file-upload-image-error: url("data:image/svg+xml,%3Csvg width='132' height='64' viewBox='0 0 132 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M132 7.04c0-3.886-3.183-7.04-7.104-7.04H7.104C3.184 0 0 3.154 0 7.04v49.92C0 60.846 3.183 64 7.104 64h117.792c3.92 0 7.104-3.154 7.104-7.04V7.04z' fill='%23D9E5F1'/%3E%3Cpath fill='%2399B9D9' d='m73.286 8.872 14.489 3.882 3.503 6.243-5.662 21.131-19.318-5.176z'/%3E%3Cpath fill='%2399B9D9' d='m39.873 19.752 12.99-7.5 6.893 1.937 10.938 18.946-17.32 10z'/%3E%3Cpath fill='%236695C5' d='M57.628 12h15l5 5.124V39h-20z'/%3E%3Cpath d='M52 57v-.097c-.49.064-.991.097-1.5.097C44.149 57 39 51.851 39 45.5c0-4.764 2.896-8.85 7.024-10.596a7.5 7.5 0 0 1 9.63-6.59A16.95 16.95 0 0 1 68 23c5.267 0 9.975 2.396 13.093 6.157C87.833 30.166 93 35.979 93 43c0 7.395-5.734 13.452-13 13.965V57H52z' fill='%234F646C'/%3E%3Cpath d='M72.46 35.44a1.5 1.5 0 0 1 0 2.12l-3.889 3.889 3.89 3.89a1.5 1.5 0 0 1-2.122 2.121l-3.89-3.889-3.888 3.89a1.5 1.5 0 1 1-2.122-2.122l3.889-3.89-3.889-3.888a1.5 1.5 0 0 1 2.122-2.122l3.888 3.889 3.89-3.889a1.5 1.5 0 0 1 2.121 0z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
  --ods-file-upload-image-disabled: url("data:image/svg+xml,%3Csvg width='132' height='64' viewBox='0 0 132 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M132 7.04c0-3.886-3.183-7.04-7.104-7.04H7.104C3.184 0 0 3.154 0 7.04v49.92C0 60.846 3.183 64 7.104 64h117.792c3.92 0 7.104-3.154 7.104-7.04V7.04z' fill='%23E6E6E6'/%3E%3Cpath fill='%23B2B2B2' d='m73.583 8 14.563 3.898 3.521 6.269-5.69 21.216-19.418-5.198z'/%3E%3Cpath fill='%23B2B2B2' d='m40 18.924 13.057-7.53 6.927 1.945 10.994 19.022-17.41 10.04z'/%3E%3Cpath fill='%239A9A9A' d='M57.845 11.14h15.077l5.025 5.145V38.25H57.845z'/%3E%3Cpath d='M45.133 21.863h18.963a2.667 2.667 0 0 1 2.667 2.667 2.667 2.667 0 0 0 2.667 2.667h17.29a4 4 0 0 1 4 4V52a4 4 0 0 1-4 4H45.133a4 4 0 0 1-4-4V25.863a4 4 0 0 1 4-4z' fill='%234F646C'/%3E%3Cpath d='m66.855 32.606.133.116 5.798 5.648c.68.661.68 1.734 0 2.396-.637.62-1.645.659-2.328.116l-.132-.116-3.062-2.982.001 11.746c0 .945-.675 1.711-1.508 1.711-.783 0-1.427-.679-1.5-1.547l-.007-.164V37.785l-3.061 2.98c-.68.662-1.78.662-2.46 0a1.663 1.663 0 0 1 0-2.395l5.798-5.648a1.774 1.774 0 0 1 2.328-.116z' fill='%23E6E6E6' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
  --ods-header-background: var(--ods-base-colors-neutral-000);
  --ods-header-app-name-color: var(--ods-base-tokens-state-color-default);
  --ods-header-item-background-active: var(--ods-base-tokens-background-light-000);
  --ods-header-item-background-hover: var(--ods-base-tokens-state-background-hover);
  --ods-header-item-background-focus: var(--ods-base-tokens-background-light-000);
  --ods-header-item-color-default: var(--ods-base-tokens-state-color-default);
  --ods-header-item-color-active: var(--ods-base-tokens-state-color-active);
  --ods-header-item-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-header-item-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-header-item-border-radius: 1.5rem;
  --ods-header-item-focus: var(--ods-shadow-focus2);
  --ods-header-search-background-default: var(--ods-base-tokens-form-background-default);
  --ods-header-search-background-active: var(--ods-base-tokens-form-background-active);
  --ods-header-search-background-disabled: var(--ods-base-tokens-state-background-disabled);
  --ods-header-search-background-focus: var(--ods-base-tokens-form-background-focus);
  --ods-header-search-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-header-search-border-color-default: var(--ods-base-tokens-form-border-default);
  --ods-header-search-border-color-active: var(--ods-base-tokens-form-border-active);
  --ods-header-search-border-color-disabled: var(--ods-base-tokens-form-border-readonly);
  --ods-header-search-border-color-focus: var(--ods-base-tokens-form-border-active);
  --ods-header-search-border-color-hover: var(--ods-base-tokens-form-border-hover);
  --ods-header-search-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-header-search-color-default: var(--ods-base-tokens-font-color-placeholder);
  --ods-header-search-color-active: var(--ods-base-tokens-font-color-placeholder);
  --ods-header-search-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-header-search-color-focus: var(--ods-base-tokens-font-color-placeholder);
  --ods-header-search-color-filled-default: var(--ods-base-tokens-font-color-inputtext);
  --ods-header-search-color-filled-active: var(--ods-textarea-font-color-inputtext);
  --ods-header-search-color-filled-focus: var(--ods-base-tokens-font-color-inputtext);
  --ods-header-search-icon-color-default: var(--ods-base-tokens-icon-color-black);
  --ods-header-search-icon-color-active: var(--ods-base-tokens-icon-color-black);
  --ods-header-search-icon-color-disabled: var(--ods-base-tokens-icon-color-black);
  --ods-header-search-icon-color-focus: var(--ods-base-tokens-icon-color-black);
  --ods-header-search-icon-color-hover: var(--ods-base-tokens-icon-color-black);
  --ods-header-divider-color: var(--ods-base-colors-neutral-500);
  --ods-header-app-symbol-background: var(--ods-base-tokens-background-light-000);
  --ods-header-app-icon-color: var(--ods-base-tokens-state-color-default);
  --ods-header-height: 3.5rem;
  --ods-header-padding: 0 1rem;
  --ods-header-shadow: 0 4px 4px 0 var(--ods-base-tokens-shadow-color-2);
  --ods-modal-dialog-background-default: var(--ods-base-tokens-background-light-000);
  --ods-modal-dialog-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-modal-dialog-header-color-default: var(--ods-base-tokens-font-color-default);
  --ods-modal-dialog-header-color-warning-icon-color: var(--ods-base-tokens-messaging-warning-font);
  --ods-modal-dialog-header-color-warning-icon-background: var(--ods-base-tokens-messaging-warning-background);
  --ods-modal-dialog-shadow: var(--ods-shadow-2);
  --ods-modal-dialog-margin: 16px 0 32px 0;
  --ods-pagination-height-small: var(--ods-base-tokens-icon-size-300);
  --ods-pagination-background-default: var(--ods-base-colors-neutral-000);
  --ods-pagination-current-page-background-default: var(--ods-base-tokens-form-background-default);
  --ods-pagination-current-page-border-radius-small: var(--ods-base-tokens-radius-small);
  --ods-pagination-current-page-border-size: 1px solid var(--ods-base-tokens-form-border-default);
  --ods-pagination-current-page-font-color: var(--ods-base-tokens-state-color-default);
  --ods-pagination-current-page-font-size: var(--ods-base-tokens-font-size-small);
  --ods-pagination-current-page-font-line-height: var(--ods-base-tokens-font-line-height-small);
  --ods-pagination-current-page-font-letter-spacing: var(--ods-base-tokens-font-letter-spacing-small);
  --ods-pagination-current-page-total-pages-font-color: var(--ods-base-colors-neutral-900);
  --ods-pagination-current-page-total-pages-font-size-small: var(--ods-base-tokens-font-size-small);
  --ods-pagination-total-pages-font-weight: var(--ods-base-tokens-font-weight-regular);
  --ods-pagination-total-pages-font-line-height: var(--ods-text-line-height);
  --ods-pagination-total-pages-letter-spacing: var(--ods-base-tokens-font-letter-spacing-small);
  --ods-accordion-title-background-default: var(--ods-base-tokens-background-light-000);
  --ods-accordion-title-background-hover: var(--ods-base-tokens-state-background-hover);
  --ods-accordion-title-background-second-level: var(--ods-base-tokens-background-light-000);
  --ods-accordion-title-font-size: var(--ods-base-tokens-font-size-body);
  --ods-accordion-title-font-weight: var(--ods-base-tokens-font-weight-medium);
  --ods-accordion-title-color-default: var(--ods-base-tokens-font-color-default);
  --ods-accordion-title-color-hover: var(--ods-base-tokens-font-color-hover);
  --ods-accordion-title-focus: inset 0 0 0 1px var(--ods-base-tokens-state-color-focus);
  --ods-accordion-height-small: 32px;
  --ods-accordion-height-medium: 40px;
  --ods-accordion-height-large: 48px;
  --ods-accordion-separator-color-default: var(--ods-base-tokens-shadow-color-3);
  --ods-accordion-indicator-color-hover: var(--ods-base-tokens-icon-color-black);
  --ods-accordion-indicator-height-small: 16px;
  --ods-accordion-indicator-height-medium: 20px;
  --ods-accordion-indicator-height-large: 24px;
  --ods-accordion-toggle-tranansition: var(--ods-transition-default);
  --ods-accordion-content-padding: 8px 8px 16px 8px;
  --ods-state-page-content-width: 620px;
  --ods-state-page-content-padding: 80px;
  --ods-state-page-background: var(--ods-base-colors-background-light-000);
  --ods-content-header-header-background: var(--ods-base-tokens-background-light-050);
  --ods-content-header-header-padding: 24px;
  --ods-content-header-color: var(--ods-base-tokens-font-color-default);
  --ods-content-header-font-size: var(--ods-base-tokens-font-size-h1);
  --ods-navigation-background: var(--ods-base-colors-neutral-000);
  --ods-navigation-width-collapsed: 80px;
  --ods-navigation-width-regular: 300px;
  --ods-navigation-width-extended: 360px;
  --ods-navigation-item-border-radius: var(--ods-primitives-tokens-100);
  --ods-navigation-item-padding: 0 12px;
  --ods-navigation-item-height: var(--ods-primitives-tokens-600);
  --ods-navigation-item-shadow-focus: var(--ods-base-tokens-state-color-focus);
  --ods-navigation-item-background-default: var(--ods-base-colors-neutral-000);
  --ods-navigation-item-background-active: var(--ods-base-colors-brand-primary-100-transparent);
  --ods-navigation-item-background-hover: var(--ods-base-colors-neutral-100);
  --ods-navigation-item-background-focus: var(--ods-base-colors-neutral-000);
  --ods-navigation-item-color-default: var(--ods-base-colors-neutral-900);
  --ods-navigation-item-color-active: var(--ods-base-colors-brand-primary-700);
  --ods-navigation-item-color-hover: var(--ods-base-colors-neutral-900);
  --ods-navigation-item-color-disabled: var(--ods-base-colors-neutral-200);
  --ods-navigation-item-color-focus: var(--ods-base-colors-neutral-900);
  --ods-navigation-item-leading-line-color: var(--ods-navigation-divider-color);
  --ods-navigation-margin-bottom: var(--ods-base-tokens-padding-100);
  --ods-navigation-color-default: var(--ods-base-colors-opacity-000);
  --ods-navigation-color-active: var(--ods-base-colors-opacity-000);
  --ods-navigation-color-hover: var(--ods-base-colors-opacity-000);
  --ods-navigation-sub-item-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-navigation-sub-item-margin-top: var(--ods-base-tokens-padding-100);
  --ods-navigation-sub-item-height: 36px;
  --ods-navigation-sub-item-background-default: var(--ods-base-colors-neutral-000);
  --ods-navigation-sub-item-background-active: var(--ods-base-colors-brand-primary-100-transparent);
  --ods-navigation-sub-item-background-hover: var(--ods-base-colors-neutral-100);
  --ods-navigation-sub-item-background-focus: var(--ods-base-colors-neutral-000);
  --ods-navigation-sub-item-color-default: var(--ods-base-colors-neutral-900);
  --ods-navigation-sub-item-color-active: var(--ods-base-colors-brand-primary-700);
  --ods-navigation-sub-item-color-hover: var(--ods-base-colors-neutral-900);
  --ods-navigation-sub-item-color-disabled: var(--ods-base-colors-neutral-200);
  --ods-navigation-sub-item-color-focus: var(--ods-base-colors-neutral-900);
  --ods-navigation-sub-item-indicator-color-default: var(--ods-base-colors-opacity-000);
  --ods-navigation-sub-item-indicator-color-active: var(--ods-base-colors-brand-primary-700);
  --ods-navigation-sub-item-indicator-color-hover: var(--ods-base-colors-opacity-000);
  --ods-navigation-sub-item-shadow-focus: var(--ods-base-tokens-state-color-focus);
  --ods-navigation-sub-item-padding: 12px 16px;
  --ods-navigation-toggle-menu-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-navigation-toggle-menu-height: 24px;
  --ods-navigation-divider-color: var(--ods-base-colors-neutral-200);
  --ods-navigation-divider-border-radius: 4px;
  --ods-navigation-nested-background: var(--ods-base-colors-neutral-000);
  --ods-navigation-nested-item-background: var(--ods-base-colors-opacity-000);
  --ods-navigation-nested-item-color: var(--ods-base-colors-neutral-900);
  --ods-navigation-animation-transition: var(--ods-transition-default);
  --ods-navigation-padding: 64px 8px 24px 8px;
  --ods-stepper-step-point-width: var(--ods-base-tokens-space-050);
  --ods-stepper-step-point-height: var(--ods-base-tokens-space-050);
  --ods-stepper-step-point-color: var(--ods-base-colors-neutral-200);
  --ods-stepper-size: var(--ods-base-tokens-space-100);
  --ods-stepper-border-radius: 4px;
  --ods-stepper-bar-color: var(--ods-base-colors-brand-primary-700);
  --ods-stepper-bar-background: var(--ods-base-colors-neutral-025);
  --ods-stepper-font-color: var(--ods-base-colors-neutral-400);
  --ods-stepper-dot-background: var(--ods-base-colors-neutral-200);
  --ods-user-menu-color-default: var(--ods-base-tokens-state-color-default);
  --ods-user-menu-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-user-menu-color-active: var(--ods-base-tokens-state-color-active);
  --ods-user-menu-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-user-menu-background-default: var(--ods-base-tokens-background-light-000);
  --ods-user-menu-background-hover: var(--ods-base-tokens-state-background-hover);
  --ods-user-menu-background-active: var(--ods-base-tokens-background-light-000);
  --ods-user-menu-background-focus: var(--ods-base-tokens-background-light-000);
  --ods-user-menu-item-hover: var(--ods-base-colors-neutral-100);
  --ods-user-menu-item-padding-default: 3px 16px;
  --ods-user-menu-item-padding-mobile: 8px 2px 8px 2px;
  --ods-user-menu-border-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-user-menu-border-width: var(--ods-base-tokens-border-width-2);
  --ods-user-menu-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-user-menu-border-default: 3px solid transparent;
  --ods-user-menu-shadow-focus: var(--ods-shadow-focus2);
  --ods-table-border-color: var(--ods-line-color-verylight);
  --ods-table-font-size-large: var(--ods-base-tokens-font-size-h4);
  --ods-table-font-size-medium: var(--ods-base-tokens-font-size-body);
  --ods-table-header-cell-font-color-default: var(--ods-base-tokens-state-color-default);
  --ods-table-header-cell-font-color-active: var(--ods-base-tokens-state-color-active);
  --ods-table-header-cell-background: var(--ods-base-colors-neutral-050);
  --ods-table-header-cell-padding: 12px 12px;
  --ods-table-header-cell-border-focus: inset 0 0 0 0.15rem var(--ods-base-colors-global-grey-blue-800);
  --ods-table-body-font-color-default: var(--ods-base-colors-neutral-800);
  --ods-table-body-font-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-table-body-font-color-active: var(--ods-base-tokens-state-color-default);
  --ods-table-body-row-even-background: var(--ods-base-colors-neutral-050);
  --ods-table-body-row-uneven: var(--ods-base-colors-neutral-000);
  --ods-table-body-row-border-focus: var(--ods-base-tokens-form-border-focus);
  --ods-table-body-background: rgb(242, 246, 250);
  --ods-table-body-column-title-color: var(--ods-base-colors-neutral-600);
  --ods-table-body-cell-border-color: var(--ods-line-color-verylight);
  --ods-table-checkbox-border-focus-middle: var(--ods-base-colors-neutral-000);
  --ods-table-checkbox-border-focus-outline: var(--ods-base-tokens-state-color-focus);
  --ods-table-checkbox-border-focus-inner: var(--ods-base-tokens-state-color-focus);
  --ods-table-link-border-focus-inner: var(--ods-base-colors-neutral-000);
  --ods-table-link-border-focus-outline: var(--ods-base-tokens-state-color-focus);
  --ods-table-button-border-focus-inner: var(--ods-base-colors-neutral-000);
  --ods-table-button-border-focus-outline: var(--ods-base-tokens-state-color-focus);
  --ods-table-shadow-left: inset -5px 0px 5px -5px var(--ods-base-tokens-shadow-border-color-3);
  --ods-table-shadow-right: inset 5px 0px 5px -5px var(--ods-base-tokens-shadow-border-color-3);
  --ods-table-size-small: 0.7;
  --ods-table-size-medium: 13px 13px;
  --ods-table-size-large: 1.32;
  --ods-slider-bar-height-small: var(--ods-base-tokens-space-075);
  --ods-slider-bar-height-medium: var(--ods-base-tokens-space-100);
  --ods-slider-bar-border-radius-small: var(--ods-base-tokens-radius-small);
  --ods-slider-bar-border-radius-medium: 4px;
  --ods-slider-bar-background-default: var(--ods-base-tokens-background-light-050);
  --ods-slider-bar-background-disabled: var(--ods-base-tokens-state-background-disabled);
  --ods-slider-bar-background-hover: var(--ods-base-tokens-background-light-050);
  --ods-slider-bar-background-active: var(--ods-base-tokens-background-light-050);
  --ods-slider-bar-active-background-hover: var(--ods-base-tokens-state-color-hover);
  --ods-slider-bar-active-background-focus: var(--ods-base-tokens-state-color-focus);
  --ods-slider-bar-active-background-active: var(--ods-base-tokens-state-color-active);
  --ods-slider-bar-active-background-default: var(--ods-base-tokens-state-color-default);
  --ods-slider-bar-active-background-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-slider-knob-size-small: var(--ods-base-tokens-space-200);
  --ods-slider-knob-size-medium: var(--ods-base-tokens-space-300);
  --ods-slider-knob-border-focus-middle: var(--ods-base-colors-neutral-000);
  --ods-slider-knob-border-focus-inner: var(--ods-base-tokens-state-color-focus);
  --ods-slider-knob-border-focus-outline: var(--ods-base-tokens-state-color-focus);
  --ods-slider-knob-background-hover: var(--ods-base-tokens-state-color-hover);
  --ods-slider-knob-background-focus: var(--ods-base-tokens-state-color-focus);
  --ods-slider-knob-background-active: var(--ods-base-tokens-state-color-active);
  --ods-slider-knob-background-default: var(--ods-base-tokens-state-color-default);
  --ods-slider-knob-background-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-slider-knob-active-background-focus: var(--ods-base-tokens-state-color-focus);
  --ods-slider-knob-handle-size-small: var(--ods-base-tokens-space-400);
  --ods-slider-knob-handle-size-medium: var(--ods-base-tokens-space-600);
  --ods-slider-label-color: var(--ods-base-colors-neutral-800);
  --ods-slider-background: var(--ods-base-colors-neutral-000);
  --ods-slider-height-small: var(--ods-base-tokens-space-250);
  --ods-slider-height-medium: var(--ods-base-tokens-space-300);
  --ods-slider-amount-color-default: var(--ods-base-tokens-font-color-inputtext);
  --ods-slider-amount-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-section-height-small: var(--ods-base-tokens-space-400);
  --ods-section-height-medium: var(--ods-base-tokens-space-500);
  --ods-section-height-large: var(--ods-base-tokens-space-600);
  --ods-section-font-size-default: var(--ods-base-tokens-font-size-body);
  --ods-section-font-size-large: var(--ods-base-tokens-font-size-h4);
  --ods-section-font-weight: var(--ods-base-tokens-font-weight-bold);
  --ods-section-font-color-default: var(--ods-base-colors-neutral-900);
  --ods-section-separator-color: var(--ods-base-colors-neutral-100);
  --ods-tab-color-default: var(--ods-base-tokens-state-color-default);
  --ods-tab-color-active: var(--ods-base-tokens-state-color-active);
  --ods-tab-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-tab-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-tab-border-color-transparent: var(--ods-base-colors-opacity-000);
  --ods-tab-border-color-active: var(--ods-base-tokens-state-color-default);
  --ods-tab-border-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-tab-border-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-tab-background-transparent: var(--ods-base-colors-opacity-000);
  --ods-tab-font-size: var(--ods-base-tokens-font-size-body);
  --ods-tab-tab-bar-separator-color: var(--ods-base-colors-neutral-025);
  --ods-tab-tab-bar-separator-height: 2px;
  --ods-tab-arrow-button-color: var(--ods-base-colors-neutral-000);
  --ods-tab-panel-border-focus: var(--ods-base-tokens-state-color-focus);
  --ods-split-view-resizer-width-active: 4px;
  --ods-split-view-resizer-width-inactive: 1px;
  --ods-split-view-resizer-color-active: var(--ods-base-colors-neutral-200);
  --ods-split-view-resizer-color-inactive: var(--ods-base-colors-neutral-100);
  --ods-page-control-background-default: var(--ods-base-colors-neutral-025);
  --ods-page-control-background-active: var(--ods-base-tokens-state-color-default);
  --ods-page-control-background-hover: var(--ods-base-tokens-state-color-hover);
  --ods-page-control-width-small: var(--ods-base-tokens-space-050);
  --ods-page-control-width-medium: var(--ods-base-tokens-space-100);
  --ods-page-control-width-large: var(--ods-base-tokens-space-200);
  --ods-page-control-gap-small: var(--ods-base-tokens-space-050);
  --ods-page-control-gap-medium: var(--ods-base-tokens-space-100);
  --ods-page-control-gap-large: var(--ods-base-tokens-space-200);
  --ods-page-control-height-small: var(--ods-base-tokens-space-050);
  --ods-page-control-height-medium: var(--ods-base-tokens-space-100);
  --ods-page-control-height-large: var(--ods-base-tokens-space-200);
  --ods-page-control-border-focus: var(--ods-base-colors-neutral-000);
  --ods-color-picker-button-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-color-picker-button-border-color-default: var(--ods-base-tokens-state-color-default);
  --ods-color-picker-button-border-color-active: var(--ods-base-tokens-state-color-active);
  --ods-color-picker-button-border-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-color-picker-button-border-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-color-picker-button-background-default: var(--ods-base-tokens-form-background-default);
  --ods-color-picker-button-background-disabled: var(--ods-base-tokens-form-background-disabled);
  --ods-color-picker-panel-background: var(--ods-base-colors-neutral-000);
  --ods-color-picker-panel-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-widget-title-font-size: 20px;
  --ods-widget-title-font-weight: var(--ods-base-tokens-font-weight-bold);
  --ods-widget-title-color: var(--ods-base-colors-neutral-800);
  --ods-widget-padding: var(--ods-base-tokens-padding-300);
  --ods-widget-background-default: var(--ods-base-colors-neutral-000);
  --ods-widget-background-focus: var(--ods-base-tokens-state-background-focus);
  --ods-widget-border-focus: 1px solid var(--ods-base-colors-brand-tertiary-800);
  --ods-widget-shadow-1-border: 1px solid rgba(8, 36, 57, 0.05);
  --ods-widget-shadow-1-shadow: 0 2px 6px 0 rgba(8, 36, 57, 0.1);
  --ods-widget-shadow-2-border: 1px solid rgba(8, 36, 57, 0.1);
  --ods-widget-shadow-2-shadow: 0 2px 6px 0 rgba(8, 36, 57, 0.1);
  --ods-widget-shadow-3-border: 1px solid rgba(8, 36, 57, 0.15);
  --ods-widget-shadow-3-shadow: 2px 2px 12px 0 rgba(8, 36, 57, 0.15);
  --ods-widget-shadow-4-border: 1px solid rgba(8, 36, 57, 0.25);
  --ods-widget-shadow-4-shadow: 2px 2px 12px 0 rgba(8, 36, 57, 0.25);
  --ods-widget-shadow-5-border: 1px solid rgba(8, 36, 57, 0.4);
  --ods-widget-shadow-5-shadow: 2px 2px 6px 0 rgba(8, 36, 57, 0.4);
  --ods-fly-out-line-color: var(--ods-base-colors-neutral-100);
  --ods-fly-out-color: var(--ods-base-colors-brand-primary-600);
  --ods-fly-out-subcategory-title-color: var(--ods-base-colors-neutral-500);
  --ods-fly-out-subcategory-title-font-size: var(--ods-base-tokens-font-size-small);
  --ods-fly-out-subcategory-title-font-weight: var(--ods-form-search-panel-font-weight);
  --ods-common-select-option-color-default: var(--ods-base-tokens-form-color-default);
  --ods-common-select-option-color-active: var(--ods-base-tokens-form-color-active);
  --ods-common-select-option-color-highlighted: var(--ods-base-colors-neutral-700);
  --ods-common-select-option-gap: var(--ods-base-tokens-space-100);
  --ods-common-select-select-color-hover: var(--ods-base-tokens-form-color-hover);
  --ods-common-select-select-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-common-select-select-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-common-select-height: 320px;
  --ods-common-select-width: 320px;
  --ods-common-select-option-group-color: var(--ods-base-colors-neutral-700);
  --ods-common-select-divider-color-default: var(--ods-base-colors-neutral-500);
  --ods-common-select-divider-color-disabled: var(--ods-base-colors-neutral-400);
  --ods-common-select-panel-state-message-color: var(--ods-base-colors-neutral-700);
  --ods-common-select-no-option-label-color: var(--ods-base-tokens-font-color-label);
  --ods-filter-background-active: var(--ods-base-tokens-state-background-active);
  --ods-filter-background-focus: var(--ods-base-tokens-state-background-focus);
  --ods-filter-background-hover: var(--ods-base-tokens-state-background-hover);
  --ods-filter-background-default: var(--ods-base-tokens-state-background-default);
  --ods-filter-background-disabled: var(--ods-base-colors-neutral-000);
  --ods-filter-color-default: var(--ods-base-tokens-state-color-default);
  --ods-filter-color-active: var(--ods-base-tokens-state-color-active);
  --ods-filter-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-filter-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-filter-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-filter-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-filter-placeholder-color-default: var(--ods-base-tokens-state-color-default);
  --ods-filter-placeholder-color-active: var(--ods-base-tokens-state-color-default);
  --ods-filter-placeholder-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-filter-placeholder-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-filter-placeholder-color-disabled: var(--ods-base-colors-neutral-300);
  --ods-filter-criterion-color-default: var(--ods-base-tokens-state-color-default);
  --ods-filter-criterion-color-active: var(--ods-base-tokens-state-color-default);
  --ods-filter-criterion-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-filter-criterion-color-hover: var(--ods-base-tokens-state-color-hover);
  --ods-filter-criterion-color-disabled: var(--ods-base-tokens-state-color-disabled);
  --ods-filter-divider-background-default: var(--ods-base-colors-neutral-100);
  --ods-filter-button-border-focus: var(--ods-base-colors-brand-primary-700);
  --ods-textarea-font-color-label: var(--ods-base-tokens-font-color-label);
  --ods-textarea-font-color-helpertext: var(--ods-base-tokens-font-color-helpertext);
  --ods-textarea-font-color-inputtext: var(--ods-base-tokens-font-color-default);
  --ods-textarea-font-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-textarea-font-color-example-disabled: var(--ods-base-colors-neutral-200);
  --ods-textarea-font-color-example-inputtext: var(--ods-base-colors-neutral-400);
  --ods-textarea-background-default: var(--ods-base-tokens-form-background-default);
  --ods-textarea-background-active: var(--ods-base-tokens-form-background-active);
  --ods-textarea-background-hover: var(--ods-base-tokens-form-background-hover);
  --ods-textarea-background-disabled: var(--ods-base-tokens-form-background-disabled);
  --ods-textarea-border-color-active: var(--ods-base-tokens-form-border-active);
  --ods-textarea-border-color-default: var(--ods-base-tokens-form-border-default);
  --ods-textarea-border-color-hover: var(--ods-base-tokens-form-border-hover);
  --ods-textarea-border-color-readonly-focus: var(--ods-base-tokens-form-border-focus);
  --ods-textarea-border-weidth-1: var(--ods-base-tokens-border-width-1);
  --ods-textarea-border-weidth-2: var(--ods-base-tokens-border-width-2);
  --ods-textarea-border-radius: var(--ods-base-tokens-radius-small);
  --ods-textarea-padding-4: var(--ods-base-tokens-padding-050);
  --ods-textarea-padding-input: var(--ods-base-tokens-padding-100);
  --ods-textarea-space-4: var(--ods-base-tokens-padding-050);
  --ods-textarea-scrollbar-size: var(--ods-base-tokens-space-150);
  --ods-textarea-scrollbar-border-radius: var(--ods-base-tokens-radius-medium);
  --ods-paging-font-color-unfiltered: var(--ods-base-colors-neutral-700);
  --ods-paging-font-color-filtred: var(--ods-base-colors-neutral-400);
  --ods-paging-font-color-row: var(--ods-base-colors-neutral-700);
  --ods-paging-space-4: var(--ods-base-tokens-space-050);
  --ods-paging-space-8: var(--ods-base-tokens-space-100);
  --ods-paging-space-10: var(--ods-base-tokens-space-125);
  --ods-paging-label-color-default: var(--ods-base-colors-neutral-700);
  --ods-paging-filter-color-default: var(--ods-base-colors-neutral-400);
  --ods-paging-filter-current-color-default: var(--ods-base-colors-neutral-700);
  --ods-paging-results-color-default: var(--ods-base-colors-neutral-700);
  --ods-active-document-markdown-image-wrapper-color: var(--ods-base-colors-neutral-000);
  --ods-active-document-markdown-image-wrapper-background: var(--ods-base-colors-neutral-800);
  --ods-active-document-question-answered-color: var(--ods-base-colors-neutral-000);
  --ods-active-document-question-not-answered-color: var(--ods-base-colors-neutral-100);
  --ods-active-document-table-row-border: var(--ods-base-colors-neutral-050);
  --ods-active-document-table-header-border: var(--ods-base-colors-neutral-400);
  --ods-active-document-table-cell-border: var(--ods-base-colors-neutral-600);
  --ods-image-overlay-background: var(--ods-base-colors-neutral-800);
  --ods-image-description-color: var(--ods-base-tokens-font-color-default);
  --ods-image-shadow-x: var(--ods-base-colors-neutral-000);
  --ods-image-shadow-y: var(--ods-base-colors-neutral-800);
  --ods-image-dialog-name-color: var(--ods-base-tokens-font-color-default);
  --ods-image-dialog-alt-text-color: var(--ods-base-tokens-font-color-default);
  --ods-image-dialog-zoom-value-color: var(--ods-base-tokens-font-color-inputtext);
  --ods-inline-editor-input-color: var(--ods-base-tokens-font-color-inputtext);
  --ods-inline-editor-icon-red: var(--ods-base-tokens-messaging-error-foreground);
  --ods-inline-editor-icon-green: var(--ods-base-tokens-messaging-success-foreground);
  --ods-line-color-light: var(--ods-base-colors-neutral-300);
  --ods-line-color-verylight: var(--ods-base-colors-neutral-100);
  --ods-item-list-border-color-focus: var(--ods-base-tokens-state-color-focus);
  --ods-shadow-1: 0 2px 6px 0 rgba(8, 36, 57, 0.05);
  --ods-shadow-2: 0 2px 6px 0 rgba(8, 36, 57, 0.1);
  --ods-shadow-3: 2px 2px 12px 0 rgba(8, 36, 57, 0.15);
  --ods-shadow-4: 2px 2px 12px 0 rgba(8, 36, 57, 0.25);
  --ods-shadow-5: 2px 2px 12px 0 rgba(8, 36, 57, 0.4);
  --ods-shadow-focus: inset 0 0 0 2px var(--ods-base-tokens-background-light-000), 0 0 0 2px var(--ods-base-tokens-state-color-focus);
  --ods-shadow-focus2: 0 0 0 1px var(--ods-base-tokens-background-light-000), 0 0 0 3px var(--ods-base-tokens-state-color-focus), inset 0 0 0 1px var(--ods-base-tokens-state-color-focus);
  --ods-shadow-focus3: 0 0 0 1px var(--ods-base-tokens-background-light-000), 0 0 0 1px var(--ods-base-tokens-background-light-000), 0 0 0 3px var(--ods-base-tokens-state-color-focus), 0 0 0 3px var(--ods-base-tokens-state-color-focus), 0 0 0 1px inset var(--ods-base-tokens-state-background-focus), 0 0 0 1px;
  --ods-transition-default: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  --ods-icon-font-weight-normal: 0;
  --ods-icon-font-weight-bold: 1px;
  --ods-responsive-breakpoint-width-desktop: 64rem;
  --ods-responsive-breakpoint-height-min: 40rem;
  --ods-select-toggle-transition: var(--ods-transition-default);
  --ods-navigation-nested-width-collapsed: 64px;
  --ods-navigation-nested-width-regular: 300px;
  --ods-navigation-nested-width-extended: 360px;
  --ods-navigation-nested-animation: var(--ods-transition-default);
  --ods-navigation-nested-padding: 0 8px 20px 8px;
  --ods-drawer-width-mobile: 100%;
  --ods-drawer-width-desktop: 48rem;
  --ods-drawer-header-padding-desktop: 1.5rem 2rem 0 2.5rem;
  --ods-drawer-header-padding-mobile: 1.5rem 1.5rem 0 2.5rem;
  --ods-drawer-header-padding-mobile-small: 1.5rem 0.5rem 0 1rem;
  --ods-drawer-content-padding-desktop: 1.5rem 1.75rem 0 2.5rem;
  --ods-drawer-content-padding-mobile: 1.5rem 0.75rem 0 1rem;
  --ods-drawer-footer-padding-desktop: 0 2.5rem;
  --ods-drawer-footer-padding-mobile: 0rem 1.5rem 0 1rem;
  --ods-drawer-footer-padding-mobile-small: 0 0.75rem 0 1rem;
  --ods-color-charts-1: var(--ods-color-charts-qualitative-1);
  --ods-color-charts-2: var(--ods-color-charts-qualitative-2);
  --ods-color-charts-3: var(--ods-color-charts-qualitative-3);
  --ods-color-charts-4: var(--ods-color-charts-qualitative-4);
  --ods-color-charts-5: var(--ods-color-charts-qualitative-5);
  --ods-color-charts-6: var(--ods-color-charts-qualitative-6);
  --ods-color-charts-7: var(--ods-color-charts-qualitative-7);
  --ods-color-charts-8: var(--ods-color-charts-qualitative-8);
  --ods-color-charts-9: var(--ods-color-charts-qualitative-9);
  --ods-color-charts-10: var(--ods-color-charts-qualitative-10);
  --ods-color-charts-11: var(--ods-color-charts-qualitative-11);
  --ods-color-charts-12: var(--ods-color-charts-qualitative-12);
  --ods-color-charts-13: var(--ods-color-charts-qualitative-13);
  --ods-color-charts-14: var(--ods-color-charts-qualitative-14);
  --ods-color-charts-15: var(--ods-color-charts-qualitative-15);
  --ods-color-charts-16: var(--ods-color-charts-qualitative-1);
  --ods-color-charts-17: var(--ods-color-charts-qualitative-2);
  --ods-color-charts-18: var(--ods-color-charts-qualitative-3);
  --ods-color-charts-19: var(--ods-color-charts-qualitative-4);
  --ods-color-charts-20: var(--ods-color-charts-qualitative-5);
  --ods-color-charts-21: var(--ods-color-charts-qualitative-6);
  --ods-color-charts-22: var(--ods-color-charts-qualitative-7);
  --ods-color-charts-23: var(--ods-color-charts-qualitative-8);
  --ods-color-charts-24: var(--ods-color-charts-qualitative-9);
  --ods-color-charts-25: var(--ods-color-charts-qualitative-10);
  --ods-color-charts-26: var(--ods-color-charts-qualitative-11);
  --ods-color-charts-27: var(--ods-color-charts-qualitative-12);
  --ods-color-charts-28: var(--ods-color-charts-qualitative-13);
  --ods-color-charts-29: var(--ods-color-charts-qualitative-14);
  --ods-color-charts-30: var(--ods-color-charts-qualitative-15);
  --ods-color-charts-31: var(--ods-color-charts-qualitative-1);
  --ods-color-charts-32: var(--ods-color-charts-qualitative-2);
  --ods-color-charts-33: var(--ods-color-charts-qualitative-3);
  --ods-color-charts-34: var(--ods-color-charts-qualitative-4);
  --ods-color-charts-35: var(--ods-color-charts-qualitative-5);
  --ods-color-charts-36: var(--ods-color-charts-qualitative-6);
  --ods-color-charts-37: var(--ods-color-charts-qualitative-7);
  --ods-color-charts-38: var(--ods-color-charts-qualitative-8);
  --ods-color-charts-39: var(--ods-color-charts-qualitative-9);
  --ods-color-charts-40: var(--ods-color-charts-qualitative-10);
  --ods-color-charts-41: var(--ods-color-charts-qualitative-11);
  --ods-color-charts-42: var(--ods-color-charts-qualitative-12);
  --ods-color-charts-43: var(--ods-color-charts-qualitative-13);
  --ods-color-charts-44: var(--ods-color-charts-qualitative-14);
  --ods-color-charts-45: var(--ods-color-charts-qualitative-15);
  --ods-color-charts-46: var(--ods-color-charts-qualitative-1);
  --ods-color-charts-47: var(--ods-color-charts-qualitative-2);
  --ods-color-charts-48: var(--ods-color-charts-qualitative-3);
  --ods-color-charts-49: var(--ods-color-charts-qualitative-4);
  --ods-color-charts-50: var(--ods-color-charts-qualitative-5);
  --ods-color-charts-51: var(--ods-color-charts-qualitative-6);
  --ods-color-charts-52: var(--ods-color-charts-qualitative-7);
  --ods-color-charts-53: var(--ods-color-charts-qualitative-8);
  --ods-color-charts-54: var(--ods-color-charts-qualitative-9);
  --ods-color-charts-55: var(--ods-color-charts-qualitative-10);
  --ods-color-charts-56: var(--ods-color-charts-qualitative-11);
  --ods-color-charts-57: var(--ods-color-charts-qualitative-12);
  --ods-color-charts-58: var(--ods-color-charts-qualitative-13);
  --ods-color-charts-59: var(--ods-color-charts-qualitative-14);
  --ods-color-charts-60: var(--ods-color-charts-qualitative-15);
  --ods-color-charts-qualitative-1: var(--ods-base-colors-global-purple-600);
  --ods-color-charts-qualitative-2: var(--ods-base-colors-global-blue-400);
  --ods-color-charts-qualitative-3: var(--ods-base-colors-global-teal-500);
  --ods-color-charts-qualitative-4: var(--ods-base-colors-global-pink-500);
  --ods-color-charts-qualitative-5: var(--ods-base-colors-global-red-700);
  --ods-color-charts-qualitative-6: var(--ods-base-colors-global-green-500);
  --ods-color-charts-qualitative-7: var(--ods-base-colors-global-orange-800);
  --ods-color-charts-qualitative-8: var(--ods-base-colors-global-blue-500);
  --ods-color-charts-qualitative-9: var(--ods-base-colors-global-pink-700);
  --ods-color-charts-qualitative-10: var(--ods-base-colors-global-grey-blue-700);
  --ods-color-charts-qualitative-11: var(--ods-base-colors-global-green-600);
  --ods-color-charts-qualitative-12: var(--ods-base-colors-global-purple-200);
  --ods-color-charts-qualitative-13: var(--ods-base-colors-global-grey-blue-300);
  --ods-color-charts-qualitative-14: var(--ods-base-colors-global-red-300);
  --ods-color-charts-qualitative-15: var(--ods-base-colors-global-orange-400);
  --ods-color-charts-quantitative-1: var(--ods-base-colors-global-grey-blue-800);
  --ods-color-charts-quantitative-2: var(--ods-base-colors-global-blue-800);
  --ods-color-charts-quantitative-3: var(--ods-base-colors-global-teal-600);
  --ods-color-charts-quantitative-4: var(--ods-base-colors-global-purple-700);
  --ods-color-charts-quantitative-5: var(--ods-base-colors-global-pink-800);
  --ods-color-charts-quantitative-6: var(--ods-base-colors-global-green-800);
  --ods-color-charts-quantitative-7: var(--ods-base-colors-global-orange-800);
  --ods-color-charts-quantitative-8: var(--ods-base-colors-global-red-700);
  --ods-color-charts-quantitative-9: var(--ods-base-colors-global-grey-blue-700);
  --ods-color-charts-quantitative-10: var(--ods-base-colors-global-blue-500);
  --ods-color-charts-quantitative-11: var(--ods-base-colors-global-teal-500);
  --ods-color-charts-quantitative-12: var(--ods-base-colors-global-purple-600);
  --ods-color-charts-quantitative-13: var(--ods-base-colors-global-pink-700);
  --ods-color-charts-quantitative-14: var(--ods-base-colors-global-green-600);
  --ods-color-charts-quantitative-15: var(--ods-base-colors-global-orange-600);
  --ods-color-charts-quantitative-16: var(--ods-base-colors-global-red-600);
  --ods-color-charts-quantitative-17: var(--ods-base-colors-global-grey-blue-500);
  --ods-color-charts-quantitative-18: var(--ods-base-colors-global-blue-400);
  --ods-color-charts-quantitative-19: var(--ods-base-colors-global-teal-400);
  --ods-color-charts-quantitative-20: var(--ods-base-colors-global-purple-500);
  --ods-color-charts-quantitative-21: var(--ods-base-colors-global-pink-600);
  --ods-color-charts-quantitative-22: var(--ods-base-colors-global-green-500);
  --ods-color-charts-quantitative-23: var(--ods-base-colors-global-orange-500);
  --ods-color-charts-quantitative-24: var(--ods-base-colors-global-red-500);
  --ods-color-charts-quantitative-25: var(--ods-base-colors-global-grey-blue-300);
  --ods-color-charts-quantitative-26: var(--ods-base-colors-global-blue-300);
  --ods-color-charts-quantitative-27: var(--ods-base-colors-global-teal-300);
  --ods-color-charts-quantitative-28: var(--ods-base-colors-global-purple-200);
  --ods-color-charts-quantitative-29: var(--ods-base-colors-global-pink-500);
  --ods-color-charts-quantitative-30: var(--ods-base-colors-global-green-300);
  --ods-color-charts-quantitative-31: var(--ods-base-colors-global-orange-400);
  --ods-color-charts-quantitative-32: var(--ods-base-colors-global-red-300);
  --ods-color-charts-quantitative-33: var(--ods-base-colors-global-grey-blue-200);
  --ods-color-charts-quantitative-34: var(--ods-base-colors-global-blue-200);
  --ods-color-charts-quantitative-35: var(--ods-base-colors-global-teal-100);
  --ods-color-charts-quantitative-36: var(--ods-base-colors-global-purple-100);
  --ods-color-charts-quantitative-37: var(--ods-base-colors-global-pink-400);
  --ods-color-charts-quantitative-38: var(--ods-base-colors-global-green-100);
  --ods-color-charts-quantitative-39: var(--ods-base-colors-global-orange-300);
  --ods-color-charts-quantitative-40: var(--ods-base-colors-global-red-200);
  --ods-color-charts-quantitative-41: var(--ods-base-colors-global-grey-blue-050);
  --ods-color-charts-quantitative-42: var(--ods-base-colors-global-blue-050);
  --ods-color-charts-quantitative-43: var(--ods-base-colors-global-teal-050);
  --ods-color-charts-quantitative-44: var(--ods-base-colors-global-purple-050);
  --ods-color-charts-quantitative-45: var(--ods-base-colors-global-pink-200);
  --ods-color-charts-quantitative-46: var(--ods-base-colors-global-green-050);
  --ods-color-charts-quantitative-47: var(--ods-base-colors-global-orange-200);
  --ods-color-charts-quantitative-48: var(--ods-base-colors-global-red-100);
  --ods-filter-border-default: 1px solid var(--ods-base-tokens-state-color-default);
  --ods-filter-border-active: 1px solid var(--ods-base-tokens-state-color-active);
  --ods-filter-border-hover: 1px solid var(--ods-base-tokens-state-color-hover);
  --ods-filter-border-disabled: 1px solid var(--ods-base-tokens-state-color-disabled);
  --ods-filter-focus-outline: 1px solid var(--ods-base-tokens-state-color-default);
  --ods-filter-badge-font-size: var(--ods-base-tokens-font-size-small);
  --ods-filter-badge-line-height: var(--ods-base-tokens-font-line-height-small);
  --ods-filter-badge-margin-left: var(--ods-base-tokens-space-100);
  --ods-filter-badge-padding: var(--ods-base-tokens-space-025) var(--ods-base-tokens-space-100);
  --ods-filter-badge-border-radius: var(--ods-base-tokens-radius-full);
  --ods-filter-badge-border-default: 1px solid transparent;
  --ods-filter-badge-border-disabled: 1px solid var(--ods-base-colors-neutral-200);
  --ods-filter-badge-color-default: var(--ods-base-tokens-font-color-white);
  --ods-filter-badge-color-disabled: var(--ods-base-tokens-font-color-disabled);
  --ods-filter-badge-background-default: var(--ods-base-tokens-icon-color-default);
  --ods-filter-badge-background-active: var(--ods-base-tokens-icon-color-active);
  --ods-filter-badge-background-hover: var(--ods-base-tokens-icon-color-hover);
  --ods-filter-badge-background-focus: var(--ods-base-tokens-icon-color-focus);
  --ods-filter-badge-background-disabled: var(--ods-base-tokens-background-light-000);
  --ods-table-border-radius: var(--ods-base-tokens-radius-large);
  --ods-table-title-bar-height: 40px;
  --ods-table-title-bar-padding: 0 16px;
  --ods-table-title-bar-caption-color: var(--ods-base-colors-neutral-500);
  --ods-table-title-bar-caption-font-size: var(--ods-base-tokens-font-size-body);
  --ods-table-title-bar-caption-font-weight: var(--ods-base-tokens-font-weight-medium);
  --ods-table-cell-padding: 0 16px;
  --ods-table-footer-height: 56px;
  --ods-table-footer-padding: 16px 26px;
  --ods-card-background-default: var(--ods-modal-dialog-background-default);
  --ods-card-background-danger: var(--ods-base-tokens-chart-color-sequential-pink-09);
  --ods-card-background-disabled: var(--ods-base-tokens-form-background-disabled);
  --ods-card-background-upselling: var(--ods-base-tokens-chart-color-sequential-purple-09);
  --ods-card-border-color-default: var(--ods-base-tokens-shadow-border-color-1);
  --ods-card-border-color-danger: var(--ods-base-tokens-chart-color-sequential-pink-08);
  --ods-card-border-color-disabled: var(--ods-base-tokens-priority-background-neutral);
  --ods-card-border-color-upselling: var(--ods-base-tokens-chart-color-sequential-purple-08);
  --ods-chip-filled-red-background: #FFDAD8;
  --ods-chip-filled-red-color: #92011D;
  --ods-chip-filled-blue-background: #CAE1FF;
  --ods-chip-filled-blue-color: #001F44;
  --ods-chip-filled-neutral-background: #E2E2E2;
  --ods-chip-filled-neutral-color: #474747;
  --ods-chip-filled-green-background: #DCFAE9;
  --ods-chip-filled-green-color: #085F2E;
  --ods-chip-filled-yellow-background: #F9FEBD;
  --ods-chip-filled-yellow-color: #564C00;
  --ods-chip-filled-orange-background: #FCE4A6;
  --ods-chip-filled-orange-color: #693200;
  --ods-chip-filled-cyan-background: #D3F1FF;
  --ods-chip-filled-cyan-color: #004398;
  --ods-chip-filled-purple-background: #E5E6F8;
  --ods-chip-filled-purple-color: #5425C0;
  --ods-chip-filled-pink-background: #FBD5E3;
  --ods-chip-filled-pink-color: #891034;
  --ods-chip-filled-lime-background: #EDF3CE;
  --ods-chip-filled-lime-color: #4E5303;
  --ods-chip-filled-teal-background: #E1F9F9;
  --ods-chip-filled-teal-color: #005D5D;
  --ods-chip-filled-disabled-border: #C6C6C6;
  --ods-chip-filled-disabled-background: #FFFFFF;
  --ods-chip-filled-disabled-color: #C6C6C6;
  --ods-chip-outlined-red-border: #ED012E;
  --ods-chip-outlined-red-background: #FFF5F5;
  --ods-chip-outlined-red-color: #92011D;
  --ods-chip-outlined-blue-border: #006EF9;
  --ods-chip-outlined-blue-background: #F5F9FF;
  --ods-chip-outlined-blue-color: #001F44;
  --ods-chip-outlined-neutral-border: #919191;
  --ods-chip-outlined-neutral-background: #F5F5F5;
  --ods-chip-outlined-neutral-color: #474747;
  --ods-chip-outlined-green-border: #0B8641;
  --ods-chip-outlined-green-background: #F1FEF7;
  --ods-chip-outlined-green-color: #085F2E;
  --ods-chip-outlined-yellow-border: #F5DA0F;
  --ods-chip-outlined-yellow-background: #FEFFF0;
  --ods-chip-outlined-yellow-color: #564C00;
  --ods-chip-outlined-orange-border: #BD5B00;
  --ods-chip-outlined-orange-background: #FFF8F0;
  --ods-chip-outlined-orange-color: #693200;
  --ods-chip-outlined-cyan-border: #46C0F7;
  --ods-chip-outlined-cyan-background: #F0FAFF;
  --ods-chip-outlined-cyan-color: #004398;
  --ods-chip-outlined-purple-border: #9567FB;
  --ods-chip-outlined-purple-background: #F9F6FD;
  --ods-chip-outlined-purple-color: #5425C0;
  --ods-chip-outlined-pink-border: #E8396D;
  --ods-chip-outlined-pink-background: #FEF1F6;
  --ods-chip-outlined-pink-color: #891034;
  --ods-chip-outlined-lime-border: #7A7605;
  --ods-chip-outlined-lime-background: #FAFCF3;
  --ods-chip-outlined-lime-color: #4E5303;
  --ods-chip-outlined-teal-border: #009592;
  --ods-chip-outlined-teal-background: #F0FFFF;
  --ods-chip-outlined-teal-color: #005D5D;
  --ods-chip-outlined-disabled-border: #C6C6C6;
  --ods-chip-outlined-disabled-background: #FFFFFF;
  --ods-chip-outlined-disabled-color: #C6C6C6;
}

body {
  font-family: var(--ods-base-tokens-font-family-label);
  font-size: var(--ods-base-tokens-font-size-body);
  line-height: var(--ods-text-line-height);
  letter-spacing: var(--ods-base-tokens-font-letter-spacing-small);
}

a {
  color: var(--ods-link-color-default);
  border-radius: var(--ods-link-border-radius-small);
  padding: var(--ods-link-padding);
  text-decoration: var(--ods-link-decoration-standard);
  outline: none;
}
a:active {
  color: var(--ods-link-color-active);
  text-decoration: var(--ods-link-decoration-active);
}
a.disabled {
  color: var(--ods-link-color-disabled);
  text-decoration: var(--ods-link-decoration-disabled);
}
a:focus-visible {
  color: var(--ods-link-color-focus);
  box-shadow: var(--ods-link-shadow-focus);
  text-decoration: var(--ods-link-decoration-focus);
}
a:hover {
  color: var(--ods-link-color-hover);
  text-decoration: var(--ods-link-decoration-hovered);
}
a:visited {
  color: var(--ods-link-color-visited);
  text-decoration: var(--ods-link-decoration-visited);
}

a.usu-link usu-icon {
  margin-right: 8px;
}

@-moz-document url-prefix() {
  * {
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
    scroll-behavior: smooth;
  }
  *:hover {
    scrollbar-color: var(--ods-scrollbar-light-handle-default) var(--ods-scrollbar-light-track-background);
  }
}
.thin-scrollbar {
  scrollbar-width: auto;
}
.thin-scrollbar::-webkit-scrollbar-thumb {
  background: transparent;
}

*::-webkit-scrollbar,
:not(body)::-webkit-scrollbar {
  background: transparent;
}
@media screen and (max-width: 64rem) {
  *::-webkit-scrollbar,
  :not(body)::-webkit-scrollbar {
    width: var(--ods-scrollbar-width);
    background: var(--ods-scrollbar-light-track-background);
    background-clip: content-box;
  }
}
*::-webkit-scrollbar:vertical,
:not(body)::-webkit-scrollbar:vertical {
  width: var(--ods-scrollbar-width);
}
*::-webkit-scrollbar:horizontal,
:not(body)::-webkit-scrollbar:horizontal {
  height: var(--ods-scrollbar-width);
}
*::-webkit-scrollbar-thumb,
:not(body)::-webkit-scrollbar-thumb {
  border-radius: var(--ods-scrollbar-border-radius);
  background: transparent;
  background-clip: content-box;
}
@media screen and (max-width: 64rem) {
  *::-webkit-scrollbar-thumb,
  :not(body)::-webkit-scrollbar-thumb {
    background: var(--ods-scrollbar-light-handle-default);
    width: var(--ods-scrollbar-width);
    background-clip: content-box;
  }
}
*::-webkit-scrollbar-thumb:vertical,
:not(body)::-webkit-scrollbar-thumb:vertical {
  min-height: 56px;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}
*::-webkit-scrollbar-thumb:horizontal,
:not(body)::-webkit-scrollbar-thumb:horizontal {
  min-width: 56px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
*:hover::-webkit-scrollbar,
:not(body):hover::-webkit-scrollbar {
  background: var(--ods-scrollbar-light-track-background);
}
*:hover::-webkit-scrollbar-thumb,
:not(body):hover::-webkit-scrollbar-thumb {
  background: var(--ods-scrollbar-light-handle-default);
  background-clip: content-box;
}
*:hover::-webkit-scrollbar-thumb:hover,
:not(body):hover::-webkit-scrollbar-thumb:hover {
  background: var(--ods-scrollbar-light-handle-hover);
  background-clip: content-box;
}

body::-webkit-scrollbar {
  background: var(--ods-scrollbar-light-track-background);
}
body::-webkit-scrollbar:vertical {
  width: var(--ods-scrollbar-width);
}
body::-webkit-scrollbar:horizontal {
  height: var(--ods-scrollbar-width);
}
body::-webkit-scrollbar-thumb {
  border-radius: var(--ods-scrollbar-border-radius);
  background: var(--ods-scrollbar-light-handle-default);
  background-clip: content-box;
}
body::-webkit-scrollbar-thumb:vertical {
  min-height: 56px;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}
body::-webkit-scrollbar-thumb:horizontal {
  min-width: 56px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
body::-webkit-scrollbar-thumb:hover {
  background: var(--ods-scrollbar-light-handle-hover);
  background-clip: content-box;
}

h1,
.text-h1 {
  font-weight: var(--ods-base-tokens-font-weight-bold);
  font-size: var(--ods-base-tokens-font-size-h1);
  color: var(--ods-base-colors-brand-primary-600);
}

h2,
.text-h2 {
  font-weight: var(--ods-base-tokens-font-weight-bold);
  font-size: var(--ods-base-tokens-font-size-h2);
  color: var(--ods-base-colors-brand-primary-600);
}

h3,
.text-h3 {
  font-weight: var(--ods-base-tokens-font-weight-medium);
  font-size: var(--ods-base-tokens-font-size-h3);
  color: var(--ods-base-colors-brand-primary-600);
}

h4,
.text-h4 {
  font-weight: var(--ods-base-tokens-font-weight-medium);
  font-size: var(--ods-base-tokens-font-size-h4);
  color: var(--ods-text-color-neutral-cold-600);
}

p,
.text-p {
  font-weight: var(--ods-base-tokens-font-weight-regular);
  font-size: var(--ods-base-tokens-font-size-body);
  color: var(--ods-text-color-neutral-cold-700);
}

small,
.text-small {
  font-weight: var(--ods-base-tokens-font-weight-regular);
  font-size: var(--ods-base-tokens-font-size-small);
  color: var(--ods-text-small-color-light);
}

.text-weight-regular {
  font-weight: var(--ods-base-tokens-font-weight-regular);
}

.text-weight-medium {
  font-weight: var(--ods-base-tokens-font-weight-medium);
}

.text-weight-bold {
  font-weight: var(--ods-base-tokens-font-weight-bold);
}