:root,
[data-brand="mercedes-benz"] {
  --wb-color-fixed-component-360-viewer-on-dark-image-hint-gradient-end: rgba(105, 105, 105, 0);
  --wb-color-fixed-component-360-viewer-on-light-image-hint-gradient-end: rgba(159, 159, 159, 0);
  --wb-color-fixed-component-360-viewer-on-contrast-hint-gradient-end: rgba(105, 105, 105, 0);
  --wb-color-fixed-component-360-viewer-on-main-hint-gradient-end: rgba(159, 159, 159, 0);
  --wb-border-weight-stronger: var(--wb-border-weight-200);
  --wb-border-weight-strong: var(--wb-border-weight-150);
  --wb-border-weight-main: var(--wb-border-weight-100);
  --wb-border-weight-none: var(--wb-border-weight-0);
  --wb-border-radius-round: var(--wb-border-radius-full);
  --wb-border-radius-softer: var(--wb-border-radius-400);
  --wb-border-radius-soft: var(--wb-border-radius-200);
  --wb-border-radius-main: var(--wb-border-radius-100);
  --wb-border-radius-subtle: var(--wb-border-radius-50);
  --wb-border-radius-sharp: var(--wb-border-radius-0);
  --wb-typography-copy-static-small-strong-font-weight: var(--wb-typography-font-weight-strong);
  --wb-typography-copy-static-small-font-weight: var(--wb-typography-font-weight-main);
  --wb-typography-copy-static-small-font-family: var(--wb-typography-font-family-mercedes-benz-copy);
  --wb-typography-copy-static-medium-strong-font-weight: var(--wb-typography-font-weight-strong);
  --wb-typography-copy-static-medium-font-weight: var(--wb-typography-font-weight-main);
  --wb-typography-copy-static-medium-font-family: var(--wb-typography-font-family-mercedes-benz-copy);
  --wb-typography-copy-static-large-strong-font-weight: var(--wb-typography-font-weight-strong);
  --wb-typography-copy-static-large-font-weight: var(--wb-typography-font-weight-main);
  --wb-typography-copy-static-large-font-family: var(--wb-typography-font-family-mercedes-benz-copy);
  --wb-typography-copy-small-strong-font-weight: var(--wb-typography-font-weight-strong);
  --wb-typography-copy-small-font-weight: var(--wb-typography-font-weight-main);
  --wb-typography-copy-small-font-family: var(--wb-typography-font-family-mercedes-benz-copy);
  --wb-typography-copy-medium-strong-font-weight: var(--wb-typography-font-weight-strong);
  --wb-typography-copy-medium-font-weight: var(--wb-typography-font-weight-main);
  --wb-typography-copy-medium-font-family: var(--wb-typography-font-family-mercedes-benz-copy);
  --wb-typography-copy-large-strong-font-weight: var(--wb-typography-font-weight-strong);
  --wb-typography-copy-large-font-weight: var(--wb-typography-font-weight-main);
  --wb-typography-copy-large-font-family: var(--wb-typography-font-family-mercedes-benz-copy);
  --wb-typography-heading-smallest-font-weight: var(--wb-typography-font-weight-strong);
  --wb-typography-heading-smallest-font-family-chinese: var(--wb-typography-font-family-mercedes-benz-heading-sans-serif);
  --wb-typography-heading-smallest-font-family: var(--wb-typography-font-family-mercedes-benz-heading-sans-serif);
  --wb-typography-heading-small-font-weight: var(--wb-typography-font-weight-strong);
  --wb-typography-heading-small-font-family-chinese: var(--wb-typography-font-family-mercedes-benz-heading-sans-serif);
  --wb-typography-heading-small-font-family: var(--wb-typography-font-family-mercedes-benz-heading-sans-serif);
  --wb-typography-heading-medium-font-weight: var(--wb-typography-font-weight-main);
  --wb-typography-heading-medium-font-family-chinese: var(--wb-typography-font-family-mercedes-benz-heading-serif-chinese);
  --wb-typography-heading-medium-font-family: var(--wb-typography-font-family-mercedes-benz-heading-serif);
  --wb-typography-heading-large-font-weight: var(--wb-typography-font-weight-main);
  --wb-typography-heading-large-font-family-chinese: var(--wb-typography-font-family-mercedes-benz-heading-serif-chinese);
  --wb-typography-heading-large-font-family: var(--wb-typography-font-family-mercedes-benz-heading-serif);
  --wb-typography-heading-largest-font-weight: var(--wb-typography-font-weight-main);
  --wb-typography-heading-largest-font-family-chinese: var(--wb-typography-font-family-mercedes-benz-heading-serif-chinese);
  --wb-typography-heading-largest-font-family: var(--wb-typography-font-family-mercedes-benz-heading-serif);
  --wb-color-fixed-component-price-on-contrast-border-strikethrough: var(--wb-color-grey-500);
  --wb-color-fixed-component-price-on-main-border-strikethrough: var(--wb-color-grey-400);
  --wb-color-fixed-component-navigation-item-on-contrast-icon-active: var(--wb-color-generated-white-active);
  --wb-color-fixed-component-navigation-item-on-contrast-icon-hover: var(--wb-color-generated-white-hover);
  --wb-color-fixed-component-navigation-item-on-contrast-text-active: var(--wb-color-generated-white-active);
  --wb-color-fixed-component-navigation-item-on-contrast-text-hover: var(--wb-color-generated-white-hover);
  --wb-color-fixed-component-navigation-item-on-main-icon-active: var(--wb-color-generated-black-active);
  --wb-color-fixed-component-navigation-item-on-main-icon-hover: var(--wb-color-generated-black-hover);
  --wb-color-fixed-component-navigation-item-on-main-text-active: var(--wb-color-generated-black-active);
  --wb-color-fixed-component-navigation-item-on-main-text-hover: var(--wb-color-generated-black-hover);
  --wb-color-fixed-component-toggle-button-on-contrast-dot: var(--wb-color-white-100);
  --wb-color-fixed-component-toggle-button-on-main-dot: var(--wb-color-white-100);
  --wb-color-fixed-component-gallery-overlay-background: var(--wb-color-black-opacity-high);
  --wb-color-fixed-component-radio-button-on-contrast-dot: var(--wb-color-white-100);
  --wb-color-fixed-component-radio-button-on-main-dot: var(--wb-color-white-100);
  --wb-color-fixed-component-notification-on-contrast-shadow: var(--wb-color-black-opacity-low);
  --wb-color-fixed-component-notification-on-contrast-background: var(--wb-color-grey-100);
  --wb-color-fixed-component-notification-on-main-shadow: var(--wb-color-black-opacity-low);
  --wb-color-fixed-component-spinner-on-brand-background: var(--wb-color-white-opacity-low);
  --wb-color-fixed-component-spinner-on-brand-contrast-loader: var(--wb-color-white-100);
  --wb-color-fixed-component-spinner-on-brand-contrast-background: var(--wb-color-white-opacity-low);
  --wb-color-fixed-component-spinner-basic-on-dark-image-background: var(--wb-color-grey-400);
  --wb-color-fixed-component-spinner-basic-on-light-image-background: var(--wb-color-grey-800);
  --wb-color-fixed-component-video-on-main-standard-play-action-icon-active: var(--wb-color-generated-grey-900-active);
  --wb-color-fixed-component-video-on-main-standard-play-action-icon-hover: var(--wb-color-generated-grey-900-hover);
  --wb-color-fixed-component-video-on-main-standard-play-action-icon-default: var(--wb-color-grey-900);
  --wb-color-fixed-component-video-on-main-standard-play-action-background-active: var(--wb-color-generated-accent-contrast-high-active);
  --wb-color-fixed-component-video-on-main-standard-play-action-background-hover: var(--wb-color-generated-accent-contrast-high-hover);
  --wb-color-fixed-component-video-on-main-standard-play-action-background-default: var(--wb-color-black-opacity-high);
  --wb-color-fixed-component-video-on-main-standard-overlay: var(--wb-color-black-opacity-medium);
  --wb-color-fixed-component-video-on-main-standard-toolbar-logo: var(--wb-color-grey-800);
  --wb-color-fixed-component-video-on-main-standard-toolbar-text: var(--wb-color-grey-800);
  --wb-color-fixed-component-video-on-main-standard-toolbar-actions-time-preview-text: var(--wb-color-white-100);
  --wb-color-fixed-component-video-on-main-standard-toolbar-actions-time-preview-background: var(--wb-color-grey-200);
  --wb-color-fixed-component-video-on-main-standard-toolbar-actions-slider-bar-loading: var(--wb-color-grey-600);
  --wb-color-fixed-component-video-on-main-standard-toolbar-actions-slider-bar-empty: var(--wb-color-grey-400);
  --wb-color-fixed-component-video-on-main-standard-toolbar-actions-settings-background: var(--wb-color-grey-200);
  --wb-color-fixed-component-video-on-main-standard-toolbar-actions-basic-icons-active: var(--wb-color-generated-grey-800-active);
  --wb-color-fixed-component-video-on-main-standard-toolbar-actions-basic-icons-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-fixed-component-video-on-main-standard-toolbar-actions-basic-icons-default: var(--wb-color-grey-800);
  --wb-color-fixed-component-video-on-main-standard-toolbar-background-gradient-end: var(--wb-color-black-0);
  --wb-color-fixed-component-video-on-main-standard-toolbar-background-gradient-start: var(--wb-color-black-100);
  --wb-color-fixed-component-popover-on-contrast-background: var(--wb-color-black-100);
  --wb-color-fixed-component-popover-background: var(--wb-color-white-100);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-border-selected: var(--wb-color-generated-grey-500-selected);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-border-hover: var(--wb-color-generated-grey-200-hover);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-border-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-text-selected: var(--wb-color-generated-white-selected);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-text-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-text-default: var(--wb-color-grey-800);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-background-selected: var(--wb-color-generated-accent-contrast-none-to-solid-selected);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-background-hover: var(--wb-color-generated-accent-contrast-none-to-solid-hover);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-background-default: var(--wb-color-black-0);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-expanded-text: var(--wb-color-grey-900);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-expanded-background: var(--wb-color-black-100);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-collapsed-border: var(--wb-color-grey-200);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-collapsed-text: var(--wb-color-grey-900);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-collapsed-background: var(--wb-color-black-100);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-border: var(--wb-color-grey-800);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-text: var(--wb-color-grey-200);
  --wb-color-fixed-component-subnavigation-on-dark-image-fly-in-background: var(--wb-color-white-100);
  --wb-color-fixed-component-subnavigation-on-dark-image-basic-background: var(--wb-color-white-100);
  --wb-color-fixed-component-subnavigation-on-dark-image-basic-item-icon-selected: var(--wb-color-generated-white-selected);
  --wb-color-fixed-component-subnavigation-on-dark-image-basic-item-icon-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-fixed-component-subnavigation-on-dark-image-basic-item-icon-default: var(--wb-color-grey-800);
  --wb-color-fixed-component-subnavigation-on-dark-image-basic-item-text-selected: var(--wb-color-generated-white-selected);
  --wb-color-fixed-component-subnavigation-on-dark-image-basic-item-text-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-fixed-component-subnavigation-on-dark-image-basic-item-text-default: var(--wb-color-grey-800);
  --wb-color-fixed-component-subnavigation-on-dark-image-basic-item-background-selected: var(--wb-color-generated-accent-contrast-none-to-solid-selected);
  --wb-color-fixed-component-subnavigation-on-dark-image-basic-item-background-hover: var(--wb-color-generated-accent-contrast-none-to-solid-hover);
  --wb-color-fixed-component-subnavigation-on-dark-image-basic-item-background-default: var(--wb-color-black-0);
  --wb-color-fixed-component-subnavigation-on-dark-image-basic-vertical-text: var(--wb-color-grey-900);
  --wb-color-fixed-component-subnavigation-on-dark-image-basic-vertical-background: var(--wb-color-black-100);
  --wb-color-fixed-component-subnavigation-on-dark-image-basic-horizontal-background: var(--wb-color-black-100);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-border-selected: var(--wb-color-generated-grey-700-selected);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-border-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-border-default: var(--wb-color-grey-800);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-text-selected: var(--wb-color-generated-grey-100-selected);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-text-hover: var(--wb-color-generated-grey-300-hover);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-text-default: var(--wb-color-grey-300);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-background-selected: var(--wb-color-generated-accent-main-none-to-solid-selected);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-background-hover: var(--wb-color-generated-accent-main-none-to-solid-hover);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-background-default: var(--wb-color-white-0);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-expanded-text: var(--wb-color-grey-200);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-expanded-background: var(--wb-color-white-100);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-collapsed-border: var(--wb-color-grey-800);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-collapsed-text: var(--wb-color-grey-200);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-collapsed-background: var(--wb-color-white-100);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-border: var(--wb-color-grey-800);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-text: var(--wb-color-grey-200);
  --wb-color-fixed-component-subnavigation-on-light-image-fly-in-background: var(--wb-color-white-100);
  --wb-color-fixed-component-subnavigation-on-light-image-basic-background: var(--wb-color-white-100);
  --wb-color-fixed-component-subnavigation-on-light-image-basic-item-icon-selected: var(--wb-color-generated-grey-100-selected);
  --wb-color-fixed-component-subnavigation-on-light-image-basic-item-icon-hover: var(--wb-color-generated-grey-300-hover);
  --wb-color-fixed-component-subnavigation-on-light-image-basic-item-icon-default: var(--wb-color-grey-300);
  --wb-color-fixed-component-subnavigation-on-light-image-basic-item-text-selected: var(--wb-color-generated-grey-100-selected);
  --wb-color-fixed-component-subnavigation-on-light-image-basic-item-text-hover: var(--wb-color-generated-grey-300-hover);
  --wb-color-fixed-component-subnavigation-on-light-image-basic-item-text-default: var(--wb-color-grey-300);
  --wb-color-fixed-component-subnavigation-on-light-image-basic-item-background-selected: var(--wb-color-generated-accent-main-none-to-solid-selected);
  --wb-color-fixed-component-subnavigation-on-light-image-basic-item-background-hover: var(--wb-color-generated-accent-main-none-to-solid-hover);
  --wb-color-fixed-component-subnavigation-on-light-image-basic-item-background-default: var(--wb-color-white-0);
  --wb-color-fixed-component-subnavigation-on-light-image-basic-vertical-text: var(--wb-color-grey-200);
  --wb-color-fixed-component-subnavigation-on-light-image-basic-vertical-background: var(--wb-color-white-100);
  --wb-color-fixed-component-subnavigation-on-light-image-basic-horizontal-background: var(--wb-color-white-100);
  --wb-color-fixed-component-modal-overlay-background: var(--wb-color-black-opacity-high);
  --wb-color-fixed-component-text-headline-on-dark-image-body: var(--wb-color-grey-800);
  --wb-color-fixed-component-text-headline-on-dark-image-headline: var(--wb-color-grey-800);
  --wb-color-fixed-component-text-headline-on-dark-image-subtitle: var(--wb-color-grey-800);
  --wb-color-fixed-component-text-headline-on-light-image-body: var(--wb-color-grey-200);
  --wb-color-fixed-component-text-headline-on-light-image-headline: var(--wb-color-grey-200);
  --wb-color-fixed-component-text-headline-on-light-image-subtitle: var(--wb-color-grey-200);
  --wb-color-fixed-component-status-badge-on-contrast-icon: var(--wb-color-black-100);
  --wb-color-fixed-component-status-badge-icon: var(--wb-color-white-100);
  --wb-color-fixed-component-stage-on-dark-image-gradient-end: var(--wb-color-black-0);
  --wb-color-fixed-component-stage-on-dark-image-gradient-start: var(--wb-color-black-100);
  --wb-color-fixed-component-stage-on-dark-image-surface: var(--wb-color-black-100);
  --wb-color-fixed-component-stage-on-dark-image-body: var(--wb-color-white-100);
  --wb-color-fixed-component-stage-on-dark-image-headline: var(--wb-color-white-100);
  --wb-color-fixed-component-stage-on-light-image-gradient-none: var(--wb-color-white-0);
  --wb-color-fixed-component-stage-on-light-image-gradient-start: var(--wb-color-white-100);
  --wb-color-fixed-component-stage-on-light-image-surface: var(--wb-color-white-100);
  --wb-color-fixed-component-stage-on-light-image-body: var(--wb-color-black-100);
  --wb-color-fixed-component-stage-on-light-image-headline: var(--wb-color-black-100);
  --wb-color-fixed-component-round-button-on-dark-image-large-icon-default: var(--wb-color-white-100);
  --wb-color-fixed-component-round-button-on-dark-image-large-border-main-hover: var(--wb-color-generated-grey-200-hover);
  --wb-color-fixed-component-round-button-on-dark-image-large-border-main-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-round-button-on-dark-image-large-background-focus: var(--wb-color-generated-grey-100-focus);
  --wb-color-fixed-component-round-button-on-dark-image-large-background-active: var(--wb-color-generated-grey-100-active);
  --wb-color-fixed-component-round-button-on-dark-image-large-background-hover: var(--wb-color-generated-grey-100-hover);
  --wb-color-fixed-component-round-button-on-dark-image-large-background-default: var(--wb-color-grey-100);
  --wb-color-fixed-component-round-button-on-dark-image-medium-icon-default: var(--wb-color-white-100);
  --wb-color-fixed-component-round-button-on-dark-image-medium-border-main-hover: var(--wb-color-generated-grey-200-hover);
  --wb-color-fixed-component-round-button-on-dark-image-medium-border-main-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-round-button-on-dark-image-medium-background-focus: var(--wb-color-generated-grey-100-focus);
  --wb-color-fixed-component-round-button-on-dark-image-medium-background-active: var(--wb-color-generated-grey-100-active);
  --wb-color-fixed-component-round-button-on-dark-image-medium-background-hover: var(--wb-color-generated-grey-100-hover);
  --wb-color-fixed-component-round-button-on-dark-image-medium-background-default: var(--wb-color-grey-100);
  --wb-color-fixed-component-round-button-on-dark-image-small-icon-default: var(--wb-color-white-100);
  --wb-color-fixed-component-round-button-on-dark-image-small-border-main-hover: var(--wb-color-generated-grey-200-hover);
  --wb-color-fixed-component-round-button-on-dark-image-small-border-main-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-round-button-on-dark-image-small-background-focus: var(--wb-color-generated-grey-100-focus);
  --wb-color-fixed-component-round-button-on-dark-image-small-background-active: var(--wb-color-generated-grey-100-active);
  --wb-color-fixed-component-round-button-on-dark-image-small-background-hover: var(--wb-color-generated-grey-100-hover);
  --wb-color-fixed-component-round-button-on-dark-image-small-background-default: var(--wb-color-grey-100);
  --wb-color-fixed-component-round-button-on-dark-image-xsmall-icon-default: var(--wb-color-white-100);
  --wb-color-fixed-component-round-button-on-dark-image-xsmall-border-main-hover: var(--wb-color-generated-grey-200-hover);
  --wb-color-fixed-component-round-button-on-dark-image-xsmall-border-main-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-round-button-on-dark-image-xsmall-background-focus: var(--wb-color-generated-black-focus);
  --wb-color-fixed-component-round-button-on-dark-image-xsmall-background-active: var(--wb-color-generated-black-active);
  --wb-color-fixed-component-round-button-on-dark-image-xsmall-background-hover: var(--wb-color-generated-black-hover);
  --wb-color-fixed-component-round-button-on-dark-image-xsmall-background-default: var(--wb-color-black-100);
  --wb-color-fixed-component-round-button-on-dark-image-translucent-icon-default: var(--wb-color-white-100);
  --wb-color-fixed-component-round-button-on-dark-image-translucent-background-focus: var(--wb-color-black-0);
  --wb-color-fixed-component-round-button-on-dark-image-translucent-background-active: var(--wb-color-generated-accent-contrast-none-to-solid-active);
  --wb-color-fixed-component-round-button-on-dark-image-translucent-background-hover: var(--wb-color-generated-accent-contrast-none-to-solid-hover);
  --wb-color-fixed-component-round-button-on-dark-image-translucent-background-default: var(--wb-color-black-0);
  --wb-color-fixed-component-round-button-on-light-image-large-icon-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-round-button-on-light-image-large-border-main-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-fixed-component-round-button-on-light-image-large-border-main-white: var(--wb-color-white-100);
  --wb-color-fixed-component-round-button-on-light-image-large-background-focus: var(--wb-color-generated-grey-900-focus);
  --wb-color-fixed-component-round-button-on-light-image-large-background-active: var(--wb-color-generated-grey-900-active);
  --wb-color-fixed-component-round-button-on-light-image-large-background-hover: var(--wb-color-generated-grey-900-hover);
  --wb-color-fixed-component-round-button-on-light-image-large-background-default: var(--wb-color-grey-900);
  --wb-color-fixed-component-round-button-on-light-image-medium-icon-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-round-button-on-light-image-medium-border-main-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-fixed-component-round-button-on-light-image-medium-border-main-default: var(--wb-color-white-100);
  --wb-color-fixed-component-round-button-on-light-image-medium-background-focus: var(--wb-color-generated-grey-900-focus);
  --wb-color-fixed-component-round-button-on-light-image-medium-background-active: var(--wb-color-generated-grey-900-active);
  --wb-color-fixed-component-round-button-on-light-image-medium-background-hover: var(--wb-color-generated-grey-900-hover);
  --wb-color-fixed-component-round-button-on-light-image-medium-background-default: var(--wb-color-grey-900);
  --wb-color-fixed-component-round-button-on-light-image-small-icon-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-round-button-on-light-image-small-background-focus: var(--wb-color-generated-grey-900-focus);
  --wb-color-fixed-component-round-button-on-light-image-small-background-active: var(--wb-color-generated-grey-900-active);
  --wb-color-fixed-component-round-button-on-light-image-small-background-hover: var(--wb-color-generated-grey-900-hover);
  --wb-color-fixed-component-round-button-on-light-image-small-background-default: var(--wb-color-grey-900);
  --wb-color-fixed-component-round-button-on-light-image-small-border-main-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-fixed-component-round-button-on-light-image-small-border-main-default: var(--wb-color-white-100);
  --wb-color-fixed-component-round-button-on-light-image-xsmall-icon-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-round-button-on-light-image-xsmall-border-main-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-fixed-component-round-button-on-light-image-xsmall-border-main-default: var(--wb-color-grey-800);
  --wb-color-fixed-component-round-button-on-light-image-xsmall-background-focus: var(--wb-color-generated-white-focus);
  --wb-color-fixed-component-round-button-on-light-image-xsmall-background-active: var(--wb-color-generated-white-active);
  --wb-color-fixed-component-round-button-on-light-image-xsmall-background-hover: var(--wb-color-generated-white-hover);
  --wb-color-fixed-component-round-button-on-light-image-xsmall-background-default: var(--wb-color-white-100);
  --wb-color-fixed-component-round-button-on-light-image-translucent-icon-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-round-button-on-light-image-translucent-background-focus: var(--wb-color-white-0);
  --wb-color-fixed-component-round-button-on-light-image-translucent-background-active: var(--wb-color-generated-accent-main-none-to-solid-active);
  --wb-color-fixed-component-round-button-on-light-image-translucent-background-hover: var(--wb-color-generated-accent-main-none-to-solid-hover);
  --wb-color-fixed-component-round-button-on-light-image-translucent-background-default: var(--wb-color-white-0);
  --wb-color-fixed-component-link-standalone-on-dark-image-border-underline-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-fixed-component-link-standalone-on-dark-image-border-underline-active: var(--wb-color-generated-grey-600-active);
  --wb-color-fixed-component-link-standalone-on-dark-image-border-underline-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-fixed-component-link-standalone-on-dark-image-border-underline-default: var(--wb-color-grey-600);
  --wb-color-fixed-component-link-standalone-on-dark-image-icon-focus: var(--wb-color-generated-grey-800-focus);
  --wb-color-fixed-component-link-standalone-on-dark-image-icon-active: var(--wb-color-generated-grey-800-active);
  --wb-color-fixed-component-link-standalone-on-dark-image-icon-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-fixed-component-link-standalone-on-dark-image-icon-default: var(--wb-color-grey-800);
  --wb-color-fixed-component-link-standalone-on-dark-image-text-focus: var(--wb-color-generated-grey-800-focus);
  --wb-color-fixed-component-link-standalone-on-dark-image-text-active: var(--wb-color-generated-grey-800-active);
  --wb-color-fixed-component-link-standalone-on-dark-image-text-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-fixed-component-link-standalone-on-dark-image-text-default: var(--wb-color-grey-800);
  --wb-color-fixed-component-link-standalone-on-light-image-border-underline-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-fixed-component-link-standalone-on-light-image-border-underline-active: var(--wb-color-generated-grey-600-active);
  --wb-color-fixed-component-link-standalone-on-light-image-border-underline-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-fixed-component-link-standalone-on-light-image-border-underline-default: var(--wb-color-grey-600);
  --wb-color-fixed-component-link-standalone-on-light-image-icon-focus: var(--wb-color-generated-grey-200-focus);
  --wb-color-fixed-component-link-standalone-on-light-image-icon-active: var(--wb-color-generated-grey-200-active);
  --wb-color-fixed-component-link-standalone-on-light-image-icon-hover: var(--wb-color-generated-grey-200-hover);
  --wb-color-fixed-component-link-standalone-on-light-image-icon-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-link-standalone-on-light-image-text-focus: var(--wb-color-generated-grey-200-focus);
  --wb-color-fixed-component-link-standalone-on-light-image-text-active: var(--wb-color-generated-grey-200-active);
  --wb-color-fixed-component-link-standalone-on-light-image-text-hover: var(--wb-color-generated-grey-200-hover);
  --wb-color-fixed-component-link-standalone-on-light-image-text-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-interactive-tag-primary-on-contrast-delete-icon-background-default: var(--wb-color-white-100);
  --wb-color-fixed-component-interactive-tag-primary-on-contrast-delete-icon-focus: var(--wb-color-generated-brand-mercedes-benz-contrast-focus);
  --wb-color-fixed-component-interactive-tag-primary-on-contrast-delete-icon-active: var(--wb-color-generated-brand-mercedes-benz-contrast-active);
  --wb-color-fixed-component-interactive-tag-primary-on-contrast-delete-icon-hover: var(--wb-color-generated-brand-mercedes-benz-contrast-hover);
  --wb-color-fixed-component-interactive-tag-primary-on-contrast-delete-icon-default: var(--wb-color-mercedes-benz-on-contrast-100);
  --wb-color-fixed-component-interactive-tag-primary-on-main-delete-icon-focus: var(--wb-color-generated-brand-mercedes-benz-main-focus);
  --wb-color-fixed-component-interactive-tag-primary-on-main-delete-icon-active: var(--wb-color-generated-brand-mercedes-benz-main-active);
  --wb-color-fixed-component-interactive-tag-primary-on-main-delete-icon-hover: var(--wb-color-generated-brand-mercedes-benz-main-hover);
  --wb-color-fixed-component-interactive-tag-primary-on-main-delete-icon-default: var(--wb-color-mercedes-benz-100);
  --wb-color-fixed-component-file-input-on-contrast-item-background-focus: var(--wb-color-generated-black-focus);
  --wb-color-fixed-component-file-input-on-contrast-item-background-hover: var(--wb-color-generated-black-hover);
  --wb-color-fixed-component-file-input-on-contrast-item-background-default: var(--wb-color-black-100);
  --wb-color-fixed-component-file-input-on-contrast-drag-drop-border-active: var(--wb-color-grey-900);
  --wb-color-fixed-component-file-input-on-contrast-drag-drop-border-default: var(--wb-color-grey-500);
  --wb-color-fixed-component-file-input-on-main-item-background-focus: var(--wb-color-generated-white-focus);
  --wb-color-fixed-component-file-input-on-main-item-background-hover: var(--wb-color-generated-white-hover);
  --wb-color-fixed-component-file-input-on-main-item-background-default: var(--wb-color-white-100);
  --wb-color-fixed-component-file-input-on-main-drag-drop-border-active: var(--wb-color-grey-100);
  --wb-color-fixed-component-file-input-on-main-drag-drop-border-default: var(--wb-color-grey-500);
  --wb-color-fixed-component-data-table-on-contrast-row-header-background: var(--wb-color-grey-300);
  --wb-color-fixed-component-data-table-on-main-row-header-background: var(--wb-color-grey-900);
  --wb-color-fixed-component-date-picker-on-contrast-day-month-year-distant-range-connector-background-hover-focus: var(--wb-color-generated-grey-300-hover);
  --wb-color-fixed-component-date-picker-on-contrast-day-month-year-distant-range-main-background-hover-focus: var(--wb-color-generated-grey-100-hover);
  --wb-color-fixed-component-date-picker-on-contrast-day-month-year-distant-range-main-background-default: var(--wb-color-grey-100);
  --wb-color-fixed-component-date-picker-on-contrast-day-month-year-distant-background-hover-focus: var(--wb-color-generated-grey-200-hover);
  --wb-color-fixed-component-date-picker-on-contrast-day-month-year-blocked-border-range-connector-strikethrough-hover-focus: var(--wb-color-generated-grey-800-hover);
  --wb-color-fixed-component-date-picker-on-contrast-day-month-year-blocked-border-range-connector-strikethrough-default: var(--wb-color-grey-800);
  --wb-color-fixed-component-date-picker-on-contrast-day-month-year-blocked-border-default: var(--wb-color-grey-800);
  --wb-color-fixed-component-date-picker-on-contrast-day-month-year-blocked-background-range-connector-hover-focus: var(--wb-color-generated-grey-300-hover);
  --wb-color-fixed-component-date-picker-on-contrast-day-month-year-blocked-background-hover-focus: var(--wb-color-generated-grey-200-hover);
  --wb-color-fixed-component-date-picker-on-contrast-day-month-year-basic-range-connector-background-hover-focus: var(--wb-color-generated-grey-300-hover);
  --wb-color-fixed-component-date-picker-on-contrast-day-month-year-basic-range-preview-end-point-background-hover-focus: var(--wb-color-generated-grey-300-hover);
  --wb-color-fixed-component-date-picker-on-contrast-day-month-year-basic-background-hover-focus: var(--wb-color-generated-grey-200-hover);
  --wb-color-fixed-component-date-picker-on-contrast-border-main: var(--wb-color-grey-200);
  --wb-color-fixed-component-date-picker-on-contrast-header-background: var(--wb-color-black-100);
  --wb-color-fixed-component-date-picker-on-main-day-month-year-distant-range-connector-background-hover-focus: var(--wb-color-generated-grey-700-hover);
  --wb-color-fixed-component-date-picker-on-main-day-month-year-distant-range-main-background-hover-focus: var(--wb-color-generated-grey-400-hover);
  --wb-color-fixed-component-date-picker-on-main-day-month-year-distant-range-main-background-default: var(--wb-color-grey-400);
  --wb-color-fixed-component-date-picker-on-main-day-month-year-distant-background-hover-focus: var(--wb-color-generated-grey-800-hover);
  --wb-color-fixed-component-date-picker-on-main-day-month-year-blocked-border-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-date-picker-on-main-day-month-year-blocked-border-range-connector-strikethrough-hover-focus: var(--wb-color-generated-grey-200-hover);
  --wb-color-fixed-component-date-picker-on-main-day-month-year-blocked-border-range-connector-strikethrough-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-date-picker-on-main-day-month-year-blocked-background-range-connector-hover-focus: var(--wb-color-generated-grey-700-hover);
  --wb-color-fixed-component-date-picker-on-main-day-month-year-blocked-background-hover-focus: var(--wb-color-generated-grey-800-hover);
  --wb-color-fixed-component-date-picker-on-main-day-month-year-basic-range-connector-background-hover-focus: var(--wb-color-generated-grey-700-hover);
  --wb-color-fixed-component-date-picker-on-main-day-month-year-basic-range-preview-end-point-background-hover-focus: var(--wb-color-generated-grey-700-hover);
  --wb-color-fixed-component-date-picker-on-main-day-month-year-basic-background-hover-focus: var(--wb-color-generated-grey-800-hover);
  --wb-color-fixed-component-date-picker-on-main-border-main: var(--wb-color-white-100);
  --wb-color-fixed-component-date-picker-on-main-header-background: var(--wb-color-white-100);
  --wb-color-fixed-component-tag-error-on-dark-image-icon: var(--wb-color-white-100);
  --wb-color-fixed-component-tag-error-on-dark-image-text: var(--wb-color-white-100);
  --wb-color-fixed-component-tag-error-on-dark-image-background: var(--wb-color-red-on-contrast-100);
  --wb-color-fixed-component-tag-error-on-light-image-icon: var(--wb-color-white-100);
  --wb-color-fixed-component-tag-error-on-light-image-text: var(--wb-color-white-100);
  --wb-color-fixed-component-tag-error-on-light-image-background: var(--wb-color-red-100);
  --wb-color-fixed-component-tag-warning-on-dark-image-icon: var(--wb-color-black-100);
  --wb-color-fixed-component-tag-warning-on-dark-image-text: var(--wb-color-black-100);
  --wb-color-fixed-component-tag-warning-on-dark-image-background: var(--wb-color-yellow-on-contrast-100);
  --wb-color-fixed-component-tag-warning-on-light-image-icon: var(--wb-color-black-100);
  --wb-color-fixed-component-tag-warning-on-light-image-text: var(--wb-color-black-100);
  --wb-color-fixed-component-tag-warning-on-light-image-background: var(--wb-color-yellow-100);
  --wb-color-fixed-component-tag-success-on-dark-image-icon: var(--wb-color-white-100);
  --wb-color-fixed-component-tag-success-on-dark-image-text: var(--wb-color-white-100);
  --wb-color-fixed-component-tag-success-on-dark-image-background: var(--wb-color-green-on-contrast-100);
  --wb-color-fixed-component-tag-success-on-light-image-icon: var(--wb-color-white-100);
  --wb-color-fixed-component-tag-success-on-light-image-text: var(--wb-color-white-100);
  --wb-color-fixed-component-tag-success-on-light-image-background: var(--wb-color-green-100);
  --wb-color-fixed-component-tag-tertiary-on-dark-image-icon: var(--wb-color-grey-900);
  --wb-color-fixed-component-tag-tertiary-on-dark-image-text: var(--wb-color-grey-900);
  --wb-color-fixed-component-tag-tertiary-on-dark-image-background: var(--wb-color-grey-300);
  --wb-color-fixed-component-tag-tertiary-on-light-image-icon: var(--wb-color-grey-200);
  --wb-color-fixed-component-tag-tertiary-on-light-image-text: var(--wb-color-grey-200);
  --wb-color-fixed-component-tag-tertiary-on-light-image-background: var(--wb-color-grey-800);
  --wb-color-fixed-component-tag-secondary-on-dark-image-icon: var(--wb-color-grey-100);
  --wb-color-fixed-component-tag-secondary-on-dark-image-text: var(--wb-color-grey-100);
  --wb-color-fixed-component-tag-secondary-on-dark-image-background: var(--wb-color-white-100);
  --wb-color-fixed-component-tag-secondary-on-light-image-icon: var(--wb-color-white-100);
  --wb-color-fixed-component-tag-secondary-on-light-image-text: var(--wb-color-white-100);
  --wb-color-fixed-component-tag-secondary-on-light-image-background: var(--wb-color-grey-100);
  --wb-color-fixed-component-dot-nav-on-dark-image-background: var(--wb-color-black-opacity-medium);
  --wb-color-fixed-component-dot-nav-on-dark-image-shapes-dots-sm-shape-default: var(--wb-color-grey-300);
  --wb-color-fixed-component-dot-nav-on-dark-image-shapes-dots-md-shape-default: var(--wb-color-grey-400);
  --wb-color-fixed-component-dot-nav-on-dark-image-shapes-dots-lg-shape-default: var(--wb-color-grey-400);
  --wb-color-fixed-component-dot-nav-on-dark-image-shapes-dots-xlg-shape-background: var(--wb-color-white-100);
  --wb-color-fixed-component-dot-nav-on-light-image-background: var(--wb-color-white-opacity-low);
  --wb-color-fixed-component-dot-nav-on-light-image-shapes-dots-sm-shape-default: var(--wb-color-grey-700);
  --wb-color-fixed-component-dot-nav-on-light-image-shapes-dots-md-shape-default: var(--wb-color-grey-600);
  --wb-color-fixed-component-dot-nav-on-light-image-shapes-dots-lg-shape-default: var(--wb-color-grey-600);
  --wb-color-fixed-component-dot-nav-on-light-image-shapes-dots-xlg-shape-background: var(--wb-color-black-100);
  --wb-color-fixed-component-counter-error-on-dark-image-text: var(--wb-color-white-100);
  --wb-color-fixed-component-counter-error-on-dark-image-background: var(--wb-color-red-on-contrast-100);
  --wb-color-fixed-component-counter-error-on-light-image-text: var(--wb-color-white-100);
  --wb-color-fixed-component-counter-error-on-light-image-background: var(--wb-color-red-100);
  --wb-color-fixed-component-counter-warning-on-dark-image-text: var(--wb-color-black-100);
  --wb-color-fixed-component-counter-warning-on-dark-image-background: var(--wb-color-yellow-on-contrast-100);
  --wb-color-fixed-component-counter-warning-on-light-image-text: var(--wb-color-black-100);
  --wb-color-fixed-component-counter-warning-on-light-image-background: var(--wb-color-yellow-100);
  --wb-color-fixed-component-counter-success-on-dark-image-text: var(--wb-color-white-100);
  --wb-color-fixed-component-counter-success-on-dark-image-background: var(--wb-color-green-on-contrast-100);
  --wb-color-fixed-component-counter-success-on-light-image-text: var(--wb-color-white-100);
  --wb-color-fixed-component-counter-success-on-light-image-background: var(--wb-color-green-100);
  --wb-color-fixed-component-counter-tertiary-on-dark-image-text: var(--wb-color-grey-900);
  --wb-color-fixed-component-counter-tertiary-on-dark-image-background: var(--wb-color-grey-300);
  --wb-color-fixed-component-counter-tertiary-on-light-image-text: var(--wb-color-grey-200);
  --wb-color-fixed-component-counter-tertiary-on-light-image-background: var(--wb-color-grey-800);
  --wb-color-fixed-component-counter-secondary-on-dark-image-text: var(--wb-color-grey-100);
  --wb-color-fixed-component-counter-secondary-on-dark-image-background: var(--wb-color-white-100);
  --wb-color-fixed-component-counter-secondary-on-light-image-text: var(--wb-color-white-100);
  --wb-color-fixed-component-counter-secondary-on-light-image-background: var(--wb-color-grey-100);
  --wb-color-fixed-component-checkbox-on-contrast-dot: var(--wb-color-white-100);
  --wb-color-fixed-component-checkbox-on-main-dot: var(--wb-color-white-100);
  --wb-color-fixed-component-breadcrumbs-on-dark-image-icon: var(--wb-color-grey-500);
  --wb-color-fixed-component-breadcrumbs-on-dark-image-text: var(--wb-color-grey-500);
  --wb-color-fixed-component-breadcrumbs-on-light-image-icon: var(--wb-color-grey-400);
  --wb-color-fixed-component-breadcrumbs-on-light-image-text: var(--wb-color-grey-400);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-border-ring-selected-focus: var(--wb-color-generated-brand-mercedes-benz-contrast-focus);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-border-ring-focus: var(--wb-color-generated-white-focus);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-border-ring-active: var(--wb-color-white-100);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-border-main-selected-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-border-main-selected: var(--wb-color-grey-600);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-border-main-focus: var(--wb-color-generated-grey-400-focus);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-border-main-active: var(--wb-color-generated-grey-400-active);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-border-main-hover: var(--wb-color-generated-grey-400-hover);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-border-main-default: var(--wb-color-grey-400);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-icon-selected: var(--wb-color-generated-grey-800-selected);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-icon-default: var(--wb-color-grey-800);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-text-selected: var(--wb-color-generated-grey-800-selected);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-text-default: var(--wb-color-grey-800);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-background-selected-focus: var(--wb-color-generated-accent-contrast-medium-selected);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-background-selected: var(--wb-color-generated-accent-contrast-medium-selected);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-background-focus: var(--wb-color-generated-accent-contrast-medium-focus);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-background-active: var(--wb-color-generated-accent-contrast-medium-active);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-background-hover: var(--wb-color-generated-accent-contrast-medium-hover);
  --wb-color-fixed-component-button-group-translucent-on-dark-image-background-default: var(--wb-color-black-opacity-medium);
  --wb-color-fixed-component-button-group-translucent-on-light-image-border-ring-selected-focus: var(--wb-color-generated-brand-mercedes-benz-main-focus);
  --wb-color-fixed-component-button-group-translucent-on-light-image-border-ring-focus: var(--wb-color-generated-brand-mercedes-benz-main-focus);
  --wb-color-fixed-component-button-group-translucent-on-light-image-border-ring-active: var(--wb-color-generated-brand-mercedes-benz-main-active);
  --wb-color-fixed-component-button-group-translucent-on-light-image-border-main-selected-focus: var(--wb-color-generated-grey-200-focus);
  --wb-color-fixed-component-button-group-translucent-on-light-image-border-main-selected: var(--wb-color-grey-200);
  --wb-color-fixed-component-button-group-translucent-on-light-image-border-main-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-fixed-component-button-group-translucent-on-light-image-border-main-active: var(--wb-color-generated-grey-600-active);
  --wb-color-fixed-component-button-group-translucent-on-light-image-border-main-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-fixed-component-button-group-translucent-on-light-image-border-main-default: var(--wb-color-grey-600);
  --wb-color-fixed-component-button-group-translucent-on-light-image-icon-selected: var(--wb-color-generated-grey-200-selected);
  --wb-color-fixed-component-button-group-translucent-on-light-image-icon-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-button-group-translucent-on-light-image-text-selected: var(--wb-color-generated-grey-200-selected);
  --wb-color-fixed-component-button-group-translucent-on-light-image-text-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-button-group-translucent-on-light-image-background-selected-focus: var(--wb-color-generated-accent-main-medium-selected);
  --wb-color-fixed-component-button-group-translucent-on-light-image-background-selected: var(--wb-color-generated-accent-main-medium-selected);
  --wb-color-fixed-component-button-group-translucent-on-light-image-background-focus: var(--wb-color-generated-accent-main-medium-focus);
  --wb-color-fixed-component-button-group-translucent-on-light-image-background-active: var(--wb-color-generated-accent-main-medium-active);
  --wb-color-fixed-component-button-group-translucent-on-light-image-background-hover: var(--wb-color-generated-accent-main-medium-hover);
  --wb-color-fixed-component-button-group-translucent-on-light-image-background-default: var(--wb-color-white-opacity-medium);
  --wb-color-fixed-component-button-group-translucent-on-contrast-border-main-focus: var(--wb-color-generated-grey-400-focus);
  --wb-color-fixed-component-button-group-translucent-on-contrast-border-main-active: var(--wb-color-generated-grey-400-active);
  --wb-color-fixed-component-button-group-translucent-on-contrast-border-main-hover: var(--wb-color-generated-grey-400-hover);
  --wb-color-fixed-component-button-group-translucent-on-contrast-border-main-default: var(--wb-color-grey-400);
  --wb-color-fixed-component-button-group-translucent-on-main-border-main-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-fixed-component-button-group-translucent-on-main-border-main-active: var(--wb-color-generated-grey-600-active);
  --wb-color-fixed-component-button-group-translucent-on-main-border-main-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-fixed-component-button-group-translucent-on-main-border-main-default: var(--wb-color-grey-600);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-border-main-selected-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-border-main-selected: var(--wb-color-grey-600);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-border-main-focus: var(--wb-color-generated-grey-400-focus);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-border-main-active: var(--wb-color-generated-grey-400-active);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-border-main-hover: var(--wb-color-generated-grey-400-hover);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-border-main-default: var(--wb-color-grey-400);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-icon-selected: var(--wb-color-generated-grey-800-selected);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-icon-default: var(--wb-color-grey-800);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-text-selected: var(--wb-color-generated-grey-800-selected);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-text-default: var(--wb-color-grey-800);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-background-selected-focus: var(--wb-color-generated-accent-contrast-none-to-solid-selected);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-background-selected: var(--wb-color-generated-accent-contrast-none-to-solid-selected);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-background-focus: var(--wb-color-generated-accent-contrast-none-to-solid-focus);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-background-active: var(--wb-color-generated-accent-contrast-none-to-solid-active);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-background-hover: var(--wb-color-generated-accent-contrast-none-to-solid-hover);
  --wb-color-fixed-component-button-group-secondary-on-dark-image-background-default: var(--wb-color-black-0);
  --wb-color-fixed-component-button-group-secondary-on-light-image-border-main-selected-focus: var(--wb-color-generated-grey-200-focus);
  --wb-color-fixed-component-button-group-secondary-on-light-image-border-main-selected: var(--wb-color-grey-200);
  --wb-color-fixed-component-button-group-secondary-on-light-image-border-main-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-fixed-component-button-group-secondary-on-light-image-border-main-active: var(--wb-color-generated-grey-600-active);
  --wb-color-fixed-component-button-group-secondary-on-light-image-border-main-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-fixed-component-button-group-secondary-on-light-image-border-main-default: var(--wb-color-grey-600);
  --wb-color-fixed-component-button-group-secondary-on-light-image-icon-selected: var(--wb-color-generated-grey-200-selected);
  --wb-color-fixed-component-button-group-secondary-on-light-image-icon-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-button-group-secondary-on-light-image-text-selected: var(--wb-color-generated-grey-200-selected);
  --wb-color-fixed-component-button-group-secondary-on-light-image-text-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-button-group-secondary-on-light-image-background-selected-focus: var(--wb-color-generated-accent-main-none-to-solid-selected);
  --wb-color-fixed-component-button-group-secondary-on-light-image-background-selected: var(--wb-color-generated-accent-main-none-to-solid-selected);
  --wb-color-fixed-component-button-group-secondary-on-light-image-background-focus: var(--wb-color-generated-accent-main-none-to-solid-focus);
  --wb-color-fixed-component-button-group-secondary-on-light-image-background-active: var(--wb-color-generated-accent-main-none-to-solid-active);
  --wb-color-fixed-component-button-group-secondary-on-light-image-background-hover: var(--wb-color-generated-accent-main-none-to-solid-hover);
  --wb-color-fixed-component-button-group-secondary-on-light-image-background-default: var(--wb-color-white-0);
  --wb-color-fixed-component-button-group-secondary-on-contrast-border-main-focus: var(--wb-color-generated-grey-400-focus);
  --wb-color-fixed-component-button-group-secondary-on-contrast-border-main-active: var(--wb-color-generated-grey-400-active);
  --wb-color-fixed-component-button-group-secondary-on-contrast-border-main-hover: var(--wb-color-generated-grey-400-hover);
  --wb-color-fixed-component-button-group-secondary-on-contrast-border-main-default: var(--wb-color-grey-400);
  --wb-color-fixed-component-button-group-secondary-on-main-border-main-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-fixed-component-button-group-secondary-on-main-border-main-active: var(--wb-color-generated-grey-600-active);
  --wb-color-fixed-component-button-group-secondary-on-main-border-main-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-fixed-component-button-group-secondary-on-main-border-main-default: var(--wb-color-grey-600);
  --wb-color-fixed-component-button-group-primary-on-dark-image-border-main-selected-focus: var(--wb-color-generated-accent-main-extra-low-focus);
  --wb-color-fixed-component-button-group-primary-on-dark-image-border-main-selected: var(--wb-color-white-opacity-extra-low);
  --wb-color-fixed-component-button-group-primary-on-dark-image-border-main-focus: var(--wb-color-generated-accent-contrast-low-focus);
  --wb-color-fixed-component-button-group-primary-on-dark-image-border-main-active: var(--wb-color-generated-accent-contrast-low-active);
  --wb-color-fixed-component-button-group-primary-on-dark-image-border-main-hover: var(--wb-color-generated-accent-contrast-low-hover);
  --wb-color-fixed-component-button-group-primary-on-dark-image-border-main-default: var(--wb-color-black-opacity-low);
  --wb-color-fixed-component-button-group-primary-on-light-image-border-main-selected-focus: var(--wb-color-generated-accent-main-extra-low-focus);
  --wb-color-fixed-component-button-group-primary-on-light-image-border-main-selected: var(--wb-color-white-opacity-extra-low);
  --wb-color-fixed-component-button-group-primary-on-light-image-border-main-focus: var(--wb-color-generated-accent-contrast-low-focus);
  --wb-color-fixed-component-button-group-primary-on-light-image-border-main-active: var(--wb-color-generated-accent-contrast-low-active);
  --wb-color-fixed-component-button-group-primary-on-light-image-border-main-hover: var(--wb-color-generated-accent-contrast-low-hover);
  --wb-color-fixed-component-button-group-primary-on-light-image-border-main-default: var(--wb-color-black-opacity-low);
  --wb-color-fixed-component-button-group-primary-on-contrast-border-main-selected-focus: var(--wb-color-generated-accent-main-extra-low-focus);
  --wb-color-fixed-component-button-group-primary-on-contrast-border-main-selected: var(--wb-color-white-opacity-extra-low);
  --wb-color-fixed-component-button-group-primary-on-contrast-border-main-focus: var(--wb-color-generated-accent-contrast-low-focus);
  --wb-color-fixed-component-button-group-primary-on-contrast-border-main-active: var(--wb-color-generated-accent-contrast-low-active);
  --wb-color-fixed-component-button-group-primary-on-contrast-border-main-hover: var(--wb-color-generated-accent-contrast-low-hover);
  --wb-color-fixed-component-button-group-primary-on-contrast-border-main-default: var(--wb-color-black-opacity-low);
  --wb-color-fixed-component-button-group-primary-on-main-border-main-selected-focus: var(--wb-color-white-opacity-extra-low);
  --wb-color-fixed-component-button-group-primary-on-main-border-main-selected: var(--wb-color-white-opacity-extra-low);
  --wb-color-fixed-component-button-group-primary-on-main-border-main-focus: var(--wb-color-generated-accent-contrast-low-focus);
  --wb-color-fixed-component-button-group-primary-on-main-border-main-active: var(--wb-color-generated-accent-contrast-low-active);
  --wb-color-fixed-component-button-group-primary-on-main-border-main-hover: var(--wb-color-generated-accent-contrast-low-hover);
  --wb-color-fixed-component-button-group-primary-on-main-border-main-default: var(--wb-color-black-opacity-low);
  --wb-color-fixed-component-button-group-on-contrast-background: var(--wb-color-black-0);
  --wb-color-fixed-component-button-group-on-main-background: var(--wb-color-white-0);
  --wb-color-fixed-component-button-translucent-on-dark-image-border-ring-focus: var(--wb-color-generated-grey-900-focus);
  --wb-color-fixed-component-button-translucent-on-dark-image-border-ring-active: var(--wb-color-generated-grey-900-active);
  --wb-color-fixed-component-button-translucent-on-dark-image-border-main-loading: var(--wb-color-grey-400);
  --wb-color-fixed-component-button-translucent-on-dark-image-border-main-focus: var(--wb-color-generated-grey-400-focus);
  --wb-color-fixed-component-button-translucent-on-dark-image-border-main-active: var(--wb-color-generated-grey-400-active);
  --wb-color-fixed-component-button-translucent-on-dark-image-border-main-hover: var(--wb-color-generated-grey-400-hover);
  --wb-color-fixed-component-button-translucent-on-dark-image-border-main-default: var(--wb-color-grey-400);
  --wb-color-fixed-component-button-translucent-on-dark-image-icon-default: var(--wb-color-white-100);
  --wb-color-fixed-component-button-translucent-on-dark-image-text-default: var(--wb-color-white-100);
  --wb-color-fixed-component-button-translucent-on-dark-image-background-loading: var(--wb-color-black-opacity-medium);
  --wb-color-fixed-component-button-translucent-on-dark-image-background-focus: var(--wb-color-generated-accent-contrast-medium-focus);
  --wb-color-fixed-component-button-translucent-on-dark-image-background-active: var(--wb-color-generated-accent-contrast-medium-active);
  --wb-color-fixed-component-button-translucent-on-dark-image-background-hover: var(--wb-color-generated-accent-contrast-medium-hover);
  --wb-color-fixed-component-button-translucent-on-dark-image-background-default: var(--wb-color-black-opacity-medium);
  --wb-color-fixed-component-button-translucent-on-light-image-border-main-loading: var(--wb-color-grey-600);
  --wb-color-fixed-component-button-translucent-on-light-image-border-main-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-fixed-component-button-translucent-on-light-image-border-main-active: var(--wb-color-generated-grey-600-active);
  --wb-color-fixed-component-button-translucent-on-light-image-border-main-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-fixed-component-button-translucent-on-light-image-border-main-default: var(--wb-color-grey-600);
  --wb-color-fixed-component-button-translucent-on-light-image-icon-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-button-translucent-on-light-image-text-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-button-translucent-on-light-image-background-loading: var(--wb-color-white-opacity-medium);
  --wb-color-fixed-component-button-translucent-on-light-image-background-focus: var(--wb-color-generated-accent-main-medium-focus);
  --wb-color-fixed-component-button-translucent-on-light-image-background-active: var(--wb-color-generated-accent-main-medium-active);
  --wb-color-fixed-component-button-translucent-on-light-image-background-hover: var(--wb-color-generated-accent-main-medium-hover);
  --wb-color-fixed-component-button-translucent-on-light-image-background-default: var(--wb-color-white-opacity-medium);
  --wb-color-fixed-component-button-translucent-on-contrast-border-main-focus: var(--wb-color-generated-grey-400-focus);
  --wb-color-fixed-component-button-translucent-on-contrast-border-main-active: var(--wb-color-generated-grey-400-active);
  --wb-color-fixed-component-button-translucent-on-contrast-border-main-hover: var(--wb-color-generated-grey-400-hover);
  --wb-color-fixed-component-button-translucent-on-contrast-border-main-default: var(--wb-color-grey-400);
  --wb-color-fixed-component-button-translucent-on-main-border-main-color-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-fixed-component-button-translucent-on-main-border-main-color-active: var(--wb-color-generated-grey-600-active);
  --wb-color-fixed-component-button-translucent-on-main-border-main-color-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-fixed-component-button-translucent-on-main-border-main-color-default: var(--wb-color-grey-600);
  --wb-color-fixed-component-button-tertiary-on-dark-image-border-ring-focus: var(--wb-color-generated-grey-900-focus);
  --wb-color-fixed-component-button-tertiary-on-dark-image-border-ring-active: var(--wb-color-generated-grey-900-active);
  --wb-color-fixed-component-button-tertiary-on-dark-image-background-loading: var(--wb-color-black-0);
  --wb-color-fixed-component-button-tertiary-on-dark-image-background-focus: var(--wb-color-black-0);
  --wb-color-fixed-component-button-tertiary-on-dark-image-background-active: var(--wb-color-generated-accent-contrast-none-to-translucent-active);
  --wb-color-fixed-component-button-tertiary-on-dark-image-background-hover: var(--wb-color-generated-accent-contrast-none-to-translucent-hover);
  --wb-color-fixed-component-button-tertiary-on-dark-image-background-default: var(--wb-color-black-0);
  --wb-color-fixed-component-button-tertiary-on-light-image-background-loading: var(--wb-color-white-0);
  --wb-color-fixed-component-button-tertiary-on-light-image-background-focus: var(--wb-color-white-0);
  --wb-color-fixed-component-button-tertiary-on-light-image-background-active: var(--wb-color-generated-accent-main-none-to-translucent-active);
  --wb-color-fixed-component-button-tertiary-on-light-image-background-hover: var(--wb-color-generated-accent-main-none-to-translucent-hover);
  --wb-color-fixed-component-button-tertiary-on-light-image-background-default: var(--wb-color-white-0);
  --wb-color-fixed-component-button-secondary-on-dark-image-border-main-loading: var(--wb-color-grey-400);
  --wb-color-fixed-component-button-secondary-on-dark-image-border-main-focus: var(--wb-color-generated-grey-400-focus);
  --wb-color-fixed-component-button-secondary-on-dark-image-border-main-active: var(--wb-color-generated-grey-400-active);
  --wb-color-fixed-component-button-secondary-on-dark-image-border-main-hover: var(--wb-color-generated-grey-400-hover);
  --wb-color-fixed-component-button-secondary-on-dark-image-border-main-default: var(--wb-color-grey-400);
  --wb-color-fixed-component-button-secondary-on-dark-image-icon-default: var(--wb-color-white-100);
  --wb-color-fixed-component-button-secondary-on-dark-image-text-default: var(--wb-color-white-100);
  --wb-color-fixed-component-button-secondary-on-dark-image-background-loading: var(--wb-color-black-0);
  --wb-color-fixed-component-button-secondary-on-dark-image-background-focus: var(--wb-color-black-0);
  --wb-color-fixed-component-button-secondary-on-dark-image-background-active: var(--wb-color-generated-accent-contrast-none-to-solid-active);
  --wb-color-fixed-component-button-secondary-on-dark-image-background-hover: var(--wb-color-generated-accent-contrast-none-to-solid-hover);
  --wb-color-fixed-component-button-secondary-on-dark-image-background-default: var(--wb-color-black-0);
  --wb-color-fixed-component-button-secondary-on-light-image-border-main-loading: var(--wb-color-grey-600);
  --wb-color-fixed-component-button-secondary-on-light-image-border-main-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-fixed-component-button-secondary-on-light-image-border-main-active: var(--wb-color-generated-grey-600-active);
  --wb-color-fixed-component-button-secondary-on-light-image-border-main-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-fixed-component-button-secondary-on-light-image-border-main-default: var(--wb-color-grey-600);
  --wb-color-fixed-component-button-secondary-on-light-image-icon-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-button-secondary-on-light-image-text-default: var(--wb-color-grey-200);
  --wb-color-fixed-component-button-secondary-on-light-image-background-loading: var(--wb-color-white-0);
  --wb-color-fixed-component-button-secondary-on-light-image-background-focus: var(--wb-color-white-0);
  --wb-color-fixed-component-button-secondary-on-light-image-background-active: var(--wb-color-generated-accent-main-none-to-solid-active);
  --wb-color-fixed-component-button-secondary-on-light-image-background-hover: var(--wb-color-generated-accent-main-none-to-solid-hover);
  --wb-color-fixed-component-button-secondary-on-light-image-background-default: var(--wb-color-white-0);
  --wb-color-fixed-component-button-secondary-on-contrast-border-main-focus: var(--wb-color-generated-grey-400-focus);
  --wb-color-fixed-component-button-secondary-on-contrast-border-main-active: var(--wb-color-generated-grey-400-active);
  --wb-color-fixed-component-button-secondary-on-contrast-border-main-hover: var(--wb-color-generated-grey-400-hover);
  --wb-color-fixed-component-button-secondary-on-contrast-border-main-default: var(--wb-color-grey-400);
  --wb-color-fixed-component-button-secondary-on-main-border-main-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-fixed-component-button-secondary-on-main-border-main-active: var(--wb-color-generated-grey-600-active);
  --wb-color-fixed-component-button-secondary-on-main-border-main-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-fixed-component-button-secondary-on-main-border-main-default: var(--wb-color-grey-600);
  --wb-color-fixed-component-accordion-on-contrast-subtle-background-active-focus: var(--wb-color-black-100);
  --wb-color-fixed-component-accordion-on-contrast-subtle-background-hover: var(--wb-color-black-100);
  --wb-color-fixed-component-accordion-on-main-subtle-background-active-focus: var(--wb-color-white-100);
  --wb-color-fixed-component-accordion-on-main-subtle-background-hover: var(--wb-color-white-100);
  --wb-color-fixed-component-360-viewer-on-dark-image-hint-gradient-start: var(--wb-color-grey-400);
  --wb-color-fixed-component-360-viewer-on-dark-image-none: var(--wb-color-grey-500);
  --wb-color-fixed-component-360-viewer-on-light-image-hint-gradient-start: var(--wb-color-grey-500);
  --wb-color-fixed-component-360-viewer-on-light-image-icon: var(--wb-color-grey-400);
  --wb-color-fixed-component-360-viewer-on-contrast-hint-gradient-start: var(--wb-color-grey-400);
  --wb-color-fixed-component-360-viewer-on-main-hint-gradient-start: var(--wb-color-grey-500);
  --wb-color-gradient-contrast-end: var(--wb-color-black-0);
  --wb-color-gradient-contrast-start: var(--wb-color-black-100);
  --wb-color-gradient-end: var(--wb-color-mercedes-benz-gradient-0);
  --wb-color-gradient-start: var(--wb-color-mercedes-benz-gradient-100);
  --wb-color-border-fixed-black: var(--wb-color-black-100);
  --wb-color-border-fixed-white: var(--wb-color-white-100);
  --wb-color-border-status-on-contrast-error-selected: var(--wb-color-generated-status-contrast-error-selected);
  --wb-color-border-status-on-contrast-error-focus: var(--wb-color-generated-status-contrast-error-focus);
  --wb-color-border-status-on-contrast-error-active: var(--wb-color-generated-status-contrast-error-active);
  --wb-color-border-status-on-contrast-error-hover: var(--wb-color-generated-status-contrast-error-hover);
  --wb-color-border-status-on-contrast-error-default: var(--wb-color-red-on-contrast-100);
  --wb-color-border-status-on-contrast-warning-selected: var(--wb-color-generated-status-contrast-warning-selected);
  --wb-color-border-status-on-contrast-warning-focus: var(--wb-color-generated-status-contrast-warning-focus);
  --wb-color-border-status-on-contrast-warning-active: var(--wb-color-generated-status-contrast-warning-active);
  --wb-color-border-status-on-contrast-warning-hover: var(--wb-color-generated-status-contrast-warning-hover);
  --wb-color-border-status-on-contrast-warning-default: var(--wb-color-yellow-on-contrast-100);
  --wb-color-border-status-on-contrast-success-selected: var(--wb-color-generated-status-contrast-success-selected);
  --wb-color-border-status-on-contrast-success-focus: var(--wb-color-generated-status-contrast-success-focus);
  --wb-color-border-status-on-contrast-success-active: var(--wb-color-generated-status-contrast-success-active);
  --wb-color-border-status-on-contrast-success-hover: var(--wb-color-generated-status-contrast-success-hover);
  --wb-color-border-status-on-contrast-success-default: var(--wb-color-green-on-contrast-100);
  --wb-color-border-status-error-selected: var(--wb-color-generated-status-main-error-selected);
  --wb-color-border-status-error-focus: var(--wb-color-generated-status-main-error-focus);
  --wb-color-border-status-error-active: var(--wb-color-generated-status-main-error-active);
  --wb-color-border-status-error-hover: var(--wb-color-generated-status-main-error-hover);
  --wb-color-border-status-error-default: var(--wb-color-red-100);
  --wb-color-border-status-warning-selected: var(--wb-color-generated-status-main-warning-selected);
  --wb-color-border-status-warning-focus: var(--wb-color-generated-status-main-warning-focus);
  --wb-color-border-status-warning-active: var(--wb-color-generated-status-main-warning-active);
  --wb-color-border-status-warning-hover: var(--wb-color-generated-status-main-warning-hover);
  --wb-color-border-status-warning-default: var(--wb-color-yellow-100);
  --wb-color-border-status-success-selected: var(--wb-color-generated-status-main-success-selected);
  --wb-color-border-status-success-focus: var(--wb-color-generated-status-main-success-focus);
  --wb-color-border-status-success-active: var(--wb-color-generated-status-main-success-active);
  --wb-color-border-status-success-hover: var(--wb-color-generated-status-main-success-hover);
  --wb-color-border-status-success-default: var(--wb-color-green-100);
  --wb-color-border-brand-on-contrast-selected: var(--wb-color-generated-brand-mercedes-benz-contrast-selected);
  --wb-color-border-brand-on-contrast-focus: var(--wb-color-generated-brand-mercedes-benz-contrast-focus);
  --wb-color-border-brand-on-contrast-active: var(--wb-color-generated-brand-mercedes-benz-contrast-active);
  --wb-color-border-brand-on-contrast-hover: var(--wb-color-generated-brand-mercedes-benz-contrast-hover);
  --wb-color-border-brand-on-contrast-default: var(--wb-color-mercedes-benz-on-contrast-100);
  --wb-color-border-brand-selected: var(--wb-color-generated-brand-mercedes-benz-main-selected);
  --wb-color-border-brand-focus: var(--wb-color-generated-brand-mercedes-benz-main-focus);
  --wb-color-border-brand-active: var(--wb-color-generated-brand-mercedes-benz-main-active);
  --wb-color-border-brand-hover: var(--wb-color-generated-brand-mercedes-benz-main-hover);
  --wb-color-border-brand-default: var(--wb-color-mercedes-benz-100);
  --wb-color-border-on-brand: var(--wb-color-white-100);
  --wb-color-border-on-contrast-on-brand: var(--wb-color-white-100);
  --wb-color-border-on-contrast-weakest-selected: var(--wb-color-generated-black-selected);
  --wb-color-border-on-contrast-weakest-focus: var(--wb-color-generated-black-focus);
  --wb-color-border-on-contrast-weakest-active: var(--wb-color-generated-black-active);
  --wb-color-border-on-contrast-weakest-hover: var(--wb-color-generated-black-hover);
  --wb-color-border-on-contrast-weakest-default: var(--wb-color-black-100);
  --wb-color-border-on-contrast-weaker-selected: var(--wb-color-generated-grey-100-selected);
  --wb-color-border-on-contrast-weaker-focus: var(--wb-color-generated-grey-100-focus);
  --wb-color-border-on-contrast-weaker-active: var(--wb-color-generated-grey-100-active);
  --wb-color-border-on-contrast-weaker-hover: var(--wb-color-generated-grey-100-hover);
  --wb-color-border-on-contrast-weaker-default: var(--wb-color-grey-100);
  --wb-color-border-on-contrast-weak-selected: var(--wb-color-generated-grey-200-selected);
  --wb-color-border-on-contrast-weak-focus: var(--wb-color-generated-grey-200-focus);
  --wb-color-border-on-contrast-weak-active: var(--wb-color-generated-grey-200-active);
  --wb-color-border-on-contrast-weak-hover: var(--wb-color-generated-grey-200-hover);
  --wb-color-border-on-contrast-weak-default: var(--wb-color-grey-200);
  --wb-color-border-on-contrast-dim-selected: var(--wb-color-generated-grey-300-selected);
  --wb-color-border-on-contrast-dim-focus: var(--wb-color-generated-grey-300-focus);
  --wb-color-border-on-contrast-dim-active: var(--wb-color-generated-grey-300-active);
  --wb-color-border-on-contrast-dim-hover: var(--wb-color-generated-grey-300-hover);
  --wb-color-border-on-contrast-dim-default: var(--wb-color-grey-300);
  --wb-color-border-on-contrast-mild-selected: var(--wb-color-generated-grey-400-selected);
  --wb-color-border-on-contrast-mild-focus: var(--wb-color-generated-grey-400-focus);
  --wb-color-border-on-contrast-mild-active: var(--wb-color-generated-grey-400-active);
  --wb-color-border-on-contrast-mild-hover: var(--wb-color-generated-grey-400-hover);
  --wb-color-border-on-contrast-mild-default: var(--wb-color-grey-400);
  --wb-color-border-on-contrast-strongest-selected: var(--wb-color-generated-white-selected);
  --wb-color-border-on-contrast-strongest-focus: var(--wb-color-generated-white-focus);
  --wb-color-border-on-contrast-strongest-active: var(--wb-color-generated-white-active);
  --wb-color-border-on-contrast-strongest-hover: var(--wb-color-generated-white-hover);
  --wb-color-border-on-contrast-strongest-default: var(--wb-color-white-100);
  --wb-color-border-on-contrast-stronger-selected: var(--wb-color-generated-grey-800-selected);
  --wb-color-border-on-contrast-stronger-focus: var(--wb-color-generated-grey-800-focus);
  --wb-color-border-on-contrast-stronger-active: var(--wb-color-generated-grey-800-active);
  --wb-color-border-on-contrast-stronger-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-border-on-contrast-stronger-default: var(--wb-color-grey-800);
  --wb-color-border-on-contrast-strong-selected: var(--wb-color-generated-grey-600-selected);
  --wb-color-border-on-contrast-strong-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-border-on-contrast-strong-active: var(--wb-color-generated-grey-600-active);
  --wb-color-border-on-contrast-strong-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-border-on-contrast-strong-default: var(--wb-color-grey-600);
  --wb-color-border-on-contrast-main-selected: var(--wb-color-generated-grey-500-selected);
  --wb-color-border-on-contrast-main-focus: var(--wb-color-generated-grey-500-focus);
  --wb-color-border-on-contrast-main-active: var(--wb-color-generated-grey-500-active);
  --wb-color-border-on-contrast-main-hover: var(--wb-color-generated-grey-500-hover);
  --wb-color-border-on-contrast-main-default: var(--wb-color-grey-500);
  --wb-color-border-weakest-selected: var(--wb-color-generated-white-selected);
  --wb-color-border-weakest-focus: var(--wb-color-generated-white-focus);
  --wb-color-border-weakest-active: var(--wb-color-generated-white-active);
  --wb-color-border-weakest-hover: var(--wb-color-generated-white-hover);
  --wb-color-border-weakest-default: var(--wb-color-white-100);
  --wb-color-border-weaker-selected: var(--wb-color-generated-grey-900-selected);
  --wb-color-border-weaker-focus: var(--wb-color-generated-grey-900-focus);
  --wb-color-border-weaker-active: var(--wb-color-generated-grey-900-active);
  --wb-color-border-weaker-hover: var(--wb-color-generated-grey-900-hover);
  --wb-color-border-weaker-default: var(--wb-color-grey-900);
  --wb-color-border-weak-selected: var(--wb-color-generated-grey-800-selected);
  --wb-color-border-weak-focus: var(--wb-color-generated-grey-800-focus);
  --wb-color-border-weak-active: var(--wb-color-generated-grey-800-active);
  --wb-color-border-weak-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-border-weak-default: var(--wb-color-grey-800);
  --wb-color-border-dim-selected: var(--wb-color-generated-grey-700-selected);
  --wb-color-border-dim-focus: var(--wb-color-generated-grey-700-focus);
  --wb-color-border-dim-active: var(--wb-color-generated-grey-700-active);
  --wb-color-border-dim-hover: var(--wb-color-generated-grey-700-hover);
  --wb-color-border-dim-default: var(--wb-color-grey-700);
  --wb-color-border-mild-selected: var(--wb-color-generated-grey-400-selected);
  --wb-color-border-mild-focus: var(--wb-color-generated-grey-400-focus);
  --wb-color-border-mild-active: var(--wb-color-generated-grey-400-active);
  --wb-color-border-mild-hover: var(--wb-color-generated-grey-400-hover);
  --wb-color-border-mild-default: var(--wb-color-grey-400);
  --wb-color-border-strongest-selected: var(--wb-color-generated-grey-200-selected);
  --wb-color-border-strongest-focus: var(--wb-color-generated-grey-200-focus);
  --wb-color-border-strongest-active: var(--wb-color-generated-grey-200-active);
  --wb-color-border-strongest-hover: var(--wb-color-generated-grey-200-hover);
  --wb-color-border-strongest-default: var(--wb-color-grey-200);
  --wb-color-border-stronger-selected: var(--wb-color-generated-grey-300-selected);
  --wb-color-border-stronger-focus: var(--wb-color-generated-grey-300-focus);
  --wb-color-border-stronger-active: var(--wb-color-generated-grey-300-active);
  --wb-color-border-stronger-hover: var(--wb-color-generated-grey-300-hover);
  --wb-color-border-stronger-default: var(--wb-color-grey-300);
  --wb-color-border-strong-selected: var(--wb-color-generated-grey-500-selected);
  --wb-color-border-strong-focus: var(--wb-color-generated-grey-500-focus);
  --wb-color-border-strong-active: var(--wb-color-generated-grey-500-active);
  --wb-color-border-strong-hover: var(--wb-color-generated-grey-500-hover);
  --wb-color-border-strong-default: var(--wb-color-grey-500);
  --wb-color-border-main-selected: var(--wb-color-generated-grey-600-selected);
  --wb-color-border-main-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-border-main-active: var(--wb-color-generated-grey-600-active);
  --wb-color-border-main-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-border-main-default: var(--wb-color-grey-600);
  --wb-color-text-fixed-black: var(--wb-color-black-100);
  --wb-color-text-fixed-white: var(--wb-color-white-100);
  --wb-color-text-status-on-contrast-error-selected: var(--wb-color-generated-status-contrast-error-selected);
  --wb-color-text-status-on-contrast-error-focus: var(--wb-color-generated-status-contrast-error-focus);
  --wb-color-text-status-on-contrast-error-active: var(--wb-color-generated-status-contrast-error-active);
  --wb-color-text-status-on-contrast-error-hover: var(--wb-color-generated-status-contrast-error-hover);
  --wb-color-text-status-on-contrast-error-default: var(--wb-color-red-on-contrast-100);
  --wb-color-text-status-on-contrast-warning-selected: var(--wb-color-generated-status-contrast-warning-selected);
  --wb-color-text-status-on-contrast-warning-focus: var(--wb-color-generated-status-contrast-warning-focus);
  --wb-color-text-status-on-contrast-warning-active: var(--wb-color-generated-status-contrast-warning-active);
  --wb-color-text-status-on-contrast-warning-hover: var(--wb-color-generated-status-contrast-warning-hover);
  --wb-color-text-status-on-contrast-warning-default: var(--wb-color-yellow-on-contrast-100);
  --wb-color-text-status-on-contrast-success-selected: var(--wb-color-generated-status-contrast-success-selected);
  --wb-color-text-status-on-contrast-success-focus: var(--wb-color-generated-status-contrast-success-focus);
  --wb-color-text-status-on-contrast-success-active: var(--wb-color-generated-status-contrast-success-active);
  --wb-color-text-status-on-contrast-success-hover: var(--wb-color-generated-status-contrast-success-hover);
  --wb-color-text-status-on-contrast-success-default: var(--wb-color-green-100);
  --wb-color-text-status-error-selected: var(--wb-color-generated-status-main-error-selected);
  --wb-color-text-status-error-focus: var(--wb-color-generated-status-main-error-focus);
  --wb-color-text-status-error-active: var(--wb-color-generated-status-main-error-active);
  --wb-color-text-status-error-hover: var(--wb-color-generated-status-main-error-hover);
  --wb-color-text-status-error-default: var(--wb-color-red-100);
  --wb-color-text-status-warning-selected: var(--wb-color-generated-status-main-warning-selected);
  --wb-color-text-status-warning-focus: var(--wb-color-generated-status-main-warning-focus);
  --wb-color-text-status-warning-active: var(--wb-color-generated-status-main-warning-active);
  --wb-color-text-status-warning-hover: var(--wb-color-generated-status-main-warning-hover);
  --wb-color-text-status-warning-default: var(--wb-color-yellow-100);
  --wb-color-text-status-success-selected: var(--wb-color-generated-status-main-success-selected);
  --wb-color-text-status-success-focus: var(--wb-color-generated-status-main-success-focus);
  --wb-color-text-status-success-active: var(--wb-color-generated-status-main-success-active);
  --wb-color-text-status-success-hover: var(--wb-color-generated-status-main-success-hover);
  --wb-color-text-status-success-default: var(--wb-color-green-100);
  --wb-color-text-brand-on-contrast-selected: var(--wb-color-generated-brand-mercedes-benz-contrast-selected);
  --wb-color-text-brand-on-contrast-focus: var(--wb-color-generated-brand-mercedes-benz-contrast-focus);
  --wb-color-text-brand-on-contrast-active: var(--wb-color-generated-brand-mercedes-benz-contrast-active);
  --wb-color-text-brand-on-contrast-hover: var(--wb-color-generated-brand-mercedes-benz-contrast-hover);
  --wb-color-text-brand-on-contrast-default: var(--wb-color-mercedes-benz-on-contrast-100);
  --wb-color-text-brand-selected: var(--wb-color-generated-brand-mercedes-benz-main-selected);
  --wb-color-text-brand-focus: var(--wb-color-generated-brand-mercedes-benz-main-focus);
  --wb-color-text-brand-active: var(--wb-color-generated-brand-mercedes-benz-main-active);
  --wb-color-text-brand-hover: var(--wb-color-generated-brand-mercedes-benz-main-hover);
  --wb-color-text-brand-default: var(--wb-color-mercedes-benz-100);
  --wb-color-text-on-contrast-weakest-selected: var(--wb-color-generated-grey-500-selected);
  --wb-color-text-on-contrast-weakest-focus: var(--wb-color-generated-grey-500-focus);
  --wb-color-text-on-contrast-weakest-active: var(--wb-color-generated-grey-500-active);
  --wb-color-text-on-contrast-weakest-hover: var(--wb-color-generated-grey-500-hover);
  --wb-color-text-on-contrast-weakest-default: var(--wb-color-grey-500);
  --wb-color-text-on-contrast-weaker-selected: var(--wb-color-generated-grey-600-selected);
  --wb-color-text-on-contrast-weaker-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-text-on-contrast-weaker-active: var(--wb-color-generated-grey-600-active);
  --wb-color-text-on-contrast-weaker-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-text-on-contrast-weaker-default: var(--wb-color-grey-600);
  --wb-color-text-on-contrast-strongest-selected: var(--wb-color-generated-white-selected);
  --wb-color-text-on-contrast-strongest-focus: var(--wb-color-generated-white-focus);
  --wb-color-text-on-contrast-strongest-active: var(--wb-color-generated-white-active);
  --wb-color-text-on-contrast-strongest-hover: var(--wb-color-generated-white-hover);
  --wb-color-text-on-contrast-strongest-default: var(--wb-color-white-100);
  --wb-color-text-on-contrast-stronger-selected: var(--wb-color-generated-grey-900-selected);
  --wb-color-text-on-contrast-stronger-focus: var(--wb-color-generated-grey-900-focus);
  --wb-color-text-on-contrast-stronger-active: var(--wb-color-generated-grey-900-active);
  --wb-color-text-on-contrast-stronger-hover: var(--wb-color-generated-grey-900-hover);
  --wb-color-text-on-contrast-stronger-default: var(--wb-color-grey-900);
  --wb-color-text-on-contrast-main-selected: var(--wb-color-generated-grey-800-selected);
  --wb-color-text-on-contrast-main-focus: var(--wb-color-generated-grey-800-focus);
  --wb-color-text-on-contrast-main-active: var(--wb-color-generated-grey-800-active);
  --wb-color-text-on-contrast-main-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-text-on-contrast-main-default: var(--wb-color-grey-800);
  --wb-color-text-on-contrast-on-brand: var(--wb-color-white-100);
  --wb-color-text-weakest-selected: var(--wb-color-generated-grey-400-selected);
  --wb-color-text-weakest-focus: var(--wb-color-generated-grey-400-focus);
  --wb-color-text-weakest-active: var(--wb-color-generated-grey-400-active);
  --wb-color-text-weakest-hover: var(--wb-color-generated-grey-400-hover);
  --wb-color-text-weakest-default: var(--wb-color-grey-400);
  --wb-color-text-weaker-selected: var(--wb-color-generated-grey-300-selected);
  --wb-color-text-weaker-focus: var(--wb-color-generated-grey-300-focus);
  --wb-color-text-weaker-active: var(--wb-color-generated-grey-300-active);
  --wb-color-text-weaker-hover: var(--wb-color-generated-grey-300-hover);
  --wb-color-text-weaker-default: var(--wb-color-grey-300);
  --wb-color-text-strongest-selected: var(--wb-color-generated-black-selected);
  --wb-color-text-strongest-focus: var(--wb-color-generated-black-focus);
  --wb-color-text-strongest-active: var(--wb-color-generated-black-active);
  --wb-color-text-strongest-hover: var(--wb-color-generated-black-hover);
  --wb-color-text-strongest-default: var(--wb-color-black-100);
  --wb-color-text-stronger-selected: var(--wb-color-generated-grey-100-selected);
  --wb-color-text-stronger-focus: var(--wb-color-generated-grey-100-focus);
  --wb-color-text-stronger-active: var(--wb-color-generated-grey-100-active);
  --wb-color-text-stronger-hover: var(--wb-color-generated-grey-100-hover);
  --wb-color-text-stronger-default: var(--wb-color-grey-100);
  --wb-color-text-main-selected: var(--wb-color-generated-grey-200-selected);
  --wb-color-text-main-focus: var(--wb-color-generated-grey-200-focus);
  --wb-color-text-main-active: var(--wb-color-generated-grey-200-active);
  --wb-color-text-main-hover: var(--wb-color-generated-grey-200-hover);
  --wb-color-text-main-default: var(--wb-color-grey-200);
  --wb-color-text-on-brand: var(--wb-color-white-100);
  --wb-color-icon-fixed-black: var(--wb-color-black-100);
  --wb-color-icon-fixed-white: var(--wb-color-white-100);
  --wb-color-icon-status-on-contrast-error-selected: var(--wb-color-generated-status-contrast-error-selected);
  --wb-color-icon-status-on-contrast-error-focus: var(--wb-color-generated-status-contrast-error-focus);
  --wb-color-icon-status-on-contrast-error-active: var(--wb-color-generated-status-contrast-error-active);
  --wb-color-icon-status-on-contrast-error-hover: var(--wb-color-generated-status-contrast-error-hover);
  --wb-color-icon-status-on-contrast-error-default: var(--wb-color-red-on-contrast-100);
  --wb-color-icon-status-on-contrast-warning-selected: var(--wb-color-generated-status-contrast-warning-selected);
  --wb-color-icon-status-on-contrast-warning-focus: var(--wb-color-generated-status-contrast-warning-focus);
  --wb-color-icon-status-on-contrast-warning-active: var(--wb-color-generated-status-contrast-warning-active);
  --wb-color-icon-status-on-contrast-warning-hover: var(--wb-color-generated-status-contrast-warning-hover);
  --wb-color-icon-status-on-contrast-warning-default: var(--wb-color-yellow-on-contrast-100);
  --wb-color-icon-status-on-contrast-success-selected: var(--wb-color-generated-status-contrast-success-selected);
  --wb-color-icon-status-on-contrast-success-focus: var(--wb-color-generated-status-contrast-success-focus);
  --wb-color-icon-status-on-contrast-success-active: var(--wb-color-generated-status-contrast-success-active);
  --wb-color-icon-status-on-contrast-success-hover: var(--wb-color-generated-status-contrast-success-hover);
  --wb-color-icon-status-on-contrast-success-default: var(--wb-color-green-on-contrast-100);
  --wb-color-icon-status-error-selected: var(--wb-color-generated-status-main-error-selected);
  --wb-color-icon-status-error-focus: var(--wb-color-generated-status-main-error-focus);
  --wb-color-icon-status-error-active: var(--wb-color-generated-status-main-error-active);
  --wb-color-icon-status-error-hover: var(--wb-color-generated-status-main-error-hover);
  --wb-color-icon-status-error-default: var(--wb-color-red-100);
  --wb-color-icon-status-warning-selected: var(--wb-color-generated-status-main-warning-selected);
  --wb-color-icon-status-warning-focus: var(--wb-color-generated-status-main-warning-focus);
  --wb-color-icon-status-warning-active: var(--wb-color-generated-status-main-warning-active);
  --wb-color-icon-status-warning-hover: var(--wb-color-generated-status-main-warning-hover);
  --wb-color-icon-status-warning-default: var(--wb-color-yellow-100);
  --wb-color-icon-status-success-selected: var(--wb-color-generated-status-main-success-selected);
  --wb-color-icon-status-success-focus: var(--wb-color-generated-status-main-success-focus);
  --wb-color-icon-status-success-active: var(--wb-color-generated-status-main-success-active);
  --wb-color-icon-status-success-hover: var(--wb-color-generated-status-main-success-hover);
  --wb-color-icon-status-success-default: var(--wb-color-green-100);
  --wb-color-icon-brand-on-contrast-selected: var(--wb-color-generated-brand-mercedes-benz-contrast-selected);
  --wb-color-icon-brand-on-contrast-focus: var(--wb-color-generated-brand-mercedes-benz-contrast-focus);
  --wb-color-icon-brand-on-contrast-active: var(--wb-color-generated-brand-mercedes-benz-contrast-active);
  --wb-color-icon-brand-on-contrast-hover: var(--wb-color-generated-brand-mercedes-benz-contrast-hover);
  --wb-color-icon-brand-on-contrast-default: var(--wb-color-mercedes-benz-on-contrast-100);
  --wb-color-icon-brand-selected: var(--wb-color-generated-brand-mercedes-benz-main-selected);
  --wb-color-icon-brand-focus: var(--wb-color-generated-brand-mercedes-benz-main-focus);
  --wb-color-icon-brand-active: var(--wb-color-generated-brand-mercedes-benz-main-active);
  --wb-color-icon-brand-hover: var(--wb-color-generated-brand-mercedes-benz-main-hover);
  --wb-color-icon-brand-default: var(--wb-color-mercedes-benz-100);
  --wb-color-icon-on-contrast-on-brand: var(--wb-color-white-100);
  --wb-color-icon-on-contrast-weakest-selected: var(--wb-color-generated-grey-500-selected);
  --wb-color-icon-on-contrast-weakest-focus: var(--wb-color-generated-grey-500-focus);
  --wb-color-icon-on-contrast-weakest-active: var(--wb-color-generated-grey-500-active);
  --wb-color-icon-on-contrast-weakest-hover: var(--wb-color-generated-grey-500-hover);
  --wb-color-icon-on-contrast-weakest-default: var(--wb-color-grey-500);
  --wb-color-icon-on-contrast-weaker-selected: var(--wb-color-generated-grey-600-selected);
  --wb-color-icon-on-contrast-weaker-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-icon-on-contrast-weaker-active: var(--wb-color-generated-grey-600-active);
  --wb-color-icon-on-contrast-weaker-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-icon-on-contrast-weaker-default: var(--wb-color-grey-600);
  --wb-color-icon-on-contrast-strongest-selected: var(--wb-color-generated-white-selected);
  --wb-color-icon-on-contrast-strongest-focus: var(--wb-color-generated-white-focus);
  --wb-color-icon-on-contrast-strongest-active: var(--wb-color-generated-white-active);
  --wb-color-icon-on-contrast-strongest-hover: var(--wb-color-generated-white-hover);
  --wb-color-icon-on-contrast-strongest-default: var(--wb-color-white-100);
  --wb-color-icon-on-contrast-stronger-selected: var(--wb-color-generated-grey-900-selected);
  --wb-color-icon-on-contrast-stronger-focus: var(--wb-color-generated-grey-900-focus);
  --wb-color-icon-on-contrast-stronger-active: var(--wb-color-generated-grey-900-active);
  --wb-color-icon-on-contrast-stronger-hover: var(--wb-color-generated-grey-900-hover);
  --wb-color-icon-on-contrast-stronger-default: var(--wb-color-grey-900);
  --wb-color-icon-on-contrast-main-selected: var(--wb-color-generated-grey-800-selected);
  --wb-color-icon-on-contrast-main-focus: var(--wb-color-generated-grey-800-focus);
  --wb-color-icon-on-contrast-main-active: var(--wb-color-generated-grey-800-active);
  --wb-color-icon-on-contrast-main-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-icon-on-contrast-main-default: var(--wb-color-grey-800);
  --wb-color-icon-on-brand: var(--wb-color-white-100);
  --wb-color-icon-weakest-selected: var(--wb-color-generated-grey-400-selected);
  --wb-color-icon-weakest-focus: var(--wb-color-generated-grey-400-focus);
  --wb-color-icon-weakest-active: var(--wb-color-generated-grey-400-active);
  --wb-color-icon-weakest-hover: var(--wb-color-generated-grey-400-hover);
  --wb-color-icon-weakest-default: var(--wb-color-grey-400);
  --wb-color-icon-weaker-selected: var(--wb-color-generated-grey-300-selected);
  --wb-color-icon-weaker-focus: var(--wb-color-generated-grey-300-focus);
  --wb-color-icon-weaker-active: var(--wb-color-generated-grey-300-active);
  --wb-color-icon-weaker-hover: var(--wb-color-generated-grey-300-hover);
  --wb-color-icon-weaker-default: var(--wb-color-grey-300);
  --wb-color-icon-strongest-selected: var(--wb-color-generated-black-selected);
  --wb-color-icon-strongest-focus: var(--wb-color-generated-black-focus);
  --wb-color-icon-strongest-active: var(--wb-color-generated-black-active);
  --wb-color-icon-strongest-hover: var(--wb-color-generated-black-hover);
  --wb-color-icon-strongest-default: var(--wb-color-black-100);
  --wb-color-icon-stronger-selected: var(--wb-color-generated-grey-100-selected);
  --wb-color-icon-stronger-focus: var(--wb-color-generated-grey-100-focus);
  --wb-color-icon-stronger-active: var(--wb-color-generated-grey-100-active);
  --wb-color-icon-stronger-hover: var(--wb-color-generated-grey-100-hover);
  --wb-color-icon-stronger-default: var(--wb-color-grey-100);
  --wb-color-icon-main-selected: var(--wb-color-generated-grey-200-selected);
  --wb-color-icon-main-focus: var(--wb-color-generated-grey-200-focus);
  --wb-color-icon-main-active: var(--wb-color-generated-grey-200-active);
  --wb-color-icon-main-hover: var(--wb-color-generated-grey-200-hover);
  --wb-color-icon-main-default: var(--wb-color-grey-200);
  --wb-color-background-main: var(--wb-color-mercedes-benz-background-100);
  --wb-color-section-fixed-black: var(--wb-color-black-100);
  --wb-color-section-fixed-white: var(--wb-color-white-100);
  --wb-color-section-contrast-none: var(--wb-color-black-0);
  --wb-color-section-contrast-main: var(--wb-color-black-100);
  --wb-color-section-none: var(--wb-color-white-0);
  --wb-color-section-mild: var(--wb-color-grey-900);
  --wb-color-section-main: var(--wb-color-mercedes-benz-background-100);
  --wb-color-surface-fixed-black: var(--wb-color-black-100);
  --wb-color-surface-fixed-white: var(--wb-color-white-100);
  --wb-color-surface-contrast-accent-none-to-translucent-selected: var(--wb-color-generated-accent-contrast-none-to-translucent-selected);
  --wb-color-surface-contrast-accent-none-to-translucent-focus: var(--wb-color-generated-accent-contrast-none-to-translucent-focus);
  --wb-color-surface-contrast-accent-none-to-translucent-active: var(--wb-color-generated-accent-contrast-none-to-translucent-active);
  --wb-color-surface-contrast-accent-none-to-translucent-hover: var(--wb-color-generated-accent-contrast-none-to-translucent-hover);
  --wb-color-surface-contrast-accent-none-to-translucent-default: var(--wb-color-black-0);
  --wb-color-surface-contrast-accent-none-to-solid-selected: var(--wb-color-generated-accent-contrast-none-to-solid-selected);
  --wb-color-surface-contrast-accent-none-to-solid-focus: var(--wb-color-generated-accent-contrast-none-to-solid-focus);
  --wb-color-surface-contrast-accent-none-to-solid-active: var(--wb-color-generated-accent-contrast-none-to-solid-active);
  --wb-color-surface-contrast-accent-none-to-solid-hover: var(--wb-color-generated-accent-contrast-none-to-solid-hover);
  --wb-color-surface-contrast-accent-none-to-solid-default: var(--wb-color-black-0);
  --wb-color-surface-contrast-accent-weakest-selected: var(--wb-color-generated-accent-contrast-extra-low-selected);
  --wb-color-surface-contrast-accent-weakest-focus: var(--wb-color-generated-accent-contrast-extra-low-focus);
  --wb-color-surface-contrast-accent-weakest-active: var(--wb-color-generated-accent-contrast-extra-low-active);
  --wb-color-surface-contrast-accent-weakest-hover: var(--wb-color-generated-accent-contrast-extra-low-hover);
  --wb-color-surface-contrast-accent-weakest-default: var(--wb-color-black-opacity-extra-low);
  --wb-color-surface-contrast-accent-weak-selected: var(--wb-color-generated-accent-contrast-low-selected);
  --wb-color-surface-contrast-accent-weak-focus: var(--wb-color-generated-accent-contrast-low-focus);
  --wb-color-surface-contrast-accent-weak-active: var(--wb-color-generated-accent-contrast-low-active);
  --wb-color-surface-contrast-accent-weak-hover: var(--wb-color-generated-accent-contrast-low-hover);
  --wb-color-surface-contrast-accent-weak-default: var(--wb-color-black-opacity-low);
  --wb-color-surface-contrast-accent-strongest-selected: var(--wb-color-generated-accent-contrast-high-selected);
  --wb-color-surface-contrast-accent-strongest-focus: var(--wb-color-generated-accent-contrast-high-focus);
  --wb-color-surface-contrast-accent-strongest-active: var(--wb-color-generated-accent-contrast-high-active);
  --wb-color-surface-contrast-accent-strongest-hover: var(--wb-color-generated-accent-contrast-high-hover);
  --wb-color-surface-contrast-accent-strongest-default: var(--wb-color-black-opacity-high);
  --wb-color-surface-contrast-accent-strong-selected: var(--wb-color-generated-accent-contrast-medium-selected);
  --wb-color-surface-contrast-accent-strong-focus: var(--wb-color-generated-accent-contrast-medium-focus);
  --wb-color-surface-contrast-accent-strong-active: var(--wb-color-generated-accent-contrast-medium-active);
  --wb-color-surface-contrast-accent-strong-hover: var(--wb-color-generated-accent-contrast-medium-hover);
  --wb-color-surface-contrast-accent-strong-default: var(--wb-color-black-opacity-medium);
  --wb-color-surface-contrast-none: var(--wb-color-black-0);
  --wb-color-surface-contrast-weakest-selected: var(--wb-color-generated-grey-300-selected);
  --wb-color-surface-contrast-weakest-focus: var(--wb-color-generated-grey-300-focus);
  --wb-color-surface-contrast-weakest-active: var(--wb-color-generated-grey-300-active);
  --wb-color-surface-contrast-weakest-hover: var(--wb-color-generated-grey-300-hover);
  --wb-color-surface-contrast-weakest-default: var(--wb-color-grey-300);
  --wb-color-surface-contrast-weaker-selected: var(--wb-color-generated-grey-200-selected);
  --wb-color-surface-contrast-weaker-focus: var(--wb-color-generated-grey-200-focus);
  --wb-color-surface-contrast-weaker-active: var(--wb-color-generated-grey-200-active);
  --wb-color-surface-contrast-weaker-hover: var(--wb-color-generated-grey-200-hover);
  --wb-color-surface-contrast-weaker-default: var(--wb-color-grey-200);
  --wb-color-surface-contrast-weak-selected: var(--wb-color-generated-grey-100-selected);
  --wb-color-surface-contrast-weak-focus: var(--wb-color-generated-grey-100-focus);
  --wb-color-surface-contrast-weak-active: var(--wb-color-generated-grey-100-active);
  --wb-color-surface-contrast-weak-hover: var(--wb-color-generated-grey-100-hover);
  --wb-color-surface-contrast-weak-default: var(--wb-color-grey-100);
  --wb-color-surface-contrast-main-selected: var(--wb-color-generated-black-selected);
  --wb-color-surface-contrast-main-focus: var(--wb-color-generated-black-focus);
  --wb-color-surface-contrast-main-active: var(--wb-color-generated-black-active);
  --wb-color-surface-contrast-main-hover: var(--wb-color-generated-black-hover);
  --wb-color-surface-contrast-main-default: var(--wb-color-black-100);
  --wb-color-surface-accent-none-to-translucent-selected: var(--wb-color-generated-accent-main-none-to-translucent-selected);
  --wb-color-surface-accent-none-to-translucent-focus: var(--wb-color-generated-accent-main-none-to-translucent-focus);
  --wb-color-surface-accent-none-to-translucent-active: var(--wb-color-generated-accent-main-none-to-translucent-active);
  --wb-color-surface-accent-none-to-translucent-hover: var(--wb-color-generated-accent-main-none-to-translucent-hover);
  --wb-color-surface-accent-none-to-translucent-default: var(--wb-color-white-0);
  --wb-color-surface-accent-none-to-solid-selected: var(--wb-color-generated-accent-main-none-to-solid-selected);
  --wb-color-surface-accent-none-to-solid-focus: var(--wb-color-generated-accent-main-none-to-solid-focus);
  --wb-color-surface-accent-none-to-solid-active: var(--wb-color-generated-accent-main-none-to-solid-active);
  --wb-color-surface-accent-none-to-solid-hover: var(--wb-color-generated-accent-main-none-to-solid-hover);
  --wb-color-surface-accent-none-to-solid-default: var(--wb-color-white-0);
  --wb-color-surface-accent-weakest-selected: var(--wb-color-generated-accent-main-extra-low-selected);
  --wb-color-surface-accent-weakest-focus: var(--wb-color-generated-accent-main-extra-low-focus);
  --wb-color-surface-accent-weakest-active: var(--wb-color-generated-accent-main-extra-low-active);
  --wb-color-surface-accent-weakest-hover: var(--wb-color-generated-accent-main-extra-low-hover);
  --wb-color-surface-accent-weakest-default: var(--wb-color-white-opacity-extra-low);
  --wb-color-surface-accent-weak-selected: var(--wb-color-generated-accent-main-low-selected);
  --wb-color-surface-accent-weak-focus: var(--wb-color-generated-accent-main-low-focus);
  --wb-color-surface-accent-weak-active: var(--wb-color-generated-accent-main-low-active);
  --wb-color-surface-accent-weak-hover: var(--wb-color-generated-accent-main-low-hover);
  --wb-color-surface-accent-weak-default: var(--wb-color-white-opacity-low);
  --wb-color-surface-accent-strongest-selected: var(--wb-color-generated-accent-main-high-selected);
  --wb-color-surface-accent-strongest-focus: var(--wb-color-generated-accent-main-high-focus);
  --wb-color-surface-accent-strongest-active: var(--wb-color-generated-accent-main-high-active);
  --wb-color-surface-accent-strongest-hover: var(--wb-color-generated-accent-main-high-hover);
  --wb-color-surface-accent-strongest-default: var(--wb-color-white-opacity-high);
  --wb-color-surface-accent-strong-selected: var(--wb-color-generated-accent-main-medium-selected);
  --wb-color-surface-accent-strong-focus: var(--wb-color-generated-accent-main-medium-focus);
  --wb-color-surface-accent-strong-active: var(--wb-color-generated-accent-main-medium-active);
  --wb-color-surface-accent-strong-hover: var(--wb-color-generated-accent-main-medium-hover);
  --wb-color-surface-accent-strong-default: var(--wb-color-white-opacity-medium);
  --wb-color-surface-strongest-selected: var(--wb-color-generated-grey-700-selected);
  --wb-color-surface-strongest-focus: var(--wb-color-generated-grey-700-focus);
  --wb-color-surface-strongest-active: var(--wb-color-generated-grey-700-active);
  --wb-color-surface-strongest-hover: var(--wb-color-generated-grey-700-hover);
  --wb-color-surface-strongest-default: var(--wb-color-grey-700);
  --wb-color-surface-stronger-selected: var(--wb-color-generated-grey-800-selected);
  --wb-color-surface-stronger-focus: var(--wb-color-generated-grey-800-focus);
  --wb-color-surface-stronger-active: var(--wb-color-generated-grey-800-active);
  --wb-color-surface-stronger-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-surface-stronger-default: var(--wb-color-grey-800);
  --wb-color-surface-strong-selected: var(--wb-color-generated-grey-900-selected);
  --wb-color-surface-strong-focus: var(--wb-color-generated-grey-900-focus);
  --wb-color-surface-strong-active: var(--wb-color-generated-grey-900-active);
  --wb-color-surface-strong-hover: var(--wb-color-generated-grey-900-hover);
  --wb-color-surface-strong-default: var(--wb-color-grey-900);
  --wb-color-surface-main-selected: var(--wb-color-generated-white-selected);
  --wb-color-surface-main-focus: var(--wb-color-generated-white-focus);
  --wb-color-surface-main-active: var(--wb-color-generated-white-active);
  --wb-color-surface-main-hover: var(--wb-color-generated-white-hover);
  --wb-color-surface-main-default: var(--wb-color-white-100);
  --wb-color-surface-none: var(--wb-color-white-0);
  --wb-color-shape-fixed-black: var(--wb-color-black-100);
  --wb-color-shape-fixed-white: var(--wb-color-white-100);
  --wb-color-shape-status-on-contrast-error-selected: var(--wb-color-generated-status-contrast-error-selected);
  --wb-color-shape-status-on-contrast-error-focus: var(--wb-color-generated-status-contrast-error-focus);
  --wb-color-shape-status-on-contrast-error-active: var(--wb-color-generated-status-contrast-error-active);
  --wb-color-shape-status-on-contrast-error-hover: var(--wb-color-generated-status-contrast-error-hover);
  --wb-color-shape-status-on-contrast-error-default: var(--wb-color-red-on-contrast-100);
  --wb-color-shape-status-on-contrast-warning-selected: var(--wb-color-generated-status-contrast-warning-selected);
  --wb-color-shape-status-on-contrast-warning-focus: var(--wb-color-generated-status-contrast-warning-focus);
  --wb-color-shape-status-on-contrast-warning-active: var(--wb-color-generated-status-contrast-warning-active);
  --wb-color-shape-status-on-contrast-warning-hover: var(--wb-color-generated-status-contrast-warning-hover);
  --wb-color-shape-status-on-contrast-warning-default: var(--wb-color-yellow-on-contrast-100);
  --wb-color-shape-status-on-contrast-success-selected: var(--wb-color-generated-status-contrast-success-selected);
  --wb-color-shape-status-on-contrast-success-focus: var(--wb-color-generated-status-contrast-success-focus);
  --wb-color-shape-status-on-contrast-success-active: var(--wb-color-generated-status-contrast-success-active);
  --wb-color-shape-status-on-contrast-success-hover: var(--wb-color-generated-status-contrast-success-hover);
  --wb-color-shape-status-on-contrast-success-default: var(--wb-color-green-on-contrast-100);
  --wb-color-shape-status-error-selected: var(--wb-color-generated-status-main-error-selected);
  --wb-color-shape-status-error-focus: var(--wb-color-generated-status-main-error-focus);
  --wb-color-shape-status-error-active: var(--wb-color-generated-status-main-error-active);
  --wb-color-shape-status-error-hover: var(--wb-color-generated-status-main-error-hover);
  --wb-color-shape-status-error-default: var(--wb-color-red-100);
  --wb-color-shape-status-warning-selected: var(--wb-color-generated-status-main-warning-selected);
  --wb-color-shape-status-warning-focus: var(--wb-color-generated-status-main-warning-focus);
  --wb-color-shape-status-warning-active: var(--wb-color-generated-status-main-warning-active);
  --wb-color-shape-status-warning-hover: var(--wb-color-generated-status-main-warning-hover);
  --wb-color-shape-status-warning-default: var(--wb-color-yellow-100);
  --wb-color-shape-status-success-selected: var(--wb-color-generated-status-main-success-selected);
  --wb-color-shape-status-success-focus: var(--wb-color-generated-status-main-success-focus);
  --wb-color-shape-status-success-active: var(--wb-color-generated-status-main-success-active);
  --wb-color-shape-status-success-hover: var(--wb-color-generated-status-main-success-hover);
  --wb-color-shape-status-success-default: var(--wb-color-green-100);
  --wb-color-shape-brand-on-contrast-selected: var(--wb-color-generated-brand-mercedes-benz-contrast-selected);
  --wb-color-shape-brand-on-contrast-focus: var(--wb-color-generated-brand-mercedes-benz-contrast-focus);
  --wb-color-shape-brand-on-contrast-active: var(--wb-color-generated-brand-mercedes-benz-contrast-active);
  --wb-color-shape-brand-on-contrast-hover: var(--wb-color-generated-brand-mercedes-benz-contrast-hover);
  --wb-color-shape-brand-on-contrast-default: var(--wb-color-mercedes-benz-on-contrast-100);
  --wb-color-shape-brand-selected: var(--wb-color-generated-brand-mercedes-benz-main-selected);
  --wb-color-shape-brand-focus: var(--wb-color-generated-brand-mercedes-benz-main-focus);
  --wb-color-shape-brand-active: var(--wb-color-generated-brand-mercedes-benz-main-active);
  --wb-color-shape-brand-hover: var(--wb-color-generated-brand-mercedes-benz-main-hover);
  --wb-color-shape-brand-default: var(--wb-color-mercedes-benz-100);
  --wb-color-shape-contrast-accent-none-to-translucent-selected: var(--wb-color-generated-accent-contrast-none-to-translucent-selected);
  --wb-color-shape-contrast-accent-none-to-translucent-focus: var(--wb-color-generated-accent-contrast-none-to-translucent-focus);
  --wb-color-shape-contrast-accent-none-to-translucent-active: var(--wb-color-generated-accent-contrast-none-to-translucent-active);
  --wb-color-shape-contrast-accent-none-to-translucent-hover: var(--wb-color-generated-accent-contrast-none-to-translucent-hover);
  --wb-color-shape-contrast-accent-none-to-translucent-default: var(--wb-color-black-0);
  --wb-color-shape-contrast-accent-none-to-solid-selected: var(--wb-color-generated-accent-contrast-none-to-solid-selected);
  --wb-color-shape-contrast-accent-none-to-solid-focus: var(--wb-color-generated-accent-contrast-none-to-solid-focus);
  --wb-color-shape-contrast-accent-none-to-solid-active: var(--wb-color-generated-accent-contrast-none-to-solid-active);
  --wb-color-shape-contrast-accent-none-to-solid-hover: var(--wb-color-generated-accent-contrast-none-to-solid-hover);
  --wb-color-shape-contrast-accent-none-to-solid-default: var(--wb-color-black-0);
  --wb-color-shape-contrast-accent-weakest-selected: var(--wb-color-generated-accent-contrast-extra-low-selected);
  --wb-color-shape-contrast-accent-weakest-focus: var(--wb-color-generated-accent-contrast-extra-low-focus);
  --wb-color-shape-contrast-accent-weakest-active: var(--wb-color-generated-accent-contrast-extra-low-active);
  --wb-color-shape-contrast-accent-weakest-hover: var(--wb-color-generated-accent-contrast-extra-low-hover);
  --wb-color-shape-contrast-accent-weakest-default: var(--wb-color-black-opacity-extra-low);
  --wb-color-shape-contrast-accent-weak-selected: var(--wb-color-generated-accent-contrast-low-selected);
  --wb-color-shape-contrast-accent-weak-focus: var(--wb-color-generated-accent-contrast-low-focus);
  --wb-color-shape-contrast-accent-weak-active: var(--wb-color-generated-accent-contrast-low-active);
  --wb-color-shape-contrast-accent-weak-hover: var(--wb-color-generated-accent-contrast-low-hover);
  --wb-color-shape-contrast-accent-weak-default: var(--wb-color-black-opacity-low);
  --wb-color-shape-contrast-accent-strongest-selected: var(--wb-color-generated-accent-contrast-high-selected);
  --wb-color-shape-contrast-accent-strongest-focus: var(--wb-color-generated-accent-contrast-high-focus);
  --wb-color-shape-contrast-accent-strongest-active: var(--wb-color-generated-accent-contrast-high-active);
  --wb-color-shape-contrast-accent-strongest-hover: var(--wb-color-generated-accent-contrast-high-hover);
  --wb-color-shape-contrast-accent-strongest-default: var(--wb-color-black-opacity-high);
  --wb-color-shape-contrast-accent-strong-selected: var(--wb-color-generated-accent-contrast-medium-selected);
  --wb-color-shape-contrast-accent-strong-focus: var(--wb-color-generated-accent-contrast-medium-focus);
  --wb-color-shape-contrast-accent-strong-active: var(--wb-color-generated-accent-contrast-medium-active);
  --wb-color-shape-contrast-accent-strong-hover: var(--wb-color-generated-accent-contrast-medium-hover);
  --wb-color-shape-contrast-accent-strong-default: var(--wb-color-black-opacity-medium);
  --wb-color-shape-contrast-weakest-selected: var(--wb-color-generated-black-selected);
  --wb-color-shape-contrast-weakest-focus: var(--wb-color-generated-black-focus);
  --wb-color-shape-contrast-weakest-active: var(--wb-color-generated-black-active);
  --wb-color-shape-contrast-weakest-hover: var(--wb-color-generated-black-hover);
  --wb-color-shape-contrast-weakest-default: var(--wb-color-black-100);
  --wb-color-shape-contrast-weaker-selected: var(--wb-color-generated-grey-100-selected);
  --wb-color-shape-contrast-weaker-focus: var(--wb-color-generated-grey-100-focus);
  --wb-color-shape-contrast-weaker-active: var(--wb-color-generated-grey-100-active);
  --wb-color-shape-contrast-weaker-hover: var(--wb-color-generated-grey-100-hover);
  --wb-color-shape-contrast-weaker-default: var(--wb-color-grey-100);
  --wb-color-shape-contrast-weak-selected: var(--wb-color-generated-grey-200-selected);
  --wb-color-shape-contrast-weak-focus: var(--wb-color-generated-grey-200-focus);
  --wb-color-shape-contrast-weak-active: var(--wb-color-generated-grey-200-active);
  --wb-color-shape-contrast-weak-hover: var(--wb-color-generated-grey-200-hover);
  --wb-color-shape-contrast-weak-default: var(--wb-color-grey-200);
  --wb-color-shape-contrast-dimmer-selected: var(--wb-color-generated-grey-300-selected);
  --wb-color-shape-contrast-dimmer-focus: var(--wb-color-generated-grey-300-focus);
  --wb-color-shape-contrast-dimmer-active: var(--wb-color-generated-grey-300-active);
  --wb-color-shape-contrast-dimmer-hover: var(--wb-color-generated-grey-300-hover);
  --wb-color-shape-contrast-dimmer-default: var(--wb-color-grey-300);
  --wb-color-shape-contrast-dim-selected: var(--wb-color-generated-grey-400-selected);
  --wb-color-shape-contrast-dim-focus: var(--wb-color-generated-grey-400-focus);
  --wb-color-shape-contrast-dim-active: var(--wb-color-generated-grey-400-active);
  --wb-color-shape-contrast-dim-hover: var(--wb-color-generated-grey-400-hover);
  --wb-color-shape-contrast-dim-default: var(--wb-color-grey-400);
  --wb-color-shape-contrast-mildest-selected: var(--wb-color-generated-grey-500-selected);
  --wb-color-shape-contrast-mildest-focus: var(--wb-color-generated-grey-500-focus);
  --wb-color-shape-contrast-mildest-active: var(--wb-color-generated-grey-500-active);
  --wb-color-shape-contrast-mildest-hover: var(--wb-color-generated-grey-500-hover);
  --wb-color-shape-contrast-mildest-default: var(--wb-color-grey-500);
  --wb-color-shape-contrast-milder-selected: var(--wb-color-generated-grey-600-selected);
  --wb-color-shape-contrast-milder-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-shape-contrast-milder-active: var(--wb-color-generated-grey-600-active);
  --wb-color-shape-contrast-milder-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-shape-contrast-milder-default: var(--wb-color-grey-600);
  --wb-color-shape-contrast-mild-selected: var(--wb-color-generated-grey-700-selected);
  --wb-color-shape-contrast-mild-focus: var(--wb-color-generated-grey-700-focus);
  --wb-color-shape-contrast-mild-active: var(--wb-color-generated-grey-700-active);
  --wb-color-shape-contrast-mild-hover: var(--wb-color-generated-grey-700-hover);
  --wb-color-shape-contrast-mild-default: var(--wb-color-grey-700);
  --wb-color-shape-contrast-strongest-selected: var(--wb-color-generated-white-selected);
  --wb-color-shape-contrast-strongest-focus: var(--wb-color-generated-white-focus);
  --wb-color-shape-contrast-strongest-active: var(--wb-color-generated-white-active);
  --wb-color-shape-contrast-strongest-hover: var(--wb-color-generated-white-hover);
  --wb-color-shape-contrast-strongest-default: var(--wb-color-white-100);
  --wb-color-shape-contrast-stronger-selected: var(--wb-color-generated-grey-900-selected);
  --wb-color-shape-contrast-stronger-focus: var(--wb-color-generated-grey-900-focus);
  --wb-color-shape-contrast-stronger-active: var(--wb-color-generated-grey-900-active);
  --wb-color-shape-contrast-stronger-hover: var(--wb-color-generated-grey-900-hover);
  --wb-color-shape-contrast-stronger-default: var(--wb-color-grey-900);
  --wb-color-shape-contrast-strong-selected: var(--wb-color-generated-grey-800-selected);
  --wb-color-shape-contrast-strong-focus: var(--wb-color-generated-grey-800-focus);
  --wb-color-shape-contrast-strong-active: var(--wb-color-generated-grey-800-active);
  --wb-color-shape-contrast-strong-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-shape-contrast-strong-default: var(--wb-color-grey-800);
  --wb-color-shape-contrast-on-brand: var(--wb-color-white-100);
  --wb-color-shape-accent-none-to-translucent-selected: var(--wb-color-generated-accent-main-none-to-translucent-selected);
  --wb-color-shape-accent-none-to-translucent-focus: var(--wb-color-generated-accent-main-none-to-translucent-focus);
  --wb-color-shape-accent-none-to-translucent-active: var(--wb-color-generated-accent-main-none-to-translucent-active);
  --wb-color-shape-accent-none-to-translucent-hover: var(--wb-color-generated-accent-main-none-to-translucent-hover);
  --wb-color-shape-accent-none-to-translucent-default: var(--wb-color-white-0);
  --wb-color-shape-accent-none-to-solid-selected: var(--wb-color-generated-accent-main-none-to-solid-selected);
  --wb-color-shape-accent-none-to-solid-focus: var(--wb-color-generated-accent-main-none-to-solid-focus);
  --wb-color-shape-accent-none-to-solid-active: var(--wb-color-generated-accent-main-none-to-solid-active);
  --wb-color-shape-accent-none-to-solid-hover: var(--wb-color-generated-accent-main-none-to-solid-hover);
  --wb-color-shape-accent-none-to-solid-default: var(--wb-color-white-0);
  --wb-color-shape-accent-weakest-selected: var(--wb-color-generated-accent-main-extra-low-selected);
  --wb-color-shape-accent-weakest-focus: var(--wb-color-generated-accent-main-extra-low-focus);
  --wb-color-shape-accent-weakest-active: var(--wb-color-generated-accent-main-extra-low-active);
  --wb-color-shape-accent-weakest-hover: var(--wb-color-generated-accent-main-extra-low-hover);
  --wb-color-shape-accent-weakest-default: var(--wb-color-white-opacity-extra-low);
  --wb-color-shape-accent-weak-selected: var(--wb-color-generated-accent-main-low-selected);
  --wb-color-shape-accent-weak-focus: var(--wb-color-generated-accent-main-low-focus);
  --wb-color-shape-accent-weak-active: var(--wb-color-generated-accent-main-low-active);
  --wb-color-shape-accent-weak-hover: var(--wb-color-generated-accent-main-low-hover);
  --wb-color-shape-accent-weak-default: var(--wb-color-white-opacity-low);
  --wb-color-shape-accent-strongest-selected: var(--wb-color-generated-accent-main-high-selected);
  --wb-color-shape-accent-strongest-focus: var(--wb-color-generated-accent-main-high-focus);
  --wb-color-shape-accent-strongest-active: var(--wb-color-generated-accent-main-high-active);
  --wb-color-shape-accent-strongest-hover: var(--wb-color-generated-accent-main-high-hover);
  --wb-color-shape-accent-strongest-default: var(--wb-color-white-opacity-high);
  --wb-color-shape-accent-strong-selected: var(--wb-color-generated-accent-main-medium-selected);
  --wb-color-shape-accent-strong-focus: var(--wb-color-generated-accent-main-medium-focus);
  --wb-color-shape-accent-strong-active: var(--wb-color-generated-accent-main-medium-active);
  --wb-color-shape-accent-strong-hover: var(--wb-color-generated-accent-main-medium-hover);
  --wb-color-shape-accent-strong-default: var(--wb-color-white-opacity-medium);
  --wb-color-shape-weakest-selected: var(--wb-color-generated-white-selected);
  --wb-color-shape-weakest-focus: var(--wb-color-generated-white-focus);
  --wb-color-shape-weakest-active: var(--wb-color-generated-white-active);
  --wb-color-shape-weakest-hover: var(--wb-color-generated-white-hover);
  --wb-color-shape-weakest-default: var(--wb-color-white-100);
  --wb-color-shape-weaker-selected: var(--wb-color-generated-grey-900-selected);
  --wb-color-shape-weaker-focus: var(--wb-color-generated-grey-900-focus);
  --wb-color-shape-weaker-active: var(--wb-color-generated-grey-900-active);
  --wb-color-shape-weaker-hover: var(--wb-color-generated-grey-900-hover);
  --wb-color-shape-weaker-default: var(--wb-color-grey-900);
  --wb-color-shape-weak-selected: var(--wb-color-generated-grey-800-selected);
  --wb-color-shape-weak-focus: var(--wb-color-generated-grey-800-focus);
  --wb-color-shape-weak-active: var(--wb-color-generated-grey-800-active);
  --wb-color-shape-weak-hover: var(--wb-color-generated-grey-800-hover);
  --wb-color-shape-weak-default: var(--wb-color-grey-800);
  --wb-color-shape-dimmer-selected: var(--wb-color-generated-grey-700-selected);
  --wb-color-shape-dimmer-focus: var(--wb-color-generated-grey-700-focus);
  --wb-color-shape-dimmer-active: var(--wb-color-generated-grey-700-active);
  --wb-color-shape-dimmer-hover: var(--wb-color-generated-grey-700-hover);
  --wb-color-shape-dimmer-default: var(--wb-color-grey-700);
  --wb-color-shape-dim-selected: var(--wb-color-generated-grey-600-selected);
  --wb-color-shape-dim-focus: var(--wb-color-generated-grey-600-focus);
  --wb-color-shape-dim-active: var(--wb-color-generated-grey-600-active);
  --wb-color-shape-dim-hover: var(--wb-color-generated-grey-600-hover);
  --wb-color-shape-dim-default: var(--wb-color-grey-600);
  --wb-color-shape-mildest-selected: var(--wb-color-generated-grey-500-selected);
  --wb-color-shape-mildest-focus: var(--wb-color-generated-grey-500-focus);
  --wb-color-shape-mildest-active: var(--wb-color-generated-grey-500-active);
  --wb-color-shape-mildest-hover: var(--wb-color-generated-grey-500-hover);
  --wb-color-shape-mildest-default: var(--wb-color-grey-500);
  --wb-color-shape-milder-selected: var(--wb-color-generated-grey-400-selected);
  --wb-color-shape-milder-focus: var(--wb-color-generated-grey-400-focus);
  --wb-color-shape-milder-active: var(--wb-color-generated-grey-400-active);
  --wb-color-shape-milder-hover: var(--wb-color-generated-grey-400-hover);
  --wb-color-shape-milder-default: var(--wb-color-grey-400);
  --wb-color-shape-mild-selected: var(--wb-color-generated-grey-300-selected);
  --wb-color-shape-mild-focus: var(--wb-color-generated-grey-300-focus);
  --wb-color-shape-mild-active: var(--wb-color-generated-grey-300-active);
  --wb-color-shape-mild-hover: var(--wb-color-generated-grey-300-hover);
  --wb-color-shape-mild-default: var(--wb-color-grey-300);
  --wb-color-shape-strongest-selected: var(--wb-color-generated-black-selected);
  --wb-color-shape-strongest-focus: var(--wb-color-generated-black-focus);
  --wb-color-shape-strongest-active: var(--wb-color-generated-black-active);
  --wb-color-shape-strongest-hover: var(--wb-color-generated-black-hover);
  --wb-color-shape-strongest-default: var(--wb-color-black-100);
  --wb-color-shape-stronger-selected: var(--wb-color-generated-grey-100-selected);
  --wb-color-shape-stronger-focus: var(--wb-color-generated-grey-100-focus);
  --wb-color-shape-stronger-active: var(--wb-color-generated-grey-100-active);
  --wb-color-shape-stronger-hover: var(--wb-color-generated-grey-100-hover);
  --wb-color-shape-stronger-default: var(--wb-color-grey-100);
  --wb-color-shape-strong-selected: var(--wb-color-generated-grey-200-selected);
  --wb-color-shape-strong-focus: var(--wb-color-generated-grey-200-focus);
  --wb-color-shape-strong-active: var(--wb-color-generated-grey-200-active);
  --wb-color-shape-strong-hover: var(--wb-color-generated-grey-200-hover);
  --wb-color-shape-strong-default: var(--wb-color-grey-200);
  --wb-color-shape-on-brand: var(--wb-color-white-100);
  --wb-color-fixed-component-spinner-basic-on-dark-image-loader: var(--wb-color-shape-brand-on-contrast-default);
  --wb-color-fixed-component-spinner-basic-on-light-image-loader: var(--wb-color-shape-brand-default);
  --wb-color-fixed-component-round-button-on-dark-image-large-border-ring-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-color-fixed-component-round-button-on-dark-image-large-border-ring-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-color-fixed-component-round-button-on-dark-image-medium-border-ring-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-color-fixed-component-round-button-on-dark-image-medium-border-ring-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-color-fixed-component-round-button-on-dark-image-small-border-ring-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-color-fixed-component-round-button-on-dark-image-small-border-ring-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-color-fixed-component-round-button-on-dark-image-xsmall-border-ring-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-color-fixed-component-round-button-on-dark-image-xsmall-border-ring-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-color-fixed-component-round-button-on-dark-image-translucent-border-ring-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-color-fixed-component-round-button-on-dark-image-translucent-border-ring-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-color-fixed-component-round-button-on-light-image-large-border-ring-focus: var(--wb-color-border-brand-focus);
  --wb-color-fixed-component-round-button-on-light-image-large-border-ring-active: var(--wb-color-border-brand-active);
  --wb-color-fixed-component-round-button-on-light-image-medium-border-ring-focus: var(--wb-color-border-brand-focus);
  --wb-color-fixed-component-round-button-on-light-image-medium-border-ring-active: var(--wb-color-border-brand-active);
  --wb-color-fixed-component-round-button-on-light-image-small-border-ring-focus: var(--wb-color-border-brand-focus);
  --wb-color-fixed-component-round-button-on-light-image-small-border-ring-active: var(--wb-color-border-brand-active);
  --wb-color-fixed-component-round-button-on-light-image-xsmall-border-ring-focus: var(--wb-color-border-brand-focus);
  --wb-color-fixed-component-round-button-on-light-image-xsmall-border-ring-active: var(--wb-color-border-brand-active);
  --wb-color-fixed-component-round-button-on-light-image-translucent-border-ring-focus: var(--wb-color-border-brand-focus);
  --wb-color-fixed-component-round-button-on-light-image-translucent-border-ring-active: var(--wb-color-border-brand-active);
  --wb-color-fixed-component-link-inline-on-dark-image-border-ring-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-color-fixed-component-link-inline-on-dark-image-border-ring-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-color-fixed-component-link-inline-on-dark-image-border-underline-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-color-fixed-component-link-inline-on-dark-image-border-underline-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-color-fixed-component-link-inline-on-dark-image-border-underline-hover: var(--wb-color-border-brand-on-contrast-hover);
  --wb-color-fixed-component-link-inline-on-dark-image-border-underline-default: var(--wb-color-border-brand-on-contrast-default);
  --wb-color-fixed-component-link-inline-on-dark-image-icon-focus: var(--wb-color-icon-brand-on-contrast-focus);
  --wb-color-fixed-component-link-inline-on-dark-image-icon-active: var(--wb-color-icon-brand-on-contrast-active);
  --wb-color-fixed-component-link-inline-on-dark-image-icon-hover: var(--wb-color-icon-brand-on-contrast-hover);
  --wb-color-fixed-component-link-inline-on-dark-image-icon-default: var(--wb-color-icon-brand-on-contrast-default);
  --wb-color-fixed-component-link-inline-on-dark-image-text-focus: var(--wb-color-text-brand-on-contrast-focus);
  --wb-color-fixed-component-link-inline-on-dark-image-text-active: var(--wb-color-text-brand-on-contrast-active);
  --wb-color-fixed-component-link-inline-on-dark-image-text-hover: var(--wb-color-text-brand-on-contrast-hover);
  --wb-color-fixed-component-link-inline-on-dark-image-text-default: var(--wb-color-text-brand-on-contrast-default);
  --wb-color-fixed-component-link-inline-on-light-image-border-ring-focus: var(--wb-color-border-brand-focus);
  --wb-color-fixed-component-link-inline-on-light-image-border-ring-active: var(--wb-color-border-brand-active);
  --wb-color-fixed-component-link-inline-on-light-image-border-underline-focus: var(--wb-color-border-brand-focus);
  --wb-color-fixed-component-link-inline-on-light-image-border-underline-active: var(--wb-color-border-brand-active);
  --wb-color-fixed-component-link-inline-on-light-image-border-underline-hover: var(--wb-color-border-brand-hover);
  --wb-color-fixed-component-link-inline-on-light-image-border-underline-default: var(--wb-color-border-brand-default);
  --wb-color-fixed-component-link-inline-on-light-image-icon-focus: var(--wb-color-icon-brand-focus);
  --wb-color-fixed-component-link-inline-on-light-image-icon-active: var(--wb-color-icon-brand-active);
  --wb-color-fixed-component-link-inline-on-light-image-icon-hover: var(--wb-color-icon-brand-hover);
  --wb-color-fixed-component-link-inline-on-light-image-icon-default: var(--wb-color-icon-brand-default);
  --wb-color-fixed-component-link-inline-on-light-image-text-focus: var(--wb-color-text-brand-focus);
  --wb-color-fixed-component-link-inline-on-light-image-text-active: var(--wb-color-text-brand-active);
  --wb-color-fixed-component-link-inline-on-light-image-text-hover: var(--wb-color-text-brand-hover);
  --wb-color-fixed-component-link-inline-on-light-image-text-default: var(--wb-color-text-brand-default);
  --wb-color-fixed-component-link-inline-on-contrast-border-ring-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-color-fixed-component-link-inline-on-contrast-border-ring-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-color-fixed-component-link-inline-on-contrast-border-underline-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-color-fixed-component-link-inline-on-contrast-border-underline-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-color-fixed-component-link-inline-on-contrast-border-underline-hover: var(--wb-color-border-brand-on-contrast-hover);
  --wb-color-fixed-component-link-inline-on-contrast-border-underline-default: var(--wb-color-border-brand-on-contrast-default);
  --wb-color-fixed-component-link-inline-on-main-border-ring-focus: var(--wb-color-border-brand-focus);
  --wb-color-fixed-component-link-inline-on-main-border-ring-active: var(--wb-color-border-brand-active);
  --wb-color-fixed-component-link-inline-on-main-border-underline-focus: var(--wb-color-border-brand-focus);
  --wb-color-fixed-component-link-inline-on-main-border-underline-active: var(--wb-color-border-brand-active);
  --wb-color-fixed-component-link-inline-on-main-border-underline-hover: var(--wb-color-border-brand-hover);
  --wb-color-fixed-component-link-inline-on-main-border-underline-default: var(--wb-color-border-brand-default);
  --wb-color-fixed-component-link-standalone-on-dark-image-border-ring-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-color-fixed-component-link-standalone-on-dark-image-border-ring-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-color-fixed-component-link-standalone-on-light-image-border-ring-focus: var(--wb-color-border-brand-focus);
  --wb-color-fixed-component-link-standalone-on-light-image-border-ring-active: var(--wb-color-border-brand-active);
  --wb-color-fixed-component-link-standalone-on-contrast-border-ring-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-color-fixed-component-link-standalone-on-contrast-border-ring-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-color-fixed-component-link-standalone-on-main-border-ring-focus: var(--wb-color-border-brand-focus);
  --wb-color-fixed-component-link-standalone-on-main-border-ring-active: var(--wb-color-border-brand-active);
  --wb-color-fixed-component-dot-nav-on-dark-image-border-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-color-fixed-component-dot-nav-on-light-image-border-ring-active: var(--wb-color-shape-brand-active);
  --wb-color-fixed-component-button-translucent-on-light-image-border-ring-focus: var(--wb-color-border-brand-focus);
  --wb-color-fixed-component-button-translucent-on-light-image-border-ring-active: var(--wb-color-border-brand-active);
  --wb-color-fixed-component-button-tertiary-on-dark-image-icon-default: var(--wb-color-icon-brand-on-contrast-default);
  --wb-color-fixed-component-button-tertiary-on-dark-image-text-default: var(--wb-color-text-brand-on-contrast-default);
  --wb-color-fixed-component-button-tertiary-on-light-image-border-ring-focus: var(--wb-color-border-brand-focus);
  --wb-color-fixed-component-button-tertiary-on-light-image-border-ring-active: var(--wb-color-border-brand-active);
  --wb-color-fixed-component-button-tertiary-on-light-image-icon-default: var(--wb-color-icon-brand-default);
  --wb-color-fixed-component-button-tertiary-on-light-image-text-default: var(--wb-color-text-brand-default);
  --wb-color-fixed-component-button-secondary-on-dark-image-border-ring-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-color-fixed-component-button-secondary-on-dark-image-border-ring-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-color-fixed-component-button-secondary-on-light-image-border-ring-focus: var(--wb-color-border-brand-focus);
  --wb-color-fixed-component-button-secondary-on-light-image-border-ring-active: var(--wb-color-border-brand-active);
}

:root {
  --wb-tokens-brand-mercedes-benz-version: 1.4.0;
}