/** * Do not edit directly, this file was auto-generated. */ * { --dbcr-whitelabel-brand-color-violet-100: #eeeef4; --dbcr-whitelabel-brand-color-violet-200: #f1eefb; --dbcr-whitelabel-brand-color-violet-300: #d4cdf4; --dbcr-whitelabel-brand-color-violet-350: #a0a4ff; --dbcr-whitelabel-brand-color-violet-400: #7157db; --dbcr-whitelabel-brand-color-violet-500: #5333d4; --dbcr-whitelabel-brand-color-violet-600: #4427b9; --dbcr-whitelabel-brand-color-violet-700: #351e8f; --dbcr-whitelabel-brand-color-violet-800: #22184e; --dbcr-whitelabel-brand-color-blue-100: #f2f8fd; --dbcr-whitelabel-brand-color-blue-200: #e4f0fa; --dbcr-whitelabel-brand-color-blue-300: #c3e0f4; --dbcr-whitelabel-brand-color-blue-400: #8ec8eb; --dbcr-whitelabel-brand-color-blue-500: #359ad4; --dbcr-whitelabel-brand-color-blue-600: #185d8c; --dbcr-whitelabel-brand-color-spicyorange-100: #fff5ed; --dbcr-whitelabel-brand-color-spicyorange-200: #ffe9d5; --dbcr-whitelabel-brand-color-spicyorange-300: #ffcba2; --dbcr-whitelabel-brand-color-spicyorange-500: #ffa35c; --dbcr-whitelabel-brand-color-spicyorange-600: #ff801f; --dbcr-whitelabel-brand-color-spicyorange-700: #fc5d13; --dbcr-whitelabel-brand-color-spicyorange-800: #c42e0a; --dbcr-whitelabel-brand-color-spicyorange-900: #9c2610; --dbcr-whitelabel-brand-color-grey-100: #f5f7fa; --dbcr-whitelabel-brand-color-grey-200: #dce1e6; --dbcr-whitelabel-brand-color-grey-300: #a4abb3; --dbcr-whitelabel-brand-color-grey-400: #808890; --dbcr-whitelabel-brand-color-grey-500: #656d75; --dbcr-whitelabel-brand-color-grey-600: #46494d; --dbcr-whitelabel-brand-color-grey-700: #17181a; --dbcr-whitelabel-brand-color-neutral-100: #fff; --dbcr-whitelabel-brand-color-neutral-200: #000; --dbcr-whitelabel-brand-color-red-100: #ffe9ed; --dbcr-whitelabel-brand-color-red-200: #ffe4e7; --dbcr-whitelabel-brand-color-red-300: #f6afbb; --dbcr-whitelabel-brand-color-red-400: #fc708a; --dbcr-whitelabel-brand-color-red-500: #db1a4d; --dbcr-whitelabel-brand-color-red-600: #961235; --dbcr-whitelabel-brand-color-green-100: #e9f7f3; --dbcr-whitelabel-brand-color-green-200: #b8e6d9; --dbcr-whitelabel-brand-color-green-300: #a4f6d1; --dbcr-whitelabel-brand-color-green-400: #0abf86; --dbcr-whitelabel-brand-color-green-500: #007e5c; --dbcr-whitelabel-brand-color-green-600: #005942; --dbcr-whitelabel-brand-color-orange-100: #fce8d9; --dbcr-whitelabel-brand-color-orange-200: #f9d9af; --dbcr-whitelabel-brand-color-orange-300: #f5bc7c; --dbcr-whitelabel-brand-color-orange-400: #f3a468; --dbcr-whitelabel-brand-color-orange-500: #de7b30; --dbcr-whitelabel-brand-color-orange-600: #a8500e; --dbcr-whitelabel-brand-color-additional-100: #238426; --dbcr-whitelabel-brand-color-additional-200: #9747ff; --dbcr-whitelabel-brand-color-additional-300: #4cd964; --dbcr-whitelabel-brand-color-additional-400: #b7e2d6; --dbcr-whitelabel-brand-color-additional-500: #ed2ea1; --dbcr-whitelabel-brand-color-additional-600: #ed952e; --dbcr-whitelabel-brand-color-additional-700: #d5ae9d; --dbcr-whitelabel-brand-color-additional-800: #fc0; --dbcr-whitelabel-base-color-neutral-100: rgb(255 255 255 / 10%); --dbcr-whitelabel-base-color-neutral-200: rgb(255 255 255 / 50%); --dbcr-whitelabel-base-color-neutral-300: #fff; --dbcr-whitelabel-base-color-neutral-400: #000; --dbcr-whitelabel-base-color-neutral-500: #fff; --dbcr-whitelabel-base-color-neutral-600: #000; --dbcr-whitelabel-base-shadow-level-0-color: #000; --dbcr-whitelabel-base-shadow-level-1-color: #000; --dbcr-whitelabel-base-shadow-level-2-color: #000; --dbcr-whitelabel-base-shadow-level-3-color: #000; --dbcr-whitelabel-base-shadow-level-4-color: #000; --dbcr-whitelabel-base-shadow-level-5-color: #000; --dbcr-whitelabel-base-shadow-level-6-color: #000; --dbcr-components-button-secondary-background-default: rgb(255 255 255 / 0%); --dbcr-components-button-secondary-background-disabled: rgb(255 255 255 / 0%); --dbcr-components-button-secondary-background-default-on-highlight: rgb(255 255 255 / 0%); --dbcr-components-button-secondary-background-disabled-on-highlight: rgb(255 255 255 / 0%); --dbcr-components-button-tertiary-background-default: rgb(255 255 255 / 0%); --dbcr-components-button-tertiary-background-disabled: rgb(255 255 255 / 0%); --dbcr-components-button-tertiary-background-default-on-highlight: rgb(255 255 255 / 0%); --dbcr-components-button-tertiary-background-disabled-on-highlight: rgb(255 255 255 / 0%); --dbcr-components-button-tertiary-border-default: rgb(255 255 255 / 0%); --dbcr-components-button-tertiary-border-disabled: rgb(255 255 255 / 0%); --dbcr-components-button-tertiary-border-default-on-highlight: rgb(255 255 255 / 0%); --dbcr-components-button-tertiary-border-disabled-on-highlight: rgb(255 255 255 / 0%); --dbcr-components-button-destructive-secondary-background-default: rgb(255 255 255 / 0%); --dbcr-components-button-destructive-secondary-background-disabled: rgb(255 255 255 / 0%); --dbcr-components-button-destructive-secondary-background-default-on-highlight: rgb(255 255 255 / 0%); --dbcr-components-button-destructive-secondary-background-disabled-on-highlight: rgb(255 255 255 / 0%); --dbcr-components-button-destructive-tertiary-background-default: rgb(255 255 255 / 0%); --dbcr-components-button-destructive-tertiary-background-disabled: rgb(255 255 255 / 0%); --dbcr-components-button-destructive-tertiary-background-default-on-highlight: rgb(255 255 255 / 0%); --dbcr-components-button-destructive-tertiary-background-disabled-on-highlight: rgb(255 255 255 / 0%); --dbcr-components-button-destructive-tertiary-border-default: rgb(255 255 255 / 0%); --dbcr-components-button-destructive-tertiary-border-disabled: rgb(255 255 255 / 0%); --dbcr-components-button-destructive-tertiary-border-default-on-highlight: rgb(255 255 255 / 0%); --dbcr-components-button-destructive-tertiary-border-disabled-on-highlight: rgb(255 255 255 / 0%); --dbcr-whitelabel-base-color-primary-100: var(--dbcr-whitelabel-brand-color-violet-100); --dbcr-whitelabel-base-color-primary-200: var(--dbcr-whitelabel-brand-color-violet-200); --dbcr-whitelabel-base-color-primary-300: var(--dbcr-whitelabel-brand-color-violet-300); --dbcr-whitelabel-base-color-primary-400: var(--dbcr-whitelabel-brand-color-violet-400); --dbcr-whitelabel-base-color-primary-500: var(--dbcr-whitelabel-brand-color-violet-500); --dbcr-whitelabel-base-color-primary-600: var(--dbcr-whitelabel-brand-color-violet-600); --dbcr-whitelabel-base-color-primary-700: var(--dbcr-whitelabel-brand-color-violet-700); --dbcr-whitelabel-base-color-secondary-100: var(--dbcr-whitelabel-brand-color-spicyorange-300); --dbcr-whitelabel-base-color-secondary-200: var(--dbcr-whitelabel-brand-color-spicyorange-500); --dbcr-whitelabel-base-color-secondary-300: var(--dbcr-whitelabel-brand-color-spicyorange-600); --dbcr-whitelabel-base-color-shade-100: var(--dbcr-whitelabel-brand-color-grey-100); --dbcr-whitelabel-base-color-shade-200: var(--dbcr-whitelabel-brand-color-grey-200); --dbcr-whitelabel-base-color-shade-300: var(--dbcr-whitelabel-brand-color-grey-300); --dbcr-whitelabel-base-color-shade-350: var(--dbcr-whitelabel-brand-color-grey-400); --dbcr-whitelabel-base-color-shade-400: var(--dbcr-whitelabel-brand-color-grey-600); --dbcr-whitelabel-base-color-shade-500: var(--dbcr-whitelabel-brand-color-grey-700); --dbcr-whitelabel-base-color-positive-100: var(--dbcr-whitelabel-brand-color-green-100); --dbcr-whitelabel-base-color-positive-200: var(--dbcr-whitelabel-brand-color-green-500); --dbcr-whitelabel-base-color-positive-300: var(--dbcr-whitelabel-brand-color-green-600); --dbcr-whitelabel-base-color-negative-100: var(--dbcr-whitelabel-brand-color-red-100); --dbcr-whitelabel-base-color-negative-200: var(--dbcr-whitelabel-brand-color-red-500); --dbcr-whitelabel-base-color-negative-300: var(--dbcr-whitelabel-brand-color-red-600); --dbcr-whitelabel-base-color-warning-100: var(--dbcr-whitelabel-brand-color-orange-100); --dbcr-whitelabel-base-color-warning-200: var(--dbcr-whitelabel-brand-color-orange-500); --dbcr-whitelabel-base-color-warning-300: var(--dbcr-whitelabel-brand-color-orange-600); --dbcr-whitelabel-base-color-info-100: var(--dbcr-whitelabel-brand-color-blue-100); --dbcr-whitelabel-base-color-info-200: var(--dbcr-whitelabel-brand-color-blue-500); --dbcr-whitelabel-base-color-info-300: var(--dbcr-whitelabel-brand-color-blue-600); --dbcr-whitelabel-base-color-text-white: var(--dbcr-whitelabel-base-color-neutral-500); --dbcr-whitelabel-base-color-text-black: var(--dbcr-whitelabel-base-color-neutral-600); --dbcr-whitelabel-base-color-charts-100: var(--dbcr-whitelabel-brand-color-additional-100); --dbcr-whitelabel-base-color-charts-200: var(--dbcr-whitelabel-brand-color-additional-200); --dbcr-whitelabel-base-color-charts-300: var(--dbcr-whitelabel-brand-color-additional-300); --dbcr-whitelabel-base-color-charts-400: var(--dbcr-whitelabel-brand-color-additional-400); --dbcr-whitelabel-base-color-charts-500: var(--dbcr-whitelabel-brand-color-additional-500); --dbcr-whitelabel-base-color-charts-600: var(--dbcr-whitelabel-brand-color-additional-600); --dbcr-whitelabel-base-color-charts-700: var(--dbcr-whitelabel-brand-color-additional-700); --dbcr-whitelabel-base-color-charts-800: var(--dbcr-whitelabel-brand-color-additional-800); --dbcr-semantic-color-background-white: var(--dbcr-whitelabel-base-color-neutral-300); --dbcr-semantic-color-background-body: var(--dbcr-whitelabel-base-color-neutral-300); --dbcr-semantic-color-background-black: var(--dbcr-whitelabel-base-color-neutral-400); --dbcr-semantic-color-background-inverted: var(--dbcr-whitelabel-base-color-neutral-500); --dbcr-semantic-color-background-interactive-default: var(--dbcr-whitelabel-base-color-neutral-300); --dbcr-semantic-color-background-interactive-read-only: var(--dbcr-whitelabel-base-color-neutral-300); --dbcr-semantic-color-background-interactive-dark-read-only: var(--dbcr-whitelabel-base-color-neutral-300); --dbcr-semantic-color-icon-default-inverted: var(--dbcr-whitelabel-base-color-neutral-300); --dbcr-semantic-color-icon-disabled-light: var(--dbcr-whitelabel-brand-color-grey-200); --dbcr-semantic-color-text-text-inverted: var(--dbcr-whitelabel-base-color-neutral-300); --dbcr-semantic-color-text-placeholder: var(--dbcr-whitelabel-brand-color-grey-500); --dbcr-semantic-elevation-level-0-color: var(--dbcr-whitelabel-base-shadow-level-0-color); --dbcr-semantic-elevation-level-1-color: var(--dbcr-whitelabel-base-shadow-level-2-color); --dbcr-semantic-elevation-level-2-color: var(--dbcr-whitelabel-base-shadow-level-3-color); --dbcr-components-header-main-background-hover: var(--dbcr-whitelabel-base-color-neutral-300); --dbcr-components-header-main-background-active: var(--dbcr-whitelabel-base-color-neutral-300); --dbcr-components-header-sub-background-default: var(--dbcr-whitelabel-base-color-neutral-300); --dbcr-components-header-sub-background-hover: var(--dbcr-whitelabel-base-color-neutral-300); --dbcr-components-header-sub-background-active: var(--dbcr-whitelabel-base-color-neutral-300); --dbcr-whitelabel-base-color-text-default: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-whitelabel-base-color-text-heading: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-whitelabel-base-color-text-heading-brand: var(--dbcr-whitelabel-base-color-primary-500); --dbcr-whitelabel-base-color-text-body: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-whitelabel-base-color-text-caption: var(--dbcr-whitelabel-base-color-shade-300); --dbcr-whitelabel-base-color-text-primary: var(--dbcr-whitelabel-base-color-primary-500); --dbcr-whitelabel-base-color-text-secondary: var(--dbcr-whitelabel-base-color-secondary-300); --dbcr-whitelabel-base-color-text-hover: var(--dbcr-whitelabel-base-color-primary-600); --dbcr-whitelabel-base-color-text-pressed: var(--dbcr-whitelabel-base-color-primary-700); --dbcr-whitelabel-base-color-text-inverted-pressed: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-whitelabel-base-color-text-inverted-default: var(--dbcr-whitelabel-base-color-shade-100); --dbcr-whitelabel-base-color-text-positive: var(--dbcr-whitelabel-base-color-positive-300); --dbcr-whitelabel-base-color-text-negative: var(--dbcr-whitelabel-base-color-negative-300); --dbcr-whitelabel-base-color-text-warning: var(--dbcr-whitelabel-base-color-warning-300); --dbcr-whitelabel-base-color-text-info: var(--dbcr-whitelabel-base-color-info-300); --dbcr-semantic-color-background-dark: var(--dbcr-whitelabel-base-color-shade-100); --dbcr-semantic-color-background-action-default: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-action-hover: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-action-active: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-action-destructive-default: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-action-destructive-hover: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-action-destructive-active: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-action-disabled: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-background-action-default-on-highlight: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-action-hover-on-highlight: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-action-active-on-highlight: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-action-destructive-default-on-highlight: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-action-destructive-hover-on-highlight: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-action-destructive-active-on-highlight: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-action-disabled-on-highlight: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-background-backdrop-color: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-primary: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-primary-dark: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-secondary: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-semantic-color-background-interactive-hover: var(--dbcr-whitelabel-base-color-shade-100); --dbcr-semantic-color-background-interactive-active: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-background-interactive-disabled: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-background-interactive-inactive: var(--dbcr-whitelabel-base-color-shade-300); --dbcr-semantic-color-background-interactive-dark-default: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-background-interactive-dark-hover: var(--dbcr-whitelabel-base-color-shade-300); --dbcr-semantic-color-background-interactive-dark-active: var(--dbcr-whitelabel-base-color-shade-350); --dbcr-semantic-color-background-interactive-dark-disabled: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-background-validation-error-light: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-background-validation-error-regular: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-validation-error-dark: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-validation-warning-light: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-background-validation-warning-dark: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-validation-success-light: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-background-validation-success-dark: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-background-validation-info-light: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-border-primary: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-border-default: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-border-default-dark: var(--dbcr-whitelabel-base-color-shade-300); --dbcr-semantic-color-border-divider: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-border-forms-default: var(--dbcr-whitelabel-base-color-shade-350); --dbcr-semantic-color-border-forms-hover: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-border-forms-active: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-border-forms-disabled: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-border-forms-read-only: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-border-forms-disabled-dark: var(--dbcr-whitelabel-base-color-shade-300); --dbcr-semantic-color-border-interactive-default: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-border-interactive-hover: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-border-interactive-active: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-border-interactive-disabled: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-border-interactive-default-dark: var(--dbcr-whitelabel-base-color-shade-100); --dbcr-semantic-color-border-interactive-disabled-dark: var(--dbcr-whitelabel-base-color-shade-300); --dbcr-semantic-color-border-validation-error: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-border-validation-warning: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-border-validation-success: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-border-validation-info: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-border-validation-neutral: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-semantic-color-data-visualization-skeleton-100: var(--dbcr-whitelabel-base-color-shade-350); --dbcr-semantic-color-data-visualization-skeleton-200: var(--dbcr-whitelabel-base-color-shade-350); --dbcr-semantic-color-data-visualization-skeleton-300: var(--dbcr-whitelabel-base-color-shade-350); --dbcr-semantic-color-data-visualization-skeleton-400: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-semantic-color-data-visualization-skeleton-500: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-data-visualization-data-100: var(--dbcr-whitelabel-base-color-shade-350); --dbcr-semantic-color-data-visualization-data-200: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-semantic-color-data-visualization-data-300: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-data-visualization-data-400: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-semantic-color-data-visualization-data-500: var(--dbcr-whitelabel-base-color-shade-350); --dbcr-semantic-color-data-visualization-data-600: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-semantic-color-data-visualization-data-700: var(--dbcr-whitelabel-base-color-shade-300); --dbcr-semantic-color-data-visualization-data-800: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-semantic-color-data-visualization-background-default: var(--dbcr-semantic-color-background-body); --dbcr-semantic-color-data-visualization-background-hover: var(--dbcr-semantic-color-background-body); --dbcr-semantic-color-data-visualization-background-pressed: var(--dbcr-semantic-color-background-body); --dbcr-semantic-color-data-visualization-background-active: var(--dbcr-semantic-color-background-body); --dbcr-semantic-color-data-visualization-background-disabled: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-semantic-color-data-visualization-background-focus: var(--dbcr-semantic-color-background-body); --dbcr-semantic-color-icon-primary: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-icon-text: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-icon-caption: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-semantic-color-icon-error-light: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-icon-error-dark: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-icon-warning-light: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-icon-warning-dark: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-icon-success-light: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-icon-success-dark: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-icon-info-light: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-icon-info-dark: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-icon-disabled: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-semantic-color-text-heading: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-text-heading-brand: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-text-text: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-text-text-brand: var(--dbcr-semantic-color-text-text-inverted); --dbcr-semantic-color-text-caption: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-semantic-color-text-error: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-text-error-on-highlight: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-text-warning: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-text-success: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-text-info: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-text-interactive: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-text-hover: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-text-active: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-semantic-color-text-disabled: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-semantic-color-text-interactive-inverted: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-semantic-color-text-hover-inverted: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-semantic-color-text-active-inverted: var(--dbcr-whitelabel-base-color-shade-400); --dbcr-semantic-color-text-disabled-inverted: var(--dbcr-whitelabel-base-color-shade-350); --dbcr-components-header-meta-background-default: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-components-header-meta-background-hover: var(--dbcr-whitelabel-base-color-shade-300); --dbcr-components-header-meta-background-active: var(--dbcr-whitelabel-base-color-shade-300); --dbcr-components-header-meta-border-default: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-components-header-meta-icon-default: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-header-meta-icon-hover: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-header-meta-icon-active: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-header-meta-icon-focus: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-header-meta-text-default: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-header-meta-text-active: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-header-meta-text-hover: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-header-meta-text-focus: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-header-main-background-default: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-components-header-main-icon-default: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-header-main-text-default: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-header-main-text-hover: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-header-main-text-active: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-header-sub-border-active: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-header-sub-text-default: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-header-sub-text-hover: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-header-sub-text-active: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-2fa-module-mobile-tan-background-active: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-2fa-module-background-displayloading: var(--dbcr-semantic-color-background-white); --dbcr-components-2fa-module-icon-loading: var(--dbcr-whitelabel-base-color-shade-300); --dbcr-components-button-primary-text-default: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-primary-text-hover: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-primary-text-active: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-primary-text-default-on-highlight: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-primary-text-hover-on-highlight: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-primary-text-active-on-highlight: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-primary-icon-default: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-primary-icon-hover: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-primary-icon-active: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-primary-icon-default-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-primary-icon-hover-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-primary-icon-active-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-primary-icon-loading-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-secondary-text-hover: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-secondary-text-active: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-secondary-text-hover-on-highlight: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-secondary-text-active-on-highlight: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-secondary-icon-hover: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-secondary-icon-active: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-secondary-icon-hover-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-secondary-icon-active-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-secondary-icon-loading-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-tertiary-icon-loading-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-destructive-primary-text-default: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-destructive-primary-text-hover: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-destructive-primary-text-active: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-destructive-primary-text-default-on-highlight: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-destructive-primary-text-hover-on-highlight: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-destructive-primary-text-active-on-highlight: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-destructive-primary-icon-default: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-destructive-primary-icon-hover: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-destructive-primary-icon-active: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-destructive-primary-icon-default-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-destructive-primary-icon-hover-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-destructive-primary-icon-active-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-destructive-primary-icon-loading-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-destructive-secondary-text-hover: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-destructive-secondary-text-active: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-destructive-secondary-text-hover-on-highlight: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-destructive-secondary-text-active-on-highlight: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-destructive-secondary-icon-hover: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-destructive-secondary-icon-active: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-destructive-secondary-icon-hover-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-destructive-secondary-icon-active-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-destructive-secondary-icon-loading-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-destructive-tertiary-text-active: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-destructive-tertiary-text-active-on-highlight: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-button-destructive-tertiary-icon-active: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-destructive-tertiary-icon-active-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-button-destructive-tertiary-icon-loading-on-highlight: var(--dbcr-semantic-color-icon-default-inverted); --dbcr-components-body-background: var(--dbcr-semantic-color-background-body); --dbcr-components-decoration-text: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-footer-teaser-background-default: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-components-footer-teaser-background-hover: var(--dbcr-whitelabel-base-color-shade-300); --dbcr-components-footer-teaser-border-default: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-components-footer-teaser-icon-default: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-footer-teaser-text-title: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-footer-teaser-text-subline: var(--dbcr-whitelabel-base-color-shade-500); --dbcr-components-footer-links-background-default: var(--dbcr-whitelabel-base-color-shade-200); --dbcr-components-intro-background-default: var(--dbcr-semantic-color-background-white); --dbcr-components-date-picker-button-background-default: var(--dbcr-whitelabel-base-color-shade-100); --dbcr-components-date-picker-button-background-disabled: var(--dbcr-whitelabel-base-color-shade-100); --dbcr-components-last-login-background: var(--dbcr-semantic-color-background-body); --dbcr-components-login-side-panel-background-image-area: var(--dbcr-semantic-color-background-white); --dbcr-components-login-side-panel-background-text-area: var(--dbcr-semantic-color-background-white); --dbcr-components-login-panel-background-header: var(--dbcr-semantic-color-background-white); --dbcr-components-login-panel-background-body: var(--dbcr-semantic-color-background-white); --dbcr-components-stepper-background-counter: var(--dbcr-semantic-color-background-white); --dbcr-components-stimuli-teaser-large-background-default: var(--dbcr-semantic-color-background-white); --dbcr-components-stimuli-product-text-banderole-secondary: var(--dbcr-semantic-color-text-text-inverted); --dbcr-components-quicktip-illustration-background: var(--dbcr-semantic-color-background-white); --dbcr-components-checkbox-background-default: var(--dbcr-semantic-color-background-interactive-default); --dbcr-components-checkbox-background-read-only: var(--dbcr-semantic-color-background-interactive-read-only); --dbcr-semantic-color-background-brand: var(--dbcr-semantic-color-background-secondary); --dbcr-semantic-color-border-action-default: var(--dbcr-semantic-color-background-action-default); --dbcr-semantic-color-border-action-hover: var(--dbcr-semantic-color-background-action-hover); --dbcr-semantic-color-border-action-active: var(--dbcr-semantic-color-background-action-active); --dbcr-semantic-color-border-action-destructive-default: var(--dbcr-semantic-color-background-action-destructive-default); --dbcr-semantic-color-border-action-destructive-hover: var(--dbcr-semantic-color-background-action-destructive-hover); --dbcr-semantic-color-border-action-destructive-active: var(--dbcr-semantic-color-background-action-destructive-active); --dbcr-semantic-color-border-action-disabled: var(--dbcr-semantic-color-background-action-disabled); --dbcr-semantic-color-border-action-default-on-highlight: var(--dbcr-semantic-color-background-action-default-on-highlight); --dbcr-semantic-color-border-action-hover-on-highlight: var(--dbcr-semantic-color-background-action-hover-on-highlight); --dbcr-semantic-color-border-action-active-on-highlight: var(--dbcr-semantic-color-background-action-active-on-highlight); --dbcr-semantic-color-border-action-destructive-default-on-highlight: var( --dbcr-semantic-color-background-action-destructive-default-on-highlight ); --dbcr-semantic-color-border-action-destructive-hover-on-highlight: var( --dbcr-semantic-color-background-action-destructive-hover-on-highlight ); --dbcr-semantic-color-border-action-destructive-active-on-highlight: var( --dbcr-semantic-color-background-action-destructive-active-on-highlight ); --dbcr-semantic-color-border-action-disabled-on-highlight: var(--dbcr-semantic-color-background-action-disabled-on-highlight); --dbcr-semantic-color-data-visualization-data-1000: var(--dbcr-semantic-color-background-primary); --dbcr-semantic-color-data-visualization-data-1200: var(--dbcr-semantic-color-background-secondary); --dbcr-semantic-color-data-visualization-data-positiv: var(--dbcr-semantic-color-icon-success-light); --dbcr-semantic-color-data-visualization-data-negative: var(--dbcr-semantic-color-icon-error-light); --dbcr-semantic-color-data-visualization-skeleton-x-axies: var(--dbcr-semantic-color-data-visualization-skeleton-300); --dbcr-semantic-color-data-visualization-skeleton-y-axies: var(--dbcr-semantic-color-data-visualization-skeleton-300); --dbcr-semantic-color-data-visualization-skeleton-grid: var(--dbcr-semantic-color-data-visualization-skeleton-200); --dbcr-semantic-color-data-visualization-text-legend: var(--dbcr-semantic-color-text-caption); --dbcr-semantic-color-data-visualization-text-x-axies: var(--dbcr-semantic-color-text-caption); --dbcr-semantic-color-data-visualization-text-y-axies: var(--dbcr-semantic-color-text-caption); --dbcr-semantic-color-icon-interactive: var(--dbcr-semantic-color-background-action-default); --dbcr-semantic-color-icon-hover: var(--dbcr-semantic-color-background-action-hover); --dbcr-semantic-color-icon-active: var(--dbcr-semantic-color-background-action-active); --dbcr-semantic-color-text-dark-default: var(--dbcr-semantic-color-text-interactive); --dbcr-semantic-color-text-dark-hover: var(--dbcr-semantic-color-text-interactive); --dbcr-semantic-color-text-dark-active: var(--dbcr-semantic-color-text-interactive); --dbcr-semantic-color-text-dark-disabled: var(--dbcr-semantic-color-text-disabled); --dbcr-semantic-color-text-dark-read-only: var(--dbcr-semantic-color-text-interactive); --dbcr-components-header-sub-background-active-mobile: var(--dbcr-semantic-color-background-interactive-active); --dbcr-components-header-border-bottom-default: var(--dbcr-components-header-main-background-default); --dbcr-components-2fa-module-mobile-tan-border-default: var(--dbcr-semantic-color-border-default-dark); --dbcr-components-2fa-module-mobile-tan-border-active: var(--dbcr-semantic-color-border-primary); --dbcr-components-2fa-module-background-display: var(--dbcr-semantic-color-background-secondary); --dbcr-components-2fa-module-border-display: var(--dbcr-semantic-color-border-default-dark); --dbcr-components-2fa-module-icon-display: var(--dbcr-semantic-color-icon-disabled); --dbcr-components-button-primary-background-default: var(--dbcr-semantic-color-background-action-default); --dbcr-components-button-primary-background-hover: var(--dbcr-semantic-color-background-action-hover); --dbcr-components-button-primary-background-active: var(--dbcr-semantic-color-background-action-active); --dbcr-components-button-primary-background-disabled: var(--dbcr-semantic-color-background-action-disabled); --dbcr-components-button-primary-background-default-on-highlight: var(--dbcr-semantic-color-background-action-default-on-highlight); --dbcr-components-button-primary-background-hover-on-highlight: var(--dbcr-semantic-color-background-action-hover-on-highlight); --dbcr-components-button-primary-background-active-on-highlight: var(--dbcr-semantic-color-background-action-active-on-highlight); --dbcr-components-button-primary-background-disabled-on-highlight: var(--dbcr-semantic-color-background-action-disabled-on-highlight); --dbcr-components-button-primary-text-disabled: var(--dbcr-semantic-color-text-disabled); --dbcr-components-button-primary-text-disabled-on-highlight: var(--dbcr-semantic-color-text-disabled); --dbcr-components-button-primary-icon-disabled: var(--dbcr-semantic-color-icon-disabled); --dbcr-components-button-primary-icon-loading: var(--dbcr-semantic-color-icon-primary); --dbcr-components-button-primary-icon-disabled-on-highlight: var(--dbcr-semantic-color-icon-disabled); --dbcr-components-button-secondary-background-hover: var(--dbcr-semantic-color-background-action-hover); --dbcr-components-button-secondary-background-active: var(--dbcr-semantic-color-background-action-active); --dbcr-components-button-secondary-background-hover-on-highlight: var(--dbcr-semantic-color-background-action-hover-on-highlight); --dbcr-components-button-secondary-background-active-on-highlight: var(--dbcr-semantic-color-background-action-active-on-highlight); --dbcr-components-button-secondary-text-default: var(--dbcr-semantic-color-text-interactive); --dbcr-components-button-secondary-text-disabled: var(--dbcr-semantic-color-text-disabled); --dbcr-components-button-secondary-text-default-on-highlight: var(--dbcr-semantic-color-text-interactive); --dbcr-components-button-secondary-text-disabled-on-highlight: var(--dbcr-semantic-color-text-disabled); --dbcr-components-button-secondary-icon-disabled: var(--dbcr-semantic-color-icon-disabled); --dbcr-components-button-secondary-icon-loading: var(--dbcr-semantic-color-icon-primary); --dbcr-components-button-secondary-icon-disabled-on-highlight: var(--dbcr-semantic-color-icon-disabled); --dbcr-components-button-tertiary-background-hover: var(--dbcr-semantic-color-background-interactive-hover); --dbcr-components-button-tertiary-background-active: var(--dbcr-semantic-color-background-interactive-active); --dbcr-components-button-tertiary-background-hover-on-highlight: var(--dbcr-semantic-color-background-interactive-hover); --dbcr-components-button-tertiary-background-active-on-highlight: var(--dbcr-semantic-color-background-interactive-active); --dbcr-components-button-tertiary-border-hover: var(--dbcr-semantic-color-background-interactive-hover); --dbcr-components-button-tertiary-border-active: var(--dbcr-semantic-color-background-interactive-active); --dbcr-components-button-tertiary-border-hover-on-highlight: var(--dbcr-semantic-color-background-interactive-hover); --dbcr-components-button-tertiary-border-active-on-highlight: var(--dbcr-semantic-color-background-interactive-active); --dbcr-components-button-tertiary-text-default: var(--dbcr-semantic-color-text-interactive); --dbcr-components-button-tertiary-text-hover: var(--dbcr-semantic-color-text-interactive); --dbcr-components-button-tertiary-text-active: var(--dbcr-semantic-color-text-interactive); --dbcr-components-button-tertiary-text-disabled: var(--dbcr-semantic-color-text-disabled); --dbcr-components-button-tertiary-text-default-on-highlight: var(--dbcr-semantic-color-text-interactive); --dbcr-components-button-tertiary-text-hover-on-highlight: var(--dbcr-semantic-color-text-interactive); --dbcr-components-button-tertiary-text-active-on-highlight: var(--dbcr-semantic-color-text-interactive); --dbcr-components-button-tertiary-text-disabled-on-highlight: var(--dbcr-semantic-color-text-disabled); --dbcr-components-button-tertiary-icon-disabled: var(--dbcr-semantic-color-icon-disabled); --dbcr-components-button-tertiary-icon-loading: var(--dbcr-semantic-color-icon-primary); --dbcr-components-button-tertiary-icon-disabled-on-highlight: var(--dbcr-semantic-color-icon-disabled); --dbcr-components-button-destructive-primary-background-default: var(--dbcr-semantic-color-background-action-destructive-default); --dbcr-components-button-destructive-primary-background-hover: var(--dbcr-semantic-color-background-action-destructive-hover); --dbcr-components-button-destructive-primary-background-active: var(--dbcr-semantic-color-background-action-destructive-active); --dbcr-components-button-destructive-primary-background-disabled: var(--dbcr-semantic-color-background-action-disabled); --dbcr-components-button-destructive-primary-background-default-on-highlight: var( --dbcr-semantic-color-background-action-destructive-default-on-highlight ); --dbcr-components-button-destructive-primary-background-hover-on-highlight: var( --dbcr-semantic-color-background-action-destructive-hover-on-highlight ); --dbcr-components-button-destructive-primary-background-active-on-highlight: var( --dbcr-semantic-color-background-action-destructive-active-on-highlight ); --dbcr-components-button-destructive-primary-background-disabled-on-highlight: var( --dbcr-semantic-color-background-action-disabled-on-highlight ); --dbcr-components-button-destructive-primary-text-disabled: var(--dbcr-semantic-color-text-disabled); --dbcr-components-button-destructive-primary-text-disabled-on-highlight: var(--dbcr-semantic-color-text-disabled); --dbcr-components-button-destructive-primary-icon-disabled: var(--dbcr-semantic-color-icon-disabled); --dbcr-components-button-destructive-primary-icon-loading: var(--dbcr-semantic-color-icon-primary); --dbcr-components-button-destructive-primary-icon-disabled-on-highlight: var(--dbcr-semantic-color-icon-disabled); --dbcr-components-button-destructive-secondary-background-hover: var(--dbcr-semantic-color-background-action-destructive-hover); --dbcr-components-button-destructive-secondary-background-active: var(--dbcr-semantic-color-background-action-destructive-active); --dbcr-components-button-destructive-secondary-background-hover-on-highlight: var( --dbcr-semantic-color-background-action-destructive-hover-on-highlight ); --dbcr-components-button-destructive-secondary-background-active-on-highlight: var( --dbcr-semantic-color-background-action-destructive-active-on-highlight ); --dbcr-components-button-destructive-secondary-text-default: var(--dbcr-semantic-color-text-error); --dbcr-components-button-destructive-secondary-text-disabled: var(--dbcr-semantic-color-text-disabled); --dbcr-components-button-destructive-secondary-text-default-on-highlight: var(--dbcr-semantic-color-text-error-on-highlight); --dbcr-components-button-destructive-secondary-text-disabled-on-highlight: var(--dbcr-semantic-color-text-disabled); --dbcr-components-button-destructive-secondary-icon-default: var(--dbcr-semantic-color-icon-error-dark); --dbcr-components-button-destructive-secondary-icon-disabled: var(--dbcr-semantic-color-icon-disabled); --dbcr-components-button-destructive-secondary-icon-loading: var(--dbcr-semantic-color-icon-primary); --dbcr-components-button-destructive-secondary-icon-default-on-highlight: var(--dbcr-semantic-color-icon-error-dark); --dbcr-components-button-destructive-secondary-icon-disabled-on-highlight: var(--dbcr-semantic-color-icon-disabled); --dbcr-components-button-destructive-tertiary-background-hover: var(--dbcr-semantic-color-background-validation-error-light); --dbcr-components-button-destructive-tertiary-background-active: var(--dbcr-semantic-color-background-action-destructive-active); --dbcr-components-button-destructive-tertiary-background-hover-on-highlight: var(--dbcr-semantic-color-background-validation-error-light); --dbcr-components-button-destructive-tertiary-background-active-on-highlight: var( --dbcr-semantic-color-background-action-destructive-active-on-highlight ); --dbcr-components-button-destructive-tertiary-border-hover: var(--dbcr-semantic-color-background-validation-error-light); --dbcr-components-button-destructive-tertiary-border-hover-on-highlight: var(--dbcr-semantic-color-background-validation-error-light); --dbcr-components-button-destructive-tertiary-text-default: var(--dbcr-semantic-color-text-error); --dbcr-components-button-destructive-tertiary-text-hover: var(--dbcr-semantic-color-text-error); --dbcr-components-button-destructive-tertiary-text-disabled: var(--dbcr-semantic-color-text-disabled); --dbcr-components-button-destructive-tertiary-text-default-on-highlight: var(--dbcr-semantic-color-text-error-on-highlight); --dbcr-components-button-destructive-tertiary-text-hover-on-highlight: var(--dbcr-semantic-color-text-error); --dbcr-components-button-destructive-tertiary-text-disabled-on-highlight: var(--dbcr-semantic-color-text-disabled); --dbcr-components-button-destructive-tertiary-icon-default: var(--dbcr-semantic-color-icon-error-dark); --dbcr-components-button-destructive-tertiary-icon-hover: var(--dbcr-semantic-color-icon-error-dark); --dbcr-components-button-destructive-tertiary-icon-disabled: var(--dbcr-semantic-color-icon-disabled); --dbcr-components-button-destructive-tertiary-icon-loading: var(--dbcr-semantic-color-icon-primary); --dbcr-components-button-destructive-tertiary-icon-default-on-highlight: var(--dbcr-semantic-color-text-error-on-highlight); --dbcr-components-button-destructive-tertiary-icon-hover-on-highlight: var(--dbcr-semantic-color-icon-error-dark); --dbcr-components-button-destructive-tertiary-icon-disabled-on-highlight: var(--dbcr-semantic-color-icon-disabled); --dbcr-components-decoration-background: var(--dbcr-semantic-color-background-secondary); --dbcr-components-footer-links-text-default: var(--dbcr-semantic-color-text-interactive); --dbcr-components-footer-links-text-hover: var(--dbcr-semantic-color-text-hover); --dbcr-components-footer-links-text-active: var(--dbcr-semantic-color-text-active); --dbcr-components-footer-links-text-text: var(--dbcr-semantic-color-text-text); --dbcr-components-footer-links-border-default: var(--dbcr-components-footer-links-background-default); --dbcr-components-date-picker-button-background-hover: var(--dbcr-semantic-color-background-primary); --dbcr-components-date-picker-button-background-active: var(--dbcr-semantic-color-background-primary-dark); --dbcr-components-date-picker-button-background-range: var(--dbcr-semantic-color-background-interactive-active); --dbcr-components-login-side-panel-background-footer: var(--dbcr-components-footer-links-background-default); --dbcr-components-login-side-panel-text-heading: var(--dbcr-semantic-color-text-heading); --dbcr-components-login-panel-border-forms-default: var(--dbcr-semantic-color-border-forms-default); --dbcr-components-login-panel-border-forms-hover: var(--dbcr-semantic-color-border-forms-hover); --dbcr-components-login-panel-border-forms-active: var(--dbcr-semantic-color-border-forms-active); --dbcr-components-login-panel-border-forms-disabled: var(--dbcr-semantic-color-border-forms-disabled); --dbcr-components-login-panel-border-forms-read-only: var(--dbcr-semantic-color-border-forms-read-only); --dbcr-components-login-panel-border-forms-disabled-dark: var(--dbcr-semantic-color-border-forms-disabled-dark); --dbcr-components-login-panel-text-headline: var(--dbcr-semantic-color-text-heading-brand); --dbcr-components-progress-bar-background-bar: var(--dbcr-semantic-color-border-default); --dbcr-components-progress-bar-text-values-highlight: var(--dbcr-semantic-color-text-interactive); --dbcr-components-progress-bar-text-values-default: var(--dbcr-semantic-color-text-caption); --dbcr-components-stepper-background-bar: var(--dbcr-semantic-color-border-default); --dbcr-components-stepper-background-progress: var(--dbcr-semantic-color-background-primary); --dbcr-components-stepper-background-divider: var(--dbcr-semantic-color-border-default); --dbcr-components-stepper-border-bar: var(--dbcr-semantic-color-border-default); --dbcr-components-stepper-border-progress: var(--dbcr-semantic-color-background-primary); --dbcr-components-stepper-icon-default: var(--dbcr-semantic-color-border-default); --dbcr-components-stimuli-background-default: var(--dbcr-semantic-color-border-interactive-default-dark); --dbcr-components-toast-with-counter-background: var(--dbcr-semantic-color-background-secondary); --dbcr-components-toast-with-counter-text: var(--dbcr-semantic-color-text-text); --dbcr-components-toast-with-counter-content-counter-label: var(--dbcr-semantic-color-text-interactive); --dbcr-components-toast-with-counter-content-counter-progressbar: var(--dbcr-semantic-color-background-primary); --dbcr-components-quicktip-illustration-border: var(--dbcr-semantic-color-background-primary); --dbcr-components-checkbox-background-hover: var(--dbcr-semantic-color-background-interactive-hover); --dbcr-components-checkbox-background-disabled: var(--dbcr-semantic-color-background-interactive-disabled); --dbcr-components-checkbox-border-default: var(--dbcr-semantic-color-border-forms-default); --dbcr-components-checkbox-border-hover: var(--dbcr-semantic-color-border-forms-hover); --dbcr-components-checkbox-border-disabled: var(--dbcr-semantic-color-border-forms-disabled-dark); --dbcr-components-checkbox-border-read-only: var(--dbcr-semantic-color-border-forms-read-only); --dbcr-components-checkbox-border-error: var(--dbcr-semantic-color-border-validation-error); --dbcr-semantic-color-border-focus: var(--dbcr-semantic-color-border-action-default); --dbcr-semantic-color-data-visualization-skeleton-x-tick: var(--dbcr-semantic-color-data-visualization-skeleton-x-axies); --dbcr-semantic-color-data-visualization-skeleton-y-tick: var(--dbcr-semantic-color-data-visualization-skeleton-y-axies); --dbcr-components-2fa-module-icon-message: var(--dbcr-semantic-color-icon-interactive); --dbcr-components-button-primary-border-default: var(--dbcr-semantic-color-border-action-default); --dbcr-components-button-primary-border-hover: var(--dbcr-semantic-color-border-action-hover); --dbcr-components-button-primary-border-active: var(--dbcr-semantic-color-border-action-active); --dbcr-components-button-primary-border-disabled: var(--dbcr-semantic-color-border-action-disabled); --dbcr-components-button-primary-border-default-on-highlight: var(--dbcr-semantic-color-border-action-default-on-highlight); --dbcr-components-button-primary-border-hover-on-highlight: var(--dbcr-semantic-color-border-action-hover-on-highlight); --dbcr-components-button-primary-border-active-on-highlight: var(--dbcr-semantic-color-border-action-active-on-highlight); --dbcr-components-button-primary-border-disabled-on-highlight: var(--dbcr-semantic-color-border-action-disabled-on-highlight); --dbcr-components-button-secondary-border-default: var(--dbcr-semantic-color-border-action-default); --dbcr-components-button-secondary-border-hover: var(--dbcr-semantic-color-border-action-hover); --dbcr-components-button-secondary-border-active: var(--dbcr-semantic-color-border-action-active); --dbcr-components-button-secondary-border-disabled: var(--dbcr-semantic-color-border-action-disabled); --dbcr-components-button-secondary-border-default-on-highlight: var(--dbcr-semantic-color-border-action-default-on-highlight); --dbcr-components-button-secondary-border-hover-on-highlight: var(--dbcr-semantic-color-border-action-hover-on-highlight); --dbcr-components-button-secondary-border-active-on-highlight: var(--dbcr-semantic-color-border-action-active-on-highlight); --dbcr-components-button-secondary-border-disabled-on-highlight: var(--dbcr-semantic-color-border-action-disabled-on-highlight); --dbcr-components-button-secondary-icon-default: var(--dbcr-semantic-color-icon-interactive); --dbcr-components-button-secondary-icon-default-on-highlight: var(--dbcr-semantic-color-icon-interactive); --dbcr-components-button-tertiary-icon-default: var(--dbcr-semantic-color-icon-interactive); --dbcr-components-button-tertiary-icon-hover: var(--dbcr-semantic-color-icon-interactive); --dbcr-components-button-tertiary-icon-active: var(--dbcr-semantic-color-icon-interactive); --dbcr-components-button-tertiary-icon-default-on-highlight: var(--dbcr-semantic-color-icon-interactive); --dbcr-components-button-tertiary-icon-hover-on-highlight: var(--dbcr-semantic-color-icon-interactive); --dbcr-components-button-tertiary-icon-active-on-highlight: var(--dbcr-semantic-color-icon-interactive); --dbcr-components-button-destructive-primary-border-default: var(--dbcr-semantic-color-border-action-destructive-default); --dbcr-components-button-destructive-primary-border-hover: var(--dbcr-semantic-color-border-action-destructive-hover); --dbcr-components-button-destructive-primary-border-active: var(--dbcr-semantic-color-border-action-destructive-active); --dbcr-components-button-destructive-primary-border-disabled: var(--dbcr-semantic-color-border-action-disabled); --dbcr-components-button-destructive-primary-border-default-on-highlight: var( --dbcr-semantic-color-border-action-destructive-default-on-highlight ); --dbcr-components-button-destructive-primary-border-hover-on-highlight: var( --dbcr-semantic-color-border-action-destructive-hover-on-highlight ); --dbcr-components-button-destructive-primary-border-active-on-highlight: var( --dbcr-semantic-color-border-action-destructive-active-on-highlight ); --dbcr-components-button-destructive-primary-border-disabled-on-highlight: var(--dbcr-semantic-color-border-action-disabled-on-highlight); --dbcr-components-button-destructive-secondary-border-default: var(--dbcr-semantic-color-border-action-destructive-default); --dbcr-components-button-destructive-secondary-border-hover: var(--dbcr-semantic-color-border-action-destructive-hover); --dbcr-components-button-destructive-secondary-border-active: var(--dbcr-semantic-color-border-action-destructive-active); --dbcr-components-button-destructive-secondary-border-disabled: var(--dbcr-semantic-color-border-action-disabled); --dbcr-components-button-destructive-secondary-border-default-on-highlight: var( --dbcr-semantic-color-border-action-destructive-default-on-highlight ); --dbcr-components-button-destructive-secondary-border-hover-on-highlight: var( --dbcr-semantic-color-border-action-destructive-hover-on-highlight ); --dbcr-components-button-destructive-secondary-border-active-on-highlight: var( --dbcr-semantic-color-border-action-destructive-active-on-highlight ); --dbcr-components-button-destructive-secondary-border-disabled-on-highlight: var( --dbcr-semantic-color-border-action-disabled-on-highlight ); --dbcr-components-button-destructive-tertiary-border-active: var(--dbcr-semantic-color-border-action-destructive-active); --dbcr-components-button-destructive-tertiary-border-active-on-highlight: var( --dbcr-semantic-color-border-action-destructive-active-on-highlight ); --dbcr-components-login-side-panel-icon-default: var(--dbcr-semantic-color-icon-interactive); --dbcr-components-login-side-panel-text-text: var(--dbcr-components-footer-links-text-text); --dbcr-components-login-side-panel-text-links: var(--dbcr-components-footer-links-text-default); --dbcr-components-progress-bar-background-progress: var(--dbcr-semantic-color-data-visualization-data-1000); --dbcr-components-toast-with-counter-icon-button-default: var(--dbcr-semantic-color-icon-interactive); --dbcr-components-focus-visible-color: var(--dbcr-semantic-color-border-focus); }