:root,
[data-brand]:not([data-on]),
[data-on="main"],
[data-on="main"] [data-brand]:not([data-on]),
[class*="wbx-"][class*="--theme-light"] {
  --wb-tag-gap: 6px;
  --wb-subnavigation-fly-in-item-padding-bottom: 18px;
  --wb-subnavigation-fly-in-item-padding-top: 18px;
  --wb-round-button-sm-padding-bottom: 10px;
  --wb-round-button-sm-padding-top: 10px;
  --wb-round-button-sm-padding-right: 10px;
  --wb-round-button-sm-padding-left: 10px;
  --wb-round-button-xlg-padding-bottom: 20px;
  --wb-round-button-xlg-padding-top: 20px;
  --wb-round-button-xlg-padding-right: 20px;
  --wb-round-button-xlg-padding-left: 20px;
  --wb-link-standalone-sm-content-padding-bottom: 2px;
  --wb-link-standalone-md-content-padding-bottom: 2px;
  --wb-link-standalone-md-content-gap: 2px;
  --wb-dot-navigation-shapes-dots-md-size: 6px;
  --wb-counter-padding-bottom: 2px;
  --wb-counter-padding-top: 2px;
  --wb-counter-padding-right: 7px;
  --wb-counter-padding-left: 7px;
  --wb-button-group-gap: -1px;
  --wb-video-standard-toolbar-actions-time-preview-padding-bottom: 2px;
  --wb-video-standard-toolbar-actions-time-preview-padding-top: 2px;
  --wb-video-standard-toolbar-actions-slider-bar-weight-main: 6px;
  --wb-tree-levels-second-item-padding-left: 144px;
  --wb-tree-levels-first-item-padding-left: 112px;
  --wb-toggle-button-shape-padding-on-right: 3px;
  --wb-toggle-button-shape-padding-on-left: 23px;
  --wb-toggle-button-shape-padding-off-right: 23px;
  --wb-toggle-button-shape-padding-off-left: 3px;
  --wb-toggle-button-shape-padding-bottom: 3px;
  --wb-toggle-button-shape-padding-top: 3px;
  --wb-toggle-button-shape-inner-circle-size: 18px;
  --wb-table-cell-with-component-lg-padding-bottom: 2px;
  --wb-table-cell-with-component-lg-padding-top: 2px;
  --wb-table-cell-icon-lg-padding-bottom: 14px;
  --wb-table-cell-icon-lg-padding-top: 14px;
  --wb-gallery-thumbnails-padding-bottom: 1px;
  --wb-gallery-thumbnails-padding-left: 1px;
  --wb-pagination-basic-pages-size: 36px;
  --wb-navigation-item-content-end-gap: -2px;
  --wb-list-group-button-item-md-padding-bottom: 6px;
  --wb-list-group-button-item-md-padding-top: 6px;
  --wb-interactive-tag-sm-with-selection-gap: 6px;
  --wb-interactive-tag-md-with-selection-gap: 6px;
  --wb-form-control-parts-input-label-compact-gap: -2px;
  --wb-file-input-drag-drop-sm-headline-gap: 3px;
  --wb-file-input-drag-drop-md-headline-gap: 3px;
  --wb-file-input-drag-drop-lg-headline-gap: 3px;
  --wb-date-picker-md-header-double-month-second-padding-left: 52px;
  --wb-date-picker-md-header-double-month-first-padding-right: 52px;
  --wb-date-picker-lg-header-double-month-second-padding-left: 52px;
  --wb-date-picker-lg-header-double-month-first-padding-right: 52px;
  --wb-avatar-xxl-background-size: 120px;
  --wb-avatar-l-background-size: 56px;
  --wb-tag-border-radius: var(--wb-border-radius-full);
  --wb-counter-border-radius: var(--wb-border-radius-full);
  --wb-360-viewer-hint-gradient-color-end: var(--wb-color-fixed-component-360-viewer-on-main-hint-gradient-end);
  --wb-pagination-basic-pages-border-ring-radius: var(--wb-border-radius-full);
  --wb-text-headline-padding-bottom: var(--wb-spacing-static-medium);
  --wb-text-headline-padding-top: var(--wb-spacing-static-medium);
  --wb-text-headline-text-body-color: var(--wb-color-text-main-default);
  --wb-text-headline-text-subtitle-color: var(--wb-color-text-main-default);
  --wb-text-headline-text-headline-color: var(--wb-color-text-main-default);
  --wb-text-headline-gap: var(--wb-spacing-static-tiny);
  --wb-tag-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-tag-padding-top: var(--wb-spacing-static-tiniest);
  --wb-tag-padding-right: var(--wb-spacing-static-smallest);
  --wb-tag-padding-left: var(--wb-spacing-static-smallest);
  --wb-tag-border-weight: var(--wb-border-weight-none);
  --wb-tag-error-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-error-icon-leading-color: var(--wb-color-icon-fixed-white);
  --wb-tag-error-text-color: var(--wb-color-text-fixed-white);
  --wb-tag-error-background-color: var(--wb-color-shape-status-error-default);
  --wb-tag-warning-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-warning-icon-leading-color: var(--wb-color-icon-fixed-black);
  --wb-tag-warning-text-color: var(--wb-color-text-fixed-black);
  --wb-tag-warning-background-color: var(--wb-color-shape-status-warning-default);
  --wb-tag-success-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-success-icon-leading-color: var(--wb-color-icon-fixed-white);
  --wb-tag-success-text-color: var(--wb-color-text-fixed-white);
  --wb-tag-success-background-color: var(--wb-color-shape-status-success-default);
  --wb-tag-tertiary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-tertiary-icon-leading-color: var(--wb-color-icon-main-default);
  --wb-tag-tertiary-text-color: var(--wb-color-text-main-default);
  --wb-tag-tertiary-background-color: var(--wb-color-shape-weak-default);
  --wb-tag-secondary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-secondary-icon-leading-color: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-tag-secondary-text-color: var(--wb-color-text-on-contrast-strongest-default);
  --wb-tag-secondary-background-color: var(--wb-color-shape-stronger-default);
  --wb-tag-primary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-primary-icon-leading-color: var(--wb-color-icon-on-brand);
  --wb-tag-primary-text-color: var(--wb-color-text-on-brand);
  --wb-tag-primary-background-color: var(--wb-color-shape-brand-default);
  --wb-subnavigation-fly-in-item-padding-right: var(--wb-spacing-static-smaller);
  --wb-subnavigation-fly-in-item-padding-left: var(--wb-spacing-static-smaller);
  --wb-subnavigation-fly-in-item-indicator-size: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-item-indicator-color: var(--wb-color-shape-brand-default);
  --wb-subnavigation-fly-in-item-border-color-selected: var(--wb-color-border-dim-selected);
  --wb-subnavigation-fly-in-item-border-color-hover: var(--wb-color-border-weak-hover);
  --wb-subnavigation-fly-in-item-border-color-default: var(--wb-color-border-weak-default);
  --wb-subnavigation-fly-in-item-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-fly-in-item-border-weight: var(--wb-border-weight-main);
  --wb-subnavigation-fly-in-item-text-color-selected: var(--wb-color-text-strongest-selected);
  --wb-subnavigation-fly-in-item-text-color-hover: var(--wb-color-text-weaker-hover);
  --wb-subnavigation-fly-in-item-text-color-default: var(--wb-color-text-weaker-default);
  --wb-subnavigation-fly-in-item-background-color-selected: var(--wb-color-shape-accent-none-to-solid-selected);
  --wb-subnavigation-fly-in-item-background-color-hover: var(--wb-color-shape-accent-none-to-solid-hover);
  --wb-subnavigation-fly-in-item-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-subnavigation-fly-in-item-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-bottom-actions-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-bottom-actions-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-bottom-actions-gap: var(--wb-spacing-static-smaller);
  --wb-subnavigation-fly-in-expanded-content-middle-actions-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-middle-actions-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-top-actions-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-top-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-top-padding-top: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-top-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-top-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-top-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-padding-bottom: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-fly-in-expanded-text-color: var(--wb-color-text-main-default);
  --wb-subnavigation-fly-in-expanded-background-color: var(--wb-color-surface-main-default);
  --wb-subnavigation-fly-in-expanded-gap: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-collapsed-actions-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-collapsed-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-collapsed-padding-top: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-collapsed-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-collapsed-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-collapsed-border-weight: var(--wb-border-weight-main);
  --wb-subnavigation-fly-in-collapsed-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-fly-in-collapsed-border-color-default: var(--wb-color-border-weak-default);
  --wb-subnavigation-fly-in-collapsed-text-color-default: var(--wb-color-text-main-default);
  --wb-subnavigation-fly-in-collapsed-background-color-default: var(--wb-color-surface-main-default);
  --wb-subnavigation-fly-in-collapsed-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-padding-top: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-padding-right: var(--wb-spacing-static-smaller);
  --wb-subnavigation-basic-item-padding-left: var(--wb-spacing-static-smaller);
  --wb-subnavigation-basic-item-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-basic-item-indicator-size: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-indicator-color: var(--wb-color-shape-brand-default);
  --wb-subnavigation-basic-item-icon-color-selected: var(--wb-color-icon-stronger-selected);
  --wb-subnavigation-basic-item-icon-color-hover: var(--wb-color-icon-weaker-hover);
  --wb-subnavigation-basic-item-icon-color-default: var(--wb-color-icon-weaker-default);
  --wb-subnavigation-basic-item-icon-size: var(--wb-spacing-static-smaller);
  --wb-subnavigation-basic-item-text-color-selected: var(--wb-color-text-stronger-selected);
  --wb-subnavigation-basic-item-text-color-hover: var(--wb-color-text-weaker-hover);
  --wb-subnavigation-basic-item-text-color-default: var(--wb-color-text-weaker-default);
  --wb-subnavigation-basic-item-background-color-selected: var(--wb-color-shape-accent-none-to-solid-selected);
  --wb-subnavigation-basic-item-background-color-hover: var(--wb-color-shape-accent-none-to-solid-hover);
  --wb-subnavigation-basic-item-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-subnavigation-basic-item-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-vertical-padding-bottom: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-padding-top: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-padding-right: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-padding-left: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-basic-vertical-items-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-vertical-text-color: var(--wb-color-text-main-default);
  --wb-subnavigation-basic-vertical-background-color: var(--wb-color-surface-main-default);
  --wb-subnavigation-basic-vertical-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-horizontal-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-basic-horizontal-items-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-horizontal-background-color: var(--wb-color-surface-main-default);
  --wb-round-button-sm-icon-size: var(--wb-spacing-static-smallest);
  --wb-round-button-md-icon-size: var(--wb-spacing-static-smaller);
  --wb-round-button-md-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-round-button-md-padding-top: var(--wb-spacing-static-smallest);
  --wb-round-button-md-padding-right: var(--wb-spacing-static-smallest);
  --wb-round-button-md-padding-left: var(--wb-spacing-static-smallest);
  --wb-round-button-lg-icon-size: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-top: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-right: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-left: var(--wb-spacing-static-smaller);
  --wb-round-button-xlg-icon-size: var(--wb-spacing-static-small);
  --wb-round-button-timer-weight: var(--wb-border-weight-stronger);
  --wb-round-button-timer-color-default: var(--wb-color-border-brand-default);
  --wb-round-button-border-weight: var(--wb-border-weight-main);
  --wb-round-button-border-radius: var(--wb-border-radius-round);
  --wb-round-button-basic-large-icon-color-default: var(--wb-color-icon-main-default);
  --wb-round-button-basic-large-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-round-button-basic-large-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-round-button-basic-large-border-main-color-hover: var(--wb-color-border-weak-hover);
  --wb-round-button-basic-large-border-main-color-default: var(--wb-color-border-fixed-white);
  --wb-round-button-basic-large-background-color-focus: var(--wb-color-shape-weakest-focus);
  --wb-round-button-basic-large-background-color-active: var(--wb-color-shape-weakest-active);
  --wb-round-button-basic-large-background-color-hover: var(--wb-color-shape-weakest-hover);
  --wb-round-button-basic-large-background-color-default: var(--wb-color-shape-weakest-default);
  --wb-round-button-basic-medium-icon-color-default: var(--wb-color-icon-main-default);
  --wb-round-button-basic-medium-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-round-button-basic-medium-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-round-button-basic-medium-border-main-color-hover: var(--wb-color-border-weak-hover);
  --wb-round-button-basic-medium-border-main-color-default: var(--wb-color-border-fixed-white);
  --wb-round-button-basic-medium-background-color-focus: var(--wb-color-shape-weakest-focus);
  --wb-round-button-basic-medium-background-color-active: var(--wb-color-shape-weakest-active);
  --wb-round-button-basic-medium-background-color-hover: var(--wb-color-shape-weakest-hover);
  --wb-round-button-basic-medium-background-color-default: var(--wb-color-shape-weakest-default);
  --wb-round-button-basic-small-icon-color-default: var(--wb-color-icon-main-default);
  --wb-round-button-basic-small-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-round-button-basic-small-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-round-button-basic-small-border-main-color-hover: var(--wb-color-border-weak-hover);
  --wb-round-button-basic-small-border-main-color-default: var(--wb-color-border-fixed-white);
  --wb-round-button-basic-small-background-color-focus: var(--wb-color-shape-weakest-focus);
  --wb-round-button-basic-small-background-color-active: var(--wb-color-shape-weakest-active);
  --wb-round-button-basic-small-background-color-hover: var(--wb-color-shape-weakest-hover);
  --wb-round-button-basic-small-background-color-default: var(--wb-color-shape-weakest-default);
  --wb-round-button-basic-xsmall-icon-color-default: var(--wb-color-icon-main-default);
  --wb-round-button-basic-xsmall-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-round-button-basic-xsmall-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-round-button-basic-xsmall-border-main-color-hover: var(--wb-color-border-weak-hover);
  --wb-round-button-basic-xsmall-border-main-color-default: var(--wb-color-border-weak-default);
  --wb-round-button-basic-xsmall-background-color-focus: var(--wb-color-shape-weakest-focus);
  --wb-round-button-basic-xsmall-background-color-active: var(--wb-color-shape-weakest-active);
  --wb-round-button-basic-xsmall-background-color-hover: var(--wb-color-shape-weakest-hover);
  --wb-round-button-basic-xsmall-background-color-default: var(--wb-color-shape-weakest-default);
  --wb-round-button-basic-translucent-icon-color-default: var(--wb-color-icon-main-default);
  --wb-round-button-basic-translucent-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-round-button-basic-translucent-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-round-button-basic-translucent-background-color-focus: var(--wb-color-shape-accent-none-to-solid-focus);
  --wb-round-button-basic-translucent-background-color-active: var(--wb-color-shape-accent-none-to-solid-active);
  --wb-round-button-basic-translucent-background-color-hover: var(--wb-color-shape-accent-none-to-solid-hover);
  --wb-round-button-basic-translucent-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-link-inline-border-weight-focus: var(--wb-border-weight-main);
  --wb-link-inline-border-weight-active: var(--wb-border-weight-strong);
  --wb-link-inline-border-weight-hover: var(--wb-border-weight-strong);
  --wb-link-inline-border-weight-default: var(--wb-border-weight-main);
  --wb-link-inline-icon-trailing-color-focus: var(--wb-color-icon-brand-focus);
  --wb-link-inline-icon-trailing-color-active: var(--wb-color-icon-brand-active);
  --wb-link-inline-icon-trailing-color-hover: var(--wb-color-icon-brand-hover);
  --wb-link-inline-icon-trailing-color-default: var(--wb-color-icon-brand-default);
  --wb-link-inline-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-link-inline-icon-leading-color-focus: var(--wb-color-icon-brand-focus);
  --wb-link-inline-icon-leading-color-active: var(--wb-color-icon-brand-active);
  --wb-link-inline-icon-leading-color-hover: var(--wb-color-icon-brand-hover);
  --wb-link-inline-icon-leading-color-default: var(--wb-color-icon-brand-default);
  --wb-link-inline-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-link-inline-text-color-focus: var(--wb-color-text-brand-focus);
  --wb-link-inline-text-color-active: var(--wb-color-text-brand-active);
  --wb-link-inline-text-color-hover: var(--wb-color-text-brand-hover);
  --wb-link-inline-text-color-default: var(--wb-color-text-brand-default);
  --wb-link-inline-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-sm-content-gap: var(--wb-spacing-static-tiniest);
  --wb-link-standalone-sm-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-md-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-lg-content-gap: var(--wb-spacing-static-none);
  --wb-link-standalone-lg-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-border-weight-focus: var(--wb-border-weight-main);
  --wb-link-standalone-border-weight-active: var(--wb-border-weight-strong);
  --wb-link-standalone-border-weight-hover: var(--wb-border-weight-strong);
  --wb-link-standalone-border-weight-default: var(--wb-border-weight-main);
  --wb-link-standalone-border-underline-color-focus: var(--wb-color-border-main-focus);
  --wb-link-standalone-border-underline-color-active: var(--wb-color-border-main-active);
  --wb-link-standalone-border-underline-color-hover: var(--wb-color-border-main-hover);
  --wb-link-standalone-border-underline-color-default: var(--wb-color-border-main-default);
  --wb-link-standalone-icon-trailing-color-focus: var(--wb-color-icon-main-focus);
  --wb-link-standalone-icon-trailing-color-active: var(--wb-color-icon-main-active);
  --wb-link-standalone-icon-trailing-color-hover: var(--wb-color-icon-main-hover);
  --wb-link-standalone-icon-trailing-color-default: var(--wb-color-icon-main-default);
  --wb-link-standalone-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-link-standalone-icon-leading-color-focus: var(--wb-color-icon-main-focus);
  --wb-link-standalone-icon-leading-color-active: var(--wb-color-icon-main-active);
  --wb-link-standalone-icon-leading-color-hover: var(--wb-color-icon-main-hover);
  --wb-link-standalone-icon-leading-color-default: var(--wb-color-icon-main-default);
  --wb-link-standalone-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-link-standalone-text-color-focus: var(--wb-color-text-main-focus);
  --wb-link-standalone-text-color-active: var(--wb-color-text-main-active);
  --wb-link-standalone-text-color-hover: var(--wb-color-text-main-hover);
  --wb-link-standalone-text-color-default: var(--wb-color-text-main-default);
  --wb-dot-navigation-shapes-dots-background-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-background-color: var(--wb-color-shape-accent-weak-default);
  --wb-dot-navigation-shapes-dots-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-dot-navigation-shapes-dots-padding-top: var(--wb-spacing-static-tiny);
  --wb-dot-navigation-shapes-dots-padding-right: var(--wb-spacing-static-smaller);
  --wb-dot-navigation-shapes-dots-padding-left: var(--wb-spacing-static-smaller);
  --wb-dot-navigation-shapes-dots-gap: var(--wb-spacing-static-smaller);
  --wb-dot-navigation-shapes-dots-sm-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-sm-size: var(--wb-spacing-static-tiniest);
  --wb-dot-navigation-shapes-dots-sm-shape-color-default: var(--wb-color-shape-dimmer-default);
  --wb-dot-navigation-shapes-dots-md-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-md-shape-color-default: var(--wb-color-shape-dim-default);
  --wb-dot-navigation-shapes-dots-lg-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-lg-size: var(--wb-spacing-static-tiny);
  --wb-dot-navigation-shapes-dots-lg-shape-color-default: var(--wb-color-shape-dim-default);
  --wb-dot-navigation-shapes-dots-xlg-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-xlg-size: var(--wb-spacing-static-smallest);
  --wb-dot-navigation-shapes-dots-xlg-shape-color: var(--wb-color-shape-strongest-default);
  --wb-dot-navigation-shapes-dots-xlg-border-weight: var(--wb-border-weight-main);
  --wb-dot-navigation-shapes-dots-xlg-border-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-xlg-border-ring-color-active: var(--wb-color-shape-brand-active);
  --wb-counter-error-text-color: var(--wb-color-text-fixed-white);
  --wb-counter-error-background-color: var(--wb-color-shape-status-error-default);
  --wb-counter-warning-text-color: var(--wb-color-text-fixed-black);
  --wb-counter-warning-background-color: var(--wb-color-shape-status-warning-default);
  --wb-counter-success-text-color: var(--wb-color-text-fixed-white);
  --wb-counter-success-background-color: var(--wb-color-shape-status-success-default);
  --wb-counter-tertiary-text-color: var(--wb-color-text-main-default);
  --wb-counter-tertiary-background-color: var(--wb-color-shape-weak-default);
  --wb-counter-secondary-text-color: var(--wb-color-text-on-contrast-strongest-default);
  --wb-counter-secondary-background-color: var(--wb-color-shape-stronger-default);
  --wb-counter-primary-text-color: var(--wb-color-text-on-brand);
  --wb-counter-primary-background-color: var(--wb-color-shape-brand-default);
  --wb-button-group-padding-icon-only-bottom: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-icon-only-top: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-icon-only-right: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-icon-only-left: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-top: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-right: var(--wb-spacing-static-medium);
  --wb-button-group-padding-left: var(--wb-spacing-static-medium);
  --wb-button-group-translucent-border-ring-color-selected-focus: var(--wb-color-border-brand-focus);
  --wb-button-group-translucent-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-button-group-translucent-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-button-group-translucent-border-main-color-selected-focus: var(--wb-color-border-strongest-focus);
  --wb-button-group-translucent-border-main-color-selected: var(--wb-color-border-strongest-default);
  --wb-button-group-translucent-border-main-color-focus: var(--wb-color-fixed-component-button-group-translucent-on-main-border-main-focus);
  --wb-button-group-translucent-border-main-color-active: var(--wb-color-fixed-component-button-group-translucent-on-main-border-main-active);
  --wb-button-group-translucent-border-main-color-hover: var(--wb-color-fixed-component-button-group-translucent-on-main-border-main-hover);
  --wb-button-group-translucent-border-main-color-default: var(--wb-color-fixed-component-button-group-translucent-on-main-border-main-default);
  --wb-button-group-translucent-border-weight: var(--wb-border-weight-main);
  --wb-button-group-translucent-icon-only-color-selected: var(--wb-color-text-main-selected);
  --wb-button-group-translucent-icon-only-color-default: var(--wb-color-icon-main-default);
  --wb-button-group-translucent-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-group-translucent-icon-leading-color-selected: var(--wb-color-text-main-selected);
  --wb-button-group-translucent-icon-leading-color-default: var(--wb-color-icon-main-default);
  --wb-button-group-translucent-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-group-translucent-text-color-selected: var(--wb-color-text-main-selected);
  --wb-button-group-translucent-text-color-default: var(--wb-color-text-main-default);
  --wb-button-group-translucent-background-color-selected-focus: var(--wb-color-shape-accent-strong-selected);
  --wb-button-group-translucent-background-color-selected: var(--wb-color-shape-accent-strong-selected);
  --wb-button-group-translucent-background-color-focus: var(--wb-color-shape-accent-strong-focus);
  --wb-button-group-translucent-background-color-active: var(--wb-color-shape-accent-strong-active);
  --wb-button-group-translucent-background-color-hover: var(--wb-color-shape-accent-strong-hover);
  --wb-button-group-translucent-background-color-default: var(--wb-color-shape-accent-strong-default);
  --wb-button-group-translucent-gap: var(--wb-spacing-static-tiny);
  --wb-button-group-secondary-border-ring-color-selected-focus: var(--wb-color-border-brand-focus);
  --wb-button-group-secondary-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-button-group-secondary-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-button-group-secondary-border-main-color-selected-focus: var(--wb-color-border-strongest-focus);
  --wb-button-group-secondary-border-main-color-selected: var(--wb-color-border-strongest-default);
  --wb-button-group-secondary-border-main-color-focus: var(--wb-color-fixed-component-button-group-secondary-on-main-border-main-focus);
  --wb-button-group-secondary-border-main-color-active: var(--wb-color-fixed-component-button-group-secondary-on-main-border-main-active);
  --wb-button-group-secondary-border-main-color-hover: var(--wb-color-fixed-component-button-group-secondary-on-main-border-main-hover);
  --wb-button-group-secondary-border-main-color-default: var(--wb-color-fixed-component-button-group-secondary-on-main-border-main-default);
  --wb-button-group-secondary-border-weight: var(--wb-border-weight-main);
  --wb-button-group-secondary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-group-secondary-icon-only-color-selected: var(--wb-color-icon-main-selected);
  --wb-button-group-secondary-icon-only-color-default: var(--wb-color-icon-main-default);
  --wb-button-group-secondary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-group-secondary-icon-leading-color-selected: var(--wb-color-icon-main-selected);
  --wb-button-group-secondary-icon-leading-color-default: var(--wb-color-icon-main-default);
  --wb-button-group-secondary-text-color-selected: var(--wb-color-text-main-selected);
  --wb-button-group-secondary-text-color-default: var(--wb-color-text-main-default);
  --wb-button-group-secondary-background-color-selected-focus: var(--wb-color-shape-accent-none-to-solid-selected);
  --wb-button-group-secondary-background-color-selected: var(--wb-color-shape-accent-none-to-solid-selected);
  --wb-button-group-secondary-background-color-focus: var(--wb-color-shape-accent-none-to-solid-focus);
  --wb-button-group-secondary-background-color-active: var(--wb-color-shape-accent-none-to-solid-active);
  --wb-button-group-secondary-background-color-hover: var(--wb-color-shape-accent-none-to-solid-hover);
  --wb-button-group-secondary-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-button-group-secondary-gap: var(--wb-spacing-static-tiny);
  --wb-button-group-primary-border-ring-color-selected-focus: var(--wb-color-border-weakest-focus);
  --wb-button-group-primary-border-ring-color-focus: var(--wb-color-border-weakest-focus);
  --wb-button-group-primary-border-ring-color-active: var(--wb-color-border-weakest-active);
  --wb-button-group-primary-border-main-color-selected-focus: var(--wb-color-fixed-component-button-group-primary-on-main-border-main-selected-focus);
  --wb-button-group-primary-border-main-color-selected: var(--wb-color-fixed-component-button-group-primary-on-main-border-main-selected);
  --wb-button-group-primary-border-main-color-focus: var(--wb-color-fixed-component-button-group-primary-on-main-border-main-focus);
  --wb-button-group-primary-border-main-color-active: var(--wb-color-fixed-component-button-group-primary-on-main-border-main-active);
  --wb-button-group-primary-border-main-color-hover: var(--wb-color-fixed-component-button-group-primary-on-main-border-main-hover);
  --wb-button-group-primary-border-main-color-default: var(--wb-color-fixed-component-button-group-primary-on-main-border-main-default);
  --wb-button-group-primary-border-weight: var(--wb-border-weight-main);
  --wb-button-group-primary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-group-primary-icon-only-color-selected: var(--wb-color-icon-on-brand);
  --wb-button-group-primary-icon-only-color-default: var(--wb-color-icon-on-brand);
  --wb-button-group-primary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-group-primary-icon-leading-color-selected: var(--wb-color-icon-on-brand);
  --wb-button-group-primary-icon-leading-color-default: var(--wb-color-icon-on-brand);
  --wb-button-group-primary-text-color-selected: var(--wb-color-text-on-brand);
  --wb-button-group-primary-text-color-default: var(--wb-color-text-on-brand);
  --wb-button-group-primary-background-color-selected-focus: var(--wb-color-shape-brand-selected);
  --wb-button-group-primary-background-color-selected: var(--wb-color-shape-brand-selected);
  --wb-button-group-primary-background-color-focus: var(--wb-color-shape-brand-focus);
  --wb-button-group-primary-background-color-active: var(--wb-color-shape-brand-active);
  --wb-button-group-primary-background-color-hover: var(--wb-color-shape-brand-hover);
  --wb-button-group-primary-background-color-default: var(--wb-color-shape-brand-default);
  --wb-button-group-primary-gap: var(--wb-spacing-static-tiny);
  --wb-button-group-border-vision-ui-alpha-end-ring-radius: var(--wb-border-radius-subtle);
  --wb-button-group-border-vision-ui-alpha-end-main-radius: var(--wb-border-radius-main);
  --wb-button-group-border-vision-ui-alpha-middle-ring-radius: var(--wb-border-radius-sharp);
  --wb-button-group-border-vision-ui-alpha-middle-main-radius: var(--wb-border-radius-sharp);
  --wb-button-group-border-vision-ui-alpha-start-ring-radius: var(--wb-border-radius-subtle);
  --wb-button-group-border-vision-ui-alpha-start-main-radius: var(--wb-border-radius-main);
  --wb-button-group-background-color: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-breadcrumbs-basic-icon-size: var(--wb-spacing-static-smaller);
  --wb-breadcrumbs-basic-icon-color: var(--wb-color-icon-weakest-default);
  --wb-breadcrumbs-basic-text-color: var(--wb-color-text-weakest-default);
  --wb-breadcrumbs-basic-gap: var(--wb-spacing-static-tiniest);
  --wb-button-sm-padding-icon-only-bottom: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-icon-only-top: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-icon-only-right: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-icon-only-left: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-right: var(--wb-spacing-static-medium);
  --wb-button-sm-padding-loading-left: var(--wb-spacing-static-medium);
  --wb-button-sm-padding-tertiary-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-right: var(--wb-spacing-static-small);
  --wb-button-sm-padding-tertiary-loading-left: var(--wb-spacing-static-small);
  --wb-button-sm-padding-tertiary-bottom: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-tertiary-top: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-tertiary-right: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-tertiary-left: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-top: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-right: var(--wb-spacing-static-smaller);
  --wb-button-sm-padding-left: var(--wb-spacing-static-smaller);
  --wb-button-sm-gap: var(--wb-spacing-static-tiny);
  --wb-button-md-padding-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-right: var(--wb-spacing-static-medium);
  --wb-button-md-padding-loading-left: var(--wb-spacing-static-medium);
  --wb-button-md-padding-tertiary-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-right: var(--wb-spacing-static-small);
  --wb-button-md-padding-tertiary-loading-left: var(--wb-spacing-static-small);
  --wb-button-md-padding-tertiary-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-right: var(--wb-spacing-static-smaller);
  --wb-button-md-padding-tertiary-left: var(--wb-spacing-static-smaller);
  --wb-button-md-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-right: var(--wb-spacing-static-small);
  --wb-button-md-padding-left: var(--wb-spacing-static-small);
  --wb-button-md-gap: var(--wb-spacing-static-tiny);
  --wb-button-lg-padding-icon-only-bottom: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-icon-only-top: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-icon-only-right: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-icon-only-left: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-right: var(--wb-spacing-static-large);
  --wb-button-lg-padding-loading-left: var(--wb-spacing-static-large);
  --wb-button-lg-padding-tertiary-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-right: var(--wb-spacing-static-medium);
  --wb-button-lg-padding-tertiary-loading-left: var(--wb-spacing-static-medium);
  --wb-button-lg-padding-tertiary-bottom: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-tertiary-top: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-tertiary-right: var(--wb-spacing-static-small);
  --wb-button-lg-padding-tertiary-left: var(--wb-spacing-static-small);
  --wb-button-lg-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-top: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-right: var(--wb-spacing-static-medium);
  --wb-button-lg-padding-left: var(--wb-spacing-static-medium);
  --wb-button-lg-gap: var(--wb-spacing-static-tiny);
  --wb-button-translucent-border-weight: var(--wb-border-weight-main);
  --wb-button-translucent-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-button-translucent-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-button-translucent-border-main-color-loading: var(--wb-color-fixed-component-button-translucent-on-main-border-main-color-default);
  --wb-button-translucent-border-main-color-focus: var(--wb-color-fixed-component-button-translucent-on-main-border-main-color-focus);
  --wb-button-translucent-border-main-color-active: var(--wb-color-fixed-component-button-translucent-on-main-border-main-color-active);
  --wb-button-translucent-border-main-color-hover: var(--wb-color-fixed-component-button-translucent-on-main-border-main-color-hover);
  --wb-button-translucent-border-main-color-default: var(--wb-color-fixed-component-button-translucent-on-main-border-main-color-default);
  --wb-button-translucent-icon-trailing-color-default: var(--wb-color-icon-main-default);
  --wb-button-translucent-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-translucent-icon-leading-color-default: var(--wb-color-icon-main-default);
  --wb-button-translucent-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-translucent-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-translucent-icon-only-color-default: var(--wb-color-icon-main-default);
  --wb-button-translucent-text-color-default: var(--wb-color-text-main-default);
  --wb-button-translucent-background-color-loading: var(--wb-color-shape-accent-strong-default);
  --wb-button-translucent-background-color-focus: var(--wb-color-shape-accent-strong-focus);
  --wb-button-translucent-background-color-active: var(--wb-color-shape-accent-strong-active);
  --wb-button-translucent-background-color-hover: var(--wb-color-shape-accent-strong-hover);
  --wb-button-translucent-background-color-default: var(--wb-color-shape-accent-strong-default);
  --wb-button-tertiary-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-button-tertiary-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-button-tertiary-border-weight: var(--wb-border-weight-main);
  --wb-button-tertiary-icon-only-color-default: var(--wb-color-icon-brand-default);
  --wb-button-tertiary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-tertiary-icon-trailing-color-default: var(--wb-color-icon-brand-default);
  --wb-button-tertiary-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-tertiary-icon-leading-color-default: var(--wb-color-icon-brand-default);
  --wb-button-tertiary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-tertiary-text-color-default: var(--wb-color-text-brand-default);
  --wb-button-tertiary-background-color-loading: var(--wb-color-shape-accent-none-to-translucent-default);
  --wb-button-tertiary-background-color-focus: var(--wb-color-shape-accent-none-to-translucent-focus);
  --wb-button-tertiary-background-color-active: var(--wb-color-shape-accent-none-to-translucent-active);
  --wb-button-tertiary-background-color-hover: var(--wb-color-shape-accent-none-to-translucent-hover);
  --wb-button-tertiary-background-color-default: var(--wb-color-shape-accent-none-to-translucent-default);
  --wb-button-secondary-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-button-secondary-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-button-secondary-border-main-color-loading: var(--wb-color-fixed-component-button-secondary-on-main-border-main-default);
  --wb-button-secondary-border-main-color-focus: var(--wb-color-fixed-component-button-secondary-on-main-border-main-focus);
  --wb-button-secondary-border-main-color-active: var(--wb-color-fixed-component-button-secondary-on-main-border-main-active);
  --wb-button-secondary-border-main-color-hover: var(--wb-color-fixed-component-button-secondary-on-main-border-main-hover);
  --wb-button-secondary-border-main-color-default: var(--wb-color-fixed-component-button-secondary-on-main-border-main-default);
  --wb-button-secondary-border-weight: var(--wb-border-weight-main);
  --wb-button-secondary-icon-trailing-color-default: var(--wb-color-icon-main-default);
  --wb-button-secondary-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-secondary-icon-leading-color-default: var(--wb-color-icon-main-default);
  --wb-button-secondary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-secondary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-secondary-icon-only-color-default: var(--wb-color-icon-main-default);
  --wb-button-secondary-text-color-default: var(--wb-color-text-main-default);
  --wb-button-secondary-background-color-loading: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-button-secondary-background-color-focus: var(--wb-color-shape-accent-none-to-solid-focus);
  --wb-button-secondary-background-color-active: var(--wb-color-shape-accent-none-to-solid-active);
  --wb-button-secondary-background-color-hover: var(--wb-color-shape-accent-none-to-solid-hover);
  --wb-button-secondary-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-button-primary-border-ring-color-focus: var(--wb-color-border-weakest-focus);
  --wb-button-primary-border-ring-color-active: var(--wb-color-border-weakest-active);
  --wb-button-primary-border-main-color-loading: var(--wb-color-border-brand-default);
  --wb-button-primary-border-main-color-focus: var(--wb-color-border-brand-focus);
  --wb-button-primary-border-main-color-active: var(--wb-color-border-brand-active);
  --wb-button-primary-border-main-color-hover: var(--wb-color-border-brand-hover);
  --wb-button-primary-border-main-color-default: var(--wb-color-border-brand-default);
  --wb-button-primary-border-weight: var(--wb-border-weight-main);
  --wb-button-primary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-primary-icon-only-color-default: var(--wb-color-icon-on-brand);
  --wb-button-primary-icon-trailing-color-default: var(--wb-color-icon-on-brand);
  --wb-button-primary-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-primary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-primary-icon-leading-color-default: var(--wb-color-icon-on-brand);
  --wb-button-primary-text-color-default: var(--wb-color-text-on-brand);
  --wb-button-primary-background-color-loading: var(--wb-color-shape-brand-default);
  --wb-button-primary-background-color-focus: var(--wb-color-shape-brand-focus);
  --wb-button-primary-background-color-active: var(--wb-color-shape-brand-active);
  --wb-button-primary-background-color-hover: var(--wb-color-shape-brand-hover);
  --wb-button-primary-background-color-default: var(--wb-color-shape-brand-default);
  --wb-button-border-vision-ui-alpha-ring-radius: var(--wb-border-radius-subtle);
  --wb-button-border-vision-ui-alpha-main-radius: var(--wb-border-radius-main);
  --wb-360-viewer-md-icon-size: var(--wb-spacing-static-smaller);
  --wb-360-viewer-lg-icon-size: var(--wb-spacing-static-small);
  --wb-360-viewer-icon-color-default: var(--wb-color-icon-weakest-default);
  --wb-360-viewer-hint-border-weight: var(--wb-border-weight-main);
  --wb-360-viewer-hint-gradient-color-start: var(--wb-color-fixed-component-360-viewer-on-main-hint-gradient-start);
  --wb-video-border-radius: var(--wb-border-radius-sharp);
  --wb-video-auto-play-md-action-padding-bottom: var(--wb-spacing-responsive-smaller);
  --wb-video-auto-play-md-action-padding-left: var(--wb-spacing-responsive-smaller);
  --wb-video-auto-play-lg-action-padding-bottom: var(--wb-spacing-responsive-smaller);
  --wb-video-auto-play-lg-action-padding-left: var(--wb-spacing-responsive-smaller);
  --wb-video-standard-toolbar-md-content-logo-padding-right: var(--wb-spacing-static-smaller);
  --wb-video-standard-toolbar-md-content-logo-padding-left: var(--wb-spacing-static-smaller);
  --wb-video-standard-toolbar-md-content-timer-gap: var(--wb-spacing-static-tiniest);
  --wb-video-standard-toolbar-md-content-start-gap: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-md-content-main-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-md-content-main-padding-top: var(--wb-spacing-static-none);
  --wb-video-standard-toolbar-md-content-main-padding-right: var(--wb-spacing-static-smaller);
  --wb-video-standard-toolbar-md-content-main-padding-left: var(--wb-spacing-static-smaller);
  --wb-video-standard-toolbar-md-content-gap: var(--wb-spacing-static-none);
  --wb-video-standard-toolbar-lg-content-end-gap: var(--wb-spacing-static-smaller);
  --wb-video-standard-toolbar-lg-content-timer-gap: var(--wb-spacing-static-tiniest);
  --wb-video-standard-toolbar-lg-content-start-gap: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-lg-content-main-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-lg-content-main-padding-top: var(--wb-spacing-static-small);
  --wb-video-standard-toolbar-lg-content-main-padding-right: var(--wb-spacing-static-small);
  --wb-video-standard-toolbar-lg-content-main-padding-left: var(--wb-spacing-static-small);
  --wb-video-standard-toolbar-lg-content-gap: var(--wb-spacing-static-tiniest);
  --wb-video-standard-toolbar-actions-time-preview-padding-right: var(--wb-spacing-static-tiniest);
  --wb-video-standard-toolbar-actions-time-preview-padding-left: var(--wb-spacing-static-tiniest);
  --wb-video-standard-toolbar-actions-time-preview-border-radius: var(--wb-border-radius-main);
  --wb-video-standard-toolbar-actions-time-preview-text-color: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-time-preview-text);
  --wb-video-standard-toolbar-actions-time-preview-background-color: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-time-preview-background);
  --wb-video-standard-toolbar-actions-slider-bar-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-video-standard-toolbar-actions-slider-bar-padding-top: var(--wb-spacing-static-tiniest);
  --wb-video-standard-toolbar-actions-slider-bar-weight-idle: var(--wb-border-weight-stronger);
  --wb-video-standard-toolbar-actions-slider-bar-progress-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-video-standard-toolbar-actions-slider-bar-progress-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-video-standard-toolbar-actions-slider-bar-progress-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-video-standard-toolbar-actions-slider-bar-loading-color: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-slider-bar-loading);
  --wb-video-standard-toolbar-actions-slider-bar-empty-color: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-slider-bar-empty);
  --wb-video-standard-toolbar-actions-slider-bar-radius: var(--wb-border-radius-round);
  --wb-video-standard-toolbar-actions-slider-indicator-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-video-standard-toolbar-actions-slider-indicator-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-video-standard-toolbar-actions-slider-indicator-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-video-standard-toolbar-actions-slider-indicator-size: var(--wb-spacing-static-smallest);
  --wb-video-standard-toolbar-actions-settings-background-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-actions-settings-background-padding-top: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-actions-settings-background-padding-right: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-actions-settings-background-padding-left: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-actions-settings-background-gap: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-actions-settings-background-color: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-settings-background);
  --wb-video-standard-toolbar-actions-basic-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-video-standard-toolbar-actions-basic-padding-top: var(--wb-spacing-static-smallest);
  --wb-video-standard-toolbar-actions-basic-padding-right: var(--wb-spacing-static-smallest);
  --wb-video-standard-toolbar-actions-basic-padding-left: var(--wb-spacing-static-smallest);
  --wb-video-standard-toolbar-actions-basic-icon-color-active: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-basic-icons-active);
  --wb-video-standard-toolbar-actions-basic-icon-color-hover: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-basic-icons-hover);
  --wb-video-standard-toolbar-actions-basic-icon-color-default: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-basic-icons-default);
  --wb-video-standard-toolbar-actions-basic-icon-size: var(--wb-spacing-static-smaller);
  --wb-video-standard-toolbar-logo-color-default: var(--wb-color-fixed-component-video-on-main-standard-toolbar-logo);
  --wb-video-standard-toolbar-timer-text-color: var(--wb-color-fixed-component-video-on-main-standard-toolbar-text);
  --wb-video-standard-toolbar-background-gradient-color-end: var(--wb-color-fixed-component-video-on-main-standard-toolbar-background-gradient-end);
  --wb-video-standard-toolbar-background-gradient-color-start: var(--wb-color-fixed-component-video-on-main-standard-toolbar-background-gradient-start);
  --wb-video-standard-play-action-md-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-video-standard-play-action-md-padding-top: var(--wb-spacing-static-smaller);
  --wb-video-standard-play-action-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-video-standard-play-action-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-video-standard-play-action-md-icon-size: var(--wb-spacing-static-smaller);
  --wb-video-standard-play-action-lg-padding-bottom: var(--wb-spacing-static-small);
  --wb-video-standard-play-action-lg-padding-top: var(--wb-spacing-static-small);
  --wb-video-standard-play-action-lg-padding-right: var(--wb-spacing-static-small);
  --wb-video-standard-play-action-lg-padding-left: var(--wb-spacing-static-small);
  --wb-video-standard-play-action-lg-icon-size: var(--wb-spacing-static-small);
  --wb-video-standard-play-action-border-radius: var(--wb-border-radius-round);
  --wb-video-standard-play-action-icon-color-active: var(--wb-color-fixed-component-video-on-main-standard-play-action-icon-active);
  --wb-video-standard-play-action-icon-color-hover: var(--wb-color-fixed-component-video-on-main-standard-play-action-icon-hover);
  --wb-video-standard-play-action-icon-color-default: var(--wb-color-fixed-component-video-on-main-standard-play-action-icon-default);
  --wb-video-standard-play-action-background-color-active: var(--wb-color-fixed-component-video-on-main-standard-play-action-background-active);
  --wb-video-standard-play-action-background-color-hover: var(--wb-color-fixed-component-video-on-main-standard-play-action-background-hover);
  --wb-video-standard-play-action-background-color-default: var(--wb-color-fixed-component-video-on-main-standard-play-action-background-default);
  --wb-video-standard-overlay-color: var(--wb-color-fixed-component-video-on-main-standard-overlay);
  --wb-tooltip-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-tooltip-padding-top: var(--wb-spacing-static-smaller);
  --wb-tooltip-padding-right: var(--wb-spacing-static-small);
  --wb-tooltip-padding-left: var(--wb-spacing-static-small);
  --wb-tooltip-border-radius: var(--wb-border-radius-main);
  --wb-tooltip-text-color: var(--wb-color-text-on-contrast-main-default);
  --wb-tooltip-background-color: var(--wb-color-shape-strong-default);
  --wb-status-badge-size: var(--wb-spacing-static-smaller);
  --wb-status-badge-custom-icon-color: var(--wb-color-fixed-component-status-badge-icon);
  --wb-status-badge-custom-background-color: var(--wb-color-shape-brand-default);
  --wb-status-badge-error-icon-color: var(--wb-color-icon-fixed-white);
  --wb-status-badge-error-background-color: var(--wb-color-shape-status-error-default);
  --wb-status-badge-warning-icon-color-color: var(--wb-color-icon-fixed-black);
  --wb-status-badge-warning-background-color: var(--wb-color-shape-status-warning-default);
  --wb-status-badge-success-icon-color: var(--wb-color-icon-fixed-white);
  --wb-status-badge-success-background-color: var(--wb-color-shape-status-success-default);
  --wb-spinner-border-weight: var(--wb-border-weight-strong);
  --wb-spinner-loader-color: var(--wb-color-shape-brand-default);
  --wb-spinner-loader-on-brand-color-color: var(--wb-color-shape-fixed-white);
  --wb-spinner-background-color: var(--wb-color-shape-weak-default);
  --wb-spinner-background-on-brand-color: var(--wb-color-fixed-component-spinner-on-brand-background);
  --wb-slider-items-gap: var(--wb-spacing-responsive-smaller);
  --wb-slider-gap: var(--wb-spacing-static-smaller);
  --wb-skeleton-border-radius: var(--wb-border-radius-main);
  --wb-skeleton-background-gradient-color-end: var(--wb-color-shape-contrast-accent-weak-default);
  --wb-skeleton-background-gradient-color-start: var(--wb-color-shape-contrast-accent-weakest-default);
  --wb-selection-card-md-padding-bottom: var(--wb-spacing-static-small);
  --wb-selection-card-md-padding-top: var(--wb-spacing-static-small);
  --wb-selection-card-md-padding-right: var(--wb-spacing-static-small);
  --wb-selection-card-md-padding-left: var(--wb-spacing-static-small);
  --wb-selection-card-md-gap: var(--wb-spacing-static-smaller);
  --wb-selection-card-lg-padding-bottom: var(--wb-spacing-static-medium);
  --wb-selection-card-lg-padding-top: var(--wb-spacing-static-medium);
  --wb-selection-card-lg-padding-right: var(--wb-spacing-static-medium);
  --wb-selection-card-lg-padding-left: var(--wb-spacing-static-medium);
  --wb-selection-card-lg-gap: var(--wb-spacing-static-smaller);
  --wb-selection-card-border-ring-weight: var(--wb-border-weight-strong);
  --wb-selection-card-border-ring-radius: var(--wb-border-radius-sharp);
  --wb-selection-card-border-main-weight: var(--wb-border-weight-main);
  --wb-selection-card-border-main-radius: var(--wb-border-radius-sharp);
  --wb-selection-card-selected-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-selection-card-selected-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-selection-card-selected-border-main-color-hover: var(--wb-color-border-brand-hover);
  --wb-selection-card-selected-border-main-color-default: var(--wb-color-border-brand-default);
  --wb-selection-card-selected-text-color-default: var(--wb-color-text-main-default);
  --wb-selection-card-selected-background-color-focus: var(--wb-color-surface-main-focus);
  --wb-selection-card-selected-background-color-active: var(--wb-color-surface-strong-active);
  --wb-selection-card-selected-background-color-hover: var(--wb-color-surface-strong-hover);
  --wb-selection-card-selected-background-color-default: var(--wb-color-surface-strong-default);
  --wb-selection-card-unselected-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-selection-card-unselected-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-selection-card-unselected-border-main-color-hover: var(--wb-color-border-weakest-hover);
  --wb-selection-card-unselected-border-main-color-default: var(--wb-color-border-weakest-default);
  --wb-selection-card-unselected-text-color-default: var(--wb-color-text-main-default);
  --wb-selection-card-unselected-background-color-focus: var(--wb-color-surface-main-focus);
  --wb-selection-card-unselected-background-color-active: var(--wb-color-surface-main-active);
  --wb-selection-card-unselected-background-color-hover: var(--wb-color-surface-main-hover);
  --wb-selection-card-unselected-background-color-default: var(--wb-color-surface-main-default);
  --wb-tree-levels-second-main-padding-left: var(--wb-spacing-static-huger);
  --wb-tree-levels-first-main-padding-left: var(--wb-spacing-static-larger);
  --wb-tree-levels-basic-item-padding-left: var(--wb-spacing-static-huger);
  --wb-tree-levels-basic-main-padding-left: var(--wb-spacing-static-smaller);
  --wb-tree-levels-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-tree-levels-padding-top: var(--wb-spacing-static-tiny);
  --wb-tree-levels-padding-right: var(--wb-spacing-static-none);
  --wb-tree-levels-gap: var(--wb-spacing-static-tiny);
  --wb-tree-text-color-default: var(--wb-color-text-main-default);
  --wb-tree-caret-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-tree-caret-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-tree-caret-border-ring-weight: var(--wb-border-weight-main);
  --wb-tree-caret-border-ring-radius: var(--wb-border-radius-sharp);
  --wb-tree-caret-icon-color-default: var(--wb-color-icon-strongest-default);
  --wb-tree-caret-icon-size: var(--wb-spacing-static-smallest);
  --wb-tree-caret-background-color-focus: var(--wb-color-shape-accent-none-to-solid-focus);
  --wb-tree-caret-background-color-active: var(--wb-color-shape-accent-none-to-solid-active);
  --wb-tree-caret-background-color-hover: var(--wb-color-shape-accent-none-to-solid-hover);
  --wb-tree-caret-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-tree-caret-radius: var(--wb-border-radius-sharp);
  --wb-tree-caret-size: var(--wb-spacing-static-small);
  --wb-toggle-button-text-hint-error-color: var(--wb-color-text-status-error-default);
  --wb-toggle-button-text-hint-color: var(--wb-color-text-weakest-default);
  --wb-toggle-button-text-color-default: var(--wb-color-text-main-default);
  --wb-toggle-button-text-gap: var(--wb-spacing-static-tiniest);
  --wb-toggle-button-shape-border-weight: var(--wb-border-weight-main);
  --wb-toggle-button-shape-border-radius: var(--wb-border-radius-round);
  --wb-toggle-button-shape-inner-circle-radius: var(--wb-border-radius-round);
  --wb-toggle-button-shape-inner-circle-color-default: var(--wb-color-fixed-component-toggle-button-on-main-dot);
  --wb-toggle-button-shape-size: var(--wb-spacing-static-small);
  --wb-toggle-button-on-error-border-ring-color-focus: var(--wb-color-border-fixed-white);
  --wb-toggle-button-on-error-border-main-color-focus: var(--wb-color-border-status-error-focus);
  --wb-toggle-button-on-error-border-main-color-active: var(--wb-color-border-status-error-active);
  --wb-toggle-button-on-error-border-main-color-hover: var(--wb-color-border-status-error-hover);
  --wb-toggle-button-on-error-border-main-color-default: var(--wb-color-border-status-error-default);
  --wb-toggle-button-on-error-background-color-focus: var(--wb-color-shape-status-error-focus);
  --wb-toggle-button-on-error-background-color-active: var(--wb-color-shape-status-error-active);
  --wb-toggle-button-on-error-background-color-hover: var(--wb-color-shape-status-error-hover);
  --wb-toggle-button-on-error-background-color-default: var(--wb-color-shape-status-error-default);
  --wb-toggle-button-on-main-border-ring-color-focus: var(--wb-color-border-on-brand);
  --wb-toggle-button-on-main-border-main-color-focus: var(--wb-color-shape-brand-focus);
  --wb-toggle-button-on-main-border-main-color-active: var(--wb-color-shape-brand-active);
  --wb-toggle-button-on-main-border-main-color-hover: var(--wb-color-shape-brand-hover);
  --wb-toggle-button-on-main-border-main-color-default: var(--wb-color-shape-brand-default);
  --wb-toggle-button-on-main-background-color-focus: var(--wb-color-shape-brand-focus);
  --wb-toggle-button-on-main-background-color-active: var(--wb-color-shape-brand-active);
  --wb-toggle-button-on-main-background-color-hover: var(--wb-color-shape-brand-hover);
  --wb-toggle-button-on-main-background-color-default: var(--wb-color-shape-brand-default);
  --wb-toggle-button-off-error-border-ring-color-focus: var(--wb-color-border-status-error-focus);
  --wb-toggle-button-off-error-border-main-color-active: var(--wb-color-border-status-error-active);
  --wb-toggle-button-off-error-border-main-color-hover: var(--wb-color-border-status-error-hover);
  --wb-toggle-button-off-error-border-main-color-default: var(--wb-color-border-status-error-default);
  --wb-toggle-button-off-error-background-color-focus: var(--wb-color-shape-dim-focus);
  --wb-toggle-button-off-error-background-color-active: var(--wb-color-shape-dim-active);
  --wb-toggle-button-off-error-background-color-hover: var(--wb-color-shape-dim-hover);
  --wb-toggle-button-off-error-background-color-default: var(--wb-color-shape-dim-default);
  --wb-toggle-button-off-main-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-toggle-button-off-main-border-main-color-active: var(--wb-color-border-main-active);
  --wb-toggle-button-off-main-border-main-color-hover: var(--wb-color-border-main-hover);
  --wb-toggle-button-off-main-border-main-color-default: var(--wb-color-border-main-default);
  --wb-toggle-button-off-main-background-color-focus: var(--wb-color-shape-dim-focus);
  --wb-toggle-button-off-main-background-color-active: var(--wb-color-shape-dim-active);
  --wb-toggle-button-off-main-background-color-hover: var(--wb-color-shape-dim-hover);
  --wb-toggle-button-off-main-background-color-default: var(--wb-color-shape-dim-default);
  --wb-toggle-button-gap: var(--wb-spacing-static-tiny);
  --wb-table-border-color: var(--wb-color-border-main-default);
  --wb-table-border-weight: var(--wb-border-weight-main);
  --wb-table-border-radius: var(--wb-border-radius-sharp);
  --wb-table-cell-border-radius: var(--wb-border-radius-sharp);
  --wb-table-cell-with-component-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-table-cell-with-component-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-table-cell-with-component-lg-padding-right: var(--wb-spacing-static-small);
  --wb-table-cell-with-component-lg-padding-left: var(--wb-spacing-static-small);
  --wb-table-cell-with-component-size: var(--wb-spacing-static-smaller);
  --wb-table-cell-icon-md-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-table-cell-icon-md-padding-top: var(--wb-spacing-static-smallest);
  --wb-table-cell-icon-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-table-cell-icon-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-table-cell-icon-lg-padding-right: var(--wb-spacing-static-small);
  --wb-table-cell-icon-lg-padding-left: var(--wb-spacing-static-small);
  --wb-table-cell-icon-color-color: var(--wb-color-icon-main-default);
  --wb-table-cell-icon-size: var(--wb-spacing-static-smaller);
  --wb-table-cell-text-md-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-table-cell-text-md-padding-top: var(--wb-spacing-static-tiny);
  --wb-table-cell-text-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-table-cell-text-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-table-cell-text-lg-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-table-cell-text-lg-padding-top: var(--wb-spacing-static-tiny);
  --wb-table-cell-text-lg-padding-right: var(--wb-spacing-static-small);
  --wb-table-cell-text-lg-padding-left: var(--wb-spacing-static-small);
  --wb-table-cell-text-color: var(--wb-color-text-main-default);
  --wb-table-cell-background-striped-color: var(--wb-color-shape-weaker-default);
  --wb-table-header-md-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-table-header-md-padding-top: var(--wb-spacing-static-tiny);
  --wb-table-header-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-table-header-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-table-header-md-gap: var(--wb-spacing-static-smallest);
  --wb-table-header-lg-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-table-header-lg-padding-top: var(--wb-spacing-static-tiny);
  --wb-table-header-lg-padding-right: var(--wb-spacing-static-small);
  --wb-table-header-lg-padding-left: var(--wb-spacing-static-small);
  --wb-table-header-lg-gap: var(--wb-spacing-static-smaller);
  --wb-table-header-border-radius: var(--wb-border-radius-sharp);
  --wb-table-header-icon-color-default: var(--wb-color-icon-weakest-default);
  --wb-table-header-icon-size: var(--wb-spacing-static-smaller);
  --wb-table-header-text-color: var(--wb-color-text-main-default);
  --wb-table-header-background-striped-color: var(--wb-color-shape-weaker-default);
  --wb-gallery-overlay-background-color: var(--wb-color-fixed-component-gallery-overlay-background);
  --wb-gallery-thumbnails-border-color-selected: var(--wb-color-border-brand-selected);
  --wb-gallery-thumbnails-border-color-hover: var(--wb-color-border-brand-hover);
  --wb-gallery-thumbnails-border-weight: var(--wb-border-weight-main);
  --wb-gallery-thumbnails-border-radius: var(--wb-border-radius-sharp);
  --wb-gallery-thumbnails-gap: var(--wb-spacing-static-smaller);
  --wb-gallery-border-radius: var(--wb-border-radius-sharp);
  --wb-gallery-text-padding-top: var(--wb-spacing-static-smaller);
  --wb-gallery-text-body-color: var(--wb-color-text-main-default);
  --wb-gallery-text-headline-color: var(--wb-color-text-main-default);
  --wb-gallery-text-gap: var(--wb-spacing-static-tiny);
  --wb-gallery-gap: var(--wb-spacing-static-smaller);
  --wb-tabs-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-tabs-padding-top: var(--wb-spacing-static-smallest);
  --wb-tabs-padding-right: var(--wb-spacing-static-smaller);
  --wb-tabs-padding-left: var(--wb-spacing-static-smaller);
  --wb-tabs-border-radius: var(--wb-border-radius-sharp);
  --wb-tabs-border-ring-radius: var(--wb-border-radius-sharp);
  --wb-tabs-unselected-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-tabs-unselected-border-underline-color-focus: var(--wb-color-border-weak-focus);
  --wb-tabs-unselected-border-underline-color-hover: var(--wb-color-border-weak-hover);
  --wb-tabs-unselected-border-underline-color-default: var(--wb-color-border-weak-default);
  --wb-tabs-unselected-border-weight: var(--wb-border-weight-main);
  --wb-tabs-unselected-icon-only-size: var(--wb-spacing-static-small);
  --wb-tabs-unselected-icon-only-color-focus: var(--wb-color-icon-main-focus);
  --wb-tabs-unselected-icon-only-color-hover: var(--wb-color-icon-main-hover);
  --wb-tabs-unselected-icon-only-color-default: var(--wb-color-icon-main-default);
  --wb-tabs-unselected-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tabs-unselected-icon-leading-color-focus: var(--wb-color-icon-main-focus);
  --wb-tabs-unselected-icon-leading-color-hover: var(--wb-color-icon-main-hover);
  --wb-tabs-unselected-icon-leading-color-default: var(--wb-color-icon-main-default);
  --wb-tabs-unselected-text-color-focus: var(--wb-color-text-main-focus);
  --wb-tabs-unselected-text-color-hover: var(--wb-color-text-main-hover);
  --wb-tabs-unselected-text-color-default: var(--wb-color-text-main-default);
  --wb-tabs-unselected-background-color-focus: var(--wb-color-shape-accent-none-to-translucent-focus);
  --wb-tabs-unselected-background-color-hover: var(--wb-color-shape-accent-none-to-translucent-hover);
  --wb-tabs-unselected-background-color-default: var(--wb-color-shape-accent-none-to-translucent-default);
  --wb-tabs-unselected-gap: var(--wb-spacing-static-tiny);
  --wb-tabs-selected-marker-weight: var(--wb-border-weight-strong);
  --wb-tabs-selected-marker-radius: var(--wb-border-radius-sharp);
  --wb-tabs-selected-marker-color-focus: var(--wb-color-border-brand-focus);
  --wb-tabs-selected-marker-color-active: var(--wb-color-border-brand-active);
  --wb-tabs-selected-marker-color-hover: var(--wb-color-border-brand-hover);
  --wb-tabs-selected-marker-color-default: var(--wb-color-border-brand-default);
  --wb-tabs-selected-gap: var(--wb-spacing-static-tiny);
  --wb-tabs-selected-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-tabs-selected-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-tabs-selected-border-weight: var(--wb-border-weight-main);
  --wb-tabs-selected-border-underline-color-focus: var(--wb-color-border-weak-focus);
  --wb-tabs-selected-border-underline-color-active: var(--wb-color-border-weak-active);
  --wb-tabs-selected-border-underline-color-hover: var(--wb-color-border-weak-hover);
  --wb-tabs-selected-border-underline-color-default: var(--wb-color-border-weak-default);
  --wb-tabs-selected-icon-only-size: var(--wb-spacing-static-small);
  --wb-tabs-selected-icon-only-color-default: var(--wb-color-icon-main-default);
  --wb-tabs-selected-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tabs-selected-icon-leading-color-default: var(--wb-color-icon-main-default);
  --wb-tabs-selected-text-color-default: var(--wb-color-text-main-default);
  --wb-tabs-selected-background-color-focus: var(--wb-color-shape-accent-none-to-translucent-focus);
  --wb-tabs-selected-background-color-active: var(--wb-color-shape-accent-none-to-translucent-active);
  --wb-tabs-selected-background-color-hover: var(--wb-color-shape-accent-none-to-translucent-hover);
  --wb-tabs-selected-background-color-default: var(--wb-color-shape-accent-none-to-translucent-default);
  --wb-range-slider-bar-empty-color: var(--wb-color-shape-dim-default);
  --wb-range-slider-bar-range-color: var(--wb-color-shape-dim-default);
  --wb-range-slider-bar-filled-color: var(--wb-color-shape-brand-default);
  --wb-range-slider-scale-text-color: var(--wb-color-text-main-default);
  --wb-range-slider-scale-indicator-color: var(--wb-color-shape-stronger-default);
  --wb-range-slider-text-color-color: var(--wb-color-text-main-default);
  --wb-range-slider-indicator-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-range-slider-indicator-border-weight: var(--wb-border-weight-main);
  --wb-range-slider-indicator-background-color-focus: var(--wb-color-shape-stronger-focus);
  --wb-range-slider-indicator-background-color-active: var(--wb-color-shape-stronger-active);
  --wb-range-slider-indicator-background-color-hover: var(--wb-color-shape-stronger-hover);
  --wb-range-slider-indicator-background-color-default: var(--wb-color-shape-stronger-default);
  --wb-radio-button-text-error-color: var(--wb-color-text-status-error-default);
  --wb-radio-button-text-color-default: var(--wb-color-text-main-default);
  --wb-radio-button-text-gap: var(--wb-spacing-static-tiniest);
  --wb-radio-button-shape-border-weight: var(--wb-border-weight-main);
  --wb-radio-button-shape-border-radius: var(--wb-border-radius-round);
  --wb-radio-button-shape-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-radio-button-shape-padding-top: var(--wb-spacing-static-tiniest);
  --wb-radio-button-shape-padding-right: var(--wb-spacing-static-tiniest);
  --wb-radio-button-shape-padding-left: var(--wb-spacing-static-tiniest);
  --wb-radio-button-shape-size: var(--wb-spacing-static-small);
  --wb-radio-button-checked-dot-size: var(--wb-spacing-static-tiny);
  --wb-radio-button-checked-dot-color-default: var(--wb-color-fixed-component-radio-button-on-main-dot);
  --wb-radio-button-checked-error-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-radio-button-checked-error-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-radio-button-checked-error-border-main-color-focus: var(--wb-color-border-status-error-focus);
  --wb-radio-button-checked-error-border-main-color-active: var(--wb-color-border-status-error-active);
  --wb-radio-button-checked-error-border-main-color-hover: var(--wb-color-border-status-error-hover);
  --wb-radio-button-checked-error-border-main-color-default: var(--wb-color-border-status-error-default);
  --wb-radio-button-checked-error-background-color-focus: var(--wb-color-shape-status-error-focus);
  --wb-radio-button-checked-error-background-color-active: var(--wb-color-shape-status-error-active);
  --wb-radio-button-checked-error-background-color-hover: var(--wb-color-shape-status-error-hover);
  --wb-radio-button-checked-error-background-color-default: var(--wb-color-shape-status-error-default);
  --wb-radio-button-checked-main-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-radio-button-checked-main-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-radio-button-checked-main-border-main-color-focus: var(--wb-color-shape-brand-focus);
  --wb-radio-button-checked-main-border-main-color-active: var(--wb-color-shape-brand-active);
  --wb-radio-button-checked-main-border-main-color-hover: var(--wb-color-shape-brand-hover);
  --wb-radio-button-checked-main-border-main-color-default: var(--wb-color-shape-brand-default);
  --wb-radio-button-checked-main-background-color-focus: var(--wb-color-shape-brand-focus);
  --wb-radio-button-checked-main-background-color-active: var(--wb-color-shape-brand-active);
  --wb-radio-button-checked-main-background-color-hover: var(--wb-color-shape-brand-hover);
  --wb-radio-button-checked-main-background-color-default: var(--wb-color-shape-brand-default);
  --wb-radio-button-unchecked-error-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-radio-button-unchecked-error-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-radio-button-unchecked-error-border-main-color-focus: var(--wb-color-border-status-error-focus);
  --wb-radio-button-unchecked-error-border-main-color-active: var(--wb-color-border-status-error-active);
  --wb-radio-button-unchecked-error-border-main-color-hover: var(--wb-color-border-status-error-hover);
  --wb-radio-button-unchecked-error-border-main-color-default: var(--wb-color-border-status-error-default);
  --wb-radio-button-unchecked-error-background-color-focus: var(--wb-color-shape-weaker-focus);
  --wb-radio-button-unchecked-error-background-color-active: var(--wb-color-shape-weaker-active);
  --wb-radio-button-unchecked-error-background-color-hover: var(--wb-color-shape-weaker-hover);
  --wb-radio-button-unchecked-error-background-color-default: var(--wb-color-shape-weaker-default);
  --wb-radio-button-unchecked-main-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-radio-button-unchecked-main-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-radio-button-unchecked-main-border-main-color-focus: var(--wb-color-border-strong-focus);
  --wb-radio-button-unchecked-main-border-main-color-active: var(--wb-color-border-strong-active);
  --wb-radio-button-unchecked-main-border-main-color-hover: var(--wb-color-border-strong-hover);
  --wb-radio-button-unchecked-main-border-main-color-default: var(--wb-color-border-strong-default);
  --wb-radio-button-unchecked-main-background-color-focus: var(--wb-color-shape-weaker-focus);
  --wb-radio-button-unchecked-main-background-color-active: var(--wb-color-shape-weaker-active);
  --wb-radio-button-unchecked-main-background-color-hover: var(--wb-color-shape-weaker-hover);
  --wb-radio-button-unchecked-main-background-color-default: var(--wb-color-shape-weaker-default);
  --wb-radio-button-gap: var(--wb-spacing-static-tiny);
  --wb-price-icon-size: var(--wb-spacing-static-smaller);
  --wb-price-icon-color: var(--wb-color-icon-main-default);
  --wb-price-text-legal-color: var(--wb-color-text-weakest-default);
  --wb-price-text-striked-color: var(--wb-color-fixed-component-price-on-main-border-strikethrough);
  --wb-price-text-main-gap: var(--wb-spacing-static-tiniest);
  --wb-price-text-main-color: var(--wb-color-text-main-default);
  --wb-price-text-headline-color: var(--wb-color-text-weakest-default);
  --wb-popover-no-padding-border-weight: var(--wb-border-weight-main);
  --wb-popover-no-padding-border-radius: var(--wb-border-radius-main);
  --wb-popover-no-padding-border-color: var(--wb-color-border-weak-default);
  --wb-popover-card-padding-bottom: var(--wb-spacing-static-medium);
  --wb-popover-card-padding-top: var(--wb-spacing-static-medium);
  --wb-popover-card-padding-right: var(--wb-spacing-static-medium);
  --wb-popover-card-padding-left: var(--wb-spacing-static-medium);
  --wb-popover-card-border-weight: var(--wb-border-weight-main);
  --wb-popover-card-border-radius: var(--wb-border-radius-sharp);
  --wb-popover-card-border-color: var(--wb-color-border-weakest-default);
  --wb-popover-card-background-color: var(--wb-color-fixed-component-popover-background);
  --wb-placeholder-content-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-placeholder-content-padding-top: var(--wb-spacing-static-smaller);
  --wb-placeholder-content-padding-right: var(--wb-spacing-static-smaller);
  --wb-placeholder-content-padding-left: var(--wb-spacing-static-smaller);
  --wb-placeholder-content-icon-size: var(--wb-spacing-static-medium);
  --wb-placeholder-content-icon-color: var(--wb-color-icon-weaker-default);
  --wb-placeholder-content-text-color: var(--wb-color-text-weaker-default);
  --wb-placeholder-content-gap: var(--wb-spacing-static-tiny);
  --wb-placeholder-border-radius: var(--wb-border-radius-sharp);
  --wb-placeholder-background-color: var(--wb-color-surface-stronger-default);
  --wb-pagination-compact-text-padding-right: var(--wb-spacing-static-smaller);
  --wb-pagination-compact-text-padding-left: var(--wb-spacing-static-smaller);
  --wb-pagination-compact-text-remaining-pages-color-color: var(--wb-color-text-weakest-default);
  --wb-pagination-compact-text-current-page-color: var(--wb-color-text-main-default);
  --wb-pagination-compact-text-gap: var(--wb-spacing-static-tiniest);
  --wb-pagination-compact-gap: var(--wb-spacing-static-tiniest);
  --wb-pagination-basic-pages-border-ring-color-focus: var(--wb-color-border-brand-default);
  --wb-pagination-basic-pages-border-ring-weight: var(--wb-border-weight-main);
  --wb-pagination-basic-pages-text-color-selected: var(--wb-color-text-main-selected);
  --wb-pagination-basic-pages-text-color-default: var(--wb-color-text-main-default);
  --wb-pagination-basic-pages-background-color-selected: var(--wb-color-shape-accent-none-to-solid-selected);
  --wb-pagination-basic-pages-background-color-focus: var(--wb-color-shape-accent-none-to-solid-focus);
  --wb-pagination-basic-pages-background-color-active: var(--wb-color-shape-accent-none-to-solid-active);
  --wb-pagination-basic-pages-background-color-hover: var(--wb-color-shape-accent-none-to-solid-hover);
  --wb-pagination-basic-pages-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-pagination-basic-pages-gap: var(--wb-spacing-static-smaller);
  --wb-pagination-basic-gap: var(--wb-spacing-static-tiniest);
  --wb-notification-effects-shadow-second-layer-spread: var(--wb-spacing-static-none);
  --wb-notification-effects-shadow-second-layer-y-axis: var(--wb-spacing-static-smaller);
  --wb-notification-effects-shadow-second-layer-x-axis: var(--wb-spacing-static-none);
  --wb-notification-effects-shadow-second-layer-blur: var(--wb-spacing-static-small);
  --wb-notification-effects-shadow-first-layer-spread: var(--wb-spacing-static-none);
  --wb-notification-effects-shadow-first-layer-y-axis: var(--wb-spacing-static-none);
  --wb-notification-effects-shadow-first-layer-x-axis: var(--wb-spacing-static-none);
  --wb-notification-effects-shadow-first-layer-blur: var(--wb-spacing-static-tiniest);
  --wb-notification-effects-shadow-color: var(--wb-color-fixed-component-notification-on-main-shadow);
  --wb-notification-footer-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-notification-footer-padding-top: var(--wb-spacing-static-tiny);
  --wb-notification-footer-padding-right: var(--wb-spacing-static-tiny);
  --wb-notification-footer-padding-left: var(--wb-spacing-static-tiny);
  --wb-notification-footer-gap: var(--wb-spacing-static-smaller);
  --wb-notification-content-status-icon-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-notification-content-status-icon-padding-top: var(--wb-spacing-static-tiny);
  --wb-notification-content-text-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-notification-content-text-padding-top: var(--wb-spacing-static-tiny);
  --wb-notification-content-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-notification-content-padding-top: var(--wb-spacing-static-smallest);
  --wb-notification-content-padding-right: var(--wb-spacing-static-smaller);
  --wb-notification-content-padding-left: var(--wb-spacing-static-smaller);
  --wb-notification-content-gap: var(--wb-spacing-static-smaller);
  --wb-notification-icon-highlight-color: var(--wb-color-icon-brand-default);
  --wb-notification-icon-size: var(--wb-spacing-static-small);
  --wb-notification-icon-color: var(--wb-color-icon-main-default);
  --wb-notification-border-highlight-color: var(--wb-color-border-brand-default);
  --wb-notification-border-error-color: var(--wb-color-border-status-error-default);
  --wb-notification-border-warning-color: var(--wb-color-border-status-warning-default);
  --wb-notification-border-success-color: var(--wb-color-border-status-success-default);
  --wb-notification-border-weight: var(--wb-border-weight-strong);
  --wb-notification-border-radius: var(--wb-border-radius-soft);
  --wb-notification-border-color: var(--wb-color-border-weak-default);
  --wb-notification-text-color: var(--wb-color-text-main-default);
  --wb-notification-background-color: var(--wb-color-surface-main-default);
  --wb-nba-md-padding-bottom: var(--wb-spacing-static-small);
  --wb-nba-md-padding-top: var(--wb-spacing-static-small);
  --wb-nba-md-padding-right: var(--wb-spacing-static-small);
  --wb-nba-md-padding-left: var(--wb-spacing-static-small);
  --wb-nba-md-border-marker-weight: var(--wb-border-weight-strong);
  --wb-nba-lg-padding-bottom: var(--wb-spacing-static-medium);
  --wb-nba-lg-padding-top: var(--wb-spacing-static-medium);
  --wb-nba-lg-padding-right: var(--wb-spacing-static-medium);
  --wb-nba-lg-padding-left: var(--wb-spacing-static-medium);
  --wb-nba-lg-border-marker-weight: var(--wb-border-weight-stronger);
  --wb-nba-icon-size: var(--wb-spacing-static-small);
  --wb-nba-icon-color-default: var(--wb-color-icon-main-default);
  --wb-nba-text-body-color-default: var(--wb-color-text-main-default);
  --wb-nba-text-headline-color-default: var(--wb-color-text-main-default);
  --wb-nba-marker-color-focus: var(--wb-color-border-brand-focus);
  --wb-nba-marker-color-active: var(--wb-color-border-brand-active);
  --wb-nba-marker-color-hover: var(--wb-color-border-brand-hover);
  --wb-nba-border-weight: var(--wb-border-weight-main);
  --wb-nba-border-radius: var(--wb-border-radius-sharp);
  --wb-nba-secondary-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-nba-secondary-border-main-color-focus: var(--wb-color-border-weak-focus);
  --wb-nba-secondary-border-main-color-active: var(--wb-color-border-weak-active);
  --wb-nba-secondary-border-main-color-hover: var(--wb-color-border-weak-hover);
  --wb-nba-secondary-border-main-color-default: var(--wb-color-border-weak-default);
  --wb-nba-secondary-background-color-focus: var(--wb-color-surface-strong-focus);
  --wb-nba-secondary-background-color-active: var(--wb-color-surface-strong-active);
  --wb-nba-secondary-background-color-hover: var(--wb-color-surface-strong-hover);
  --wb-nba-secondary-background-color-default: var(--wb-color-surface-strong-default);
  --wb-nba-primary-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-nba-primary-border-main-color-focus: var(--wb-color-border-weakest-focus);
  --wb-nba-primary-border-main-color-active: var(--wb-color-border-weakest-active);
  --wb-nba-primary-border-main-color-hover: var(--wb-color-border-weakest-hover);
  --wb-nba-primary-border-main-color-default: var(--wb-color-border-weakest-default);
  --wb-nba-primary-background-color-focus: var(--wb-color-surface-main-focus);
  --wb-nba-primary-background-color-active: var(--wb-color-surface-main-active);
  --wb-nba-primary-background-color-hover: var(--wb-color-surface-main-hover);
  --wb-nba-primary-background-color-default: var(--wb-color-surface-main-default);
  --wb-navigation-item-content-end-text-main-gap: var(--wb-spacing-static-tiny);
  --wb-navigation-item-content-end-padding-left: var(--wb-spacing-static-tiny);
  --wb-navigation-item-content-main-padding-left: var(--wb-spacing-static-tiny);
  --wb-navigation-item-border-ring-weight: var(--wb-border-weight-main);
  --wb-navigation-item-border-ring-radius: var(--wb-border-radius-subtle);
  --wb-navigation-item-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-navigation-item-indicator-size: var(--wb-spacing-static-tiny);
  --wb-navigation-item-indicator-color: var(--wb-color-shape-brand-default);
  --wb-navigation-item-icon-trailing-color-focus: var(--wb-color-icon-weakest-focus);
  --wb-navigation-item-icon-trailing-color-active: var(--wb-color-fixed-component-navigation-item-on-main-icon-active);
  --wb-navigation-item-icon-trailing-color-hover: var(--wb-color-fixed-component-navigation-item-on-main-icon-hover);
  --wb-navigation-item-icon-trailing-color-default: var(--wb-color-icon-weakest-default);
  --wb-navigation-item-icon-trailing-size: var(--wb-spacing-static-smallest);
  --wb-navigation-item-icon-leading-color-focus: var(--wb-color-icon-weakest-focus);
  --wb-navigation-item-icon-leading-color-active: var(--wb-color-fixed-component-navigation-item-on-main-icon-active);
  --wb-navigation-item-icon-leading-color-hover: var(--wb-color-fixed-component-navigation-item-on-main-icon-hover);
  --wb-navigation-item-icon-leading-color-default: var(--wb-color-icon-weakest-default);
  --wb-navigation-item-icon-leading-size: var(--wb-spacing-static-small);
  --wb-navigation-item-text-main-color-focus: var(--wb-color-text-weakest-focus);
  --wb-navigation-item-text-main-color-active: var(--wb-color-fixed-component-navigation-item-on-main-text-active);
  --wb-navigation-item-text-main-color-hover: var(--wb-color-fixed-component-navigation-item-on-main-text-hover);
  --wb-navigation-item-text-main-color-default: var(--wb-color-text-weakest-default);
  --wb-navigation-item-text-lead-color-focus: var(--wb-color-text-weakest-focus);
  --wb-navigation-item-text-lead-color-active: var(--wb-color-fixed-component-navigation-item-on-main-text-active);
  --wb-navigation-item-text-lead-color-hover: var(--wb-color-fixed-component-navigation-item-on-main-text-hover);
  --wb-navigation-item-text-lead-color-default: var(--wb-color-text-weakest-default);
  --wb-modal-overlay-background-color: var(--wb-color-fixed-component-modal-overlay-background);
  --wb-modal-destructive-button-border-ring-color-focus: var(--wb-color-border-weakest-focus);
  --wb-modal-destructive-button-border-ring-color-active: var(--wb-color-border-weakest-active);
  --wb-modal-destructive-button-border-weight: var(--wb-border-weight-main);
  --wb-modal-destructive-button-icon-leading-color-default: var(--wb-color-icon-fixed-white);
  --wb-modal-destructive-button-text-color-default: var(--wb-color-text-fixed-white);
  --wb-modal-lg-content-footer-larger-padding-bottom: var(--wb-spacing-static-medium);
  --wb-modal-lg-content-footer-larger-padding-top: var(--wb-spacing-static-medium);
  --wb-modal-lg-content-footer-larger-padding-right: var(--wb-spacing-static-small);
  --wb-modal-lg-content-footer-larger-padding-left: var(--wb-spacing-static-small);
  --wb-modal-lg-content-footer-smaller-actions-gap: var(--wb-spacing-static-smaller);
  --wb-modal-lg-content-footer-smaller-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-modal-lg-content-footer-smaller-padding-top: var(--wb-spacing-static-smaller);
  --wb-modal-lg-content-footer-smaller-padding-right: var(--wb-spacing-static-small);
  --wb-modal-lg-content-footer-smaller-padding-left: var(--wb-spacing-static-small);
  --wb-modal-lg-content-footer-gap: var(--wb-spacing-static-smaller);
  --wb-modal-lg-content-body-text-gap: var(--wb-spacing-static-tiny);
  --wb-modal-lg-content-body-padding-bottom: var(--wb-spacing-static-larger);
  --wb-modal-lg-content-body-padding-top: var(--wb-spacing-static-medium);
  --wb-modal-lg-content-body-padding-right: var(--wb-spacing-static-small);
  --wb-modal-lg-content-body-padding-left: var(--wb-spacing-static-small);
  --wb-modal-lg-content-body-gap: var(--wb-spacing-static-medium);
  --wb-modal-lg-content-header-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-modal-lg-content-header-padding-top: var(--wb-spacing-static-smallest);
  --wb-modal-lg-content-header-padding-right: var(--wb-spacing-static-smallest);
  --wb-modal-lg-content-header-padding-left: var(--wb-spacing-static-smallest);
  --wb-modal-lg-border-radius: var(--wb-border-radius-soft);
  --wb-modal-md-content-footer-horizontal-actions-gap: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-horizontal-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-modal-md-content-footer-horizontal-padding-top: var(--wb-spacing-static-smallest);
  --wb-modal-md-content-footer-horizontal-padding-right: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-horizontal-padding-left: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-horizontal-gap: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-vertical-larger-padding-bottom: var(--wb-spacing-static-small);
  --wb-modal-md-content-footer-vertical-larger-padding-top: var(--wb-spacing-static-small);
  --wb-modal-md-content-footer-vertical-larger-padding-right: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-vertical-larger-padding-left: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-vertical-larger-gap: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-vertical-smaller-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-modal-md-content-footer-vertical-smaller-padding-top: var(--wb-spacing-static-smallest);
  --wb-modal-md-content-footer-vertical-smaller-padding-right: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-vertical-smaller-padding-left: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-vertical-smaller-gap: var(--wb-spacing-static-tiny);
  --wb-modal-md-content-body-text-gap: var(--wb-spacing-static-tiny);
  --wb-modal-md-content-body-padding-bottom: var(--wb-spacing-static-medium);
  --wb-modal-md-content-body-padding-top: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-body-padding-right: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-body-padding-left: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-body-gap: var(--wb-spacing-static-small);
  --wb-modal-md-content-header-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-modal-md-content-header-padding-top: var(--wb-spacing-static-smallest);
  --wb-modal-md-content-header-padding-right: var(--wb-spacing-static-smallest);
  --wb-modal-md-content-header-padding-left: var(--wb-spacing-static-smallest);
  --wb-modal-md-border-radius: var(--wb-border-radius-sharp);
  --wb-modal-border-divider-weight: var(--wb-border-weight-main);
  --wb-modal-border-divider-color: var(--wb-color-border-weak-default);
  --wb-modal-text-body-color: var(--wb-color-text-weakest-default);
  --wb-modal-text-headline-color: var(--wb-color-text-main-default);
  --wb-modal-background-bottom-color: var(--wb-color-surface-strong-default);
  --wb-modal-background-main-color: var(--wb-color-surface-main-default);
  --wb-load-more-md-gap: var(--wb-spacing-static-smaller);
  --wb-load-more-lg-gap: var(--wb-spacing-static-small);
  --wb-load-more-progress-text-color: var(--wb-color-text-weakest-default);
  --wb-load-more-progress-gap: var(--wb-spacing-static-smallest);
  --wb-list-group-button-item-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-list-group-button-item-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-list-group-button-item-lg-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-list-group-button-item-lg-padding-top: var(--wb-spacing-static-tiny);
  --wb-list-group-button-item-lg-padding-right: var(--wb-spacing-static-smaller);
  --wb-list-group-button-item-lg-padding-left: var(--wb-spacing-static-smaller);
  --wb-list-group-basic-item-body-end-content-padding-left: var(--wb-spacing-static-small);
  --wb-list-group-basic-item-body-end-content-gap: var(--wb-spacing-static-tiny);
  --wb-list-group-basic-item-body-start-content-gap: var(--wb-spacing-static-tiny);
  --wb-list-group-basic-item-body-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-list-group-basic-item-body-padding-top: var(--wb-spacing-static-smaller);
  --wb-list-group-basic-item-body-padding-right: var(--wb-spacing-static-smaller);
  --wb-list-group-basic-item-body-padding-left: var(--wb-spacing-static-smaller);
  --wb-list-group-basic-item-icon-meta-color: var(--wb-color-icon-weakest-default);
  --wb-list-group-basic-item-icon-leading-color-default: var(--wb-color-icon-main-default);
  --wb-list-group-basic-item-icon-size: var(--wb-spacing-static-smaller);
  --wb-list-group-basic-item-text-meta-color: var(--wb-color-text-weakest-default);
  --wb-list-group-basic-item-text-label-color-default: var(--wb-color-text-main-default);
  --wb-list-group-border-color-focus: var(--wb-color-border-brand-focus);
  --wb-list-group-border-color-active: var(--wb-color-border-brand-active);
  --wb-list-group-border-weight: var(--wb-border-weight-main);
  --wb-list-group-border-radius: var(--wb-border-radius-sharp);
  --wb-list-group-background-color-focus: var(--wb-color-shape-weakest-focus);
  --wb-list-group-background-color-active: var(--wb-color-shape-weakest-active);
  --wb-list-group-background-color-hover: var(--wb-color-shape-weakest-hover);
  --wb-list-group-background-color-default: var(--wb-color-shape-weakest-default);
  --wb-list-level-second-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-list-level-second-padding-left: var(--wb-spacing-static-large);
  --wb-list-level-second-gap: var(--wb-spacing-static-tiny);
  --wb-list-level-first-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-list-level-first-gap: var(--wb-spacing-static-tiny);
  --wb-list-text-color: var(--wb-color-text-main-default);
  --wb-list-type-icon-lg-size: var(--wb-spacing-static-smaller);
  --wb-list-type-icon-md-size: var(--wb-spacing-static-smaller);
  --wb-list-type-icon-sm-size: var(--wb-spacing-static-smallest);
  --wb-list-type-icon-color: var(--wb-color-icon-weakest-default);
  --wb-list-type-text-color: var(--wb-color-text-weakest-default);
  --wb-highlight-slider-padding-bar-gap: var(--wb-spacing-static-smallest);
  --wb-highlight-slider-padding-label-right: var(--wb-spacing-static-tiny);
  --wb-highlight-slider-padding-label-left: var(--wb-spacing-static-tiny);
  --wb-highlight-slider-shape-dot-size: var(--wb-spacing-static-tiniest);
  --wb-highlight-slider-shape-dot-empty-weight: var(--wb-border-weight-main);
  --wb-highlight-slider-shape-dot-empty-color-default: var(--wb-color-border-main-default);
  --wb-highlight-slider-shape-dot-filled-color-default: var(--wb-color-border-brand-default);
  --wb-highlight-slider-shape-bar-dashed-color-default: var(--wb-color-border-main-default);
  --wb-highlight-slider-shape-bar-filled-color-default: var(--wb-color-border-brand-default);
  --wb-highlight-slider-shape-bar-weight: var(--wb-border-weight-strong);
  --wb-highlight-slider-text-color-focus: var(--wb-color-text-weaker-focus);
  --wb-highlight-slider-text-color-active: var(--wb-color-text-weaker-active);
  --wb-highlight-slider-text-color-hover: var(--wb-color-text-weaker-hover);
  --wb-highlight-slider-text-color-default: var(--wb-color-text-weaker-default);
  --wb-interactive-tag-sm-with-delete-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-sm-with-delete-padding-top: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-sm-with-delete-padding-right: var(--wb-spacing-static-tiny);
  --wb-interactive-tag-sm-with-delete-padding-left: var(--wb-spacing-static-smallest);
  --wb-interactive-tag-sm-with-delete-gap: var(--wb-spacing-static-tiny);
  --wb-interactive-tag-sm-with-selection-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-sm-with-selection-padding-top: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-sm-with-selection-padding-right: var(--wb-spacing-static-smaller);
  --wb-interactive-tag-sm-with-selection-padding-left: var(--wb-spacing-static-tiny);
  --wb-interactive-tag-sm-action-size: var(--wb-spacing-static-smaller);
  --wb-interactive-tag-md-with-delete-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-md-with-delete-padding-top: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-md-with-delete-padding-right: var(--wb-spacing-static-tiny);
  --wb-interactive-tag-md-with-delete-padding-left: var(--wb-spacing-static-smaller);
  --wb-interactive-tag-md-with-delete-gap: var(--wb-spacing-static-tiny);
  --wb-interactive-tag-md-with-selection-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-md-with-selection-padding-top: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-md-with-selection-padding-right: var(--wb-spacing-static-smaller);
  --wb-interactive-tag-md-with-selection-padding-left: var(--wb-spacing-static-tiny);
  --wb-interactive-tag-md-action-size: var(--wb-spacing-static-small);
  --wb-interactive-tag-border-radius: var(--wb-border-radius-round);
  --wb-interactive-tag-error-border-ring-color-focus: var(--wb-color-border-status-error-focus);
  --wb-interactive-tag-error-border-ring-color-active: var(--wb-color-border-status-error-active);
  --wb-interactive-tag-error-border-ring-weight: var(--wb-border-weight-strong);
  --wb-interactive-tag-error-border-main-color-focus: var(--wb-color-border-status-error-focus);
  --wb-interactive-tag-error-border-main-color-active: var(--wb-color-border-status-error-active);
  --wb-interactive-tag-error-border-main-color-hover: var(--wb-color-border-status-error-hover);
  --wb-interactive-tag-error-border-main-color-default: var(--wb-color-border-status-error-default);
  --wb-interactive-tag-error-border-main-weight: var(--wb-border-weight-main);
  --wb-interactive-tag-error-icon-delete-background-color-default: var(--wb-color-shape-fixed-white);
  --wb-interactive-tag-error-icon-delete-color-focus: var(--wb-color-icon-status-error-focus);
  --wb-interactive-tag-error-icon-delete-color-active: var(--wb-color-icon-status-error-active);
  --wb-interactive-tag-error-icon-delete-color-hover: var(--wb-color-icon-status-error-hover);
  --wb-interactive-tag-error-icon-delete-color-default: var(--wb-color-icon-status-error-default);
  --wb-interactive-tag-error-text-color-default: var(--wb-color-text-fixed-white);
  --wb-interactive-tag-tertiary-filled-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-interactive-tag-tertiary-filled-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-interactive-tag-tertiary-filled-border-ring-weight: var(--wb-border-weight-strong);
  --wb-interactive-tag-tertiary-filled-border-main-color-focus: var(--wb-color-border-weak-focus);
  --wb-interactive-tag-tertiary-filled-border-main-color-active: var(--wb-color-border-weak-active);
  --wb-interactive-tag-tertiary-filled-border-main-color-hover: var(--wb-color-border-weak-hover);
  --wb-interactive-tag-tertiary-filled-border-main-color-default: var(--wb-color-border-weak-default);
  --wb-interactive-tag-tertiary-filled-border-main-weight: var(--wb-border-weight-main);
  --wb-interactive-tag-tertiary-filled-icon-delete-background-color-focus: var(--wb-color-shape-mild-focus);
  --wb-interactive-tag-tertiary-filled-icon-delete-background-color-active: var(--wb-color-shape-mild-active);
  --wb-interactive-tag-tertiary-filled-icon-delete-background-color-hover: var(--wb-color-shape-mild-hover);
  --wb-interactive-tag-tertiary-filled-icon-delete-background-color-default: var(--wb-color-shape-mild-default);
  --wb-interactive-tag-tertiary-filled-icon-delete-color-focus: var(--wb-color-icon-on-contrast-main-focus);
  --wb-interactive-tag-tertiary-filled-icon-delete-color-active: var(--wb-color-icon-on-contrast-main-active);
  --wb-interactive-tag-tertiary-filled-icon-delete-color-hover: var(--wb-color-icon-on-contrast-main-hover);
  --wb-interactive-tag-tertiary-filled-icon-delete-color-default: var(--wb-color-icon-on-contrast-main-default);
  --wb-interactive-tag-tertiary-filled-icon-checked-color-focus: var(--wb-color-icon-weaker-focus);
  --wb-interactive-tag-tertiary-filled-icon-checked-color-active: var(--wb-color-icon-weaker-active);
  --wb-interactive-tag-tertiary-filled-icon-checked-color-hover: var(--wb-color-icon-weaker-hover);
  --wb-interactive-tag-tertiary-filled-icon-checked-color-default: var(--wb-color-icon-weaker-default);
  --wb-interactive-tag-tertiary-filled-text-color-focus: var(--wb-color-text-weaker-focus);
  --wb-interactive-tag-tertiary-filled-text-color-active: var(--wb-color-text-weaker-active);
  --wb-interactive-tag-tertiary-filled-text-color-hover: var(--wb-color-text-weaker-hover);
  --wb-interactive-tag-tertiary-filled-text-color-default: var(--wb-color-text-weaker-default);
  --wb-interactive-tag-tertiary-filled-background-color-focus: var(--wb-color-shape-weak-focus);
  --wb-interactive-tag-tertiary-filled-background-color-active: var(--wb-color-shape-weak-active);
  --wb-interactive-tag-tertiary-filled-background-color-hover: var(--wb-color-shape-weak-hover);
  --wb-interactive-tag-tertiary-filled-background-color-default: var(--wb-color-shape-weak-default);
  --wb-interactive-tag-tertiary-unfilled-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-interactive-tag-tertiary-unfilled-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-interactive-tag-tertiary-unfilled-border-ring-weight: var(--wb-border-weight-strong);
  --wb-interactive-tag-tertiary-unfilled-border-main-color-focus: var(--wb-color-border-mild-focus);
  --wb-interactive-tag-tertiary-unfilled-border-main-color-active: var(--wb-color-border-mild-active);
  --wb-interactive-tag-tertiary-unfilled-border-main-color-hover: var(--wb-color-border-mild-hover);
  --wb-interactive-tag-tertiary-unfilled-border-main-color-default: var(--wb-color-border-mild-default);
  --wb-interactive-tag-tertiary-unfilled-border-main-weight: var(--wb-border-weight-main);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-background-color-focus: var(--wb-color-shape-milder-focus);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-background-color-active: var(--wb-color-shape-milder-active);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-background-color-hover: var(--wb-color-shape-milder-hover);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-background-color-default: var(--wb-color-shape-milder-default);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-color-focus: var(--wb-color-icon-on-contrast-strongest-focus);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-color-active: var(--wb-color-icon-on-contrast-strongest-active);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-color-hover: var(--wb-color-icon-on-contrast-strongest-hover);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-interactive-tag-tertiary-unfilled-icon-unchecked-color-focus: var(--wb-color-icon-weakest-focus);
  --wb-interactive-tag-tertiary-unfilled-icon-unchecked-color-active: var(--wb-color-icon-weakest-active);
  --wb-interactive-tag-tertiary-unfilled-icon-unchecked-color-hover: var(--wb-color-icon-weakest-hover);
  --wb-interactive-tag-tertiary-unfilled-icon-unchecked-color-default: var(--wb-color-icon-weakest-default);
  --wb-interactive-tag-tertiary-unfilled-text-color-focus: var(--wb-color-text-weakest-focus);
  --wb-interactive-tag-tertiary-unfilled-text-color-active: var(--wb-color-text-weakest-active);
  --wb-interactive-tag-tertiary-unfilled-text-color-hover: var(--wb-color-text-weakest-hover);
  --wb-interactive-tag-tertiary-unfilled-text-color-default: var(--wb-color-text-weakest-default);
  --wb-interactive-tag-tertiary-unfilled-background-color-focus: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-interactive-tag-tertiary-unfilled-background-color-active: var(--wb-color-shape-accent-none-to-solid-active);
  --wb-interactive-tag-tertiary-unfilled-background-color-hover: var(--wb-color-shape-accent-none-to-solid-hover);
  --wb-interactive-tag-tertiary-unfilled-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-interactive-tag-secondary-filled-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-interactive-tag-secondary-filled-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-interactive-tag-secondary-filled-border-ring-weight: var(--wb-border-weight-strong);
  --wb-interactive-tag-secondary-filled-border-main-color-focus: var(--wb-color-border-on-contrast-weaker-focus);
  --wb-interactive-tag-secondary-filled-border-main-color-active: var(--wb-color-border-on-contrast-weaker-active);
  --wb-interactive-tag-secondary-filled-border-main-color-hover: var(--wb-color-border-on-contrast-weaker-hover);
  --wb-interactive-tag-secondary-filled-border-main-color-default: var(--wb-color-border-on-contrast-weaker-default);
  --wb-interactive-tag-secondary-filled-border-main-weight: var(--wb-border-weight-main);
  --wb-interactive-tag-secondary-filled-icon-delete-background-color-focus: var(--wb-color-shape-weakest-focus);
  --wb-interactive-tag-secondary-filled-icon-delete-background-color-active: var(--wb-color-shape-weakest-active);
  --wb-interactive-tag-secondary-filled-icon-delete-background-color-hover: var(--wb-color-shape-weakest-hover);
  --wb-interactive-tag-secondary-filled-icon-delete-background-color-default: var(--wb-color-shape-weakest-default);
  --wb-interactive-tag-secondary-filled-icon-delete-color-focus: var(--wb-color-icon-stronger-focus);
  --wb-interactive-tag-secondary-filled-icon-delete-color-active: var(--wb-color-icon-stronger-active);
  --wb-interactive-tag-secondary-filled-icon-delete-color-hover: var(--wb-color-icon-stronger-hover);
  --wb-interactive-tag-secondary-filled-icon-delete-color-default: var(--wb-color-icon-stronger-default);
  --wb-interactive-tag-secondary-filled-icon-checked-color-focus: var(--wb-color-icon-on-contrast-strongest-focus);
  --wb-interactive-tag-secondary-filled-icon-checked-color-active: var(--wb-color-icon-on-contrast-strongest-active);
  --wb-interactive-tag-secondary-filled-icon-checked-color-hover: var(--wb-color-icon-on-contrast-strongest-hover);
  --wb-interactive-tag-secondary-filled-icon-checked-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-interactive-tag-secondary-filled-text-color-focus: var(--wb-color-text-on-contrast-strongest-focus);
  --wb-interactive-tag-secondary-filled-text-color-active: var(--wb-color-text-on-contrast-strongest-active);
  --wb-interactive-tag-secondary-filled-text-color-hover: var(--wb-color-text-on-contrast-strongest-hover);
  --wb-interactive-tag-secondary-filled-text-color-default: var(--wb-color-text-on-contrast-strongest-default);
  --wb-interactive-tag-secondary-filled-background-color-focus: var(--wb-color-shape-stronger-focus);
  --wb-interactive-tag-secondary-filled-background-color-active: var(--wb-color-shape-stronger-active);
  --wb-interactive-tag-secondary-filled-background-color-hover: var(--wb-color-shape-stronger-hover);
  --wb-interactive-tag-secondary-filled-background-color-default: var(--wb-color-shape-stronger-default);
  --wb-interactive-tag-secondary-unfilled-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-interactive-tag-secondary-unfilled-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-interactive-tag-secondary-unfilled-border-ring-weight: var(--wb-border-weight-strong);
  --wb-interactive-tag-secondary-unfilled-border-main-color-focus: var(--wb-color-border-strongest-focus);
  --wb-interactive-tag-secondary-unfilled-border-main-color-active: var(--wb-color-border-strongest-active);
  --wb-interactive-tag-secondary-unfilled-border-main-color-hover: var(--wb-color-border-strongest-hover);
  --wb-interactive-tag-secondary-unfilled-border-main-color-default: var(--wb-color-border-strongest-default);
  --wb-interactive-tag-secondary-unfilled-border-main-weight: var(--wb-border-weight-main);
  --wb-interactive-tag-secondary-unfilled-icon-checked-background-color-focus: var(--wb-color-shape-strong-focus);
  --wb-interactive-tag-secondary-unfilled-icon-checked-background-color-active: var(--wb-color-shape-strong-active);
  --wb-interactive-tag-secondary-unfilled-icon-checked-background-color-hover: var(--wb-color-shape-strong-hover);
  --wb-interactive-tag-secondary-unfilled-icon-checked-background-color-default: var(--wb-color-shape-strong-default);
  --wb-interactive-tag-secondary-unfilled-icon-checked-color-focus: var(--wb-color-icon-on-contrast-strongest-focus);
  --wb-interactive-tag-secondary-unfilled-icon-checked-color-active: var(--wb-color-icon-on-contrast-strongest-active);
  --wb-interactive-tag-secondary-unfilled-icon-checked-color-hover: var(--wb-color-icon-on-contrast-strongest-hover);
  --wb-interactive-tag-secondary-unfilled-icon-checked-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-interactive-tag-secondary-unfilled-icon-unchecked-color-focus: var(--wb-color-icon-main-focus);
  --wb-interactive-tag-secondary-unfilled-icon-unchecked-color-active: var(--wb-color-icon-main-active);
  --wb-interactive-tag-secondary-unfilled-icon-unchecked-color-hover: var(--wb-color-icon-main-hover);
  --wb-interactive-tag-secondary-unfilled-icon-unchecked-color-default: var(--wb-color-icon-main-default);
  --wb-interactive-tag-secondary-unfilled-text-color-focus: var(--wb-color-text-main-focus);
  --wb-interactive-tag-secondary-unfilled-text-color-active: var(--wb-color-text-main-active);
  --wb-interactive-tag-secondary-unfilled-text-color-hover: var(--wb-color-text-main-hover);
  --wb-interactive-tag-secondary-unfilled-text-color-default: var(--wb-color-text-main-default);
  --wb-interactive-tag-secondary-unfilled-background-color-focus: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-interactive-tag-secondary-unfilled-background-color-active: var(--wb-color-shape-accent-none-to-solid-active);
  --wb-interactive-tag-secondary-unfilled-background-color-hover: var(--wb-color-shape-accent-none-to-solid-hover);
  --wb-interactive-tag-secondary-unfilled-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-interactive-tag-primary-filled-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-interactive-tag-primary-filled-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-interactive-tag-primary-filled-border-ring-weight: var(--wb-border-weight-strong);
  --wb-interactive-tag-primary-filled-border-main-weight: var(--wb-border-weight-main);
  --wb-interactive-tag-primary-filled-border-main-color-focus: var(--wb-color-border-brand-focus);
  --wb-interactive-tag-primary-filled-border-main-color-active: var(--wb-color-border-brand-active);
  --wb-interactive-tag-primary-filled-border-main-color-hover: var(--wb-color-border-brand-hover);
  --wb-interactive-tag-primary-filled-border-main-color-default: var(--wb-color-border-brand-default);
  --wb-interactive-tag-primary-filled-icon-delete-background-color-default: var(--wb-color-shape-fixed-white);
  --wb-interactive-tag-primary-filled-icon-delete-color-focus: var(--wb-color-fixed-component-interactive-tag-primary-on-main-delete-icon-focus);
  --wb-interactive-tag-primary-filled-icon-delete-color-active: var(--wb-color-fixed-component-interactive-tag-primary-on-main-delete-icon-active);
  --wb-interactive-tag-primary-filled-icon-delete-color-hover: var(--wb-color-fixed-component-interactive-tag-primary-on-main-delete-icon-hover);
  --wb-interactive-tag-primary-filled-icon-delete-color-default: var(--wb-color-fixed-component-interactive-tag-primary-on-main-delete-icon-default);
  --wb-interactive-tag-primary-filled-icon-checked-color-default: var(--wb-color-icon-on-brand);
  --wb-interactive-tag-primary-filled-text-color-default: var(--wb-color-text-on-brand);
  --wb-interactive-tag-primary-filled-background-color-focus: var(--wb-color-shape-brand-focus);
  --wb-interactive-tag-primary-filled-background-color-active: var(--wb-color-shape-brand-active);
  --wb-interactive-tag-primary-filled-background-color-hover: var(--wb-color-shape-brand-hover);
  --wb-interactive-tag-primary-filled-background-color-default: var(--wb-color-shape-brand-default);
  --wb-interactive-tag-primary-unfilled-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-interactive-tag-primary-unfilled-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-interactive-tag-primary-unfilled-border-ring-weight: var(--wb-border-weight-strong);
  --wb-interactive-tag-primary-unfilled-border-main-weight: var(--wb-border-weight-main);
  --wb-interactive-tag-primary-unfilled-border-main-color-focus: var(--wb-color-border-brand-focus);
  --wb-interactive-tag-primary-unfilled-border-main-color-active: var(--wb-color-border-brand-active);
  --wb-interactive-tag-primary-unfilled-border-main-color-hover: var(--wb-color-border-brand-hover);
  --wb-interactive-tag-primary-unfilled-border-main-color-default: var(--wb-color-border-brand-default);
  --wb-interactive-tag-primary-unfilled-icon-checked-background-color-focus: var(--wb-color-shape-brand-focus);
  --wb-interactive-tag-primary-unfilled-icon-checked-background-color-active: var(--wb-color-shape-brand-active);
  --wb-interactive-tag-primary-unfilled-icon-checked-background-color-hover: var(--wb-color-shape-brand-hover);
  --wb-interactive-tag-primary-unfilled-icon-checked-background-color-default: var(--wb-color-shape-brand-default);
  --wb-interactive-tag-primary-unfilled-icon-checked-color-default: var(--wb-color-icon-on-brand);
  --wb-interactive-tag-primary-unfilled-icon-unchecked-color-focus: var(--wb-color-icon-brand-focus);
  --wb-interactive-tag-primary-unfilled-icon-unchecked-color-active: var(--wb-color-icon-brand-active);
  --wb-interactive-tag-primary-unfilled-icon-unchecked-color-hover: var(--wb-color-icon-brand-hover);
  --wb-interactive-tag-primary-unfilled-icon-unchecked-color-default: var(--wb-color-icon-brand-default);
  --wb-interactive-tag-primary-unfilled-text-color-focus: var(--wb-color-text-brand-focus);
  --wb-interactive-tag-primary-unfilled-text-color-active: var(--wb-color-text-brand-active);
  --wb-interactive-tag-primary-unfilled-text-color-hover: var(--wb-color-text-brand-hover);
  --wb-interactive-tag-primary-unfilled-text-color-default: var(--wb-color-text-brand-default);
  --wb-interactive-tag-primary-unfilled-background-color-focus: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-interactive-tag-primary-unfilled-background-color-active: var(--wb-color-shape-accent-none-to-solid-active);
  --wb-interactive-tag-primary-unfilled-background-color-hover: var(--wb-color-shape-accent-none-to-solid-hover);
  --wb-interactive-tag-primary-unfilled-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-form-control-with-list-items-gap: var(--wb-spacing-static-tiniest);
  --wb-form-control-parts-combobox-selection-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-form-control-parts-combobox-selection-padding-top: var(--wb-spacing-static-smaller);
  --wb-form-control-parts-combobox-selection-padding-right: var(--wb-spacing-static-none);
  --wb-form-control-parts-combobox-selection-padding-left: var(--wb-spacing-static-smaller);
  --wb-form-control-parts-combobox-selection-background-color: var(--wb-color-shape-weakest-default);
  --wb-form-control-parts-combobox-selection-gap: var(--wb-spacing-static-tiny);
  --wb-form-control-parts-input-action-gap: var(--wb-spacing-static-tiny);
  --wb-form-control-parts-input-hint-padding-top: var(--wb-spacing-static-tiniest);
  --wb-form-control-text-area-hint-padding-left: var(--wb-spacing-static-smaller);
  --wb-form-control-text-area-body-start-content-gap: var(--wb-spacing-static-smaller);
  --wb-form-control-text-area-body-padding-left: var(--wb-spacing-static-smaller);
  --wb-form-control-sm-hint-padding-left: var(--wb-spacing-static-tiny);
  --wb-form-control-sm-body-end-content-padding-left: var(--wb-spacing-static-tiny);
  --wb-form-control-sm-body-end-content-gap: var(--wb-spacing-static-tiny);
  --wb-form-control-sm-body-start-content-gap: var(--wb-spacing-static-tiny);
  --wb-form-control-sm-body-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-form-control-sm-body-padding-top: var(--wb-spacing-static-tiniest);
  --wb-form-control-sm-body-padding-right: var(--wb-spacing-static-tiniest);
  --wb-form-control-sm-body-padding-left: var(--wb-spacing-static-tiny);
  --wb-form-control-md-hint-padding-left: var(--wb-spacing-static-smallest);
  --wb-form-control-md-body-end-content-padding-left: var(--wb-spacing-static-tiny);
  --wb-form-control-md-body-end-content-gap: var(--wb-spacing-static-tiny);
  --wb-form-control-md-body-start-content-gap: var(--wb-spacing-static-smallest);
  --wb-form-control-md-body-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-form-control-md-body-padding-top: var(--wb-spacing-static-tiniest);
  --wb-form-control-md-body-padding-right: var(--wb-spacing-static-tiny);
  --wb-form-control-md-body-padding-left: var(--wb-spacing-static-smallest);
  --wb-form-control-lg-hint-padding-left: var(--wb-spacing-static-smaller);
  --wb-form-control-lg-body-end-content-padding-left: var(--wb-spacing-static-tiny);
  --wb-form-control-lg-body-end-content-gap: var(--wb-spacing-static-tiny);
  --wb-form-control-lg-body-start-content-gap: var(--wb-spacing-static-smaller);
  --wb-form-control-lg-body-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-form-control-lg-body-padding-top: var(--wb-spacing-static-tiniest);
  --wb-form-control-lg-body-padding-right: var(--wb-spacing-static-tiny);
  --wb-form-control-lg-body-padding-left: var(--wb-spacing-static-smaller);
  --wb-form-control-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-form-control-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-form-control-border-ring-weight: var(--wb-border-weight-strong);
  --wb-form-control-border-divider-weight: var(--wb-border-weight-main);
  --wb-form-control-border-divider-color: var(--wb-color-shape-weak-default);
  --wb-form-control-border-main-error-color-default: var(--wb-color-border-status-error-default);
  --wb-form-control-border-main-success-color-default: var(--wb-color-border-status-success-default);
  --wb-form-control-border-main-color-hover: var(--wb-color-border-main-hover);
  --wb-form-control-border-main-color-default: var(--wb-color-border-main-default);
  --wb-form-control-border-main-weight: var(--wb-border-weight-main);
  --wb-form-control-border-radius: var(--wb-border-radius-sharp);
  --wb-form-control-text-hint-error-color: var(--wb-color-text-status-error-default);
  --wb-form-control-text-hint-color: var(--wb-color-text-weakest-default);
  --wb-form-control-text-placeholder-color-default: var(--wb-color-text-weakest-default);
  --wb-form-control-text-input-color-default: var(--wb-color-text-main-default);
  --wb-form-control-text-label-only-color-default: var(--wb-color-text-weakest-default);
  --wb-form-control-text-label-color-default: var(--wb-color-text-main-default);
  --wb-form-control-text-color: var(--wb-color-text-main-default);
  --wb-form-control-icon-resize-size: var(--wb-spacing-static-tiny);
  --wb-form-control-icon-resize-color-default: var(--wb-color-icon-weaker-default);
  --wb-form-control-icon-size: var(--wb-spacing-static-small);
  --wb-form-control-icon-color-default: var(--wb-color-icon-weakest-default);
  --wb-form-control-background-color-focus: var(--wb-color-shape-weaker-focus);
  --wb-form-control-background-color-active: var(--wb-color-shape-weaker-active);
  --wb-form-control-background-color-hover: var(--wb-color-shape-weaker-hover);
  --wb-form-control-background-color-default: var(--wb-color-shape-weaker-default);
  --wb-fly-in-md-padding-bottom: var(--wb-spacing-static-small);
  --wb-fly-in-md-padding-top: var(--wb-spacing-static-small);
  --wb-fly-in-md-padding-right: var(--wb-spacing-static-small);
  --wb-fly-in-md-padding-left: var(--wb-spacing-static-small);
  --wb-fly-in-md-gap: var(--wb-spacing-static-smaller);
  --wb-fly-in-lg-padding-bottom: var(--wb-spacing-static-medium);
  --wb-fly-in-lg-padding-top: var(--wb-spacing-static-medium);
  --wb-fly-in-lg-padding-right: var(--wb-spacing-static-medium);
  --wb-fly-in-lg-padding-left: var(--wb-spacing-static-medium);
  --wb-fly-in-lg-gap: var(--wb-spacing-static-small);
  --wb-fly-in-text-color: var(--wb-color-text-strongest-default);
  --wb-fly-in-background-color: var(--wb-color-surface-main-default);
  --wb-file-input-parts-loading-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-file-input-parts-loading-padding-top: var(--wb-spacing-static-tiniest);
  --wb-file-input-parts-loading-padding-right: var(--wb-spacing-static-tiniest);
  --wb-file-input-parts-loading-padding-left: var(--wb-spacing-static-tiniest);
  --wb-file-input-border-color-focus: var(--wb-color-fixed-component-file-input-on-main-drag-drop-border-active);
  --wb-file-input-border-color-active: var(--wb-color-fixed-component-file-input-on-main-drag-drop-border-active);
  --wb-file-input-border-color-default: var(--wb-color-fixed-component-file-input-on-main-drag-drop-border-default);
  --wb-file-input-border-weight: var(--wb-border-weight-main);
  --wb-file-input-border-radius: var(--wb-border-radius-sharp);
  --wb-file-input-item-actions-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-item-sm-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-file-input-item-sm-padding-top: var(--wb-spacing-static-tiniest);
  --wb-file-input-item-sm-padding-right: var(--wb-spacing-static-smaller);
  --wb-file-input-item-sm-padding-left: var(--wb-spacing-static-smaller);
  --wb-file-input-item-md-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-file-input-item-md-padding-top: var(--wb-spacing-static-smallest);
  --wb-file-input-item-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-file-input-item-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-file-input-item-text-error-color-default: var(--wb-color-text-weakest-default);
  --wb-file-input-item-text-color-default: var(--wb-color-text-main-default);
  --wb-file-input-item-background-color-focus: var(--wb-color-fixed-component-file-input-on-main-item-background-focus);
  --wb-file-input-item-background-color-hover: var(--wb-color-fixed-component-file-input-on-main-item-background-hover);
  --wb-file-input-item-background-color-default: var(--wb-color-fixed-component-file-input-on-main-item-background-default);
  --wb-file-input-uploader-md-body-end-content-gap: var(--wb-spacing-static-tiniest);
  --wb-file-input-uploader-md-body-start-content-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-uploader-md-body-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-file-input-uploader-md-body-padding-top: var(--wb-spacing-static-tiniest);
  --wb-file-input-uploader-md-body-padding-right: var(--wb-spacing-static-smaller);
  --wb-file-input-uploader-md-body-padding-left: var(--wb-spacing-static-smaller);
  --wb-file-input-uploader-md-body-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-uploader-lg-body-end-content-gap: var(--wb-spacing-static-tiniest);
  --wb-file-input-uploader-lg-body-start-content-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-uploader-lg-body-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-file-input-uploader-lg-body-padding-top: var(--wb-spacing-static-smallest);
  --wb-file-input-uploader-lg-body-padding-right: var(--wb-spacing-static-smaller);
  --wb-file-input-uploader-lg-body-padding-left: var(--wb-spacing-static-smaller);
  --wb-file-input-uploader-lg-body-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-uploader-text-color-default: var(--wb-color-text-main-default);
  --wb-file-input-drag-drop-sm-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-file-input-drag-drop-sm-padding-top: var(--wb-spacing-static-smallest);
  --wb-file-input-drag-drop-sm-padding-right: var(--wb-spacing-static-medium);
  --wb-file-input-drag-drop-sm-padding-left: var(--wb-spacing-static-medium);
  --wb-file-input-drag-drop-md-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-file-input-drag-drop-md-padding-top: var(--wb-spacing-static-tiny);
  --wb-file-input-drag-drop-md-padding-right: var(--wb-spacing-static-medium);
  --wb-file-input-drag-drop-md-padding-left: var(--wb-spacing-static-medium);
  --wb-file-input-drag-drop-md-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-drag-drop-lg-content-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-drag-drop-lg-padding-bottom: var(--wb-spacing-static-small);
  --wb-file-input-drag-drop-lg-padding-top: var(--wb-spacing-static-small);
  --wb-file-input-drag-drop-lg-padding-right: var(--wb-spacing-static-larger);
  --wb-file-input-drag-drop-lg-padding-left: var(--wb-spacing-static-larger);
  --wb-file-input-drag-drop-lg-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-drag-drop-text-body-color-default: var(--wb-color-text-weakest-default);
  --wb-file-input-drag-drop-text-headline-color-default: var(--wb-color-text-main-default);
  --wb-eco-rating-marker-text-color: var(--wb-color-shape-contrast-strongest-default);
  --wb-eco-rating-marker-background-color: var(--wb-color-shape-strongest-default);
  --wb-divider-border-weight: var(--wb-border-weight-main);
  --wb-divider-border-radius: var(--wb-border-radius-sharp);
  --wb-divider-subtle-color: var(--wb-color-border-weak-default);
  --wb-divider-clear-color: var(--wb-color-border-main-default);
  --wb-divider-highlight-color: var(--wb-color-border-brand-default);
  --wb-date-picker-year-month-distant-indicator-color-hover-focus: var(--wb-color-shape-strongest-hover);
  --wb-date-picker-year-month-distant-indicator-color-default: var(--wb-color-shape-strongest-default);
  --wb-date-picker-year-month-distant-text-color-hover-focus: var(--wb-color-text-weakest-hover);
  --wb-date-picker-year-month-distant-text-color-default: var(--wb-color-text-weakest-default);
  --wb-date-picker-year-month-distant-background-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-main-day-month-year-distant-background-hover-focus);
  --wb-date-picker-year-month-distant-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-date-picker-year-month-blocked-indicator-color-hover-focus: var(--wb-color-shape-strongest-hover);
  --wb-date-picker-year-month-blocked-indicator-color-default: var(--wb-color-shape-strongest-default);
  --wb-date-picker-year-month-blocked-border-strikethrough-color-hover-focus: var(--wb-color-border-on-contrast-weakest-hover);
  --wb-date-picker-year-month-blocked-border-strikethrough-color-default: var(--wb-color-border-on-contrast-weakest-default);
  --wb-date-picker-year-month-blocked-text-color-hover-focus: var(--wb-color-text-strongest-hover);
  --wb-date-picker-year-month-blocked-text-color-default: var(--wb-color-text-strongest-default);
  --wb-date-picker-year-month-blocked-background-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-main-day-month-year-blocked-background-hover-focus);
  --wb-date-picker-year-month-blocked-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-date-picker-year-month-basic-indicator-color-selected: var(--wb-color-shape-strongest-default);
  --wb-date-picker-year-month-basic-indicator-color-hover-focus: var(--wb-color-shape-strongest-hover);
  --wb-date-picker-year-month-basic-indicator-color-default: var(--wb-color-shape-strongest-default);
  --wb-date-picker-year-month-basic-text-color-selected: var(--wb-color-text-strongest-default);
  --wb-date-picker-year-month-basic-text-color-hover-focus: var(--wb-color-text-strongest-hover);
  --wb-date-picker-year-month-basic-text-color-default: var(--wb-color-text-strongest-default);
  --wb-date-picker-year-month-basic-background-color-selected: var(--wb-color-shape-strongest-default);
  --wb-date-picker-year-month-basic-background-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-main-day-month-year-basic-background-hover-focus);
  --wb-date-picker-year-month-basic-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-date-picker-day-distant-indicator-range-connector-mask-color: var(--wb-color-shape-weakest-default);
  --wb-date-picker-day-distant-indicator-range-connector-color-hover-focus: var(--wb-color-shape-strongest-hover);
  --wb-date-picker-day-distant-indicator-range-connector-color-default: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-distant-indicator-range-main-color-hover-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-day-distant-indicator-range-main-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-distant-indicator-color-selected-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-day-distant-indicator-color-selected: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-distant-indicator-color-hover-focus: var(--wb-color-shape-strongest-hover);
  --wb-date-picker-day-distant-indicator-color-default: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-distant-text-range-connector-color-hover-focus: var(--wb-color-text-weakest-hover);
  --wb-date-picker-day-distant-text-range-connector-color-default: var(--wb-color-text-weakest-default);
  --wb-date-picker-day-distant-text-range-main-color-hover-focus: var(--wb-color-text-on-contrast-stronger-hover);
  --wb-date-picker-day-distant-text-range-main-color-default: var(--wb-color-text-on-contrast-stronger-default);
  --wb-date-picker-day-distant-text-color-selected-focus: var(--wb-color-text-on-contrast-stronger-hover);
  --wb-date-picker-day-distant-text-color-selected: var(--wb-color-text-on-contrast-stronger-default);
  --wb-date-picker-day-distant-text-color-hover-focus: var(--wb-color-text-weakest-hover);
  --wb-date-picker-day-distant-text-color-default: var(--wb-color-text-weakest-default);
  --wb-date-picker-day-distant-background-range-connector-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-main-day-month-year-distant-range-connector-background-hover-focus);
  --wb-date-picker-day-distant-background-range-connector-color-default: var(--wb-color-shape-weak-default);
  --wb-date-picker-day-distant-background-range-main-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-main-day-month-year-distant-range-main-background-hover-focus);
  --wb-date-picker-day-distant-background-range-main-color-default: var(--wb-color-fixed-component-date-picker-on-main-day-month-year-distant-range-main-background-default);
  --wb-date-picker-day-distant-background-color-selected-focus: var(--wb-color-shape-milder-hover);
  --wb-date-picker-day-distant-background-color-selected: var(--wb-color-shape-milder-default);
  --wb-date-picker-day-distant-background-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-main-day-month-year-distant-background-hover-focus);
  --wb-date-picker-day-distant-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-date-picker-day-blocked-indicator-range-connector-color-hover-focus: var(--wb-color-shape-strongest-hover);
  --wb-date-picker-day-blocked-indicator-range-connector-color-default: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-blocked-indicator-range-main-color-hover-focus: var(--wb-color-shape-contrast-weakest-hover);
  --wb-date-picker-day-blocked-indicator-range-main-color-default: var(--wb-color-shape-contrast-weakest-default);
  --wb-date-picker-day-blocked-indicator-color-selected-focus: var(--wb-color-shape-strongest-hover);
  --wb-date-picker-day-blocked-indicator-color-selected: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-blocked-indicator-color-hover-focus: var(--wb-color-shape-strongest-hover);
  --wb-date-picker-day-blocked-indicator-color-default: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-blocked-border-strikethrough-range-connector-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-main-day-month-year-blocked-border-range-connector-strikethrough-hover-focus);
  --wb-date-picker-day-blocked-border-strikethrough-range-connector-color-default: var(--wb-color-fixed-component-date-picker-on-main-day-month-year-blocked-border-range-connector-strikethrough-default);
  --wb-date-picker-day-blocked-border-strikethrough-range-main-hover-focus: var(--wb-color-border-on-contrast-weakest-hover);
  --wb-date-picker-day-blocked-border-strikethrough-range-main-default: var(--wb-color-border-on-contrast-weakest-default);
  --wb-date-picker-day-blocked-border-strikethrough-color-selected-focus: var(--wb-color-border-on-contrast-weakest-hover);
  --wb-date-picker-day-blocked-border-strikethrough-color-selected: var(--wb-color-border-on-contrast-weakest-default);
  --wb-date-picker-day-blocked-border-strikethrough-color-hover-focus: var(--wb-color-border-strongest-hover);
  --wb-date-picker-day-blocked-border-strikethrough-color-default: var(--wb-color-fixed-component-date-picker-on-main-day-month-year-blocked-border-default);
  --wb-date-picker-day-blocked-text-range-connector-color-hover-focus: var(--wb-color-text-main-hover);
  --wb-date-picker-day-blocked-text-range-connector-color-default: var(--wb-color-text-main-default);
  --wb-date-picker-day-blocked-text-range-main-color-hover-focus: var(--wb-color-text-strongest-hover);
  --wb-date-picker-day-blocked-text-range-main-color-default: var(--wb-color-text-strongest-default);
  --wb-date-picker-day-blocked-text-color-selected-focus: var(--wb-color-text-strongest-hover);
  --wb-date-picker-day-blocked-text-color-selected: var(--wb-color-text-strongest-default);
  --wb-date-picker-day-blocked-text-color-hover-focus: var(--wb-color-text-main-hover);
  --wb-date-picker-day-blocked-text-color-default: var(--wb-color-text-main-default);
  --wb-date-picker-day-blocked-background-range-connector-mask-color: var(--wb-color-shape-weakest-default);
  --wb-date-picker-day-blocked-background-range-connector-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-main-day-month-year-blocked-background-range-connector-hover-focus);
  --wb-date-picker-day-blocked-background-range-connector-color-default: var(--wb-color-shape-weak-default);
  --wb-date-picker-day-blocked-background-range-main-color-hover-focus: var(--wb-color-shape-strongest-hover);
  --wb-date-picker-day-blocked-background-range-main-color-default: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-blocked-background-color-selected-focus: var(--wb-color-shape-strongest-hover);
  --wb-date-picker-day-blocked-background-color-selected: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-blocked-background-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-main-day-month-year-blocked-background-hover-focus);
  --wb-date-picker-day-blocked-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-date-picker-day-basic-indicator-range-connector-color-hover-focus: var(--wb-color-shape-strongest-hover);
  --wb-date-picker-day-basic-indicator-range-connector-color-default: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-basic-indicator-range-preview-end-point-color-hover-focus: var(--wb-color-shape-strongest-hover);
  --wb-date-picker-day-basic-indicator-range-preview-end-point-color-default: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-basic-indicator-range-main-color-hover-focus: var(--wb-color-shape-contrast-weakest-hover);
  --wb-date-picker-day-basic-indicator-range-main-color-default: var(--wb-color-shape-contrast-weakest-default);
  --wb-date-picker-day-basic-indicator-color-selected: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-basic-indicator-color-hover-focus: var(--wb-color-shape-strongest-hover);
  --wb-date-picker-day-basic-indicator-color-default: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-basic-text-range-connector-color-hover-focus: var(--wb-color-text-main-hover);
  --wb-date-picker-day-basic-text-range-connector-color-default: var(--wb-color-text-main-default);
  --wb-date-picker-day-basic-text-range-preview-end-point-color-hover-focus: var(--wb-color-text-strongest-hover);
  --wb-date-picker-day-basic-text-range-preview-end-point-color-default: var(--wb-color-text-strongest-default);
  --wb-date-picker-day-basic-text-range-main-color-hover-focus: var(--wb-color-text-strongest-hover);
  --wb-date-picker-day-basic-text-range-main-color-default: var(--wb-color-text-strongest-default);
  --wb-date-picker-day-basic-text-color-selected: var(--wb-color-text-strongest-default);
  --wb-date-picker-day-basic-text-color-hover-focus: var(--wb-color-text-strongest-hover);
  --wb-date-picker-day-basic-text-color-default: var(--wb-color-text-strongest-default);
  --wb-date-picker-day-basic-background-range-connector-mask-color: var(--wb-color-shape-weakest-default);
  --wb-date-picker-day-basic-background-range-connector-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-main-day-month-year-basic-range-connector-background-hover-focus);
  --wb-date-picker-day-basic-background-range-connector-color-default: var(--wb-color-shape-weak-default);
  --wb-date-picker-day-basic-background-range-preview-end-point-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-main-day-month-year-basic-range-preview-end-point-background-hover-focus);
  --wb-date-picker-day-basic-background-range-preview-end-point-color-default: var(--wb-color-shape-weak-default);
  --wb-date-picker-day-basic-background-range-main-color-hover-focus: var(--wb-color-shape-strongest-hover);
  --wb-date-picker-day-basic-background-range-main-color-default: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-basic-background-color-selected: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-basic-background-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-main-day-month-year-basic-background-hover-focus);
  --wb-date-picker-day-basic-background-color-default: var(--wb-color-shape-accent-none-to-solid-default);
  --wb-date-picker-md-actions-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-actions-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-actions-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-actions-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-year-month-rows-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-year-month-rows-padding-top: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-year-month-rows-padding-right: var(--wb-spacing-static-smaller);
  --wb-date-picker-md-body-year-month-rows-padding-left: var(--wb-spacing-static-smaller);
  --wb-date-picker-md-body-year-month-rows-gap: var(--wb-spacing-static-medium);
  --wb-date-picker-md-body-year-month-padding-bottom: var(--wb-spacing-static-none);
  --wb-date-picker-md-body-year-month-padding-top: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-year-month-padding-right: var(--wb-spacing-static-none);
  --wb-date-picker-md-body-year-month-padding-left: var(--wb-spacing-static-none);
  --wb-date-picker-md-body-year-month-gap: var(--wb-spacing-static-smallest);
  --wb-date-picker-md-body-basic-row-days-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-body-basic-row-days-padding-top: var(--wb-spacing-static-none);
  --wb-date-picker-md-body-basic-row-days-padding-right: var(--wb-spacing-static-none);
  --wb-date-picker-md-body-basic-row-days-padding-left: var(--wb-spacing-static-none);
  --wb-date-picker-md-body-basic-month-headline-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-month-headline-padding-top: var(--wb-spacing-static-none);
  --wb-date-picker-md-body-basic-month-headline-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-month-headline-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-week-days-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-date-picker-md-body-basic-week-days-padding-top: var(--wb-spacing-static-smaller);
  --wb-date-picker-md-body-basic-week-days-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-week-days-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-padding-top: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-header-double-month-second-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-header-double-month-second-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-header-double-month-second-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-header-double-month-second-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-header-double-month-first-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-header-double-month-first-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-header-double-month-first-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-header-double-month-first-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-header-main-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-header-main-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-header-main-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-header-main-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-header-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-actions-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-actions-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-actions-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-actions-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-year-month-rows-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-year-month-rows-padding-top: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-year-month-rows-padding-right: var(--wb-spacing-static-smaller);
  --wb-date-picker-lg-body-year-month-rows-padding-left: var(--wb-spacing-static-smaller);
  --wb-date-picker-lg-body-year-month-padding-bottom: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-year-month-padding-top: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-year-month-padding-right: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-year-month-padding-left: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-year-month-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-basic-row-days-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-body-basic-row-days-padding-top: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-basic-row-days-padding-right: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-basic-row-days-padding-left: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-basic-week-days-padding-bottom: var(--wb-spacing-static-small);
  --wb-date-picker-lg-body-basic-week-days-padding-top: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-basic-week-days-padding-right: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-basic-week-days-padding-left: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-basic-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-basic-padding-top: var(--wb-spacing-static-smaller);
  --wb-date-picker-lg-body-basic-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-basic-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-basic-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-header-double-month-second-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-header-double-month-second-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-header-double-month-second-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-header-double-month-second-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-header-double-month-first-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-header-double-month-first-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-header-double-month-first-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-header-double-month-first-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-header-main-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-header-main-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-header-main-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-header-main-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-header-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-border-weight: var(--wb-border-weight-main);
  --wb-date-picker-border-radius: var(--wb-border-radius-sharp);
  --wb-date-picker-border-color: var(--wb-color-fixed-component-date-picker-on-main-border-main);
  --wb-date-picker-icon-size: var(--wb-spacing-static-smallest);
  --wb-date-picker-icon-color-default: var(--wb-color-icon-brand-default);
  --wb-date-picker-text-month-color: var(--wb-color-text-main-default);
  --wb-date-picker-text-day-color: var(--wb-color-text-weakest-default);
  --wb-date-picker-background-main-color: var(--wb-color-surface-main-default);
  --wb-date-picker-background-header-color: var(--wb-color-fixed-component-date-picker-on-main-header-background);
  --wb-data-table-md-gap: var(--wb-spacing-static-smaller);
  --wb-data-table-lg-gap: var(--wb-spacing-static-small);
  --wb-data-table-background-row-header-color: var(--wb-color-fixed-component-data-table-on-main-row-header-background);
  --wb-data-table-background-main-color: var(--wb-color-shape-weakest-default);
  --wb-checkbox-text-error-color: var(--wb-color-text-status-error-default);
  --wb-checkbox-text-color-default: var(--wb-color-text-main-default);
  --wb-checkbox-text-gap: var(--wb-spacing-static-tiniest);
  --wb-checkbox-shape-size: var(--wb-spacing-static-small);
  --wb-checkbox-shape-border-weight: var(--wb-border-weight-main);
  --wb-checkbox-shape-border-radius: var(--wb-border-radius-sharp);
  --wb-checkbox-shape-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-checkbox-shape-padding-top: var(--wb-spacing-static-tiniest);
  --wb-checkbox-shape-padding-right: var(--wb-spacing-static-tiniest);
  --wb-checkbox-shape-padding-left: var(--wb-spacing-static-tiniest);
  --wb-checkbox-checked-icon-size: var(--wb-spacing-static-smaller);
  --wb-checkbox-checked-icon-color-default: var(--wb-color-fixed-component-checkbox-on-main-dot);
  --wb-checkbox-checked-error-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-checkbox-checked-error-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-checkbox-checked-error-border-main-color-focus: var(--wb-color-border-status-error-focus);
  --wb-checkbox-checked-error-border-main-color-active: var(--wb-color-border-status-error-active);
  --wb-checkbox-checked-error-border-main-color-hover: var(--wb-color-border-status-error-hover);
  --wb-checkbox-checked-error-border-main-color-default: var(--wb-color-border-status-error-default);
  --wb-checkbox-checked-error-background-color-focus: var(--wb-color-shape-status-error-focus);
  --wb-checkbox-checked-error-background-color-active: var(--wb-color-shape-status-error-active);
  --wb-checkbox-checked-error-background-color-hover: var(--wb-color-shape-status-error-hover);
  --wb-checkbox-checked-error-background-color-default: var(--wb-color-shape-status-error-default);
  --wb-checkbox-checked-main-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-checkbox-checked-main-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-checkbox-checked-main-border-main-color-focus: var(--wb-color-shape-brand-focus);
  --wb-checkbox-checked-main-border-main-color-active: var(--wb-color-shape-brand-active);
  --wb-checkbox-checked-main-border-main-color-hover: var(--wb-color-shape-brand-hover);
  --wb-checkbox-checked-main-border-main-color-default: var(--wb-color-shape-brand-default);
  --wb-checkbox-checked-main-background-color-focus: var(--wb-color-shape-brand-focus);
  --wb-checkbox-checked-main-background-color-active: var(--wb-color-shape-brand-active);
  --wb-checkbox-checked-main-background-color-hover: var(--wb-color-shape-brand-hover);
  --wb-checkbox-checked-main-background-color-default: var(--wb-color-shape-brand-default);
  --wb-checkbox-unchecked-error-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-checkbox-unchecked-error-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-checkbox-unchecked-error-border-main-color-focus: var(--wb-color-border-status-error-focus);
  --wb-checkbox-unchecked-error-border-main-color-active: var(--wb-color-border-status-error-active);
  --wb-checkbox-unchecked-error-border-main-color-hover: var(--wb-color-border-status-error-hover);
  --wb-checkbox-unchecked-error-border-main-color-default: var(--wb-color-border-status-error-default);
  --wb-checkbox-unchecked-error-background-color-focus: var(--wb-color-shape-weaker-focus);
  --wb-checkbox-unchecked-error-background-color-active: var(--wb-color-shape-weaker-active);
  --wb-checkbox-unchecked-error-background-color-hover: var(--wb-color-shape-weaker-hover);
  --wb-checkbox-unchecked-error-background-color-default: var(--wb-color-shape-weaker-default);
  --wb-checkbox-unchecked-main-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-checkbox-unchecked-main-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-checkbox-unchecked-main-border-main-color-focus: var(--wb-color-border-strong-focus);
  --wb-checkbox-unchecked-main-border-main-color-active: var(--wb-color-border-strong-active);
  --wb-checkbox-unchecked-main-border-main-color-hover: var(--wb-color-border-strong-hover);
  --wb-checkbox-unchecked-main-border-main-color-default: var(--wb-color-border-strong-default);
  --wb-checkbox-unchecked-main-background-color-focus: var(--wb-color-shape-weaker-focus);
  --wb-checkbox-unchecked-main-background-color-active: var(--wb-color-shape-weaker-active);
  --wb-checkbox-unchecked-main-background-color-hover: var(--wb-color-shape-weaker-hover);
  --wb-checkbox-unchecked-main-background-color-default: var(--wb-color-shape-weaker-default);
  --wb-checkbox-gap: var(--wb-spacing-static-tiny);
  --wb-card-md-slot-frame-padding-top: var(--wb-spacing-static-smaller);
  --wb-card-md-slot-frame-gap: var(--wb-spacing-static-small);
  --wb-card-md-padding-bottom: var(--wb-spacing-static-small);
  --wb-card-md-padding-top: var(--wb-spacing-static-small);
  --wb-card-md-padding-right: var(--wb-spacing-static-small);
  --wb-card-md-padding-left: var(--wb-spacing-static-small);
  --wb-card-md-border-marker-weight: var(--wb-border-weight-strong);
  --wb-card-lg-slot-frame-padding-top: var(--wb-spacing-static-small);
  --wb-card-lg-slot-frame-gap: var(--wb-spacing-static-medium);
  --wb-card-lg-padding-bottom: var(--wb-spacing-static-medium);
  --wb-card-lg-padding-top: var(--wb-spacing-static-medium);
  --wb-card-lg-padding-right: var(--wb-spacing-static-medium);
  --wb-card-lg-padding-left: var(--wb-spacing-static-medium);
  --wb-card-lg-border-marker-weight: var(--wb-border-weight-stronger);
  --wb-card-text-color-default: var(--wb-color-text-main-default);
  --wb-card-marker-color-focus: var(--wb-color-border-brand-focus);
  --wb-card-marker-color-active: var(--wb-color-border-brand-active);
  --wb-card-marker-color-hover: var(--wb-color-border-brand-hover);
  --wb-card-border-weight: var(--wb-border-weight-main);
  --wb-card-border-radius: var(--wb-border-radius-sharp);
  --wb-card-secondary-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-card-secondary-border-main-color-focus: var(--wb-color-border-weak-focus);
  --wb-card-secondary-border-main-color-active: var(--wb-color-border-weak-active);
  --wb-card-secondary-border-main-color-hover: var(--wb-color-border-weak-hover);
  --wb-card-secondary-border-main-color-default: var(--wb-color-border-weak-default);
  --wb-card-secondary-background-color-focus: var(--wb-color-surface-strong-focus);
  --wb-card-secondary-background-color-active: var(--wb-color-surface-strong-active);
  --wb-card-secondary-background-color-hover: var(--wb-color-surface-strong-hover);
  --wb-card-secondary-background-color-default: var(--wb-color-surface-strong-default);
  --wb-card-primary-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-card-primary-border-main-color-focus: var(--wb-color-border-weakest-focus);
  --wb-card-primary-border-main-color-active: var(--wb-color-border-weakest-active);
  --wb-card-primary-border-main-color-hover: var(--wb-color-border-weakest-hover);
  --wb-card-primary-border-main-color-default: var(--wb-color-border-weakest-default);
  --wb-card-primary-background-color-focus: var(--wb-color-surface-main-focus);
  --wb-card-primary-background-color-active: var(--wb-color-surface-main-active);
  --wb-card-primary-background-color-hover: var(--wb-color-surface-main-hover);
  --wb-card-primary-background-color-default: var(--wb-color-surface-main-default);
  --wb-bar-loader-content-side-label-gap: var(--wb-spacing-static-tiny);
  --wb-bar-loader-text-color: var(--wb-color-text-main-default);
  --wb-bar-loader-loader-round-bar-empty-color: var(--wb-color-shape-dim-default);
  --wb-bar-loader-loader-round-bar-filled-color: var(--wb-color-shape-brand-default);
  --wb-bar-loader-loader-round-radius: var(--wb-border-radius-round);
  --wb-bar-loader-loader-basic-bar-empty-color: var(--wb-color-shape-dim-default);
  --wb-bar-loader-loader-basic-bar-filled-color: var(--wb-color-shape-brand-default);
  --wb-bar-loader-loader-basic-radius: var(--wb-border-radius-sharp);
  --wb-avatar-xxl-icon-size: var(--wb-spacing-static-medium);
  --wb-avatar-xl-icon-size: var(--wb-spacing-static-medium);
  --wb-avatar-xl-background-size: var(--wb-spacing-static-huge);
  --wb-avatar-l-icon-size: var(--wb-spacing-static-small);
  --wb-avatar-m-icon-size: var(--wb-spacing-static-small);
  --wb-avatar-m-background-size: var(--wb-spacing-static-larger);
  --wb-avatar-s-icon-size: var(--wb-spacing-static-smaller);
  --wb-avatar-s-background-size: var(--wb-spacing-static-large);
  --wb-avatar-xs-icon-size: var(--wb-spacing-static-smaller);
  --wb-avatar-xs-background-size: var(--wb-spacing-static-medium);
  --wb-avatar-xxs-icon-size: var(--wb-spacing-static-smallest);
  --wb-avatar-xxs-background-size: var(--wb-spacing-static-small);
  --wb-avatar-icon-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-avatar-text-color-default: var(--wb-color-text-on-contrast-strongest-default);
  --wb-avatar-border-ring-weight: var(--wb-border-weight-main);
  --wb-avatar-border-ring-color-focus: var(--wb-color-border-brand-focus);
  --wb-avatar-border-radius: var(--wb-border-radius-round);
  --wb-avatar-background-with-picture-accent-active: var(--wb-color-shape-accent-weakest-active);
  --wb-avatar-background-with-picture-accent-hover: var(--wb-color-shape-accent-weakest-hover);
  --wb-avatar-background-color-focus: var(--wb-color-shape-mild-focus);
  --wb-avatar-background-color-active: var(--wb-color-shape-mild-active);
  --wb-avatar-background-color-hover: var(--wb-color-shape-mild-hover);
  --wb-avatar-background-color-default: var(--wb-color-shape-mild-default);
  --wb-accordion-md-gap: var(--wb-spacing-static-smaller);
  --wb-accordion-md-headline-gap: var(--wb-spacing-static-smallest);
  --wb-accordion-md-header-gap: var(--wb-spacing-static-smallest);
  --wb-accordion-md-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-accordion-md-padding-top: var(--wb-spacing-static-smaller);
  --wb-accordion-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-accordion-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-accordion-lg-gap: var(--wb-spacing-static-small);
  --wb-accordion-lg-headline-gap: var(--wb-spacing-static-smallest);
  --wb-accordion-lg-header-gap: var(--wb-spacing-static-smallest);
  --wb-accordion-lg-padding-bottom: var(--wb-spacing-static-small);
  --wb-accordion-lg-padding-top: var(--wb-spacing-static-small);
  --wb-accordion-lg-padding-right: var(--wb-spacing-static-small);
  --wb-accordion-lg-padding-left: var(--wb-spacing-static-small);
  --wb-accordion-border-weight: var(--wb-border-weight-main);
  --wb-accordion-border-radius: var(--wb-border-radius-sharp);
  --wb-accordion-subtle-border-expanded-ring-color-active-focus: var(--wb-color-border-brand-focus);
  --wb-accordion-subtle-border-collapsed-ring-color-active-focus: var(--wb-color-border-brand-active);
  --wb-accordion-subtle-border-main-color-hover: var(--wb-color-border-weak-hover);
  --wb-accordion-subtle-border-main-color-default: var(--wb-color-border-weak-default);
  --wb-accordion-subtle-icon-color-default: var(--wb-color-icon-main-default);
  --wb-accordion-subtle-text-body-color: var(--wb-color-text-main-default);
  --wb-accordion-subtle-text-subtitle-color-default: var(--wb-color-text-main-default);
  --wb-accordion-subtle-text-headline-color-default: var(--wb-color-text-main-default);
  --wb-accordion-subtle-background-color-active-focus: var(--wb-color-fixed-component-accordion-on-main-subtle-background-active-focus);
  --wb-accordion-subtle-background-color-hover: var(--wb-color-fixed-component-accordion-on-main-subtle-background-hover);
  --wb-accordion-subtle-background-color-default: var(--wb-color-surface-main-default);
  --wb-accordion-main-icon-color-default: var(--wb-color-icon-main-default);
  --wb-accordion-main-text-body-color: var(--wb-color-text-main-default);
  --wb-accordion-main-text-subtitle-color-default: var(--wb-color-text-main-default);
  --wb-accordion-main-text-headline-color-default: var(--wb-color-text-main-default);
  --wb-accordion-main-expanded-border-ring-color-active-focus: var(--wb-color-border-brand-focus);
  --wb-accordion-main-expanded-border-main-color-hover: var(--wb-color-border-weak-hover);
  --wb-accordion-main-expanded-border-main-color-default: var(--wb-color-border-weak-default);
  --wb-accordion-main-expanded-background-color-active-focus: var(--wb-color-surface-strong-focus);
  --wb-accordion-main-expanded-background-color-hover: var(--wb-color-surface-strong-hover);
  --wb-accordion-main-expanded-background-color-default: var(--wb-color-surface-strong-default);
  --wb-accordion-main-collapsed-border-ring-color-active-focus: var(--wb-color-border-brand-active);
  --wb-accordion-main-collapsed-border-main-color-hover: var(--wb-color-border-weak-hover);
  --wb-accordion-main-collapsed-border-main-color-default: var(--wb-color-border-weak-default);
  --wb-accordion-main-collapsed-background-color-active-focus: var(--wb-color-surface-strong-active);
  --wb-accordion-main-collapsed-background-color-hover: var(--wb-color-surface-strong-hover);
  --wb-accordion-main-collapsed-background-color-default: var(--wb-color-surface-strong-default);
  --wb-link-inline-border-ring-color-focus: var(--wb-color-fixed-component-link-inline-on-main-border-ring-focus);
  --wb-link-inline-border-ring-color-active: var(--wb-color-fixed-component-link-inline-on-main-border-ring-active);
  --wb-link-inline-border-underline-color-focus: var(--wb-color-fixed-component-link-inline-on-main-border-underline-focus);
  --wb-link-inline-border-underline-color-active: var(--wb-color-fixed-component-link-inline-on-main-border-underline-active);
  --wb-link-inline-border-underline-color-hover: var(--wb-color-fixed-component-link-inline-on-main-border-underline-hover);
  --wb-link-inline-border-underline-color-default: var(--wb-color-fixed-component-link-inline-on-main-border-underline-default);
  --wb-link-standalone-border-ring-color-focus: var(--wb-color-fixed-component-link-standalone-on-main-border-ring-focus);
  --wb-link-standalone-border-ring-color-active: var(--wb-color-fixed-component-link-standalone-on-main-border-ring-active);
  --wb-price-border-strikethrough-color: var(--wb-price-text-striked-color);
  --wb-modal-destructive-button-border-main-color-loading: var(--wb-checkbox-checked-error-border-main-color-default);
  --wb-modal-destructive-button-border-main-color-focus: var(--wb-checkbox-checked-error-border-main-color-focus);
  --wb-modal-destructive-button-border-main-color-active: var(--wb-checkbox-checked-error-border-main-color-active);
  --wb-modal-destructive-button-border-main-color-hover: var(--wb-checkbox-checked-error-border-main-color-hover);
  --wb-modal-destructive-button-border-main-color-default: var(--wb-checkbox-checked-error-border-main-color-default);
  --wb-modal-destructive-button-background-color-loading: var(--wb-checkbox-checked-error-background-color-default);
  --wb-modal-destructive-button-background-color-focus: var(--wb-checkbox-checked-error-background-color-focus);
  --wb-modal-destructive-button-background-color-active: var(--wb-checkbox-checked-error-background-color-active);
  --wb-modal-destructive-button-background-color-hover: var(--wb-checkbox-checked-error-background-color-hover);
  --wb-modal-destructive-button-background-color-default: var(--wb-checkbox-checked-error-background-color-default);
  --wb-interactive-tag-error-background-color-focus: var(--wb-checkbox-checked-error-background-color-focus);
  --wb-interactive-tag-error-background-color-active: var(--wb-checkbox-checked-error-background-color-active);
  --wb-interactive-tag-error-background-color-hover: var(--wb-checkbox-checked-error-background-color-hover);
  --wb-interactive-tag-error-background-color-default: var(--wb-checkbox-checked-error-background-color-default);
}

[data-on="contrast"],
[data-on="contrast"] [data-brand]:not([data-on]),
[class*="wbx-"][class*="--theme-dark"] {
  --wb-tag-gap: 6px;
  --wb-subnavigation-fly-in-item-padding-bottom: 18px;
  --wb-subnavigation-fly-in-item-padding-top: 18px;
  --wb-round-button-sm-padding-bottom: 10px;
  --wb-round-button-sm-padding-top: 10px;
  --wb-round-button-sm-padding-right: 10px;
  --wb-round-button-sm-padding-left: 10px;
  --wb-round-button-xlg-padding-bottom: 20px;
  --wb-round-button-xlg-padding-top: 20px;
  --wb-round-button-xlg-padding-right: 20px;
  --wb-round-button-xlg-padding-left: 20px;
  --wb-link-standalone-sm-content-padding-bottom: 2px;
  --wb-link-standalone-md-content-padding-bottom: 2px;
  --wb-link-standalone-md-content-gap: 2px;
  --wb-dot-navigation-shapes-dots-md-size: 6px;
  --wb-counter-padding-bottom: 2px;
  --wb-counter-padding-top: 2px;
  --wb-counter-padding-right: 7px;
  --wb-counter-padding-left: 7px;
  --wb-button-group-gap: -1px;
  --wb-video-standard-toolbar-actions-time-preview-padding-bottom: 2px;
  --wb-video-standard-toolbar-actions-time-preview-padding-top: 2px;
  --wb-video-standard-toolbar-actions-slider-bar-weight-main: 6px;
  --wb-tree-levels-second-item-padding-left: 144px;
  --wb-tree-levels-first-item-padding-left: 112px;
  --wb-toggle-button-shape-padding-on-right: 3px;
  --wb-toggle-button-shape-padding-on-left: 23px;
  --wb-toggle-button-shape-padding-off-right: 23px;
  --wb-toggle-button-shape-padding-off-left: 3px;
  --wb-toggle-button-shape-padding-bottom: 3px;
  --wb-toggle-button-shape-padding-top: 3px;
  --wb-toggle-button-shape-inner-circle-size: 18px;
  --wb-table-cell-with-component-lg-padding-bottom: 2px;
  --wb-table-cell-with-component-lg-padding-top: 2px;
  --wb-table-cell-icon-lg-padding-bottom: 14px;
  --wb-table-cell-icon-lg-padding-top: 14px;
  --wb-gallery-thumbnails-padding-bottom: 1px;
  --wb-gallery-thumbnails-padding-left: 1px;
  --wb-pagination-basic-pages-size: 36px;
  --wb-navigation-item-content-end-gap: -2px;
  --wb-list-group-button-item-md-padding-bottom: 6px;
  --wb-list-group-button-item-md-padding-top: 6px;
  --wb-interactive-tag-sm-with-selection-gap: 6px;
  --wb-interactive-tag-md-with-selection-gap: 6px;
  --wb-form-control-parts-input-label-compact-gap: -2px;
  --wb-file-input-drag-drop-sm-headline-gap: 3px;
  --wb-file-input-drag-drop-md-headline-gap: 3px;
  --wb-file-input-drag-drop-lg-headline-gap: 3px;
  --wb-date-picker-md-header-double-month-second-padding-left: 52px;
  --wb-date-picker-md-header-double-month-first-padding-right: 52px;
  --wb-date-picker-lg-header-double-month-second-padding-left: 52px;
  --wb-date-picker-lg-header-double-month-first-padding-right: 52px;
  --wb-avatar-xxl-background-size: 120px;
  --wb-avatar-l-background-size: 56px;
  --wb-tag-border-radius: var(--wb-border-radius-full);
  --wb-counter-border-radius: var(--wb-border-radius-full);
  --wb-360-viewer-hint-gradient-color-end: var(--wb-color-fixed-component-360-viewer-on-contrast-hint-gradient-end);
  --wb-pagination-basic-pages-border-ring-radius: var(--wb-border-radius-full);
  --wb-text-headline-padding-bottom: var(--wb-spacing-static-medium);
  --wb-text-headline-padding-top: var(--wb-spacing-static-medium);
  --wb-text-headline-text-body-color: var(--wb-color-text-on-contrast-main-default);
  --wb-text-headline-text-subtitle-color: var(--wb-color-text-on-contrast-main-default);
  --wb-text-headline-text-headline-color: var(--wb-color-text-on-contrast-main-default);
  --wb-text-headline-gap: var(--wb-spacing-static-tiny);
  --wb-tag-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-tag-padding-top: var(--wb-spacing-static-tiniest);
  --wb-tag-padding-right: var(--wb-spacing-static-smallest);
  --wb-tag-padding-left: var(--wb-spacing-static-smallest);
  --wb-tag-border-weight: var(--wb-border-weight-none);
  --wb-tag-error-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-error-icon-leading-color: var(--wb-color-icon-fixed-white);
  --wb-tag-error-text-color: var(--wb-color-text-fixed-white);
  --wb-tag-error-background-color: var(--wb-color-shape-status-on-contrast-error-default);
  --wb-tag-warning-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-warning-icon-leading-color: var(--wb-color-icon-fixed-black);
  --wb-tag-warning-text-color: var(--wb-color-text-fixed-black);
  --wb-tag-warning-background-color: var(--wb-color-shape-status-on-contrast-warning-default);
  --wb-tag-success-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-success-icon-leading-color: var(--wb-color-icon-fixed-white);
  --wb-tag-success-text-color: var(--wb-color-text-fixed-white);
  --wb-tag-success-background-color: var(--wb-color-shape-status-on-contrast-success-default);
  --wb-tag-tertiary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-tertiary-icon-leading-color: var(--wb-color-icon-on-contrast-stronger-default);
  --wb-tag-tertiary-text-color: var(--wb-color-text-on-contrast-stronger-default);
  --wb-tag-tertiary-background-color: var(--wb-color-shape-contrast-dimmer-default);
  --wb-tag-secondary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-secondary-icon-leading-color: var(--wb-color-icon-stronger-default);
  --wb-tag-secondary-text-color: var(--wb-color-text-stronger-default);
  --wb-tag-secondary-background-color: var(--wb-color-shape-contrast-strongest-default);
  --wb-tag-primary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-primary-icon-leading-color: var(--wb-color-icon-on-contrast-on-brand);
  --wb-tag-primary-text-color: var(--wb-color-text-on-contrast-on-brand);
  --wb-tag-primary-background-color: var(--wb-color-shape-brand-on-contrast-default);
  --wb-subnavigation-fly-in-item-padding-right: var(--wb-spacing-static-smaller);
  --wb-subnavigation-fly-in-item-padding-left: var(--wb-spacing-static-smaller);
  --wb-subnavigation-fly-in-item-indicator-size: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-item-indicator-color: var(--wb-color-shape-brand-on-contrast-default);
  --wb-subnavigation-fly-in-item-border-color-selected: var(--wb-color-border-on-contrast-mild-selected);
  --wb-subnavigation-fly-in-item-border-color-hover: var(--wb-color-border-on-contrast-weak-hover);
  --wb-subnavigation-fly-in-item-border-color-default: var(--wb-color-border-on-contrast-weak-default);
  --wb-subnavigation-fly-in-item-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-fly-in-item-border-weight: var(--wb-border-weight-main);
  --wb-subnavigation-fly-in-item-text-color-selected: var(--wb-color-text-on-contrast-strongest-selected);
  --wb-subnavigation-fly-in-item-text-color-hover: var(--wb-color-text-on-contrast-main-hover);
  --wb-subnavigation-fly-in-item-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-subnavigation-fly-in-item-background-color-selected: var(--wb-color-shape-contrast-accent-none-to-solid-selected);
  --wb-subnavigation-fly-in-item-background-color-hover: var(--wb-color-shape-contrast-accent-none-to-solid-hover);
  --wb-subnavigation-fly-in-item-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-subnavigation-fly-in-item-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-bottom-actions-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-bottom-actions-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-bottom-actions-gap: var(--wb-spacing-static-smaller);
  --wb-subnavigation-fly-in-expanded-content-middle-actions-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-middle-actions-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-top-actions-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-top-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-top-padding-top: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-top-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-top-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-top-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-padding-bottom: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-fly-in-expanded-text-color: var(--wb-color-text-on-contrast-stronger-default);
  --wb-subnavigation-fly-in-expanded-background-color: var(--wb-color-surface-contrast-main-default);
  --wb-subnavigation-fly-in-expanded-gap: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-collapsed-actions-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-collapsed-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-collapsed-padding-top: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-collapsed-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-collapsed-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-collapsed-border-weight: var(--wb-border-weight-main);
  --wb-subnavigation-fly-in-collapsed-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-fly-in-collapsed-border-color-default: var(--wb-color-border-on-contrast-weak-default);
  --wb-subnavigation-fly-in-collapsed-text-color-default: var(--wb-color-text-on-contrast-stronger-default);
  --wb-subnavigation-fly-in-collapsed-background-color-default: var(--wb-color-surface-contrast-main-default);
  --wb-subnavigation-fly-in-collapsed-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-padding-top: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-padding-right: var(--wb-spacing-static-smaller);
  --wb-subnavigation-basic-item-padding-left: var(--wb-spacing-static-smaller);
  --wb-subnavigation-basic-item-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-basic-item-indicator-size: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-indicator-color: var(--wb-color-shape-brand-on-contrast-default);
  --wb-subnavigation-basic-item-icon-color-selected: var(--wb-color-icon-on-contrast-strongest-selected);
  --wb-subnavigation-basic-item-icon-color-hover: var(--wb-color-icon-on-contrast-main-hover);
  --wb-subnavigation-basic-item-icon-color-default: var(--wb-color-icon-on-contrast-main-default);
  --wb-subnavigation-basic-item-icon-size: var(--wb-spacing-static-smaller);
  --wb-subnavigation-basic-item-text-color-selected: var(--wb-color-text-on-contrast-strongest-selected);
  --wb-subnavigation-basic-item-text-color-hover: var(--wb-color-text-on-contrast-main-hover);
  --wb-subnavigation-basic-item-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-subnavigation-basic-item-background-color-selected: var(--wb-color-shape-contrast-accent-none-to-solid-selected);
  --wb-subnavigation-basic-item-background-color-hover: var(--wb-color-shape-contrast-accent-none-to-solid-hover);
  --wb-subnavigation-basic-item-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-subnavigation-basic-item-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-vertical-padding-bottom: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-padding-top: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-padding-right: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-padding-left: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-basic-vertical-items-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-vertical-text-color: var(--wb-color-text-on-contrast-stronger-default);
  --wb-subnavigation-basic-vertical-background-color: var(--wb-color-surface-contrast-main-default);
  --wb-subnavigation-basic-vertical-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-horizontal-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-basic-horizontal-items-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-horizontal-background-color: var(--wb-color-surface-contrast-main-default);
  --wb-round-button-sm-icon-size: var(--wb-spacing-static-smallest);
  --wb-round-button-md-icon-size: var(--wb-spacing-static-smaller);
  --wb-round-button-md-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-round-button-md-padding-top: var(--wb-spacing-static-smallest);
  --wb-round-button-md-padding-right: var(--wb-spacing-static-smallest);
  --wb-round-button-md-padding-left: var(--wb-spacing-static-smallest);
  --wb-round-button-lg-icon-size: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-top: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-right: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-left: var(--wb-spacing-static-smaller);
  --wb-round-button-xlg-icon-size: var(--wb-spacing-static-small);
  --wb-round-button-timer-weight: var(--wb-border-weight-stronger);
  --wb-round-button-timer-color-default: var(--wb-color-border-brand-on-contrast-default);
  --wb-round-button-border-weight: var(--wb-border-weight-main);
  --wb-round-button-border-radius: var(--wb-border-radius-round);
  --wb-round-button-basic-large-icon-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-round-button-basic-large-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-round-button-basic-large-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-round-button-basic-large-border-main-color-hover: var(--wb-color-border-on-contrast-weak-hover);
  --wb-round-button-basic-large-border-main-color-default: var(--wb-color-border-on-contrast-weak-default);
  --wb-round-button-basic-large-background-color-focus: var(--wb-color-shape-contrast-weaker-focus);
  --wb-round-button-basic-large-background-color-active: var(--wb-color-shape-contrast-weaker-active);
  --wb-round-button-basic-large-background-color-hover: var(--wb-color-shape-contrast-weaker-hover);
  --wb-round-button-basic-large-background-color-default: var(--wb-color-shape-contrast-weaker-default);
  --wb-round-button-basic-medium-icon-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-round-button-basic-medium-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-round-button-basic-medium-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-round-button-basic-medium-border-main-color-hover: var(--wb-color-border-on-contrast-weak-hover);
  --wb-round-button-basic-medium-border-main-color-default: var(--wb-color-border-on-contrast-weak-default);
  --wb-round-button-basic-medium-background-color-focus: var(--wb-color-shape-contrast-weaker-focus);
  --wb-round-button-basic-medium-background-color-active: var(--wb-color-shape-contrast-weaker-active);
  --wb-round-button-basic-medium-background-color-hover: var(--wb-color-shape-contrast-weaker-hover);
  --wb-round-button-basic-medium-background-color-default: var(--wb-color-shape-contrast-weaker-default);
  --wb-round-button-basic-small-icon-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-round-button-basic-small-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-round-button-basic-small-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-round-button-basic-small-border-main-color-hover: var(--wb-color-border-on-contrast-weak-hover);
  --wb-round-button-basic-small-border-main-color-default: var(--wb-color-border-on-contrast-weak-default);
  --wb-round-button-basic-small-background-color-focus: var(--wb-color-shape-contrast-weaker-focus);
  --wb-round-button-basic-small-background-color-active: var(--wb-color-shape-contrast-weaker-active);
  --wb-round-button-basic-small-background-color-hover: var(--wb-color-shape-contrast-weaker-hover);
  --wb-round-button-basic-small-background-color-default: var(--wb-color-shape-contrast-weaker-default);
  --wb-round-button-basic-xsmall-icon-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-round-button-basic-xsmall-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-round-button-basic-xsmall-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-round-button-basic-xsmall-border-main-color-hover: var(--wb-color-border-on-contrast-weak-hover);
  --wb-round-button-basic-xsmall-border-main-color-default: var(--wb-color-border-on-contrast-weak-default);
  --wb-round-button-basic-xsmall-background-color-focus: var(--wb-color-shape-contrast-weakest-focus);
  --wb-round-button-basic-xsmall-background-color-active: var(--wb-color-shape-contrast-weakest-active);
  --wb-round-button-basic-xsmall-background-color-hover: var(--wb-color-shape-contrast-weakest-hover);
  --wb-round-button-basic-xsmall-background-color-default: var(--wb-color-shape-contrast-weakest-default);
  --wb-round-button-basic-translucent-icon-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-round-button-basic-translucent-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-round-button-basic-translucent-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-round-button-basic-translucent-background-color-focus: var(--wb-color-shape-contrast-accent-none-to-solid-focus);
  --wb-round-button-basic-translucent-background-color-active: var(--wb-color-shape-contrast-accent-none-to-solid-active);
  --wb-round-button-basic-translucent-background-color-hover: var(--wb-color-shape-contrast-accent-none-to-solid-hover);
  --wb-round-button-basic-translucent-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-link-inline-border-weight-focus: var(--wb-border-weight-main);
  --wb-link-inline-border-weight-active: var(--wb-border-weight-strong);
  --wb-link-inline-border-weight-hover: var(--wb-border-weight-strong);
  --wb-link-inline-border-weight-default: var(--wb-border-weight-main);
  --wb-link-inline-icon-trailing-color-focus: var(--wb-color-icon-brand-on-contrast-focus);
  --wb-link-inline-icon-trailing-color-active: var(--wb-color-icon-brand-on-contrast-active);
  --wb-link-inline-icon-trailing-color-hover: var(--wb-color-icon-brand-on-contrast-hover);
  --wb-link-inline-icon-trailing-color-default: var(--wb-color-icon-brand-on-contrast-default);
  --wb-link-inline-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-link-inline-icon-leading-color-focus: var(--wb-color-icon-brand-on-contrast-focus);
  --wb-link-inline-icon-leading-color-active: var(--wb-color-icon-brand-on-contrast-active);
  --wb-link-inline-icon-leading-color-hover: var(--wb-color-icon-brand-on-contrast-hover);
  --wb-link-inline-icon-leading-color-default: var(--wb-color-icon-brand-on-contrast-default);
  --wb-link-inline-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-link-inline-text-color-focus: var(--wb-color-text-brand-on-contrast-focus);
  --wb-link-inline-text-color-active: var(--wb-color-text-brand-on-contrast-active);
  --wb-link-inline-text-color-hover: var(--wb-color-text-brand-on-contrast-hover);
  --wb-link-inline-text-color-default: var(--wb-color-text-brand-on-contrast-default);
  --wb-link-inline-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-sm-content-gap: var(--wb-spacing-static-tiniest);
  --wb-link-standalone-sm-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-md-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-lg-content-gap: var(--wb-spacing-static-none);
  --wb-link-standalone-lg-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-border-weight-focus: var(--wb-border-weight-main);
  --wb-link-standalone-border-weight-active: var(--wb-border-weight-strong);
  --wb-link-standalone-border-weight-hover: var(--wb-border-weight-strong);
  --wb-link-standalone-border-weight-default: var(--wb-border-weight-main);
  --wb-link-standalone-border-underline-color-focus: var(--wb-color-border-on-contrast-strong-focus);
  --wb-link-standalone-border-underline-color-active: var(--wb-color-border-on-contrast-strong-active);
  --wb-link-standalone-border-underline-color-hover: var(--wb-color-border-on-contrast-strong-hover);
  --wb-link-standalone-border-underline-color-default: var(--wb-color-border-on-contrast-strong-default);
  --wb-link-standalone-icon-trailing-color-focus: var(--wb-color-icon-on-contrast-main-focus);
  --wb-link-standalone-icon-trailing-color-active: var(--wb-color-icon-on-contrast-main-active);
  --wb-link-standalone-icon-trailing-color-hover: var(--wb-color-icon-on-contrast-main-hover);
  --wb-link-standalone-icon-trailing-color-default: var(--wb-color-icon-on-contrast-main-default);
  --wb-link-standalone-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-link-standalone-icon-leading-color-focus: var(--wb-color-icon-on-contrast-main-focus);
  --wb-link-standalone-icon-leading-color-active: var(--wb-color-icon-on-contrast-main-active);
  --wb-link-standalone-icon-leading-color-hover: var(--wb-color-icon-on-contrast-main-hover);
  --wb-link-standalone-icon-leading-color-default: var(--wb-color-icon-on-contrast-main-default);
  --wb-link-standalone-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-link-standalone-text-color-focus: var(--wb-color-text-on-contrast-main-focus);
  --wb-link-standalone-text-color-active: var(--wb-color-text-on-contrast-main-active);
  --wb-link-standalone-text-color-hover: var(--wb-color-text-on-contrast-main-hover);
  --wb-link-standalone-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-dot-navigation-shapes-dots-background-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-background-color: var(--wb-color-shape-contrast-accent-strong-default);
  --wb-dot-navigation-shapes-dots-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-dot-navigation-shapes-dots-padding-top: var(--wb-spacing-static-tiny);
  --wb-dot-navigation-shapes-dots-padding-right: var(--wb-spacing-static-smaller);
  --wb-dot-navigation-shapes-dots-padding-left: var(--wb-spacing-static-smaller);
  --wb-dot-navigation-shapes-dots-gap: var(--wb-spacing-static-smaller);
  --wb-dot-navigation-shapes-dots-sm-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-sm-size: var(--wb-spacing-static-tiniest);
  --wb-dot-navigation-shapes-dots-sm-shape-color-default: var(--wb-color-shape-contrast-dimmer-default);
  --wb-dot-navigation-shapes-dots-md-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-md-shape-color-default: var(--wb-color-shape-contrast-dim-default);
  --wb-dot-navigation-shapes-dots-lg-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-lg-size: var(--wb-spacing-static-tiny);
  --wb-dot-navigation-shapes-dots-lg-shape-color-default: var(--wb-color-shape-contrast-dim-default);
  --wb-dot-navigation-shapes-dots-xlg-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-xlg-size: var(--wb-spacing-static-smallest);
  --wb-dot-navigation-shapes-dots-xlg-shape-color: var(--wb-color-shape-contrast-strongest-default);
  --wb-dot-navigation-shapes-dots-xlg-border-weight: var(--wb-border-weight-main);
  --wb-dot-navigation-shapes-dots-xlg-border-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-xlg-border-ring-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-counter-error-text-color: var(--wb-color-text-fixed-white);
  --wb-counter-error-background-color: var(--wb-color-shape-status-on-contrast-error-default);
  --wb-counter-warning-text-color: var(--wb-color-text-fixed-black);
  --wb-counter-warning-background-color: var(--wb-color-shape-status-on-contrast-warning-default);
  --wb-counter-success-text-color: var(--wb-color-text-fixed-white);
  --wb-counter-success-background-color: var(--wb-color-shape-status-on-contrast-success-default);
  --wb-counter-tertiary-text-color: var(--wb-color-text-on-contrast-stronger-default);
  --wb-counter-tertiary-background-color: var(--wb-color-shape-contrast-dimmer-default);
  --wb-counter-secondary-text-color: var(--wb-color-text-stronger-default);
  --wb-counter-secondary-background-color: var(--wb-color-shape-contrast-strongest-default);
  --wb-counter-primary-text-color: var(--wb-color-text-on-contrast-on-brand);
  --wb-counter-primary-background-color: var(--wb-color-shape-brand-on-contrast-default);
  --wb-button-group-padding-icon-only-bottom: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-icon-only-top: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-icon-only-right: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-icon-only-left: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-top: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-right: var(--wb-spacing-static-medium);
  --wb-button-group-padding-left: var(--wb-spacing-static-medium);
  --wb-button-group-translucent-border-ring-color-selected-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-button-group-translucent-border-ring-color-focus: var(--wb-color-border-on-contrast-strongest-focus);
  --wb-button-group-translucent-border-ring-color-active: var(--wb-color-border-on-contrast-strongest-active);
  --wb-button-group-translucent-border-main-color-selected-focus: var(--wb-color-border-on-contrast-strong-focus);
  --wb-button-group-translucent-border-main-color-selected: var(--wb-color-border-on-contrast-strong-default);
  --wb-button-group-translucent-border-main-color-focus: var(--wb-color-fixed-component-button-group-translucent-on-contrast-border-main-focus);
  --wb-button-group-translucent-border-main-color-active: var(--wb-color-fixed-component-button-group-translucent-on-contrast-border-main-active);
  --wb-button-group-translucent-border-main-color-hover: var(--wb-color-fixed-component-button-group-translucent-on-contrast-border-main-hover);
  --wb-button-group-translucent-border-main-color-default: var(--wb-color-fixed-component-button-group-translucent-on-contrast-border-main-default);
  --wb-button-group-translucent-border-weight: var(--wb-border-weight-main);
  --wb-button-group-translucent-icon-only-color-selected: var(--wb-color-text-on-contrast-main-selected);
  --wb-button-group-translucent-icon-only-color-default: var(--wb-color-icon-on-contrast-main-default);
  --wb-button-group-translucent-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-group-translucent-icon-leading-color-selected: var(--wb-color-text-on-contrast-main-selected);
  --wb-button-group-translucent-icon-leading-color-default: var(--wb-color-icon-on-contrast-main-default);
  --wb-button-group-translucent-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-group-translucent-text-color-selected: var(--wb-color-text-on-contrast-main-selected);
  --wb-button-group-translucent-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-button-group-translucent-background-color-selected-focus: var(--wb-color-shape-contrast-accent-strong-selected);
  --wb-button-group-translucent-background-color-selected: var(--wb-color-shape-contrast-accent-strong-selected);
  --wb-button-group-translucent-background-color-focus: var(--wb-color-shape-contrast-accent-strong-focus);
  --wb-button-group-translucent-background-color-active: var(--wb-color-shape-contrast-accent-strong-active);
  --wb-button-group-translucent-background-color-hover: var(--wb-color-shape-contrast-accent-strong-hover);
  --wb-button-group-translucent-background-color-default: var(--wb-color-shape-contrast-accent-strong-default);
  --wb-button-group-translucent-gap: var(--wb-spacing-static-tiny);
  --wb-button-group-secondary-border-ring-color-selected-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-button-group-secondary-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-button-group-secondary-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-button-group-secondary-border-main-color-selected-focus: var(--wb-color-border-on-contrast-strong-focus);
  --wb-button-group-secondary-border-main-color-selected: var(--wb-color-border-on-contrast-strong-default);
  --wb-button-group-secondary-border-main-color-focus: var(--wb-color-fixed-component-button-group-secondary-on-contrast-border-main-focus);
  --wb-button-group-secondary-border-main-color-active: var(--wb-color-fixed-component-button-group-secondary-on-contrast-border-main-active);
  --wb-button-group-secondary-border-main-color-hover: var(--wb-color-fixed-component-button-group-secondary-on-contrast-border-main-hover);
  --wb-button-group-secondary-border-main-color-default: var(--wb-color-fixed-component-button-group-secondary-on-contrast-border-main-default);
  --wb-button-group-secondary-border-weight: var(--wb-border-weight-main);
  --wb-button-group-secondary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-group-secondary-icon-only-color-selected: var(--wb-color-icon-on-contrast-main-selected);
  --wb-button-group-secondary-icon-only-color-default: var(--wb-color-icon-on-contrast-main-default);
  --wb-button-group-secondary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-group-secondary-icon-leading-color-selected: var(--wb-color-icon-on-contrast-main-selected);
  --wb-button-group-secondary-icon-leading-color-default: var(--wb-color-icon-on-contrast-main-default);
  --wb-button-group-secondary-text-color-selected: var(--wb-color-text-on-contrast-main-selected);
  --wb-button-group-secondary-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-button-group-secondary-background-color-selected-focus: var(--wb-color-shape-contrast-accent-none-to-solid-selected);
  --wb-button-group-secondary-background-color-selected: var(--wb-color-shape-contrast-accent-none-to-solid-selected);
  --wb-button-group-secondary-background-color-focus: var(--wb-color-shape-contrast-accent-none-to-solid-focus);
  --wb-button-group-secondary-background-color-active: var(--wb-color-shape-contrast-accent-none-to-solid-active);
  --wb-button-group-secondary-background-color-hover: var(--wb-color-shape-contrast-accent-none-to-solid-hover);
  --wb-button-group-secondary-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-button-group-secondary-gap: var(--wb-spacing-static-tiny);
  --wb-button-group-primary-border-ring-color-selected-focus: var(--wb-color-border-on-contrast-strongest-focus);
  --wb-button-group-primary-border-ring-color-focus: var(--wb-color-border-on-contrast-strongest-focus);
  --wb-button-group-primary-border-ring-color-active: var(--wb-color-border-on-contrast-strongest-active);
  --wb-button-group-primary-border-main-color-selected-focus: var(--wb-color-fixed-component-button-group-primary-on-contrast-border-main-selected-focus);
  --wb-button-group-primary-border-main-color-selected: var(--wb-color-fixed-component-button-group-primary-on-contrast-border-main-selected);
  --wb-button-group-primary-border-main-color-focus: var(--wb-color-fixed-component-button-group-primary-on-contrast-border-main-focus);
  --wb-button-group-primary-border-main-color-active: var(--wb-color-fixed-component-button-group-primary-on-contrast-border-main-active);
  --wb-button-group-primary-border-main-color-hover: var(--wb-color-fixed-component-button-group-primary-on-contrast-border-main-hover);
  --wb-button-group-primary-border-main-color-default: var(--wb-color-fixed-component-button-group-primary-on-contrast-border-main-default);
  --wb-button-group-primary-border-weight: var(--wb-border-weight-main);
  --wb-button-group-primary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-group-primary-icon-only-color-selected: var(--wb-color-icon-on-contrast-on-brand);
  --wb-button-group-primary-icon-only-color-default: var(--wb-color-icon-on-contrast-on-brand);
  --wb-button-group-primary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-group-primary-icon-leading-color-selected: var(--wb-color-icon-on-contrast-on-brand);
  --wb-button-group-primary-icon-leading-color-default: var(--wb-color-icon-on-contrast-on-brand);
  --wb-button-group-primary-text-color-selected: var(--wb-color-text-on-contrast-on-brand);
  --wb-button-group-primary-text-color-default: var(--wb-color-text-on-contrast-on-brand);
  --wb-button-group-primary-background-color-selected-focus: var(--wb-color-shape-brand-on-contrast-selected);
  --wb-button-group-primary-background-color-selected: var(--wb-color-shape-brand-on-contrast-selected);
  --wb-button-group-primary-background-color-focus: var(--wb-color-shape-brand-on-contrast-focus);
  --wb-button-group-primary-background-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-button-group-primary-background-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-button-group-primary-background-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-button-group-primary-gap: var(--wb-spacing-static-tiny);
  --wb-button-group-border-vision-ui-alpha-end-ring-radius: var(--wb-border-radius-subtle);
  --wb-button-group-border-vision-ui-alpha-end-main-radius: var(--wb-border-radius-main);
  --wb-button-group-border-vision-ui-alpha-middle-ring-radius: var(--wb-border-radius-sharp);
  --wb-button-group-border-vision-ui-alpha-middle-main-radius: var(--wb-border-radius-sharp);
  --wb-button-group-border-vision-ui-alpha-start-ring-radius: var(--wb-border-radius-subtle);
  --wb-button-group-border-vision-ui-alpha-start-main-radius: var(--wb-border-radius-main);
  --wb-button-group-background-color: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-breadcrumbs-basic-icon-size: var(--wb-spacing-static-smaller);
  --wb-breadcrumbs-basic-icon-color: var(--wb-color-icon-on-contrast-weakest-default);
  --wb-breadcrumbs-basic-text-color: var(--wb-color-text-on-contrast-weakest-default);
  --wb-breadcrumbs-basic-gap: var(--wb-spacing-static-tiniest);
  --wb-button-sm-padding-icon-only-bottom: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-icon-only-top: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-icon-only-right: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-icon-only-left: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-right: var(--wb-spacing-static-medium);
  --wb-button-sm-padding-loading-left: var(--wb-spacing-static-medium);
  --wb-button-sm-padding-tertiary-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-right: var(--wb-spacing-static-small);
  --wb-button-sm-padding-tertiary-loading-left: var(--wb-spacing-static-small);
  --wb-button-sm-padding-tertiary-bottom: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-tertiary-top: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-tertiary-right: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-tertiary-left: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-top: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-right: var(--wb-spacing-static-smaller);
  --wb-button-sm-padding-left: var(--wb-spacing-static-smaller);
  --wb-button-sm-gap: var(--wb-spacing-static-tiny);
  --wb-button-md-padding-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-right: var(--wb-spacing-static-medium);
  --wb-button-md-padding-loading-left: var(--wb-spacing-static-medium);
  --wb-button-md-padding-tertiary-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-right: var(--wb-spacing-static-small);
  --wb-button-md-padding-tertiary-loading-left: var(--wb-spacing-static-small);
  --wb-button-md-padding-tertiary-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-right: var(--wb-spacing-static-smaller);
  --wb-button-md-padding-tertiary-left: var(--wb-spacing-static-smaller);
  --wb-button-md-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-right: var(--wb-spacing-static-small);
  --wb-button-md-padding-left: var(--wb-spacing-static-small);
  --wb-button-md-gap: var(--wb-spacing-static-tiny);
  --wb-button-lg-padding-icon-only-bottom: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-icon-only-top: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-icon-only-right: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-icon-only-left: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-right: var(--wb-spacing-static-large);
  --wb-button-lg-padding-loading-left: var(--wb-spacing-static-large);
  --wb-button-lg-padding-tertiary-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-right: var(--wb-spacing-static-medium);
  --wb-button-lg-padding-tertiary-loading-left: var(--wb-spacing-static-medium);
  --wb-button-lg-padding-tertiary-bottom: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-tertiary-top: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-tertiary-right: var(--wb-spacing-static-small);
  --wb-button-lg-padding-tertiary-left: var(--wb-spacing-static-small);
  --wb-button-lg-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-top: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-right: var(--wb-spacing-static-medium);
  --wb-button-lg-padding-left: var(--wb-spacing-static-medium);
  --wb-button-lg-gap: var(--wb-spacing-static-tiny);
  --wb-button-translucent-border-weight: var(--wb-border-weight-main);
  --wb-button-translucent-border-ring-color-focus: var(--wb-color-border-weaker-focus);
  --wb-button-translucent-border-ring-color-active: var(--wb-color-border-weaker-active);
  --wb-button-translucent-border-main-color-loading: var(--wb-color-fixed-component-button-translucent-on-contrast-border-main-default);
  --wb-button-translucent-border-main-color-focus: var(--wb-color-fixed-component-button-translucent-on-contrast-border-main-focus);
  --wb-button-translucent-border-main-color-active: var(--wb-color-fixed-component-button-translucent-on-contrast-border-main-active);
  --wb-button-translucent-border-main-color-hover: var(--wb-color-fixed-component-button-translucent-on-contrast-border-main-hover);
  --wb-button-translucent-border-main-color-default: var(--wb-color-fixed-component-button-translucent-on-contrast-border-main-default);
  --wb-button-translucent-icon-trailing-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-button-translucent-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-translucent-icon-leading-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-button-translucent-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-translucent-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-translucent-icon-only-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-button-translucent-text-color-default: var(--wb-color-text-on-contrast-strongest-default);
  --wb-button-translucent-background-color-loading: var(--wb-color-shape-contrast-accent-strong-default);
  --wb-button-translucent-background-color-focus: var(--wb-color-shape-contrast-accent-strong-focus);
  --wb-button-translucent-background-color-active: var(--wb-color-shape-contrast-accent-strong-active);
  --wb-button-translucent-background-color-hover: var(--wb-color-shape-contrast-accent-strong-hover);
  --wb-button-translucent-background-color-default: var(--wb-color-shape-contrast-accent-strong-default);
  --wb-button-tertiary-border-ring-color-focus: var(--wb-color-border-weaker-focus);
  --wb-button-tertiary-border-ring-color-active: var(--wb-color-border-weaker-active);
  --wb-button-tertiary-border-weight: var(--wb-border-weight-main);
  --wb-button-tertiary-icon-only-color-default: var(--wb-color-icon-brand-on-contrast-default);
  --wb-button-tertiary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-tertiary-icon-trailing-color-default: var(--wb-color-icon-brand-on-contrast-default);
  --wb-button-tertiary-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-tertiary-icon-leading-color-default: var(--wb-color-icon-brand-on-contrast-default);
  --wb-button-tertiary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-tertiary-text-color-default: var(--wb-color-text-brand-on-contrast-default);
  --wb-button-tertiary-background-color-loading: var(--wb-color-shape-contrast-accent-none-to-translucent-default);
  --wb-button-tertiary-background-color-focus: var(--wb-color-shape-contrast-accent-none-to-translucent-focus);
  --wb-button-tertiary-background-color-active: var(--wb-color-shape-contrast-accent-none-to-translucent-active);
  --wb-button-tertiary-background-color-hover: var(--wb-color-shape-contrast-accent-none-to-translucent-hover);
  --wb-button-tertiary-background-color-default: var(--wb-color-shape-contrast-accent-none-to-translucent-default);
  --wb-button-secondary-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-button-secondary-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-button-secondary-border-main-color-loading: var(--wb-color-fixed-component-button-secondary-on-contrast-border-main-default);
  --wb-button-secondary-border-main-color-focus: var(--wb-color-fixed-component-button-secondary-on-contrast-border-main-focus);
  --wb-button-secondary-border-main-color-active: var(--wb-color-fixed-component-button-secondary-on-contrast-border-main-active);
  --wb-button-secondary-border-main-color-hover: var(--wb-color-fixed-component-button-secondary-on-contrast-border-main-hover);
  --wb-button-secondary-border-main-color-default: var(--wb-color-fixed-component-button-secondary-on-contrast-border-main-default);
  --wb-button-secondary-border-weight: var(--wb-border-weight-main);
  --wb-button-secondary-icon-trailing-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-button-secondary-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-secondary-icon-leading-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-button-secondary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-secondary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-secondary-icon-only-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-button-secondary-text-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-button-secondary-background-color-loading: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-button-secondary-background-color-focus: var(--wb-color-shape-contrast-accent-none-to-solid-focus);
  --wb-button-secondary-background-color-active: var(--wb-color-shape-contrast-accent-none-to-solid-active);
  --wb-button-secondary-background-color-hover: var(--wb-color-shape-contrast-accent-none-to-solid-hover);
  --wb-button-secondary-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-button-primary-border-ring-color-focus: var(--wb-color-border-on-contrast-strongest-focus);
  --wb-button-primary-border-ring-color-active: var(--wb-color-border-on-contrast-strongest-active);
  --wb-button-primary-border-main-color-loading: var(--wb-color-border-brand-on-contrast-default);
  --wb-button-primary-border-main-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-button-primary-border-main-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-button-primary-border-main-color-hover: var(--wb-color-border-brand-on-contrast-hover);
  --wb-button-primary-border-main-color-default: var(--wb-color-border-brand-on-contrast-default);
  --wb-button-primary-border-weight: var(--wb-border-weight-main);
  --wb-button-primary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-primary-icon-only-color-default: var(--wb-color-icon-on-contrast-on-brand);
  --wb-button-primary-icon-trailing-color-default: var(--wb-color-icon-on-contrast-on-brand);
  --wb-button-primary-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-primary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-primary-icon-leading-color-default: var(--wb-color-icon-on-contrast-on-brand);
  --wb-button-primary-text-color-default: var(--wb-color-text-on-contrast-on-brand);
  --wb-button-primary-background-color-loading: var(--wb-color-shape-brand-on-contrast-default);
  --wb-button-primary-background-color-focus: var(--wb-color-shape-brand-on-contrast-focus);
  --wb-button-primary-background-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-button-primary-background-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-button-primary-background-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-button-border-vision-ui-alpha-ring-radius: var(--wb-border-radius-subtle);
  --wb-button-border-vision-ui-alpha-main-radius: var(--wb-border-radius-main);
  --wb-360-viewer-md-icon-size: var(--wb-spacing-static-smaller);
  --wb-360-viewer-lg-icon-size: var(--wb-spacing-static-small);
  --wb-360-viewer-icon-color-default: var(--wb-color-icon-on-contrast-weakest-default);
  --wb-360-viewer-hint-border-weight: var(--wb-border-weight-main);
  --wb-360-viewer-hint-gradient-color-start: var(--wb-color-fixed-component-360-viewer-on-contrast-hint-gradient-start);
  --wb-video-border-radius: var(--wb-border-radius-sharp);
  --wb-video-auto-play-md-action-padding-bottom: var(--wb-spacing-responsive-smaller);
  --wb-video-auto-play-md-action-padding-left: var(--wb-spacing-responsive-smaller);
  --wb-video-auto-play-lg-action-padding-bottom: var(--wb-spacing-responsive-smaller);
  --wb-video-auto-play-lg-action-padding-left: var(--wb-spacing-responsive-smaller);
  --wb-video-standard-toolbar-md-content-logo-padding-right: var(--wb-spacing-static-smaller);
  --wb-video-standard-toolbar-md-content-logo-padding-left: var(--wb-spacing-static-smaller);
  --wb-video-standard-toolbar-md-content-timer-gap: var(--wb-spacing-static-tiniest);
  --wb-video-standard-toolbar-md-content-start-gap: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-md-content-main-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-md-content-main-padding-top: var(--wb-spacing-static-none);
  --wb-video-standard-toolbar-md-content-main-padding-right: var(--wb-spacing-static-smaller);
  --wb-video-standard-toolbar-md-content-main-padding-left: var(--wb-spacing-static-smaller);
  --wb-video-standard-toolbar-md-content-gap: var(--wb-spacing-static-none);
  --wb-video-standard-toolbar-lg-content-end-gap: var(--wb-spacing-static-smaller);
  --wb-video-standard-toolbar-lg-content-timer-gap: var(--wb-spacing-static-tiniest);
  --wb-video-standard-toolbar-lg-content-start-gap: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-lg-content-main-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-lg-content-main-padding-top: var(--wb-spacing-static-small);
  --wb-video-standard-toolbar-lg-content-main-padding-right: var(--wb-spacing-static-small);
  --wb-video-standard-toolbar-lg-content-main-padding-left: var(--wb-spacing-static-small);
  --wb-video-standard-toolbar-lg-content-gap: var(--wb-spacing-static-tiniest);
  --wb-video-standard-toolbar-actions-time-preview-padding-right: var(--wb-spacing-static-tiniest);
  --wb-video-standard-toolbar-actions-time-preview-padding-left: var(--wb-spacing-static-tiniest);
  --wb-video-standard-toolbar-actions-time-preview-border-radius: var(--wb-border-radius-main);
  --wb-video-standard-toolbar-actions-time-preview-text-color: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-time-preview-text);
  --wb-video-standard-toolbar-actions-time-preview-background-color: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-time-preview-background);
  --wb-video-standard-toolbar-actions-slider-bar-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-video-standard-toolbar-actions-slider-bar-padding-top: var(--wb-spacing-static-tiniest);
  --wb-video-standard-toolbar-actions-slider-bar-weight-idle: var(--wb-border-weight-stronger);
  --wb-video-standard-toolbar-actions-slider-bar-progress-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-video-standard-toolbar-actions-slider-bar-progress-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-video-standard-toolbar-actions-slider-bar-progress-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-video-standard-toolbar-actions-slider-bar-loading-color: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-slider-bar-loading);
  --wb-video-standard-toolbar-actions-slider-bar-empty-color: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-slider-bar-empty);
  --wb-video-standard-toolbar-actions-slider-bar-radius: var(--wb-border-radius-round);
  --wb-video-standard-toolbar-actions-slider-indicator-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-video-standard-toolbar-actions-slider-indicator-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-video-standard-toolbar-actions-slider-indicator-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-video-standard-toolbar-actions-slider-indicator-size: var(--wb-spacing-static-smallest);
  --wb-video-standard-toolbar-actions-settings-background-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-actions-settings-background-padding-top: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-actions-settings-background-padding-right: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-actions-settings-background-padding-left: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-actions-settings-background-gap: var(--wb-spacing-static-tiny);
  --wb-video-standard-toolbar-actions-settings-background-color: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-settings-background);
  --wb-video-standard-toolbar-actions-basic-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-video-standard-toolbar-actions-basic-padding-top: var(--wb-spacing-static-smallest);
  --wb-video-standard-toolbar-actions-basic-padding-right: var(--wb-spacing-static-smallest);
  --wb-video-standard-toolbar-actions-basic-padding-left: var(--wb-spacing-static-smallest);
  --wb-video-standard-toolbar-actions-basic-icon-color-active: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-basic-icons-active);
  --wb-video-standard-toolbar-actions-basic-icon-color-hover: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-basic-icons-hover);
  --wb-video-standard-toolbar-actions-basic-icon-color-default: var(--wb-color-fixed-component-video-on-main-standard-toolbar-actions-basic-icons-default);
  --wb-video-standard-toolbar-actions-basic-icon-size: var(--wb-spacing-static-smaller);
  --wb-video-standard-toolbar-logo-color-default: var(--wb-color-fixed-component-video-on-main-standard-toolbar-logo);
  --wb-video-standard-toolbar-timer-text-color: var(--wb-color-fixed-component-video-on-main-standard-toolbar-text);
  --wb-video-standard-toolbar-background-gradient-color-end: var(--wb-color-fixed-component-video-on-main-standard-toolbar-background-gradient-end);
  --wb-video-standard-toolbar-background-gradient-color-start: var(--wb-color-fixed-component-video-on-main-standard-toolbar-background-gradient-start);
  --wb-video-standard-play-action-md-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-video-standard-play-action-md-padding-top: var(--wb-spacing-static-smaller);
  --wb-video-standard-play-action-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-video-standard-play-action-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-video-standard-play-action-md-icon-size: var(--wb-spacing-static-smaller);
  --wb-video-standard-play-action-lg-padding-bottom: var(--wb-spacing-static-small);
  --wb-video-standard-play-action-lg-padding-top: var(--wb-spacing-static-small);
  --wb-video-standard-play-action-lg-padding-right: var(--wb-spacing-static-small);
  --wb-video-standard-play-action-lg-padding-left: var(--wb-spacing-static-small);
  --wb-video-standard-play-action-lg-icon-size: var(--wb-spacing-static-small);
  --wb-video-standard-play-action-border-radius: var(--wb-border-radius-round);
  --wb-video-standard-play-action-icon-color-active: var(--wb-color-fixed-component-video-on-main-standard-play-action-icon-active);
  --wb-video-standard-play-action-icon-color-hover: var(--wb-color-fixed-component-video-on-main-standard-play-action-icon-hover);
  --wb-video-standard-play-action-icon-color-default: var(--wb-color-fixed-component-video-on-main-standard-play-action-icon-default);
  --wb-video-standard-play-action-background-color-active: var(--wb-color-fixed-component-video-on-main-standard-play-action-background-active);
  --wb-video-standard-play-action-background-color-hover: var(--wb-color-fixed-component-video-on-main-standard-play-action-background-hover);
  --wb-video-standard-play-action-background-color-default: var(--wb-color-fixed-component-video-on-main-standard-play-action-background-default);
  --wb-video-standard-overlay-color: var(--wb-color-fixed-component-video-on-main-standard-overlay);
  --wb-tooltip-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-tooltip-padding-top: var(--wb-spacing-static-smaller);
  --wb-tooltip-padding-right: var(--wb-spacing-static-small);
  --wb-tooltip-padding-left: var(--wb-spacing-static-small);
  --wb-tooltip-border-radius: var(--wb-border-radius-main);
  --wb-tooltip-text-color: var(--wb-color-text-on-contrast-main-default);
  --wb-tooltip-background-color: var(--wb-color-shape-strong-default);
  --wb-status-badge-size: var(--wb-spacing-static-smaller);
  --wb-status-badge-custom-icon-color: var(--wb-color-fixed-component-status-badge-on-contrast-icon);
  --wb-status-badge-custom-background-color: var(--wb-color-shape-brand-on-contrast-default);
  --wb-status-badge-error-icon-color: var(--wb-color-icon-fixed-white);
  --wb-status-badge-error-background-color: var(--wb-color-shape-status-on-contrast-error-default);
  --wb-status-badge-warning-icon-color-color: var(--wb-color-icon-fixed-black);
  --wb-status-badge-warning-background-color: var(--wb-color-shape-status-on-contrast-warning-default);
  --wb-status-badge-success-icon-color: var(--wb-color-icon-fixed-white);
  --wb-status-badge-success-background-color: var(--wb-color-shape-status-on-contrast-success-default);
  --wb-spinner-border-weight: var(--wb-border-weight-strong);
  --wb-spinner-loader-color: var(--wb-color-shape-brand-on-contrast-default);
  --wb-spinner-loader-on-brand-color-color: var(--wb-color-fixed-component-spinner-on-brand-contrast-loader);
  --wb-spinner-background-color: var(--wb-color-shape-contrast-dim-default);
  --wb-spinner-background-on-brand-color: var(--wb-color-fixed-component-spinner-on-brand-contrast-background);
  --wb-slider-items-gap: var(--wb-spacing-responsive-smaller);
  --wb-slider-gap: var(--wb-spacing-static-smaller);
  --wb-skeleton-border-radius: var(--wb-border-radius-main);
  --wb-skeleton-background-gradient-color-end: var(--wb-color-shape-accent-weakest-default);
  --wb-skeleton-background-gradient-color-start: var(--wb-color-shape-accent-weak-default);
  --wb-selection-card-md-padding-bottom: var(--wb-spacing-static-small);
  --wb-selection-card-md-padding-top: var(--wb-spacing-static-small);
  --wb-selection-card-md-padding-right: var(--wb-spacing-static-small);
  --wb-selection-card-md-padding-left: var(--wb-spacing-static-small);
  --wb-selection-card-md-gap: var(--wb-spacing-static-smaller);
  --wb-selection-card-lg-padding-bottom: var(--wb-spacing-static-medium);
  --wb-selection-card-lg-padding-top: var(--wb-spacing-static-medium);
  --wb-selection-card-lg-padding-right: var(--wb-spacing-static-medium);
  --wb-selection-card-lg-padding-left: var(--wb-spacing-static-medium);
  --wb-selection-card-lg-gap: var(--wb-spacing-static-smaller);
  --wb-selection-card-border-ring-weight: var(--wb-border-weight-strong);
  --wb-selection-card-border-ring-radius: var(--wb-border-radius-sharp);
  --wb-selection-card-border-main-weight: var(--wb-border-weight-main);
  --wb-selection-card-border-main-radius: var(--wb-border-radius-sharp);
  --wb-selection-card-selected-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-selection-card-selected-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-selection-card-selected-border-main-color-hover: var(--wb-color-border-brand-on-contrast-hover);
  --wb-selection-card-selected-border-main-color-default: var(--wb-color-border-brand-on-contrast-default);
  --wb-selection-card-selected-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-selection-card-selected-background-color-focus: var(--wb-color-surface-contrast-weaker-focus);
  --wb-selection-card-selected-background-color-active: var(--wb-color-surface-contrast-weaker-active);
  --wb-selection-card-selected-background-color-hover: var(--wb-color-surface-contrast-weaker-hover);
  --wb-selection-card-selected-background-color-default: var(--wb-color-surface-contrast-weaker-default);
  --wb-selection-card-unselected-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-selection-card-unselected-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-selection-card-unselected-border-main-color-hover: var(--wb-color-border-on-contrast-weak-hover);
  --wb-selection-card-unselected-border-main-color-default: var(--wb-color-border-on-contrast-weak-default);
  --wb-selection-card-unselected-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-selection-card-unselected-background-color-focus: var(--wb-color-surface-contrast-weak-focus);
  --wb-selection-card-unselected-background-color-active: var(--wb-color-surface-contrast-weak-active);
  --wb-selection-card-unselected-background-color-hover: var(--wb-color-surface-contrast-weak-hover);
  --wb-selection-card-unselected-background-color-default: var(--wb-color-surface-contrast-weak-default);
  --wb-tree-levels-second-main-padding-left: var(--wb-spacing-static-huger);
  --wb-tree-levels-first-main-padding-left: var(--wb-spacing-static-larger);
  --wb-tree-levels-basic-item-padding-left: var(--wb-spacing-static-huger);
  --wb-tree-levels-basic-main-padding-left: var(--wb-spacing-static-smaller);
  --wb-tree-levels-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-tree-levels-padding-top: var(--wb-spacing-static-tiny);
  --wb-tree-levels-padding-right: var(--wb-spacing-static-none);
  --wb-tree-levels-gap: var(--wb-spacing-static-tiny);
  --wb-tree-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-tree-caret-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-tree-caret-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-tree-caret-border-ring-weight: var(--wb-border-weight-main);
  --wb-tree-caret-border-ring-radius: var(--wb-border-radius-sharp);
  --wb-tree-caret-icon-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-tree-caret-icon-size: var(--wb-spacing-static-smallest);
  --wb-tree-caret-background-color-focus: var(--wb-color-shape-contrast-accent-none-to-solid-focus);
  --wb-tree-caret-background-color-active: var(--wb-color-shape-contrast-accent-none-to-solid-active);
  --wb-tree-caret-background-color-hover: var(--wb-color-shape-contrast-accent-none-to-solid-hover);
  --wb-tree-caret-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-tree-caret-radius: var(--wb-border-radius-sharp);
  --wb-tree-caret-size: var(--wb-spacing-static-small);
  --wb-toggle-button-text-hint-error-color: var(--wb-color-text-status-on-contrast-error-default);
  --wb-toggle-button-text-hint-color: var(--wb-color-text-on-contrast-weaker-default);
  --wb-toggle-button-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-toggle-button-text-gap: var(--wb-spacing-static-tiniest);
  --wb-toggle-button-shape-border-weight: var(--wb-border-weight-main);
  --wb-toggle-button-shape-border-radius: var(--wb-border-radius-round);
  --wb-toggle-button-shape-inner-circle-radius: var(--wb-border-radius-round);
  --wb-toggle-button-shape-inner-circle-color-default: var(--wb-color-fixed-component-toggle-button-on-contrast-dot);
  --wb-toggle-button-shape-size: var(--wb-spacing-static-small);
  --wb-toggle-button-on-error-border-ring-color-focus: var(--wb-color-border-fixed-white);
  --wb-toggle-button-on-error-border-main-color-focus: var(--wb-color-border-status-on-contrast-error-focus);
  --wb-toggle-button-on-error-border-main-color-active: var(--wb-color-border-status-on-contrast-error-active);
  --wb-toggle-button-on-error-border-main-color-hover: var(--wb-color-border-status-on-contrast-error-hover);
  --wb-toggle-button-on-error-border-main-color-default: var(--wb-color-border-status-on-contrast-error-default);
  --wb-toggle-button-on-error-background-color-focus: var(--wb-color-shape-status-on-contrast-error-focus);
  --wb-toggle-button-on-error-background-color-active: var(--wb-color-shape-status-on-contrast-error-active);
  --wb-toggle-button-on-error-background-color-hover: var(--wb-color-shape-status-on-contrast-error-hover);
  --wb-toggle-button-on-error-background-color-default: var(--wb-color-shape-status-on-contrast-error-default);
  --wb-toggle-button-on-main-border-ring-color-focus: var(--wb-color-border-on-contrast-on-brand);
  --wb-toggle-button-on-main-border-main-color-focus: var(--wb-color-shape-brand-on-contrast-focus);
  --wb-toggle-button-on-main-border-main-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-toggle-button-on-main-border-main-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-toggle-button-on-main-border-main-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-toggle-button-on-main-background-color-focus: var(--wb-color-shape-brand-on-contrast-focus);
  --wb-toggle-button-on-main-background-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-toggle-button-on-main-background-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-toggle-button-on-main-background-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-toggle-button-off-error-border-ring-color-focus: var(--wb-color-border-status-on-contrast-error-focus);
  --wb-toggle-button-off-error-border-main-color-active: var(--wb-color-border-status-on-contrast-error-active);
  --wb-toggle-button-off-error-border-main-color-hover: var(--wb-color-border-status-on-contrast-error-hover);
  --wb-toggle-button-off-error-border-main-color-default: var(--wb-color-border-status-on-contrast-error-default);
  --wb-toggle-button-off-error-background-color-focus: var(--wb-color-shape-contrast-milder-focus);
  --wb-toggle-button-off-error-background-color-active: var(--wb-color-shape-contrast-milder-active);
  --wb-toggle-button-off-error-background-color-hover: var(--wb-color-shape-contrast-milder-hover);
  --wb-toggle-button-off-error-background-color-default: var(--wb-color-shape-contrast-milder-default);
  --wb-toggle-button-off-main-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-toggle-button-off-main-border-main-color-active: var(--wb-color-border-on-contrast-strong-active);
  --wb-toggle-button-off-main-border-main-color-hover: var(--wb-color-border-on-contrast-strong-hover);
  --wb-toggle-button-off-main-border-main-color-default: var(--wb-color-border-on-contrast-strong-default);
  --wb-toggle-button-off-main-background-color-focus: var(--wb-color-shape-contrast-milder-focus);
  --wb-toggle-button-off-main-background-color-active: var(--wb-color-shape-contrast-milder-active);
  --wb-toggle-button-off-main-background-color-hover: var(--wb-color-shape-contrast-milder-hover);
  --wb-toggle-button-off-main-background-color-default: var(--wb-color-shape-contrast-milder-default);
  --wb-toggle-button-gap: var(--wb-spacing-static-tiny);
  --wb-table-border-color: var(--wb-color-border-on-contrast-main-default);
  --wb-table-border-weight: var(--wb-border-weight-main);
  --wb-table-border-radius: var(--wb-border-radius-sharp);
  --wb-table-cell-border-radius: var(--wb-border-radius-sharp);
  --wb-table-cell-with-component-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-table-cell-with-component-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-table-cell-with-component-lg-padding-right: var(--wb-spacing-static-small);
  --wb-table-cell-with-component-lg-padding-left: var(--wb-spacing-static-small);
  --wb-table-cell-with-component-size: var(--wb-spacing-static-smaller);
  --wb-table-cell-icon-md-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-table-cell-icon-md-padding-top: var(--wb-spacing-static-smallest);
  --wb-table-cell-icon-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-table-cell-icon-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-table-cell-icon-lg-padding-right: var(--wb-spacing-static-small);
  --wb-table-cell-icon-lg-padding-left: var(--wb-spacing-static-small);
  --wb-table-cell-icon-color-color: var(--wb-color-text-on-contrast-main-default);
  --wb-table-cell-icon-size: var(--wb-spacing-static-smaller);
  --wb-table-cell-text-md-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-table-cell-text-md-padding-top: var(--wb-spacing-static-tiny);
  --wb-table-cell-text-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-table-cell-text-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-table-cell-text-lg-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-table-cell-text-lg-padding-top: var(--wb-spacing-static-tiny);
  --wb-table-cell-text-lg-padding-right: var(--wb-spacing-static-small);
  --wb-table-cell-text-lg-padding-left: var(--wb-spacing-static-small);
  --wb-table-cell-text-color: var(--wb-color-text-on-contrast-strongest-default);
  --wb-table-cell-background-striped-color: var(--wb-color-shape-contrast-weak-default);
  --wb-table-header-md-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-table-header-md-padding-top: var(--wb-spacing-static-tiny);
  --wb-table-header-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-table-header-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-table-header-md-gap: var(--wb-spacing-static-smallest);
  --wb-table-header-lg-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-table-header-lg-padding-top: var(--wb-spacing-static-tiny);
  --wb-table-header-lg-padding-right: var(--wb-spacing-static-small);
  --wb-table-header-lg-padding-left: var(--wb-spacing-static-small);
  --wb-table-header-lg-gap: var(--wb-spacing-static-smaller);
  --wb-table-header-border-radius: var(--wb-border-radius-sharp);
  --wb-table-header-icon-color-default: var(--wb-color-text-on-contrast-weaker-default);
  --wb-table-header-icon-size: var(--wb-spacing-static-smaller);
  --wb-table-header-text-color: var(--wb-color-text-on-contrast-strongest-default);
  --wb-table-header-background-striped-color: var(--wb-color-shape-contrast-weak-default);
  --wb-gallery-overlay-background-color: var(--wb-color-fixed-component-gallery-overlay-background);
  --wb-gallery-thumbnails-border-color-selected: var(--wb-color-border-brand-on-contrast-selected);
  --wb-gallery-thumbnails-border-color-hover: var(--wb-color-border-brand-on-contrast-hover);
  --wb-gallery-thumbnails-border-weight: var(--wb-border-weight-main);
  --wb-gallery-thumbnails-border-radius: var(--wb-border-radius-sharp);
  --wb-gallery-thumbnails-gap: var(--wb-spacing-static-smaller);
  --wb-gallery-border-radius: var(--wb-border-radius-sharp);
  --wb-gallery-text-padding-top: var(--wb-spacing-static-smaller);
  --wb-gallery-text-body-color: var(--wb-color-text-on-contrast-main-default);
  --wb-gallery-text-headline-color: var(--wb-color-text-on-contrast-main-default);
  --wb-gallery-text-gap: var(--wb-spacing-static-tiny);
  --wb-gallery-gap: var(--wb-spacing-static-smaller);
  --wb-tabs-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-tabs-padding-top: var(--wb-spacing-static-smallest);
  --wb-tabs-padding-right: var(--wb-spacing-static-smaller);
  --wb-tabs-padding-left: var(--wb-spacing-static-smaller);
  --wb-tabs-border-radius: var(--wb-border-radius-sharp);
  --wb-tabs-border-ring-radius: var(--wb-border-radius-sharp);
  --wb-tabs-unselected-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-tabs-unselected-border-underline-color-focus: var(--wb-color-border-on-contrast-weak-focus);
  --wb-tabs-unselected-border-underline-color-hover: var(--wb-color-border-on-contrast-weak-hover);
  --wb-tabs-unselected-border-underline-color-default: var(--wb-color-border-on-contrast-weak-default);
  --wb-tabs-unselected-border-weight: var(--wb-border-weight-main);
  --wb-tabs-unselected-icon-only-size: var(--wb-spacing-static-small);
  --wb-tabs-unselected-icon-only-color-focus: var(--wb-color-icon-on-contrast-strongest-focus);
  --wb-tabs-unselected-icon-only-color-hover: var(--wb-color-icon-on-contrast-strongest-hover);
  --wb-tabs-unselected-icon-only-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-tabs-unselected-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tabs-unselected-icon-leading-color-focus: var(--wb-color-icon-on-contrast-strongest-focus);
  --wb-tabs-unselected-icon-leading-color-hover: var(--wb-color-icon-on-contrast-strongest-hover);
  --wb-tabs-unselected-icon-leading-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-tabs-unselected-text-color-focus: var(--wb-color-text-on-contrast-strongest-focus);
  --wb-tabs-unselected-text-color-hover: var(--wb-color-text-on-contrast-strongest-hover);
  --wb-tabs-unselected-text-color-default: var(--wb-color-text-on-contrast-strongest-default);
  --wb-tabs-unselected-background-color-focus: var(--wb-color-shape-contrast-accent-none-to-translucent-focus);
  --wb-tabs-unselected-background-color-hover: var(--wb-color-shape-contrast-accent-none-to-translucent-hover);
  --wb-tabs-unselected-background-color-default: var(--wb-color-shape-contrast-accent-none-to-translucent-default);
  --wb-tabs-unselected-gap: var(--wb-spacing-static-tiny);
  --wb-tabs-selected-marker-weight: var(--wb-border-weight-strong);
  --wb-tabs-selected-marker-radius: var(--wb-border-radius-sharp);
  --wb-tabs-selected-marker-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-tabs-selected-marker-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-tabs-selected-marker-color-hover: var(--wb-color-border-brand-on-contrast-hover);
  --wb-tabs-selected-marker-color-default: var(--wb-color-border-brand-on-contrast-default);
  --wb-tabs-selected-gap: var(--wb-spacing-static-tiny);
  --wb-tabs-selected-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-tabs-selected-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-tabs-selected-border-weight: var(--wb-border-weight-main);
  --wb-tabs-selected-border-underline-color-focus: var(--wb-color-border-on-contrast-weak-focus);
  --wb-tabs-selected-border-underline-color-active: var(--wb-color-border-on-contrast-weak-active);
  --wb-tabs-selected-border-underline-color-hover: var(--wb-color-border-on-contrast-weak-hover);
  --wb-tabs-selected-border-underline-color-default: var(--wb-color-border-on-contrast-weak-default);
  --wb-tabs-selected-icon-only-size: var(--wb-spacing-static-small);
  --wb-tabs-selected-icon-only-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-tabs-selected-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tabs-selected-icon-leading-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-tabs-selected-text-color-default: var(--wb-color-text-on-contrast-strongest-default);
  --wb-tabs-selected-background-color-focus: var(--wb-color-shape-contrast-accent-none-to-translucent-focus);
  --wb-tabs-selected-background-color-active: var(--wb-color-shape-contrast-accent-none-to-translucent-active);
  --wb-tabs-selected-background-color-hover: var(--wb-color-shape-contrast-accent-none-to-translucent-hover);
  --wb-tabs-selected-background-color-default: var(--wb-color-shape-contrast-accent-none-to-translucent-default);
  --wb-range-slider-bar-empty-color: var(--wb-color-shape-contrast-mildest-default);
  --wb-range-slider-bar-range-color: var(--wb-color-shape-dim-default);
  --wb-range-slider-bar-filled-color: var(--wb-color-shape-brand-on-contrast-default);
  --wb-range-slider-scale-text-color: var(--wb-color-text-on-contrast-main-default);
  --wb-range-slider-scale-indicator-color: var(--wb-color-shape-contrast-strongest-default);
  --wb-range-slider-text-color-color: var(--wb-color-text-on-contrast-main-default);
  --wb-range-slider-indicator-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-range-slider-indicator-border-weight: var(--wb-border-weight-main);
  --wb-range-slider-indicator-background-color-focus: var(--wb-color-shape-contrast-strongest-focus);
  --wb-range-slider-indicator-background-color-active: var(--wb-color-shape-contrast-strongest-active);
  --wb-range-slider-indicator-background-color-hover: var(--wb-color-shape-contrast-strongest-hover);
  --wb-range-slider-indicator-background-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-radio-button-text-error-color: var(--wb-color-text-status-on-contrast-error-default);
  --wb-radio-button-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-radio-button-text-gap: var(--wb-spacing-static-tiniest);
  --wb-radio-button-shape-border-weight: var(--wb-border-weight-main);
  --wb-radio-button-shape-border-radius: var(--wb-border-radius-round);
  --wb-radio-button-shape-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-radio-button-shape-padding-top: var(--wb-spacing-static-tiniest);
  --wb-radio-button-shape-padding-right: var(--wb-spacing-static-tiniest);
  --wb-radio-button-shape-padding-left: var(--wb-spacing-static-tiniest);
  --wb-radio-button-shape-size: var(--wb-spacing-static-small);
  --wb-radio-button-checked-dot-size: var(--wb-spacing-static-tiny);
  --wb-radio-button-checked-dot-color-default: var(--wb-color-fixed-component-radio-button-on-contrast-dot);
  --wb-radio-button-checked-error-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-radio-button-checked-error-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-radio-button-checked-error-border-main-color-focus: var(--wb-color-border-status-on-contrast-error-focus);
  --wb-radio-button-checked-error-border-main-color-active: var(--wb-color-border-status-on-contrast-error-active);
  --wb-radio-button-checked-error-border-main-color-hover: var(--wb-color-border-status-on-contrast-error-hover);
  --wb-radio-button-checked-error-border-main-color-default: var(--wb-color-border-status-on-contrast-error-default);
  --wb-radio-button-checked-error-background-color-focus: var(--wb-color-shape-status-on-contrast-error-focus);
  --wb-radio-button-checked-error-background-color-active: var(--wb-color-shape-status-on-contrast-error-active);
  --wb-radio-button-checked-error-background-color-hover: var(--wb-color-shape-status-on-contrast-error-hover);
  --wb-radio-button-checked-error-background-color-default: var(--wb-color-shape-status-on-contrast-error-default);
  --wb-radio-button-checked-main-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-radio-button-checked-main-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-radio-button-checked-main-border-main-color-focus: var(--wb-color-shape-brand-on-contrast-focus);
  --wb-radio-button-checked-main-border-main-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-radio-button-checked-main-border-main-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-radio-button-checked-main-border-main-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-radio-button-checked-main-background-color-focus: var(--wb-color-shape-brand-on-contrast-focus);
  --wb-radio-button-checked-main-background-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-radio-button-checked-main-background-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-radio-button-checked-main-background-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-radio-button-unchecked-error-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-radio-button-unchecked-error-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-radio-button-unchecked-error-border-main-color-focus: var(--wb-color-border-status-on-contrast-error-focus);
  --wb-radio-button-unchecked-error-border-main-color-active: var(--wb-color-border-status-on-contrast-error-active);
  --wb-radio-button-unchecked-error-border-main-color-hover: var(--wb-color-border-status-on-contrast-error-hover);
  --wb-radio-button-unchecked-error-border-main-color-default: var(--wb-color-border-status-on-contrast-error-default);
  --wb-radio-button-unchecked-error-background-color-focus: var(--wb-color-shape-contrast-weaker-focus);
  --wb-radio-button-unchecked-error-background-color-active: var(--wb-color-shape-contrast-weaker-active);
  --wb-radio-button-unchecked-error-background-color-hover: var(--wb-color-shape-contrast-weaker-hover);
  --wb-radio-button-unchecked-error-background-color-default: var(--wb-color-shape-contrast-weaker-default);
  --wb-radio-button-unchecked-main-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-radio-button-unchecked-main-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-radio-button-unchecked-main-border-main-color-focus: var(--wb-color-border-on-contrast-main-focus);
  --wb-radio-button-unchecked-main-border-main-color-active: var(--wb-color-border-on-contrast-main-active);
  --wb-radio-button-unchecked-main-border-main-color-hover: var(--wb-color-border-on-contrast-main-hover);
  --wb-radio-button-unchecked-main-border-main-color-default: var(--wb-color-border-on-contrast-main-default);
  --wb-radio-button-unchecked-main-background-color-focus: var(--wb-color-shape-contrast-weaker-focus);
  --wb-radio-button-unchecked-main-background-color-active: var(--wb-color-shape-contrast-weaker-active);
  --wb-radio-button-unchecked-main-background-color-hover: var(--wb-color-shape-contrast-weaker-hover);
  --wb-radio-button-unchecked-main-background-color-default: var(--wb-color-shape-contrast-weaker-default);
  --wb-radio-button-gap: var(--wb-spacing-static-tiny);
  --wb-price-icon-size: var(--wb-spacing-static-smaller);
  --wb-price-icon-color: var(--wb-color-icon-on-contrast-main-default);
  --wb-price-border-strikethrough-color: var(--wb-color-fixed-component-price-on-contrast-border-strikethrough);
  --wb-price-text-legal-color: var(--wb-color-text-on-contrast-weakest-default);
  --wb-price-text-striked-color: var(--wb-color-text-on-contrast-weakest-default);
  --wb-price-text-main-gap: var(--wb-spacing-static-tiniest);
  --wb-price-text-main-color: var(--wb-color-text-on-contrast-strongest-default);
  --wb-price-text-headline-color: var(--wb-color-text-on-contrast-weakest-default);
  --wb-popover-no-padding-border-weight: var(--wb-border-weight-main);
  --wb-popover-no-padding-border-radius: var(--wb-border-radius-main);
  --wb-popover-no-padding-border-color: var(--wb-color-border-on-contrast-weak-default);
  --wb-popover-card-padding-bottom: var(--wb-spacing-static-medium);
  --wb-popover-card-padding-top: var(--wb-spacing-static-medium);
  --wb-popover-card-padding-right: var(--wb-spacing-static-medium);
  --wb-popover-card-padding-left: var(--wb-spacing-static-medium);
  --wb-popover-card-border-weight: var(--wb-border-weight-main);
  --wb-popover-card-border-radius: var(--wb-border-radius-sharp);
  --wb-popover-card-border-color: var(--wb-color-border-on-contrast-weak-default);
  --wb-popover-card-background-color: var(--wb-color-fixed-component-popover-on-contrast-background);
  --wb-placeholder-content-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-placeholder-content-padding-top: var(--wb-spacing-static-smaller);
  --wb-placeholder-content-padding-right: var(--wb-spacing-static-smaller);
  --wb-placeholder-content-padding-left: var(--wb-spacing-static-smaller);
  --wb-placeholder-content-icon-size: var(--wb-spacing-static-medium);
  --wb-placeholder-content-icon-color: var(--wb-color-icon-on-contrast-stronger-default);
  --wb-placeholder-content-text-color: var(--wb-color-text-on-contrast-stronger-default);
  --wb-placeholder-content-gap: var(--wb-spacing-static-tiny);
  --wb-placeholder-border-radius: var(--wb-border-radius-sharp);
  --wb-placeholder-background-color: var(--wb-color-surface-contrast-weakest-default);
  --wb-pagination-compact-text-padding-right: var(--wb-spacing-static-smaller);
  --wb-pagination-compact-text-padding-left: var(--wb-spacing-static-smaller);
  --wb-pagination-compact-text-remaining-pages-color-color: var(--wb-color-text-on-contrast-weakest-default);
  --wb-pagination-compact-text-current-page-color: var(--wb-color-text-on-contrast-main-default);
  --wb-pagination-compact-text-gap: var(--wb-spacing-static-tiniest);
  --wb-pagination-compact-gap: var(--wb-spacing-static-tiniest);
  --wb-pagination-basic-pages-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-default);
  --wb-pagination-basic-pages-border-ring-weight: var(--wb-border-weight-main);
  --wb-pagination-basic-pages-text-color-selected: var(--wb-color-text-on-contrast-main-selected);
  --wb-pagination-basic-pages-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-pagination-basic-pages-background-color-selected: var(--wb-color-shape-contrast-accent-none-to-solid-selected);
  --wb-pagination-basic-pages-background-color-focus: var(--wb-color-shape-contrast-accent-none-to-solid-focus);
  --wb-pagination-basic-pages-background-color-active: var(--wb-color-shape-contrast-accent-none-to-solid-active);
  --wb-pagination-basic-pages-background-color-hover: var(--wb-color-shape-contrast-accent-none-to-solid-hover);
  --wb-pagination-basic-pages-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-pagination-basic-pages-gap: var(--wb-spacing-static-smaller);
  --wb-pagination-basic-gap: var(--wb-spacing-static-tiniest);
  --wb-notification-effects-shadow-second-layer-spread: var(--wb-spacing-static-none);
  --wb-notification-effects-shadow-second-layer-y-axis: var(--wb-spacing-static-smaller);
  --wb-notification-effects-shadow-second-layer-x-axis: var(--wb-spacing-static-none);
  --wb-notification-effects-shadow-second-layer-blur: var(--wb-spacing-static-small);
  --wb-notification-effects-shadow-first-layer-spread: var(--wb-spacing-static-none);
  --wb-notification-effects-shadow-first-layer-y-axis: var(--wb-spacing-static-none);
  --wb-notification-effects-shadow-first-layer-x-axis: var(--wb-spacing-static-none);
  --wb-notification-effects-shadow-first-layer-blur: var(--wb-spacing-static-tiniest);
  --wb-notification-effects-shadow-color: var(--wb-color-fixed-component-notification-on-contrast-shadow);
  --wb-notification-footer-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-notification-footer-padding-top: var(--wb-spacing-static-tiny);
  --wb-notification-footer-padding-right: var(--wb-spacing-static-tiny);
  --wb-notification-footer-padding-left: var(--wb-spacing-static-tiny);
  --wb-notification-footer-gap: var(--wb-spacing-static-smaller);
  --wb-notification-content-status-icon-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-notification-content-status-icon-padding-top: var(--wb-spacing-static-tiny);
  --wb-notification-content-text-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-notification-content-text-padding-top: var(--wb-spacing-static-tiny);
  --wb-notification-content-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-notification-content-padding-top: var(--wb-spacing-static-smallest);
  --wb-notification-content-padding-right: var(--wb-spacing-static-smaller);
  --wb-notification-content-padding-left: var(--wb-spacing-static-smaller);
  --wb-notification-content-gap: var(--wb-spacing-static-smaller);
  --wb-notification-icon-highlight-color: var(--wb-color-icon-brand-on-contrast-default);
  --wb-notification-icon-size: var(--wb-spacing-static-small);
  --wb-notification-icon-color: var(--wb-color-icon-on-contrast-main-default);
  --wb-notification-border-highlight-color: var(--wb-color-border-brand-on-contrast-default);
  --wb-notification-border-error-color: var(--wb-color-border-status-on-contrast-error-default);
  --wb-notification-border-warning-color: var(--wb-color-border-status-on-contrast-warning-default);
  --wb-notification-border-success-color: var(--wb-color-border-status-on-contrast-success-default);
  --wb-notification-border-weight: var(--wb-border-weight-strong);
  --wb-notification-border-radius: var(--wb-border-radius-soft);
  --wb-notification-border-color: var(--wb-color-border-on-contrast-weak-default);
  --wb-notification-text-color: var(--wb-color-text-on-contrast-main-default);
  --wb-notification-background-color: var(--wb-color-fixed-component-notification-on-contrast-background);
  --wb-nba-md-padding-bottom: var(--wb-spacing-static-small);
  --wb-nba-md-padding-top: var(--wb-spacing-static-small);
  --wb-nba-md-padding-right: var(--wb-spacing-static-small);
  --wb-nba-md-padding-left: var(--wb-spacing-static-small);
  --wb-nba-md-border-marker-weight: var(--wb-border-weight-strong);
  --wb-nba-lg-padding-bottom: var(--wb-spacing-static-medium);
  --wb-nba-lg-padding-top: var(--wb-spacing-static-medium);
  --wb-nba-lg-padding-right: var(--wb-spacing-static-medium);
  --wb-nba-lg-padding-left: var(--wb-spacing-static-medium);
  --wb-nba-lg-border-marker-weight: var(--wb-border-weight-stronger);
  --wb-nba-icon-size: var(--wb-spacing-static-small);
  --wb-nba-icon-color-default: var(--wb-color-icon-on-contrast-main-default);
  --wb-nba-text-body-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-nba-text-headline-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-nba-marker-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-nba-marker-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-nba-marker-color-hover: var(--wb-color-border-brand-on-contrast-hover);
  --wb-nba-border-weight: var(--wb-border-weight-main);
  --wb-nba-border-radius: var(--wb-border-radius-sharp);
  --wb-nba-secondary-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-nba-secondary-border-main-color-focus: var(--wb-color-border-on-contrast-weak-focus);
  --wb-nba-secondary-border-main-color-active: var(--wb-color-border-on-contrast-weak-active);
  --wb-nba-secondary-border-main-color-hover: var(--wb-color-border-on-contrast-weak-hover);
  --wb-nba-secondary-border-main-color-default: var(--wb-color-border-on-contrast-weak-default);
  --wb-nba-secondary-background-color-focus: var(--wb-color-surface-contrast-weak-focus);
  --wb-nba-secondary-background-color-active: var(--wb-color-surface-contrast-weak-active);
  --wb-nba-secondary-background-color-hover: var(--wb-color-surface-contrast-weak-hover);
  --wb-nba-secondary-background-color-default: var(--wb-color-surface-contrast-weak-default);
  --wb-nba-primary-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-nba-primary-border-main-color-focus: var(--wb-color-border-on-contrast-weak-focus);
  --wb-nba-primary-border-main-color-active: var(--wb-color-border-on-contrast-weak-active);
  --wb-nba-primary-border-main-color-hover: var(--wb-color-border-on-contrast-weak-hover);
  --wb-nba-primary-border-main-color-default: var(--wb-color-border-on-contrast-weak-default);
  --wb-nba-primary-background-color-focus: var(--wb-color-surface-contrast-weak-focus);
  --wb-nba-primary-background-color-active: var(--wb-color-surface-contrast-weak-active);
  --wb-nba-primary-background-color-hover: var(--wb-color-surface-contrast-weak-hover);
  --wb-nba-primary-background-color-default: var(--wb-color-surface-contrast-weak-default);
  --wb-navigation-item-content-end-text-main-gap: var(--wb-spacing-static-tiny);
  --wb-navigation-item-content-end-padding-left: var(--wb-spacing-static-tiny);
  --wb-navigation-item-content-main-padding-left: var(--wb-spacing-static-tiny);
  --wb-navigation-item-border-ring-weight: var(--wb-border-weight-main);
  --wb-navigation-item-border-ring-radius: var(--wb-border-radius-subtle);
  --wb-navigation-item-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-navigation-item-indicator-size: var(--wb-spacing-static-tiny);
  --wb-navigation-item-indicator-color: var(--wb-color-shape-brand-on-contrast-default);
  --wb-navigation-item-icon-trailing-color-focus: var(--wb-color-icon-on-contrast-weakest-focus);
  --wb-navigation-item-icon-trailing-color-active: var(--wb-color-fixed-component-navigation-item-on-contrast-icon-active);
  --wb-navigation-item-icon-trailing-color-hover: var(--wb-color-fixed-component-navigation-item-on-contrast-icon-hover);
  --wb-navigation-item-icon-trailing-color-default: var(--wb-color-icon-on-contrast-weakest-default);
  --wb-navigation-item-icon-trailing-size: var(--wb-spacing-static-smallest);
  --wb-navigation-item-icon-leading-color-focus: var(--wb-color-icon-on-contrast-weakest-focus);
  --wb-navigation-item-icon-leading-color-active: var(--wb-color-fixed-component-navigation-item-on-contrast-icon-active);
  --wb-navigation-item-icon-leading-color-hover: var(--wb-color-fixed-component-navigation-item-on-contrast-icon-hover);
  --wb-navigation-item-icon-leading-color-default: var(--wb-color-icon-on-contrast-weakest-default);
  --wb-navigation-item-icon-leading-size: var(--wb-spacing-static-small);
  --wb-navigation-item-text-main-color-focus: var(--wb-color-text-on-contrast-weakest-focus);
  --wb-navigation-item-text-main-color-active: var(--wb-color-fixed-component-navigation-item-on-contrast-text-active);
  --wb-navigation-item-text-main-color-hover: var(--wb-color-fixed-component-navigation-item-on-contrast-text-hover);
  --wb-navigation-item-text-main-color-default: var(--wb-color-text-on-contrast-weakest-default);
  --wb-navigation-item-text-lead-color-focus: var(--wb-color-text-on-contrast-weakest-focus);
  --wb-navigation-item-text-lead-color-active: var(--wb-color-fixed-component-navigation-item-on-contrast-text-active);
  --wb-navigation-item-text-lead-color-hover: var(--wb-color-fixed-component-navigation-item-on-contrast-text-hover);
  --wb-navigation-item-text-lead-color-default: var(--wb-color-text-on-contrast-weakest-default);
  --wb-modal-overlay-background-color: var(--wb-color-fixed-component-modal-overlay-background);
  --wb-modal-destructive-button-border-ring-color-focus: var(--wb-color-border-weakest-focus);
  --wb-modal-destructive-button-border-ring-color-active: var(--wb-color-border-weakest-active);
  --wb-modal-destructive-button-border-weight: var(--wb-border-weight-main);
  --wb-modal-destructive-button-icon-leading-color-default: var(--wb-color-icon-fixed-white);
  --wb-modal-destructive-button-text-color-default: var(--wb-color-text-fixed-white);
  --wb-modal-lg-content-footer-larger-padding-bottom: var(--wb-spacing-static-medium);
  --wb-modal-lg-content-footer-larger-padding-top: var(--wb-spacing-static-medium);
  --wb-modal-lg-content-footer-larger-padding-right: var(--wb-spacing-static-small);
  --wb-modal-lg-content-footer-larger-padding-left: var(--wb-spacing-static-small);
  --wb-modal-lg-content-footer-smaller-actions-gap: var(--wb-spacing-static-smaller);
  --wb-modal-lg-content-footer-smaller-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-modal-lg-content-footer-smaller-padding-top: var(--wb-spacing-static-smaller);
  --wb-modal-lg-content-footer-smaller-padding-right: var(--wb-spacing-static-small);
  --wb-modal-lg-content-footer-smaller-padding-left: var(--wb-spacing-static-small);
  --wb-modal-lg-content-footer-gap: var(--wb-spacing-static-smaller);
  --wb-modal-lg-content-body-text-gap: var(--wb-spacing-static-tiny);
  --wb-modal-lg-content-body-padding-bottom: var(--wb-spacing-static-larger);
  --wb-modal-lg-content-body-padding-top: var(--wb-spacing-static-medium);
  --wb-modal-lg-content-body-padding-right: var(--wb-spacing-static-small);
  --wb-modal-lg-content-body-padding-left: var(--wb-spacing-static-small);
  --wb-modal-lg-content-body-gap: var(--wb-spacing-static-medium);
  --wb-modal-lg-content-header-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-modal-lg-content-header-padding-top: var(--wb-spacing-static-smallest);
  --wb-modal-lg-content-header-padding-right: var(--wb-spacing-static-smallest);
  --wb-modal-lg-content-header-padding-left: var(--wb-spacing-static-smallest);
  --wb-modal-lg-border-radius: var(--wb-border-radius-soft);
  --wb-modal-md-content-footer-horizontal-actions-gap: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-horizontal-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-modal-md-content-footer-horizontal-padding-top: var(--wb-spacing-static-smallest);
  --wb-modal-md-content-footer-horizontal-padding-right: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-horizontal-padding-left: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-horizontal-gap: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-vertical-larger-padding-bottom: var(--wb-spacing-static-small);
  --wb-modal-md-content-footer-vertical-larger-padding-top: var(--wb-spacing-static-small);
  --wb-modal-md-content-footer-vertical-larger-padding-right: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-vertical-larger-padding-left: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-vertical-larger-gap: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-vertical-smaller-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-modal-md-content-footer-vertical-smaller-padding-top: var(--wb-spacing-static-smallest);
  --wb-modal-md-content-footer-vertical-smaller-padding-right: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-vertical-smaller-padding-left: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-footer-vertical-smaller-gap: var(--wb-spacing-static-tiny);
  --wb-modal-md-content-body-text-gap: var(--wb-spacing-static-tiny);
  --wb-modal-md-content-body-padding-bottom: var(--wb-spacing-static-medium);
  --wb-modal-md-content-body-padding-top: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-body-padding-right: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-body-padding-left: var(--wb-spacing-static-smaller);
  --wb-modal-md-content-body-gap: var(--wb-spacing-static-small);
  --wb-modal-md-content-header-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-modal-md-content-header-padding-top: var(--wb-spacing-static-smallest);
  --wb-modal-md-content-header-padding-right: var(--wb-spacing-static-smallest);
  --wb-modal-md-content-header-padding-left: var(--wb-spacing-static-smallest);
  --wb-modal-md-border-radius: var(--wb-border-radius-sharp);
  --wb-modal-border-divider-weight: var(--wb-border-weight-main);
  --wb-modal-border-divider-color: var(--wb-color-border-weak-default);
  --wb-modal-text-body-color: var(--wb-color-text-weakest-default);
  --wb-modal-text-headline-color: var(--wb-color-text-main-default);
  --wb-modal-background-bottom-color: var(--wb-color-surface-strong-default);
  --wb-modal-background-main-color: var(--wb-color-surface-main-default);
  --wb-load-more-md-gap: var(--wb-spacing-static-smaller);
  --wb-load-more-lg-gap: var(--wb-spacing-static-small);
  --wb-load-more-progress-text-color: var(--wb-color-text-on-contrast-main-default);
  --wb-load-more-progress-gap: var(--wb-spacing-static-smallest);
  --wb-list-group-button-item-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-list-group-button-item-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-list-group-button-item-lg-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-list-group-button-item-lg-padding-top: var(--wb-spacing-static-tiny);
  --wb-list-group-button-item-lg-padding-right: var(--wb-spacing-static-smaller);
  --wb-list-group-button-item-lg-padding-left: var(--wb-spacing-static-smaller);
  --wb-list-group-basic-item-body-end-content-padding-left: var(--wb-spacing-static-small);
  --wb-list-group-basic-item-body-end-content-gap: var(--wb-spacing-static-tiny);
  --wb-list-group-basic-item-body-start-content-gap: var(--wb-spacing-static-tiny);
  --wb-list-group-basic-item-body-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-list-group-basic-item-body-padding-top: var(--wb-spacing-static-smaller);
  --wb-list-group-basic-item-body-padding-right: var(--wb-spacing-static-smaller);
  --wb-list-group-basic-item-body-padding-left: var(--wb-spacing-static-smaller);
  --wb-list-group-basic-item-icon-meta-color: var(--wb-color-text-on-contrast-weakest-default);
  --wb-list-group-basic-item-icon-leading-color-default: var(--wb-color-icon-on-contrast-main-default);
  --wb-list-group-basic-item-icon-size: var(--wb-spacing-static-smaller);
  --wb-list-group-basic-item-text-meta-color: var(--wb-color-text-on-contrast-weakest-default);
  --wb-list-group-basic-item-text-label-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-list-group-border-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-list-group-border-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-list-group-border-weight: var(--wb-border-weight-main);
  --wb-list-group-border-radius: var(--wb-border-radius-sharp);
  --wb-list-group-background-color-focus: var(--wb-color-shape-contrast-weakest-focus);
  --wb-list-group-background-color-active: var(--wb-color-shape-contrast-weakest-active);
  --wb-list-group-background-color-hover: var(--wb-color-shape-contrast-weakest-hover);
  --wb-list-group-background-color-default: var(--wb-color-shape-contrast-weakest-default);
  --wb-list-level-second-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-list-level-second-padding-left: var(--wb-spacing-static-large);
  --wb-list-level-second-gap: var(--wb-spacing-static-tiny);
  --wb-list-level-first-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-list-level-first-gap: var(--wb-spacing-static-tiny);
  --wb-list-text-color: var(--wb-color-text-on-contrast-strongest-default);
  --wb-list-type-icon-lg-size: var(--wb-spacing-static-smaller);
  --wb-list-type-icon-md-size: var(--wb-spacing-static-smaller);
  --wb-list-type-icon-sm-size: var(--wb-spacing-static-smallest);
  --wb-list-type-icon-color: var(--wb-color-icon-on-contrast-weaker-default);
  --wb-list-type-text-color: var(--wb-color-text-on-contrast-weaker-default);
  --wb-highlight-slider-padding-bar-gap: var(--wb-spacing-static-smallest);
  --wb-highlight-slider-padding-label-right: var(--wb-spacing-static-tiny);
  --wb-highlight-slider-padding-label-left: var(--wb-spacing-static-tiny);
  --wb-highlight-slider-shape-dot-size: var(--wb-spacing-static-tiniest);
  --wb-highlight-slider-shape-dot-empty-weight: var(--wb-border-weight-main);
  --wb-highlight-slider-shape-dot-empty-color-default: var(--wb-color-border-on-contrast-strong-default);
  --wb-highlight-slider-shape-dot-filled-color-default: var(--wb-color-border-brand-on-contrast-default);
  --wb-highlight-slider-shape-bar-dashed-color-default: var(--wb-color-border-on-contrast-strong-default);
  --wb-highlight-slider-shape-bar-filled-color-default: var(--wb-color-border-brand-on-contrast-default);
  --wb-highlight-slider-shape-bar-weight: var(--wb-border-weight-strong);
  --wb-highlight-slider-text-color-focus: var(--wb-color-text-on-contrast-weaker-focus);
  --wb-highlight-slider-text-color-active: var(--wb-color-text-on-contrast-weaker-active);
  --wb-highlight-slider-text-color-hover: var(--wb-color-text-on-contrast-weaker-hover);
  --wb-highlight-slider-text-color-default: var(--wb-color-text-on-contrast-weaker-default);
  --wb-interactive-tag-sm-with-delete-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-sm-with-delete-padding-top: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-sm-with-delete-padding-right: var(--wb-spacing-static-tiny);
  --wb-interactive-tag-sm-with-delete-padding-left: var(--wb-spacing-static-smallest);
  --wb-interactive-tag-sm-with-delete-gap: var(--wb-spacing-static-tiny);
  --wb-interactive-tag-sm-with-selection-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-sm-with-selection-padding-top: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-sm-with-selection-padding-right: var(--wb-spacing-static-smaller);
  --wb-interactive-tag-sm-with-selection-padding-left: var(--wb-spacing-static-tiny);
  --wb-interactive-tag-sm-action-size: var(--wb-spacing-static-smaller);
  --wb-interactive-tag-md-with-delete-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-md-with-delete-padding-top: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-md-with-delete-padding-right: var(--wb-spacing-static-tiny);
  --wb-interactive-tag-md-with-delete-padding-left: var(--wb-spacing-static-smaller);
  --wb-interactive-tag-md-with-delete-gap: var(--wb-spacing-static-tiny);
  --wb-interactive-tag-md-with-selection-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-md-with-selection-padding-top: var(--wb-spacing-static-tiniest);
  --wb-interactive-tag-md-with-selection-padding-right: var(--wb-spacing-static-smaller);
  --wb-interactive-tag-md-with-selection-padding-left: var(--wb-spacing-static-tiny);
  --wb-interactive-tag-md-action-size: var(--wb-spacing-static-small);
  --wb-interactive-tag-border-radius: var(--wb-border-radius-round);
  --wb-interactive-tag-error-border-ring-color-focus: var(--wb-color-border-status-on-contrast-error-focus);
  --wb-interactive-tag-error-border-ring-color-active: var(--wb-color-border-status-on-contrast-error-active);
  --wb-interactive-tag-error-border-ring-weight: var(--wb-border-weight-strong);
  --wb-interactive-tag-error-border-main-color-focus: var(--wb-color-border-status-on-contrast-error-focus);
  --wb-interactive-tag-error-border-main-color-active: var(--wb-color-border-status-on-contrast-error-active);
  --wb-interactive-tag-error-border-main-color-hover: var(--wb-color-border-status-on-contrast-error-hover);
  --wb-interactive-tag-error-border-main-color-default: var(--wb-color-border-status-on-contrast-error-default);
  --wb-interactive-tag-error-border-main-weight: var(--wb-border-weight-main);
  --wb-interactive-tag-error-icon-delete-background-color-default: var(--wb-color-shape-fixed-white);
  --wb-interactive-tag-error-icon-delete-color-focus: var(--wb-color-icon-status-on-contrast-error-focus);
  --wb-interactive-tag-error-icon-delete-color-active: var(--wb-color-icon-status-on-contrast-error-active);
  --wb-interactive-tag-error-icon-delete-color-hover: var(--wb-color-icon-status-on-contrast-error-hover);
  --wb-interactive-tag-error-icon-delete-color-default: var(--wb-color-icon-status-on-contrast-error-default);
  --wb-interactive-tag-error-text-color-default: var(--wb-color-text-fixed-white);
  --wb-interactive-tag-tertiary-filled-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-interactive-tag-tertiary-filled-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-interactive-tag-tertiary-filled-border-ring-weight: var(--wb-border-weight-strong);
  --wb-interactive-tag-tertiary-filled-border-main-color-focus: var(--wb-color-border-weak-focus);
  --wb-interactive-tag-tertiary-filled-border-main-color-active: var(--wb-color-border-weak-active);
  --wb-interactive-tag-tertiary-filled-border-main-color-hover: var(--wb-color-border-weak-hover);
  --wb-interactive-tag-tertiary-filled-border-main-color-default: var(--wb-color-border-weak-default);
  --wb-interactive-tag-tertiary-filled-border-main-weight: var(--wb-border-weight-main);
  --wb-interactive-tag-tertiary-filled-icon-delete-background-color-focus: var(--wb-color-shape-contrast-weak-focus);
  --wb-interactive-tag-tertiary-filled-icon-delete-background-color-active: var(--wb-color-shape-contrast-weak-active);
  --wb-interactive-tag-tertiary-filled-icon-delete-background-color-hover: var(--wb-color-shape-contrast-weak-hover);
  --wb-interactive-tag-tertiary-filled-icon-delete-background-color-default: var(--wb-color-shape-contrast-weak-default);
  --wb-interactive-tag-tertiary-filled-icon-delete-color-focus: var(--wb-color-border-dim-focus);
  --wb-interactive-tag-tertiary-filled-icon-delete-color-active: var(--wb-color-border-dim-active);
  --wb-interactive-tag-tertiary-filled-icon-delete-color-hover: var(--wb-color-border-dim-hover);
  --wb-interactive-tag-tertiary-filled-icon-delete-color-default: var(--wb-color-border-dim-default);
  --wb-interactive-tag-tertiary-filled-icon-checked-color-focus: var(--wb-color-icon-main-focus);
  --wb-interactive-tag-tertiary-filled-icon-checked-color-active: var(--wb-color-icon-main-active);
  --wb-interactive-tag-tertiary-filled-icon-checked-color-hover: var(--wb-color-icon-main-hover);
  --wb-interactive-tag-tertiary-filled-icon-checked-color-default: var(--wb-color-icon-main-default);
  --wb-interactive-tag-tertiary-filled-text-color-focus: var(--wb-color-text-main-focus);
  --wb-interactive-tag-tertiary-filled-text-color-active: var(--wb-color-text-main-active);
  --wb-interactive-tag-tertiary-filled-text-color-hover: var(--wb-color-text-main-hover);
  --wb-interactive-tag-tertiary-filled-text-color-default: var(--wb-color-text-main-default);
  --wb-interactive-tag-tertiary-filled-background-color-focus: var(--wb-color-shape-contrast-strong-focus);
  --wb-interactive-tag-tertiary-filled-background-color-active: var(--wb-color-shape-contrast-strong-active);
  --wb-interactive-tag-tertiary-filled-background-color-hover: var(--wb-color-shape-contrast-strong-hover);
  --wb-interactive-tag-tertiary-filled-background-color-default: var(--wb-color-shape-contrast-strong-default);
  --wb-interactive-tag-tertiary-unfilled-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-interactive-tag-tertiary-unfilled-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-interactive-tag-tertiary-unfilled-border-ring-weight: var(--wb-border-weight-strong);
  --wb-interactive-tag-tertiary-unfilled-border-main-color-focus: var(--wb-color-border-on-contrast-stronger-focus);
  --wb-interactive-tag-tertiary-unfilled-border-main-color-active: var(--wb-color-border-on-contrast-stronger-active);
  --wb-interactive-tag-tertiary-unfilled-border-main-color-hover: var(--wb-color-border-on-contrast-stronger-hover);
  --wb-interactive-tag-tertiary-unfilled-border-main-color-default: var(--wb-color-border-on-contrast-stronger-default);
  --wb-interactive-tag-tertiary-unfilled-border-main-weight: var(--wb-border-weight-main);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-background-color-focus: var(--wb-color-shape-contrast-stronger-focus);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-background-color-active: var(--wb-color-shape-contrast-stronger-active);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-background-color-hover: var(--wb-color-shape-contrast-stronger-hover);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-background-color-default: var(--wb-color-shape-contrast-stronger-default);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-color-focus: var(--wb-color-icon-strongest-focus);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-color-active: var(--wb-color-icon-strongest-active);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-color-hover: var(--wb-color-icon-strongest-hover);
  --wb-interactive-tag-tertiary-unfilled-icon-checked-color-default: var(--wb-color-icon-strongest-default);
  --wb-interactive-tag-tertiary-unfilled-icon-unchecked-color-focus: var(--wb-color-icon-on-contrast-main-focus);
  --wb-interactive-tag-tertiary-unfilled-icon-unchecked-color-active: var(--wb-color-icon-on-contrast-main-active);
  --wb-interactive-tag-tertiary-unfilled-icon-unchecked-color-hover: var(--wb-color-icon-on-contrast-main-hover);
  --wb-interactive-tag-tertiary-unfilled-icon-unchecked-color-default: var(--wb-color-icon-on-contrast-main-default);
  --wb-interactive-tag-tertiary-unfilled-text-color-focus: var(--wb-color-text-on-contrast-main-focus);
  --wb-interactive-tag-tertiary-unfilled-text-color-active: var(--wb-color-text-on-contrast-main-active);
  --wb-interactive-tag-tertiary-unfilled-text-color-hover: var(--wb-color-text-on-contrast-main-hover);
  --wb-interactive-tag-tertiary-unfilled-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-interactive-tag-tertiary-unfilled-background-color-focus: var(--wb-color-shape-contrast-accent-none-to-solid-focus);
  --wb-interactive-tag-tertiary-unfilled-background-color-active: var(--wb-color-shape-contrast-accent-none-to-solid-active);
  --wb-interactive-tag-tertiary-unfilled-background-color-hover: var(--wb-color-shape-contrast-accent-none-to-solid-hover);
  --wb-interactive-tag-tertiary-unfilled-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-interactive-tag-secondary-filled-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-interactive-tag-secondary-filled-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-interactive-tag-secondary-filled-border-ring-weight: var(--wb-border-weight-strong);
  --wb-interactive-tag-secondary-filled-border-main-color-focus: var(--wb-color-border-on-contrast-strongest-focus);
  --wb-interactive-tag-secondary-filled-border-main-color-active: var(--wb-color-border-on-contrast-strongest-active);
  --wb-interactive-tag-secondary-filled-border-main-color-hover: var(--wb-color-border-on-contrast-strongest-hover);
  --wb-interactive-tag-secondary-filled-border-main-color-default: var(--wb-color-border-on-contrast-strongest-default);
  --wb-interactive-tag-secondary-filled-border-main-weight: var(--wb-border-weight-main);
  --wb-interactive-tag-secondary-filled-icon-delete-background-color-focus: var(--wb-color-shape-contrast-weak-focus);
  --wb-interactive-tag-secondary-filled-icon-delete-background-color-active: var(--wb-color-shape-contrast-weak-active);
  --wb-interactive-tag-secondary-filled-icon-delete-background-color-hover: var(--wb-color-shape-contrast-weak-hover);
  --wb-interactive-tag-secondary-filled-icon-delete-background-color-default: var(--wb-color-shape-contrast-weak-default);
  --wb-interactive-tag-secondary-filled-icon-delete-color-focus: var(--wb-color-icon-on-contrast-strongest-focus);
  --wb-interactive-tag-secondary-filled-icon-delete-color-active: var(--wb-color-icon-on-contrast-strongest-active);
  --wb-interactive-tag-secondary-filled-icon-delete-color-hover: var(--wb-color-icon-on-contrast-strongest-hover);
  --wb-interactive-tag-secondary-filled-icon-delete-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-interactive-tag-secondary-filled-icon-checked-color-focus: var(--wb-color-icon-main-focus);
  --wb-interactive-tag-secondary-filled-icon-checked-color-active: var(--wb-color-icon-main-active);
  --wb-interactive-tag-secondary-filled-icon-checked-color-hover: var(--wb-color-icon-main-hover);
  --wb-interactive-tag-secondary-filled-icon-checked-color-default: var(--wb-color-icon-main-default);
  --wb-interactive-tag-secondary-filled-text-color-focus: var(--wb-color-text-main-focus);
  --wb-interactive-tag-secondary-filled-text-color-active: var(--wb-color-text-main-active);
  --wb-interactive-tag-secondary-filled-text-color-hover: var(--wb-color-text-main-hover);
  --wb-interactive-tag-secondary-filled-text-color-default: var(--wb-color-text-main-default);
  --wb-interactive-tag-secondary-filled-background-color-focus: var(--wb-color-shape-contrast-strongest-focus);
  --wb-interactive-tag-secondary-filled-background-color-active: var(--wb-color-shape-contrast-strongest-active);
  --wb-interactive-tag-secondary-filled-background-color-hover: var(--wb-color-shape-contrast-strongest-hover);
  --wb-interactive-tag-secondary-filled-background-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-interactive-tag-secondary-unfilled-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-interactive-tag-secondary-unfilled-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-interactive-tag-secondary-unfilled-border-ring-weight: var(--wb-border-weight-strong);
  --wb-interactive-tag-secondary-unfilled-border-main-color-focus: var(--wb-color-border-on-contrast-stronger-focus);
  --wb-interactive-tag-secondary-unfilled-border-main-color-active: var(--wb-color-border-on-contrast-stronger-active);
  --wb-interactive-tag-secondary-unfilled-border-main-color-hover: var(--wb-color-border-on-contrast-stronger-hover);
  --wb-interactive-tag-secondary-unfilled-border-main-color-default: var(--wb-color-border-on-contrast-stronger-default);
  --wb-interactive-tag-secondary-unfilled-border-main-weight: var(--wb-border-weight-main);
  --wb-interactive-tag-secondary-unfilled-icon-checked-background-color-focus: var(--wb-color-shape-contrast-stronger-focus);
  --wb-interactive-tag-secondary-unfilled-icon-checked-background-color-active: var(--wb-color-shape-contrast-stronger-active);
  --wb-interactive-tag-secondary-unfilled-icon-checked-background-color-hover: var(--wb-color-shape-contrast-stronger-hover);
  --wb-interactive-tag-secondary-unfilled-icon-checked-background-color-default: var(--wb-color-shape-contrast-stronger-default);
  --wb-interactive-tag-secondary-unfilled-icon-checked-color-focus: var(--wb-color-icon-strongest-focus);
  --wb-interactive-tag-secondary-unfilled-icon-checked-color-active: var(--wb-color-icon-strongest-active);
  --wb-interactive-tag-secondary-unfilled-icon-checked-color-hover: var(--wb-color-icon-strongest-hover);
  --wb-interactive-tag-secondary-unfilled-icon-checked-color-default: var(--wb-color-icon-strongest-default);
  --wb-interactive-tag-secondary-unfilled-icon-unchecked-color-focus: var(--wb-color-icon-on-contrast-stronger-focus);
  --wb-interactive-tag-secondary-unfilled-icon-unchecked-color-active: var(--wb-color-icon-on-contrast-stronger-active);
  --wb-interactive-tag-secondary-unfilled-icon-unchecked-color-hover: var(--wb-color-icon-on-contrast-stronger-hover);
  --wb-interactive-tag-secondary-unfilled-icon-unchecked-color-default: var(--wb-color-icon-on-contrast-stronger-default);
  --wb-interactive-tag-secondary-unfilled-text-color-focus: var(--wb-color-text-on-contrast-stronger-focus);
  --wb-interactive-tag-secondary-unfilled-text-color-active: var(--wb-color-text-on-contrast-stronger-active);
  --wb-interactive-tag-secondary-unfilled-text-color-hover: var(--wb-color-text-on-contrast-stronger-hover);
  --wb-interactive-tag-secondary-unfilled-text-color-default: var(--wb-color-text-on-contrast-stronger-default);
  --wb-interactive-tag-secondary-unfilled-background-color-focus: var(--wb-color-shape-contrast-accent-none-to-solid-focus);
  --wb-interactive-tag-secondary-unfilled-background-color-active: var(--wb-color-shape-contrast-accent-none-to-solid-active);
  --wb-interactive-tag-secondary-unfilled-background-color-hover: var(--wb-color-shape-contrast-accent-none-to-solid-hover);
  --wb-interactive-tag-secondary-unfilled-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-interactive-tag-primary-filled-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-interactive-tag-primary-filled-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-interactive-tag-primary-filled-border-ring-weight: var(--wb-border-weight-strong);
  --wb-interactive-tag-primary-filled-border-main-weight: var(--wb-border-weight-main);
  --wb-interactive-tag-primary-filled-border-main-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-interactive-tag-primary-filled-border-main-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-interactive-tag-primary-filled-border-main-color-hover: var(--wb-color-border-brand-on-contrast-hover);
  --wb-interactive-tag-primary-filled-border-main-color-default: var(--wb-color-border-brand-on-contrast-default);
  --wb-interactive-tag-primary-filled-icon-delete-background-color-default: var(--wb-color-fixed-component-interactive-tag-primary-on-contrast-delete-icon-background-default);
  --wb-interactive-tag-primary-filled-icon-delete-color-focus: var(--wb-color-fixed-component-interactive-tag-primary-on-contrast-delete-icon-focus);
  --wb-interactive-tag-primary-filled-icon-delete-color-active: var(--wb-color-fixed-component-interactive-tag-primary-on-contrast-delete-icon-active);
  --wb-interactive-tag-primary-filled-icon-delete-color-hover: var(--wb-color-fixed-component-interactive-tag-primary-on-contrast-delete-icon-hover);
  --wb-interactive-tag-primary-filled-icon-delete-color-default: var(--wb-color-fixed-component-interactive-tag-primary-on-contrast-delete-icon-default);
  --wb-interactive-tag-primary-filled-icon-checked-color-default: var(--wb-color-icon-on-contrast-on-brand);
  --wb-interactive-tag-primary-filled-text-color-default: var(--wb-color-text-on-contrast-on-brand);
  --wb-interactive-tag-primary-filled-background-color-focus: var(--wb-color-shape-brand-on-contrast-focus);
  --wb-interactive-tag-primary-filled-background-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-interactive-tag-primary-filled-background-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-interactive-tag-primary-filled-background-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-interactive-tag-primary-unfilled-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-interactive-tag-primary-unfilled-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-interactive-tag-primary-unfilled-border-ring-weight: var(--wb-border-weight-strong);
  --wb-interactive-tag-primary-unfilled-border-main-weight: var(--wb-border-weight-main);
  --wb-interactive-tag-primary-unfilled-border-main-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-interactive-tag-primary-unfilled-border-main-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-interactive-tag-primary-unfilled-border-main-color-hover: var(--wb-color-border-brand-on-contrast-hover);
  --wb-interactive-tag-primary-unfilled-border-main-color-default: var(--wb-color-border-brand-on-contrast-default);
  --wb-interactive-tag-primary-unfilled-icon-checked-background-color-focus: var(--wb-color-shape-brand-on-contrast-focus);
  --wb-interactive-tag-primary-unfilled-icon-checked-background-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-interactive-tag-primary-unfilled-icon-checked-background-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-interactive-tag-primary-unfilled-icon-checked-background-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-interactive-tag-primary-unfilled-icon-checked-color-default: var(--wb-color-icon-on-contrast-on-brand);
  --wb-interactive-tag-primary-unfilled-icon-unchecked-color-focus: var(--wb-color-icon-brand-on-contrast-focus);
  --wb-interactive-tag-primary-unfilled-icon-unchecked-color-active: var(--wb-color-icon-brand-on-contrast-active);
  --wb-interactive-tag-primary-unfilled-icon-unchecked-color-hover: var(--wb-color-icon-brand-on-contrast-hover);
  --wb-interactive-tag-primary-unfilled-icon-unchecked-color-default: var(--wb-color-icon-brand-on-contrast-default);
  --wb-interactive-tag-primary-unfilled-text-color-focus: var(--wb-color-text-brand-on-contrast-focus);
  --wb-interactive-tag-primary-unfilled-text-color-active: var(--wb-color-text-brand-on-contrast-active);
  --wb-interactive-tag-primary-unfilled-text-color-hover: var(--wb-color-text-brand-on-contrast-hover);
  --wb-interactive-tag-primary-unfilled-text-color-default: var(--wb-color-text-brand-on-contrast-default);
  --wb-interactive-tag-primary-unfilled-background-color-focus: var(--wb-color-shape-contrast-accent-none-to-solid-focus);
  --wb-interactive-tag-primary-unfilled-background-color-active: var(--wb-color-shape-contrast-accent-none-to-solid-active);
  --wb-interactive-tag-primary-unfilled-background-color-hover: var(--wb-color-shape-contrast-accent-none-to-solid-hover);
  --wb-interactive-tag-primary-unfilled-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-form-control-with-list-items-gap: var(--wb-spacing-static-tiniest);
  --wb-form-control-parts-combobox-selection-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-form-control-parts-combobox-selection-padding-top: var(--wb-spacing-static-smaller);
  --wb-form-control-parts-combobox-selection-padding-right: var(--wb-spacing-static-none);
  --wb-form-control-parts-combobox-selection-padding-left: var(--wb-spacing-static-smaller);
  --wb-form-control-parts-combobox-selection-background-color: var(--wb-color-shape-contrast-weakest-default);
  --wb-form-control-parts-combobox-selection-gap: var(--wb-spacing-static-tiny);
  --wb-form-control-parts-input-action-gap: var(--wb-spacing-static-tiny);
  --wb-form-control-parts-input-hint-padding-top: var(--wb-spacing-static-tiniest);
  --wb-form-control-text-area-hint-padding-left: var(--wb-spacing-static-smaller);
  --wb-form-control-text-area-body-start-content-gap: var(--wb-spacing-static-smaller);
  --wb-form-control-text-area-body-padding-left: var(--wb-spacing-static-smaller);
  --wb-form-control-sm-hint-padding-left: var(--wb-spacing-static-tiny);
  --wb-form-control-sm-body-end-content-padding-left: var(--wb-spacing-static-tiny);
  --wb-form-control-sm-body-end-content-gap: var(--wb-spacing-static-tiny);
  --wb-form-control-sm-body-start-content-gap: var(--wb-spacing-static-tiny);
  --wb-form-control-sm-body-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-form-control-sm-body-padding-top: var(--wb-spacing-static-tiniest);
  --wb-form-control-sm-body-padding-right: var(--wb-spacing-static-tiniest);
  --wb-form-control-sm-body-padding-left: var(--wb-spacing-static-tiny);
  --wb-form-control-md-hint-padding-left: var(--wb-spacing-static-smallest);
  --wb-form-control-md-body-end-content-padding-left: var(--wb-spacing-static-tiny);
  --wb-form-control-md-body-end-content-gap: var(--wb-spacing-static-tiny);
  --wb-form-control-md-body-start-content-gap: var(--wb-spacing-static-smallest);
  --wb-form-control-md-body-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-form-control-md-body-padding-top: var(--wb-spacing-static-tiniest);
  --wb-form-control-md-body-padding-right: var(--wb-spacing-static-tiny);
  --wb-form-control-md-body-padding-left: var(--wb-spacing-static-smallest);
  --wb-form-control-lg-hint-padding-left: var(--wb-spacing-static-smaller);
  --wb-form-control-lg-body-end-content-padding-left: var(--wb-spacing-static-tiny);
  --wb-form-control-lg-body-end-content-gap: var(--wb-spacing-static-tiny);
  --wb-form-control-lg-body-start-content-gap: var(--wb-spacing-static-smaller);
  --wb-form-control-lg-body-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-form-control-lg-body-padding-top: var(--wb-spacing-static-tiniest);
  --wb-form-control-lg-body-padding-right: var(--wb-spacing-static-tiny);
  --wb-form-control-lg-body-padding-left: var(--wb-spacing-static-smaller);
  --wb-form-control-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-form-control-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-form-control-border-ring-weight: var(--wb-border-weight-strong);
  --wb-form-control-border-divider-weight: var(--wb-border-weight-main);
  --wb-form-control-border-divider-color: var(--wb-color-shape-contrast-dim-default);
  --wb-form-control-border-main-error-color-default: var(--wb-color-border-status-on-contrast-error-default);
  --wb-form-control-border-main-success-color-default: var(--wb-color-border-status-on-contrast-success-default);
  --wb-form-control-border-main-color-hover: var(--wb-color-border-on-contrast-main-hover);
  --wb-form-control-border-main-color-default: var(--wb-color-border-on-contrast-main-default);
  --wb-form-control-border-main-weight: var(--wb-border-weight-main);
  --wb-form-control-border-radius: var(--wb-border-radius-sharp);
  --wb-form-control-text-hint-error-color: var(--wb-color-text-status-on-contrast-error-default);
  --wb-form-control-text-hint-color: var(--wb-color-text-on-contrast-weaker-default);
  --wb-form-control-text-placeholder-color-default: var(--wb-color-text-on-contrast-weaker-default);
  --wb-form-control-text-input-color-default: var(--wb-color-text-on-contrast-strongest-default);
  --wb-form-control-text-label-only-color-default: var(--wb-color-text-on-contrast-weaker-default);
  --wb-form-control-text-label-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-form-control-text-color: var(--wb-color-text-on-contrast-main-default);
  --wb-form-control-icon-resize-size: var(--wb-spacing-static-tiny);
  --wb-form-control-icon-resize-color-default: var(--wb-color-icon-on-contrast-weaker-default);
  --wb-form-control-icon-size: var(--wb-spacing-static-small);
  --wb-form-control-icon-color-default: var(--wb-color-icon-on-contrast-weaker-default);
  --wb-form-control-background-color-focus: var(--wb-color-shape-contrast-weaker-focus);
  --wb-form-control-background-color-active: var(--wb-color-shape-contrast-weaker-active);
  --wb-form-control-background-color-hover: var(--wb-color-shape-contrast-weaker-hover);
  --wb-form-control-background-color-default: var(--wb-color-shape-contrast-weaker-default);
  --wb-fly-in-md-padding-bottom: var(--wb-spacing-static-small);
  --wb-fly-in-md-padding-top: var(--wb-spacing-static-small);
  --wb-fly-in-md-padding-right: var(--wb-spacing-static-small);
  --wb-fly-in-md-padding-left: var(--wb-spacing-static-small);
  --wb-fly-in-md-gap: var(--wb-spacing-static-smaller);
  --wb-fly-in-lg-padding-bottom: var(--wb-spacing-static-medium);
  --wb-fly-in-lg-padding-top: var(--wb-spacing-static-medium);
  --wb-fly-in-lg-padding-right: var(--wb-spacing-static-medium);
  --wb-fly-in-lg-padding-left: var(--wb-spacing-static-medium);
  --wb-fly-in-lg-gap: var(--wb-spacing-static-small);
  --wb-fly-in-text-color: var(--wb-color-text-on-contrast-strongest-default);
  --wb-fly-in-background-color: var(--wb-color-surface-contrast-main-default);
  --wb-file-input-parts-loading-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-file-input-parts-loading-padding-top: var(--wb-spacing-static-tiniest);
  --wb-file-input-parts-loading-padding-right: var(--wb-spacing-static-tiniest);
  --wb-file-input-parts-loading-padding-left: var(--wb-spacing-static-tiniest);
  --wb-file-input-border-color-focus: var(--wb-color-fixed-component-file-input-on-contrast-drag-drop-border-active);
  --wb-file-input-border-color-active: var(--wb-color-fixed-component-file-input-on-contrast-drag-drop-border-active);
  --wb-file-input-border-color-default: var(--wb-color-fixed-component-file-input-on-contrast-drag-drop-border-default);
  --wb-file-input-border-weight: var(--wb-border-weight-main);
  --wb-file-input-border-radius: var(--wb-border-radius-sharp);
  --wb-file-input-item-actions-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-item-sm-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-file-input-item-sm-padding-top: var(--wb-spacing-static-tiniest);
  --wb-file-input-item-sm-padding-right: var(--wb-spacing-static-smaller);
  --wb-file-input-item-sm-padding-left: var(--wb-spacing-static-smaller);
  --wb-file-input-item-md-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-file-input-item-md-padding-top: var(--wb-spacing-static-smallest);
  --wb-file-input-item-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-file-input-item-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-file-input-item-text-error-color-default: var(--wb-color-text-on-contrast-weaker-default);
  --wb-file-input-item-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-file-input-item-background-color-focus: var(--wb-color-fixed-component-file-input-on-contrast-item-background-focus);
  --wb-file-input-item-background-color-hover: var(--wb-color-fixed-component-file-input-on-contrast-item-background-hover);
  --wb-file-input-item-background-color-default: var(--wb-color-fixed-component-file-input-on-contrast-item-background-default);
  --wb-file-input-uploader-md-body-end-content-gap: var(--wb-spacing-static-tiniest);
  --wb-file-input-uploader-md-body-start-content-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-uploader-md-body-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-file-input-uploader-md-body-padding-top: var(--wb-spacing-static-tiniest);
  --wb-file-input-uploader-md-body-padding-right: var(--wb-spacing-static-smaller);
  --wb-file-input-uploader-md-body-padding-left: var(--wb-spacing-static-smaller);
  --wb-file-input-uploader-md-body-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-uploader-lg-body-end-content-gap: var(--wb-spacing-static-tiniest);
  --wb-file-input-uploader-lg-body-start-content-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-uploader-lg-body-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-file-input-uploader-lg-body-padding-top: var(--wb-spacing-static-smallest);
  --wb-file-input-uploader-lg-body-padding-right: var(--wb-spacing-static-smaller);
  --wb-file-input-uploader-lg-body-padding-left: var(--wb-spacing-static-smaller);
  --wb-file-input-uploader-lg-body-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-uploader-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-file-input-drag-drop-sm-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-file-input-drag-drop-sm-padding-top: var(--wb-spacing-static-smallest);
  --wb-file-input-drag-drop-sm-padding-right: var(--wb-spacing-static-medium);
  --wb-file-input-drag-drop-sm-padding-left: var(--wb-spacing-static-medium);
  --wb-file-input-drag-drop-md-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-file-input-drag-drop-md-padding-top: var(--wb-spacing-static-tiny);
  --wb-file-input-drag-drop-md-padding-right: var(--wb-spacing-static-medium);
  --wb-file-input-drag-drop-md-padding-left: var(--wb-spacing-static-medium);
  --wb-file-input-drag-drop-md-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-drag-drop-lg-content-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-drag-drop-lg-padding-bottom: var(--wb-spacing-static-small);
  --wb-file-input-drag-drop-lg-padding-top: var(--wb-spacing-static-small);
  --wb-file-input-drag-drop-lg-padding-right: var(--wb-spacing-static-larger);
  --wb-file-input-drag-drop-lg-padding-left: var(--wb-spacing-static-larger);
  --wb-file-input-drag-drop-lg-gap: var(--wb-spacing-static-tiny);
  --wb-file-input-drag-drop-text-body-color-default: var(--wb-color-text-on-contrast-weakest-default);
  --wb-file-input-drag-drop-text-headline-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-eco-rating-marker-text-color: var(--wb-color-shape-strongest-default);
  --wb-eco-rating-marker-background-color: var(--wb-color-shape-contrast-strongest-default);
  --wb-divider-border-weight: var(--wb-border-weight-main);
  --wb-divider-border-radius: var(--wb-border-radius-sharp);
  --wb-divider-subtle-color: var(--wb-color-border-on-contrast-weak-default);
  --wb-divider-clear-color: var(--wb-color-border-on-contrast-main-default);
  --wb-divider-highlight-color: var(--wb-color-border-brand-on-contrast-default);
  --wb-date-picker-year-month-distant-indicator-color-hover-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-year-month-distant-indicator-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-year-month-distant-text-color-hover-focus: var(--wb-color-text-on-contrast-weakest-hover);
  --wb-date-picker-year-month-distant-text-color-default: var(--wb-color-text-on-contrast-weakest-default);
  --wb-date-picker-year-month-distant-background-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-contrast-day-month-year-distant-background-hover-focus);
  --wb-date-picker-year-month-distant-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-date-picker-year-month-blocked-indicator-color-hover-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-year-month-blocked-indicator-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-year-month-blocked-border-strikethrough-color-hover-focus: var(--wb-color-border-weakest-hover);
  --wb-date-picker-year-month-blocked-border-strikethrough-color-default: var(--wb-color-border-weakest-default);
  --wb-date-picker-year-month-blocked-text-color-hover-focus: var(--wb-color-text-on-contrast-strongest-hover);
  --wb-date-picker-year-month-blocked-text-color-default: var(--wb-color-text-on-contrast-strongest-default);
  --wb-date-picker-year-month-blocked-background-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-contrast-day-month-year-blocked-background-hover-focus);
  --wb-date-picker-year-month-blocked-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-date-picker-year-month-basic-indicator-color-selected: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-year-month-basic-indicator-color-hover-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-year-month-basic-indicator-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-year-month-basic-text-color-selected: var(--wb-color-text-on-contrast-strongest-default);
  --wb-date-picker-year-month-basic-text-color-hover-focus: var(--wb-color-text-on-contrast-strongest-hover);
  --wb-date-picker-year-month-basic-text-color-default: var(--wb-color-text-on-contrast-strongest-default);
  --wb-date-picker-year-month-basic-background-color-selected: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-year-month-basic-background-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-contrast-day-month-year-basic-background-hover-focus);
  --wb-date-picker-year-month-basic-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-date-picker-day-distant-indicator-range-connector-mask-color: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-distant-indicator-range-connector-color-hover-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-day-distant-indicator-range-connector-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-distant-indicator-range-main-color-hover-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-day-distant-indicator-range-main-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-distant-indicator-color-selected-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-day-distant-indicator-color-selected: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-distant-indicator-color-hover-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-day-distant-indicator-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-distant-text-range-connector-color-hover-focus: var(--wb-color-text-on-contrast-weaker-hover);
  --wb-date-picker-day-distant-text-range-connector-color-default: var(--wb-color-text-on-contrast-weaker-default);
  --wb-date-picker-day-distant-text-range-main-color-hover-focus: var(--wb-color-text-on-contrast-main-hover);
  --wb-date-picker-day-distant-text-range-main-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-date-picker-day-distant-text-color-selected-focus: var(--wb-color-text-on-contrast-main-hover);
  --wb-date-picker-day-distant-text-color-selected: var(--wb-color-text-on-contrast-main-default);
  --wb-date-picker-day-distant-text-color-hover-focus: var(--wb-color-text-on-contrast-weakest-hover);
  --wb-date-picker-day-distant-text-color-default: var(--wb-color-text-on-contrast-weakest-default);
  --wb-date-picker-day-distant-background-range-connector-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-contrast-day-month-year-distant-range-connector-background-hover-focus);
  --wb-date-picker-day-distant-background-range-connector-color-default: var(--wb-color-shape-contrast-dim-default);
  --wb-date-picker-day-distant-background-range-main-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-contrast-day-month-year-distant-range-main-background-hover-focus);
  --wb-date-picker-day-distant-background-range-main-color-default: var(--wb-color-fixed-component-date-picker-on-contrast-day-month-year-distant-range-main-background-default);
  --wb-date-picker-day-distant-background-color-selected-focus: var(--wb-color-shape-contrast-weaker-hover);
  --wb-date-picker-day-distant-background-color-selected: var(--wb-color-shape-contrast-weaker-default);
  --wb-date-picker-day-distant-background-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-contrast-day-month-year-distant-background-hover-focus);
  --wb-date-picker-day-distant-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-date-picker-day-blocked-indicator-range-connector-color-hover-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-day-blocked-indicator-range-connector-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-blocked-indicator-range-main-color-hover-focus: var(--wb-color-shape-weakest-hover);
  --wb-date-picker-day-blocked-indicator-range-main-color-default: var(--wb-color-shape-weakest-default);
  --wb-date-picker-day-blocked-indicator-color-selected-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-day-blocked-indicator-color-selected: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-blocked-indicator-color-hover-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-day-blocked-indicator-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-blocked-border-strikethrough-range-connector-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-contrast-day-month-year-blocked-border-range-connector-strikethrough-hover-focus);
  --wb-date-picker-day-blocked-border-strikethrough-range-connector-color-default: var(--wb-color-fixed-component-date-picker-on-contrast-day-month-year-blocked-border-range-connector-strikethrough-default);
  --wb-date-picker-day-blocked-border-strikethrough-range-main-hover-focus: var(--wb-color-border-weakest-hover);
  --wb-date-picker-day-blocked-border-strikethrough-range-main-default: var(--wb-color-border-weakest-default);
  --wb-date-picker-day-blocked-border-strikethrough-color-selected-focus: var(--wb-color-border-weakest-hover);
  --wb-date-picker-day-blocked-border-strikethrough-color-selected: var(--wb-color-border-weakest-default);
  --wb-date-picker-day-blocked-border-strikethrough-color-hover-focus: var(--wb-color-border-on-contrast-stronger-hover);
  --wb-date-picker-day-blocked-border-strikethrough-color-default: var(--wb-color-fixed-component-date-picker-on-contrast-day-month-year-blocked-border-default);
  --wb-date-picker-day-blocked-text-range-connector-color-hover-focus: var(--wb-color-text-on-contrast-main-hover);
  --wb-date-picker-day-blocked-text-range-connector-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-date-picker-day-blocked-text-range-main-color-hover-focus: var(--wb-color-text-on-contrast-strongest-hover);
  --wb-date-picker-day-blocked-text-range-main-color-default: var(--wb-color-text-on-contrast-strongest-default);
  --wb-date-picker-day-blocked-text-color-selected-focus: var(--wb-color-text-on-contrast-strongest-hover);
  --wb-date-picker-day-blocked-text-color-selected: var(--wb-color-text-on-contrast-strongest-default);
  --wb-date-picker-day-blocked-text-color-hover-focus: var(--wb-color-text-on-contrast-main-hover);
  --wb-date-picker-day-blocked-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-date-picker-day-blocked-background-range-connector-mask-color: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-blocked-background-range-connector-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-contrast-day-month-year-blocked-background-range-connector-hover-focus);
  --wb-date-picker-day-blocked-background-range-connector-color-default: var(--wb-color-shape-contrast-dim-default);
  --wb-date-picker-day-blocked-background-range-main-color-hover-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-day-blocked-background-range-main-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-blocked-background-color-selected-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-day-blocked-background-color-selected: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-blocked-background-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-contrast-day-month-year-blocked-background-hover-focus);
  --wb-date-picker-day-blocked-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-date-picker-day-basic-indicator-range-connector-color-hover-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-day-basic-indicator-range-connector-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-basic-indicator-range-preview-end-point-color-hover-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-day-basic-indicator-range-preview-end-point-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-basic-indicator-range-main-color-hover-focus: var(--wb-color-shape-weakest-hover);
  --wb-date-picker-day-basic-indicator-range-main-color-default: var(--wb-color-shape-weakest-default);
  --wb-date-picker-day-basic-indicator-color-selected: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-basic-indicator-color-hover-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-day-basic-indicator-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-basic-text-range-connector-color-hover-focus: var(--wb-color-text-on-contrast-main-hover);
  --wb-date-picker-day-basic-text-range-connector-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-date-picker-day-basic-text-range-preview-end-point-color-hover-focus: var(--wb-color-text-on-contrast-strongest-hover);
  --wb-date-picker-day-basic-text-range-preview-end-point-color-default: var(--wb-color-text-on-contrast-strongest-default);
  --wb-date-picker-day-basic-text-range-main-color-hover-focus: var(--wb-color-text-on-contrast-strongest-hover);
  --wb-date-picker-day-basic-text-range-main-color-default: var(--wb-color-text-on-contrast-strongest-default);
  --wb-date-picker-day-basic-text-color-selected: var(--wb-color-text-on-contrast-strongest-default);
  --wb-date-picker-day-basic-text-color-hover-focus: var(--wb-color-text-on-contrast-strongest-hover);
  --wb-date-picker-day-basic-text-color-default: var(--wb-color-text-on-contrast-strongest-default);
  --wb-date-picker-day-basic-background-range-connector-mask-color: var(--wb-color-shape-strongest-default);
  --wb-date-picker-day-basic-background-range-connector-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-contrast-day-month-year-basic-range-connector-background-hover-focus);
  --wb-date-picker-day-basic-background-range-connector-color-default: var(--wb-color-shape-contrast-dim-default);
  --wb-date-picker-day-basic-background-range-preview-end-point-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-contrast-day-month-year-basic-range-preview-end-point-background-hover-focus);
  --wb-date-picker-day-basic-background-range-preview-end-point-color-default: var(--wb-color-shape-contrast-dim-default);
  --wb-date-picker-day-basic-background-range-main-color-hover-focus: var(--wb-color-shape-contrast-strongest-hover);
  --wb-date-picker-day-basic-background-range-main-color-default: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-basic-background-color-selected: var(--wb-color-shape-contrast-strongest-default);
  --wb-date-picker-day-basic-background-color-hover-focus: var(--wb-color-fixed-component-date-picker-on-contrast-day-month-year-basic-background-hover-focus);
  --wb-date-picker-day-basic-background-color-default: var(--wb-color-shape-contrast-accent-none-to-solid-default);
  --wb-date-picker-md-actions-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-actions-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-actions-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-actions-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-year-month-rows-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-year-month-rows-padding-top: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-year-month-rows-padding-right: var(--wb-spacing-static-smaller);
  --wb-date-picker-md-body-year-month-rows-padding-left: var(--wb-spacing-static-smaller);
  --wb-date-picker-md-body-year-month-rows-gap: var(--wb-spacing-static-medium);
  --wb-date-picker-md-body-year-month-padding-bottom: var(--wb-spacing-static-none);
  --wb-date-picker-md-body-year-month-padding-top: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-year-month-padding-right: var(--wb-spacing-static-none);
  --wb-date-picker-md-body-year-month-padding-left: var(--wb-spacing-static-none);
  --wb-date-picker-md-body-year-month-gap: var(--wb-spacing-static-smallest);
  --wb-date-picker-md-body-basic-row-days-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-body-basic-row-days-padding-top: var(--wb-spacing-static-none);
  --wb-date-picker-md-body-basic-row-days-padding-right: var(--wb-spacing-static-none);
  --wb-date-picker-md-body-basic-row-days-padding-left: var(--wb-spacing-static-none);
  --wb-date-picker-md-body-basic-month-headline-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-month-headline-padding-top: var(--wb-spacing-static-none);
  --wb-date-picker-md-body-basic-month-headline-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-month-headline-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-week-days-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-date-picker-md-body-basic-week-days-padding-top: var(--wb-spacing-static-smaller);
  --wb-date-picker-md-body-basic-week-days-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-week-days-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-padding-top: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-body-basic-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-header-double-month-second-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-header-double-month-second-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-header-double-month-second-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-header-double-month-second-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-header-double-month-first-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-header-double-month-first-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-header-double-month-first-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-header-double-month-first-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-header-main-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-header-main-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-md-header-main-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-header-main-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-md-header-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-actions-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-actions-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-actions-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-actions-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-year-month-rows-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-year-month-rows-padding-top: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-year-month-rows-padding-right: var(--wb-spacing-static-smaller);
  --wb-date-picker-lg-body-year-month-rows-padding-left: var(--wb-spacing-static-smaller);
  --wb-date-picker-lg-body-year-month-padding-bottom: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-year-month-padding-top: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-year-month-padding-right: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-year-month-padding-left: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-year-month-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-basic-row-days-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-body-basic-row-days-padding-top: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-basic-row-days-padding-right: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-basic-row-days-padding-left: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-basic-week-days-padding-bottom: var(--wb-spacing-static-small);
  --wb-date-picker-lg-body-basic-week-days-padding-top: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-basic-week-days-padding-right: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-basic-week-days-padding-left: var(--wb-spacing-static-none);
  --wb-date-picker-lg-body-basic-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-basic-padding-top: var(--wb-spacing-static-smaller);
  --wb-date-picker-lg-body-basic-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-basic-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-body-basic-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-header-double-month-second-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-header-double-month-second-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-header-double-month-second-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-header-double-month-second-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-header-double-month-first-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-header-double-month-first-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-header-double-month-first-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-header-double-month-first-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-header-main-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-header-main-padding-top: var(--wb-spacing-static-tiniest);
  --wb-date-picker-lg-header-main-padding-right: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-header-main-padding-left: var(--wb-spacing-static-tiny);
  --wb-date-picker-lg-header-gap: var(--wb-spacing-static-tiny);
  --wb-date-picker-border-weight: var(--wb-border-weight-main);
  --wb-date-picker-border-radius: var(--wb-border-radius-sharp);
  --wb-date-picker-border-color: var(--wb-color-fixed-component-date-picker-on-contrast-border-main);
  --wb-date-picker-icon-size: var(--wb-spacing-static-smallest);
  --wb-date-picker-icon-color-default: var(--wb-color-icon-brand-on-contrast-default);
  --wb-date-picker-text-month-color: var(--wb-color-text-on-contrast-main-default);
  --wb-date-picker-text-day-color: var(--wb-color-text-on-contrast-weakest-default);
  --wb-date-picker-background-main-color: var(--wb-color-surface-contrast-main-default);
  --wb-date-picker-background-header-color: var(--wb-color-fixed-component-date-picker-on-contrast-header-background);
  --wb-data-table-md-gap: var(--wb-spacing-static-smaller);
  --wb-data-table-lg-gap: var(--wb-spacing-static-small);
  --wb-data-table-background-row-header-color: var(--wb-color-fixed-component-data-table-on-contrast-row-header-background);
  --wb-data-table-background-main-color: var(--wb-color-shape-contrast-weakest-default);
  --wb-checkbox-text-error-color: var(--wb-color-text-status-on-contrast-error-default);
  --wb-checkbox-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-checkbox-text-gap: var(--wb-spacing-static-tiniest);
  --wb-checkbox-shape-size: var(--wb-spacing-static-small);
  --wb-checkbox-shape-border-weight: var(--wb-border-weight-main);
  --wb-checkbox-shape-border-radius: var(--wb-border-radius-sharp);
  --wb-checkbox-shape-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-checkbox-shape-padding-top: var(--wb-spacing-static-tiniest);
  --wb-checkbox-shape-padding-right: var(--wb-spacing-static-tiniest);
  --wb-checkbox-shape-padding-left: var(--wb-spacing-static-tiniest);
  --wb-checkbox-checked-icon-size: var(--wb-spacing-static-smaller);
  --wb-checkbox-checked-icon-color-default: var(--wb-color-fixed-component-checkbox-on-contrast-dot);
  --wb-checkbox-checked-error-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-checkbox-checked-error-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-checkbox-checked-error-border-main-color-focus: var(--wb-color-border-status-on-contrast-error-focus);
  --wb-checkbox-checked-error-border-main-color-active: var(--wb-color-border-status-on-contrast-error-active);
  --wb-checkbox-checked-error-border-main-color-hover: var(--wb-color-border-status-on-contrast-error-hover);
  --wb-checkbox-checked-error-border-main-color-default: var(--wb-color-border-status-on-contrast-error-default);
  --wb-checkbox-checked-error-background-color-focus: var(--wb-color-shape-status-on-contrast-error-focus);
  --wb-checkbox-checked-error-background-color-active: var(--wb-color-shape-status-on-contrast-error-active);
  --wb-checkbox-checked-error-background-color-hover: var(--wb-color-shape-status-on-contrast-error-hover);
  --wb-checkbox-checked-error-background-color-default: var(--wb-color-shape-status-on-contrast-error-default);
  --wb-checkbox-checked-main-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-checkbox-checked-main-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-checkbox-checked-main-border-main-color-focus: var(--wb-color-shape-brand-on-contrast-focus);
  --wb-checkbox-checked-main-border-main-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-checkbox-checked-main-border-main-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-checkbox-checked-main-border-main-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-checkbox-checked-main-background-color-focus: var(--wb-color-shape-brand-on-contrast-focus);
  --wb-checkbox-checked-main-background-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-checkbox-checked-main-background-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-checkbox-checked-main-background-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-checkbox-unchecked-error-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-checkbox-unchecked-error-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-checkbox-unchecked-error-border-main-color-focus: var(--wb-color-border-status-on-contrast-error-focus);
  --wb-checkbox-unchecked-error-border-main-color-active: var(--wb-color-border-status-on-contrast-error-active);
  --wb-checkbox-unchecked-error-border-main-color-hover: var(--wb-color-border-status-on-contrast-error-hover);
  --wb-checkbox-unchecked-error-border-main-color-default: var(--wb-color-border-status-on-contrast-error-default);
  --wb-checkbox-unchecked-error-background-color-focus: var(--wb-color-shape-contrast-weaker-focus);
  --wb-checkbox-unchecked-error-background-color-active: var(--wb-color-shape-contrast-weaker-active);
  --wb-checkbox-unchecked-error-background-color-hover: var(--wb-color-shape-contrast-weaker-hover);
  --wb-checkbox-unchecked-error-background-color-default: var(--wb-color-shape-contrast-weaker-default);
  --wb-checkbox-unchecked-main-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-checkbox-unchecked-main-border-ring-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-checkbox-unchecked-main-border-main-color-focus: var(--wb-color-border-on-contrast-main-focus);
  --wb-checkbox-unchecked-main-border-main-color-active: var(--wb-color-border-on-contrast-main-active);
  --wb-checkbox-unchecked-main-border-main-color-hover: var(--wb-color-border-on-contrast-main-hover);
  --wb-checkbox-unchecked-main-border-main-color-default: var(--wb-color-border-on-contrast-main-default);
  --wb-checkbox-unchecked-main-background-color-focus: var(--wb-color-shape-contrast-weaker-focus);
  --wb-checkbox-unchecked-main-background-color-active: var(--wb-color-shape-contrast-weaker-active);
  --wb-checkbox-unchecked-main-background-color-hover: var(--wb-color-shape-contrast-weaker-hover);
  --wb-checkbox-unchecked-main-background-color-default: var(--wb-color-shape-contrast-weaker-default);
  --wb-checkbox-gap: var(--wb-spacing-static-tiny);
  --wb-card-md-slot-frame-padding-top: var(--wb-spacing-static-smaller);
  --wb-card-md-slot-frame-gap: var(--wb-spacing-static-small);
  --wb-card-md-padding-bottom: var(--wb-spacing-static-small);
  --wb-card-md-padding-top: var(--wb-spacing-static-small);
  --wb-card-md-padding-right: var(--wb-spacing-static-small);
  --wb-card-md-padding-left: var(--wb-spacing-static-small);
  --wb-card-md-border-marker-weight: var(--wb-border-weight-strong);
  --wb-card-lg-slot-frame-padding-top: var(--wb-spacing-static-small);
  --wb-card-lg-slot-frame-gap: var(--wb-spacing-static-medium);
  --wb-card-lg-padding-bottom: var(--wb-spacing-static-medium);
  --wb-card-lg-padding-top: var(--wb-spacing-static-medium);
  --wb-card-lg-padding-right: var(--wb-spacing-static-medium);
  --wb-card-lg-padding-left: var(--wb-spacing-static-medium);
  --wb-card-lg-border-marker-weight: var(--wb-border-weight-stronger);
  --wb-card-text-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-card-marker-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-card-marker-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-card-marker-color-hover: var(--wb-color-border-brand-on-contrast-hover);
  --wb-card-border-weight: var(--wb-border-weight-main);
  --wb-card-border-radius: var(--wb-border-radius-sharp);
  --wb-card-secondary-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-card-secondary-border-main-color-focus: var(--wb-color-border-on-contrast-weak-focus);
  --wb-card-secondary-border-main-color-active: var(--wb-color-border-on-contrast-weak-active);
  --wb-card-secondary-border-main-color-hover: var(--wb-color-border-on-contrast-weak-hover);
  --wb-card-secondary-border-main-color-default: var(--wb-color-border-on-contrast-weak-default);
  --wb-card-secondary-background-color-focus: var(--wb-color-surface-contrast-weak-focus);
  --wb-card-secondary-background-color-active: var(--wb-color-surface-contrast-weak-active);
  --wb-card-secondary-background-color-hover: var(--wb-color-surface-contrast-weak-hover);
  --wb-card-secondary-background-color-default: var(--wb-color-surface-contrast-weak-default);
  --wb-card-primary-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-card-primary-border-main-color-focus: var(--wb-color-border-on-contrast-weak-focus);
  --wb-card-primary-border-main-color-active: var(--wb-color-border-on-contrast-weak-active);
  --wb-card-primary-border-main-color-hover: var(--wb-color-border-on-contrast-weak-hover);
  --wb-card-primary-border-main-color-default: var(--wb-color-border-on-contrast-weak-default);
  --wb-card-primary-background-color-focus: var(--wb-color-surface-contrast-weak-focus);
  --wb-card-primary-background-color-active: var(--wb-color-surface-contrast-weak-active);
  --wb-card-primary-background-color-hover: var(--wb-color-surface-contrast-weak-hover);
  --wb-card-primary-background-color-default: var(--wb-color-surface-contrast-weak-default);
  --wb-bar-loader-content-side-label-gap: var(--wb-spacing-static-tiny);
  --wb-bar-loader-text-color: var(--wb-color-text-on-contrast-main-default);
  --wb-bar-loader-loader-round-bar-empty-color: var(--wb-color-shape-contrast-dim-default);
  --wb-bar-loader-loader-round-bar-filled-color: var(--wb-color-shape-brand-on-contrast-default);
  --wb-bar-loader-loader-round-radius: var(--wb-border-radius-round);
  --wb-bar-loader-loader-basic-bar-empty-color: var(--wb-color-shape-contrast-dim-default);
  --wb-bar-loader-loader-basic-bar-filled-color: var(--wb-color-shape-brand-on-contrast-default);
  --wb-bar-loader-loader-basic-radius: var(--wb-border-radius-sharp);
  --wb-avatar-xxl-icon-size: var(--wb-spacing-static-medium);
  --wb-avatar-xl-icon-size: var(--wb-spacing-static-medium);
  --wb-avatar-xl-background-size: var(--wb-spacing-static-huge);
  --wb-avatar-l-icon-size: var(--wb-spacing-static-small);
  --wb-avatar-m-icon-size: var(--wb-spacing-static-small);
  --wb-avatar-m-background-size: var(--wb-spacing-static-larger);
  --wb-avatar-s-icon-size: var(--wb-spacing-static-smaller);
  --wb-avatar-s-background-size: var(--wb-spacing-static-large);
  --wb-avatar-xs-icon-size: var(--wb-spacing-static-smaller);
  --wb-avatar-xs-background-size: var(--wb-spacing-static-medium);
  --wb-avatar-xxs-icon-size: var(--wb-spacing-static-smallest);
  --wb-avatar-xxs-background-size: var(--wb-spacing-static-small);
  --wb-avatar-icon-color-default: var(--wb-color-icon-on-contrast-strongest-default);
  --wb-avatar-text-color-default: var(--wb-color-text-on-contrast-strongest-default);
  --wb-avatar-border-ring-weight: var(--wb-border-weight-main);
  --wb-avatar-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-avatar-border-radius: var(--wb-border-radius-round);
  --wb-avatar-background-with-picture-accent-active: var(--wb-color-shape-contrast-accent-weak-active);
  --wb-avatar-background-with-picture-accent-hover: var(--wb-color-shape-contrast-accent-weak-hover);
  --wb-avatar-background-color-focus: var(--wb-color-shape-contrast-dim-focus);
  --wb-avatar-background-color-active: var(--wb-color-shape-contrast-dim-active);
  --wb-avatar-background-color-hover: var(--wb-color-shape-contrast-dim-hover);
  --wb-avatar-background-color-default: var(--wb-color-shape-contrast-dim-default);
  --wb-accordion-md-gap: var(--wb-spacing-static-smaller);
  --wb-accordion-md-headline-gap: var(--wb-spacing-static-smallest);
  --wb-accordion-md-header-gap: var(--wb-spacing-static-smallest);
  --wb-accordion-md-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-accordion-md-padding-top: var(--wb-spacing-static-smaller);
  --wb-accordion-md-padding-right: var(--wb-spacing-static-smaller);
  --wb-accordion-md-padding-left: var(--wb-spacing-static-smaller);
  --wb-accordion-lg-gap: var(--wb-spacing-static-small);
  --wb-accordion-lg-headline-gap: var(--wb-spacing-static-smallest);
  --wb-accordion-lg-header-gap: var(--wb-spacing-static-smallest);
  --wb-accordion-lg-padding-bottom: var(--wb-spacing-static-small);
  --wb-accordion-lg-padding-top: var(--wb-spacing-static-small);
  --wb-accordion-lg-padding-right: var(--wb-spacing-static-small);
  --wb-accordion-lg-padding-left: var(--wb-spacing-static-small);
  --wb-accordion-border-weight: var(--wb-border-weight-main);
  --wb-accordion-border-radius: var(--wb-border-radius-sharp);
  --wb-accordion-subtle-border-expanded-ring-color-active-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-accordion-subtle-border-collapsed-ring-color-active-focus: var(--wb-color-border-brand-on-contrast-active);
  --wb-accordion-subtle-border-main-color-hover: var(--wb-color-border-on-contrast-weaker-hover);
  --wb-accordion-subtle-border-main-color-default: var(--wb-color-border-on-contrast-weaker-default);
  --wb-accordion-subtle-icon-color-default: var(--wb-color-icon-on-contrast-main-default);
  --wb-accordion-subtle-text-body-color: var(--wb-color-text-on-contrast-main-default);
  --wb-accordion-subtle-text-subtitle-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-accordion-subtle-text-headline-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-accordion-subtle-background-color-active-focus: var(--wb-color-fixed-component-accordion-on-contrast-subtle-background-active-focus);
  --wb-accordion-subtle-background-color-hover: var(--wb-color-fixed-component-accordion-on-contrast-subtle-background-hover);
  --wb-accordion-subtle-background-color-default: var(--wb-color-surface-contrast-main-default);
  --wb-accordion-main-icon-color-default: var(--wb-color-icon-on-contrast-main-default);
  --wb-accordion-main-text-body-color: var(--wb-color-text-on-contrast-main-default);
  --wb-accordion-main-text-subtitle-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-accordion-main-text-headline-color-default: var(--wb-color-text-on-contrast-main-default);
  --wb-accordion-main-expanded-border-ring-color-active-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-accordion-main-expanded-border-main-color-hover: var(--wb-color-border-on-contrast-weak-hover);
  --wb-accordion-main-expanded-border-main-color-default: var(--wb-color-border-on-contrast-weak-default);
  --wb-accordion-main-expanded-background-color-active-focus: var(--wb-color-surface-contrast-weak-focus);
  --wb-accordion-main-expanded-background-color-hover: var(--wb-color-surface-contrast-weak-hover);
  --wb-accordion-main-expanded-background-color-default: var(--wb-color-surface-contrast-weak-default);
  --wb-accordion-main-collapsed-border-ring-color-active-focus: var(--wb-color-border-brand-on-contrast-active);
  --wb-accordion-main-collapsed-border-main-color-hover: var(--wb-color-border-on-contrast-weaker-hover);
  --wb-accordion-main-collapsed-border-main-color-default: var(--wb-color-border-on-contrast-weaker-default);
  --wb-accordion-main-collapsed-background-color-active-focus: var(--wb-color-surface-contrast-main-active);
  --wb-accordion-main-collapsed-background-color-hover: var(--wb-color-surface-contrast-main-hover);
  --wb-accordion-main-collapsed-background-color-default: var(--wb-color-surface-contrast-main-default);
  --wb-link-inline-border-ring-color-focus: var(--wb-color-fixed-component-link-inline-on-contrast-border-ring-focus);
  --wb-link-inline-border-ring-color-active: var(--wb-color-fixed-component-link-inline-on-contrast-border-ring-active);
  --wb-link-inline-border-underline-color-focus: var(--wb-color-fixed-component-link-inline-on-contrast-border-underline-focus);
  --wb-link-inline-border-underline-color-active: var(--wb-color-fixed-component-link-inline-on-contrast-border-underline-active);
  --wb-link-inline-border-underline-color-hover: var(--wb-color-fixed-component-link-inline-on-contrast-border-underline-hover);
  --wb-link-inline-border-underline-color-default: var(--wb-color-fixed-component-link-inline-on-contrast-border-underline-default);
  --wb-link-standalone-border-ring-color-focus: var(--wb-color-fixed-component-link-standalone-on-contrast-border-ring-focus);
  --wb-link-standalone-border-ring-color-active: var(--wb-color-fixed-component-link-standalone-on-contrast-border-ring-active);
  --wb-modal-destructive-button-border-main-color-loading: var(--wb-checkbox-checked-error-border-main-color-default);
  --wb-modal-destructive-button-border-main-color-focus: var(--wb-checkbox-checked-error-border-main-color-focus);
  --wb-modal-destructive-button-border-main-color-active: var(--wb-checkbox-checked-error-border-main-color-active);
  --wb-modal-destructive-button-border-main-color-hover: var(--wb-checkbox-checked-error-border-main-color-hover);
  --wb-modal-destructive-button-border-main-color-default: var(--wb-checkbox-checked-error-border-main-color-default);
  --wb-modal-destructive-button-background-color-loading: var(--wb-checkbox-checked-error-background-color-default);
  --wb-modal-destructive-button-background-color-focus: var(--wb-checkbox-checked-error-background-color-focus);
  --wb-modal-destructive-button-background-color-active: var(--wb-checkbox-checked-error-background-color-active);
  --wb-modal-destructive-button-background-color-hover: var(--wb-checkbox-checked-error-background-color-hover);
  --wb-modal-destructive-button-background-color-default: var(--wb-checkbox-checked-error-background-color-default);
  --wb-interactive-tag-error-background-color-focus: var(--wb-checkbox-checked-error-border-main-color-focus);
  --wb-interactive-tag-error-background-color-active: var(--wb-checkbox-checked-error-border-main-color-active);
  --wb-interactive-tag-error-background-color-hover: var(--wb-checkbox-checked-error-border-main-color-hover);
  --wb-interactive-tag-error-background-color-default: var(--wb-checkbox-checked-error-border-main-color-default);
}

[data-on="light-image"],
[data-on="light-image"] [data-brand]:not([data-on]) {
  --wb-tag-gap: 6px;
  --wb-subnavigation-fly-in-item-padding-bottom: 18px;
  --wb-subnavigation-fly-in-item-padding-top: 18px;
  --wb-round-button-sm-padding-bottom: 10px;
  --wb-round-button-sm-padding-top: 10px;
  --wb-round-button-sm-padding-right: 10px;
  --wb-round-button-sm-padding-left: 10px;
  --wb-round-button-xlg-padding-bottom: 20px;
  --wb-round-button-xlg-padding-top: 20px;
  --wb-round-button-xlg-padding-right: 20px;
  --wb-round-button-xlg-padding-left: 20px;
  --wb-link-standalone-sm-content-padding-bottom: 2px;
  --wb-link-standalone-md-content-padding-bottom: 2px;
  --wb-link-standalone-md-content-gap: 2px;
  --wb-dot-navigation-shapes-dots-md-size: 6px;
  --wb-counter-padding-bottom: 2px;
  --wb-counter-padding-top: 2px;
  --wb-counter-padding-right: 7px;
  --wb-counter-padding-left: 7px;
  --wb-button-group-gap: -1px;
  --wb-tag-border-radius: var(--wb-border-radius-full);
  --wb-counter-border-radius: var(--wb-border-radius-full);
  --wb-360-viewer-hint-gradient-color-end: var(--wb-color-fixed-component-360-viewer-on-light-image-hint-gradient-end);
  --wb-text-headline-padding-bottom: var(--wb-spacing-static-medium);
  --wb-text-headline-padding-top: var(--wb-spacing-static-medium);
  --wb-text-headline-text-body-color: var(--wb-color-fixed-component-text-headline-on-light-image-body);
  --wb-text-headline-text-subtitle-color: var(--wb-color-fixed-component-text-headline-on-light-image-subtitle);
  --wb-text-headline-text-headline-color: var(--wb-color-fixed-component-text-headline-on-light-image-headline);
  --wb-text-headline-gap: var(--wb-spacing-static-tiny);
  --wb-tag-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-tag-padding-top: var(--wb-spacing-static-tiniest);
  --wb-tag-padding-right: var(--wb-spacing-static-smallest);
  --wb-tag-padding-left: var(--wb-spacing-static-smallest);
  --wb-tag-border-weight: var(--wb-border-weight-none);
  --wb-tag-error-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-error-icon-leading-color: var(--wb-color-fixed-component-tag-error-on-dark-image-icon);
  --wb-tag-error-text-color: var(--wb-color-fixed-component-tag-error-on-light-image-text);
  --wb-tag-error-background-color: var(--wb-color-fixed-component-tag-error-on-light-image-background);
  --wb-tag-warning-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-warning-icon-leading-color: var(--wb-color-fixed-component-tag-warning-on-light-image-icon);
  --wb-tag-warning-text-color: var(--wb-color-fixed-component-tag-warning-on-light-image-text);
  --wb-tag-warning-background-color: var(--wb-color-fixed-component-tag-warning-on-light-image-background);
  --wb-tag-success-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-success-icon-leading-color: var(--wb-color-fixed-component-tag-success-on-dark-image-icon);
  --wb-tag-success-text-color: var(--wb-color-fixed-component-tag-success-on-light-image-text);
  --wb-tag-success-background-color: var(--wb-color-fixed-component-tag-success-on-light-image-background);
  --wb-tag-tertiary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-tertiary-icon-leading-color: var(--wb-color-fixed-component-tag-tertiary-on-light-image-icon);
  --wb-tag-tertiary-text-color: var(--wb-color-fixed-component-tag-tertiary-on-light-image-text);
  --wb-tag-tertiary-background-color: var(--wb-color-fixed-component-tag-tertiary-on-light-image-background);
  --wb-tag-secondary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-secondary-icon-leading-color: var(--wb-color-fixed-component-tag-secondary-on-light-image-icon);
  --wb-tag-secondary-text-color: var(--wb-color-fixed-component-tag-secondary-on-light-image-text);
  --wb-tag-secondary-background-color: var(--wb-color-fixed-component-tag-secondary-on-light-image-background);
  --wb-tag-primary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-primary-icon-leading-color: var(--wb-color-icon-on-brand);
  --wb-tag-primary-text-color: var(--wb-color-text-on-brand);
  --wb-tag-primary-background-color: var(--wb-color-shape-brand-default);
  --wb-subnavigation-fly-in-item-padding-right: var(--wb-spacing-static-smaller);
  --wb-subnavigation-fly-in-item-padding-left: var(--wb-spacing-static-smaller);
  --wb-subnavigation-fly-in-item-indicator-size: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-item-indicator-color: var(--wb-color-shape-brand-default);
  --wb-subnavigation-fly-in-item-border-color-selected: var(--wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-border-selected);
  --wb-subnavigation-fly-in-item-border-color-hover: var(--wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-border-hover);
  --wb-subnavigation-fly-in-item-border-color-default: var(--wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-border-default);
  --wb-subnavigation-fly-in-item-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-fly-in-item-border-weight: var(--wb-border-weight-main);
  --wb-subnavigation-fly-in-item-text-color-selected: var(--wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-text-selected);
  --wb-subnavigation-fly-in-item-text-color-hover: var(--wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-text-hover);
  --wb-subnavigation-fly-in-item-text-color-default: var(--wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-text-default);
  --wb-subnavigation-fly-in-item-background-color-selected: var(--wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-background-selected);
  --wb-subnavigation-fly-in-item-background-color-hover: var(--wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-background-hover);
  --wb-subnavigation-fly-in-item-background-color-default: var(--wb-color-fixed-component-subnavigation-on-light-image-fly-in-item-background-default);
  --wb-subnavigation-fly-in-item-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-bottom-actions-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-bottom-actions-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-bottom-actions-gap: var(--wb-spacing-static-smaller);
  --wb-subnavigation-fly-in-expanded-content-middle-actions-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-middle-actions-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-top-actions-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-top-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-top-padding-top: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-top-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-top-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-top-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-padding-bottom: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-fly-in-expanded-text-color: var(--wb-color-fixed-component-subnavigation-on-light-image-fly-in-expanded-text);
  --wb-subnavigation-fly-in-expanded-background-color: var(--wb-color-fixed-component-subnavigation-on-light-image-fly-in-expanded-background);
  --wb-subnavigation-fly-in-expanded-gap: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-collapsed-actions-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-collapsed-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-collapsed-padding-top: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-collapsed-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-collapsed-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-collapsed-border-weight: var(--wb-border-weight-main);
  --wb-subnavigation-fly-in-collapsed-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-fly-in-collapsed-border-color-default: var(--wb-color-fixed-component-subnavigation-on-light-image-fly-in-collapsed-border);
  --wb-subnavigation-fly-in-collapsed-text-color-default: var(--wb-color-fixed-component-subnavigation-on-light-image-fly-in-collapsed-text);
  --wb-subnavigation-fly-in-collapsed-background-color-default: var(--wb-color-fixed-component-subnavigation-on-light-image-fly-in-collapsed-background);
  --wb-subnavigation-fly-in-collapsed-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-padding-top: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-padding-right: var(--wb-spacing-static-smaller);
  --wb-subnavigation-basic-item-padding-left: var(--wb-spacing-static-smaller);
  --wb-subnavigation-basic-item-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-basic-item-indicator-size: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-indicator-color: var(--wb-color-shape-brand-default);
  --wb-subnavigation-basic-item-icon-color-selected: var(--wb-color-fixed-component-subnavigation-on-light-image-basic-item-icon-selected);
  --wb-subnavigation-basic-item-icon-color-hover: var(--wb-color-fixed-component-subnavigation-on-light-image-basic-item-icon-hover);
  --wb-subnavigation-basic-item-icon-color-default: var(--wb-color-fixed-component-subnavigation-on-light-image-basic-item-icon-default);
  --wb-subnavigation-basic-item-icon-size: var(--wb-spacing-static-smaller);
  --wb-subnavigation-basic-item-text-color-selected: var(--wb-color-fixed-component-subnavigation-on-light-image-basic-item-text-selected);
  --wb-subnavigation-basic-item-text-color-hover: var(--wb-color-fixed-component-subnavigation-on-light-image-basic-item-text-hover);
  --wb-subnavigation-basic-item-text-color-default: var(--wb-color-fixed-component-subnavigation-on-light-image-basic-item-text-default);
  --wb-subnavigation-basic-item-background-color-selected: var(--wb-color-fixed-component-subnavigation-on-light-image-basic-item-background-selected);
  --wb-subnavigation-basic-item-background-color-hover: var(--wb-color-fixed-component-subnavigation-on-light-image-basic-item-background-hover);
  --wb-subnavigation-basic-item-background-color-default: var(--wb-color-fixed-component-subnavigation-on-light-image-basic-item-background-default);
  --wb-subnavigation-basic-item-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-vertical-padding-bottom: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-padding-top: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-padding-right: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-padding-left: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-basic-vertical-items-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-vertical-text-color: var(--wb-color-fixed-component-subnavigation-on-light-image-basic-vertical-text);
  --wb-subnavigation-basic-vertical-background-color: var(--wb-color-fixed-component-subnavigation-on-light-image-basic-vertical-background);
  --wb-subnavigation-basic-vertical-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-horizontal-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-basic-horizontal-items-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-horizontal-background-color: var(--wb-color-fixed-component-subnavigation-on-light-image-basic-horizontal-background);
  --wb-spinner-border-weight: var(--wb-border-weight-strong);
  --wb-spinner-background-color: var(--wb-color-fixed-component-spinner-basic-on-light-image-background);
  --wb-round-button-sm-icon-size: var(--wb-spacing-static-smallest);
  --wb-round-button-md-icon-size: var(--wb-spacing-static-smaller);
  --wb-round-button-md-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-round-button-md-padding-top: var(--wb-spacing-static-smallest);
  --wb-round-button-md-padding-right: var(--wb-spacing-static-smallest);
  --wb-round-button-md-padding-left: var(--wb-spacing-static-smallest);
  --wb-round-button-lg-icon-size: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-top: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-right: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-left: var(--wb-spacing-static-smaller);
  --wb-round-button-xlg-icon-size: var(--wb-spacing-static-small);
  --wb-round-button-timer-weight: var(--wb-border-weight-stronger);
  --wb-round-button-timer-color-default: var(--wb-color-border-brand-default);
  --wb-round-button-border-weight: var(--wb-border-weight-main);
  --wb-round-button-border-radius: var(--wb-border-radius-round);
  --wb-round-button-basic-large-icon-color-default: var(--wb-color-fixed-component-round-button-on-light-image-large-icon-default);
  --wb-round-button-basic-large-border-main-color-hover: var(--wb-color-fixed-component-round-button-on-light-image-large-border-main-hover);
  --wb-round-button-basic-large-border-main-color-default: var(--wb-color-fixed-component-round-button-on-light-image-large-border-main-white);
  --wb-round-button-basic-large-background-color-focus: var(--wb-color-fixed-component-round-button-on-light-image-large-background-focus);
  --wb-round-button-basic-large-background-color-active: var(--wb-color-fixed-component-round-button-on-light-image-large-background-active);
  --wb-round-button-basic-large-background-color-hover: var(--wb-color-fixed-component-round-button-on-light-image-large-background-hover);
  --wb-round-button-basic-large-background-color-default: var(--wb-color-fixed-component-round-button-on-light-image-large-background-default);
  --wb-round-button-basic-medium-icon-color-default: var(--wb-color-fixed-component-round-button-on-light-image-medium-icon-default);
  --wb-round-button-basic-medium-border-main-color-hover: var(--wb-color-fixed-component-round-button-on-light-image-medium-border-main-hover);
  --wb-round-button-basic-medium-border-main-color-default: var(--wb-color-fixed-component-round-button-on-light-image-medium-border-main-default);
  --wb-round-button-basic-medium-background-color-focus: var(--wb-color-fixed-component-round-button-on-light-image-medium-background-focus);
  --wb-round-button-basic-medium-background-color-active: var(--wb-color-fixed-component-round-button-on-light-image-medium-background-active);
  --wb-round-button-basic-medium-background-color-hover: var(--wb-color-fixed-component-round-button-on-light-image-medium-background-hover);
  --wb-round-button-basic-medium-background-color-default: var(--wb-color-fixed-component-round-button-on-light-image-medium-background-default);
  --wb-round-button-basic-small-icon-color-default: var(--wb-color-fixed-component-round-button-on-light-image-small-icon-default);
  --wb-round-button-basic-small-border-main-color-hover: var(--wb-color-fixed-component-round-button-on-light-image-small-border-main-hover);
  --wb-round-button-basic-small-border-main-color-default: var(--wb-color-fixed-component-round-button-on-light-image-small-border-main-default);
  --wb-round-button-basic-small-background-color-focus: var(--wb-color-fixed-component-round-button-on-light-image-small-background-focus);
  --wb-round-button-basic-small-background-color-active: var(--wb-color-fixed-component-round-button-on-light-image-small-background-active);
  --wb-round-button-basic-small-background-color-hover: var(--wb-color-fixed-component-round-button-on-light-image-small-background-hover);
  --wb-round-button-basic-small-background-color-default: var(--wb-color-fixed-component-round-button-on-light-image-small-background-default);
  --wb-round-button-basic-xsmall-icon-color-default: var(--wb-color-fixed-component-round-button-on-light-image-xsmall-icon-default);
  --wb-round-button-basic-xsmall-border-main-color-hover: var(--wb-color-fixed-component-round-button-on-light-image-xsmall-border-main-hover);
  --wb-round-button-basic-xsmall-border-main-color-default: var(--wb-color-fixed-component-round-button-on-light-image-xsmall-border-main-default);
  --wb-round-button-basic-xsmall-background-color-focus: var(--wb-color-fixed-component-round-button-on-light-image-xsmall-background-focus);
  --wb-round-button-basic-xsmall-background-color-active: var(--wb-color-fixed-component-round-button-on-light-image-xsmall-background-active);
  --wb-round-button-basic-xsmall-background-color-hover: var(--wb-color-fixed-component-round-button-on-light-image-xsmall-background-hover);
  --wb-round-button-basic-xsmall-background-color-default: var(--wb-color-fixed-component-round-button-on-light-image-xsmall-background-default);
  --wb-round-button-basic-translucent-icon-color-default: var(--wb-color-fixed-component-round-button-on-light-image-translucent-icon-default);
  --wb-round-button-basic-translucent-background-color-focus: var(--wb-color-fixed-component-round-button-on-light-image-translucent-background-focus);
  --wb-round-button-basic-translucent-background-color-active: var(--wb-color-fixed-component-round-button-on-light-image-translucent-background-active);
  --wb-round-button-basic-translucent-background-color-hover: var(--wb-color-fixed-component-round-button-on-light-image-translucent-background-hover);
  --wb-round-button-basic-translucent-background-color-default: var(--wb-color-fixed-component-round-button-on-light-image-translucent-background-default);
  --wb-modal-overlay-background-color: var(--wb-color-fixed-component-modal-overlay-background);
  --wb-link-inline-border-weight-focus: var(--wb-border-weight-main);
  --wb-link-inline-border-weight-active: var(--wb-border-weight-strong);
  --wb-link-inline-border-weight-hover: var(--wb-border-weight-strong);
  --wb-link-inline-border-weight-default: var(--wb-border-weight-main);
  --wb-link-inline-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-link-inline-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-link-inline-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-sm-content-gap: var(--wb-spacing-static-tiniest);
  --wb-link-standalone-sm-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-md-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-lg-content-gap: var(--wb-spacing-static-none);
  --wb-link-standalone-lg-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-border-weight-focus: var(--wb-border-weight-main);
  --wb-link-standalone-border-weight-active: var(--wb-border-weight-strong);
  --wb-link-standalone-border-weight-hover: var(--wb-border-weight-strong);
  --wb-link-standalone-border-weight-default: var(--wb-border-weight-main);
  --wb-link-standalone-border-underline-color-focus: var(--wb-color-fixed-component-link-standalone-on-light-image-border-underline-focus);
  --wb-link-standalone-border-underline-color-active: var(--wb-color-fixed-component-link-standalone-on-light-image-border-underline-active);
  --wb-link-standalone-border-underline-color-hover: var(--wb-color-fixed-component-link-standalone-on-light-image-border-underline-hover);
  --wb-link-standalone-border-underline-color-default: var(--wb-color-fixed-component-link-standalone-on-light-image-border-underline-default);
  --wb-link-standalone-icon-trailing-color-focus: var(--wb-color-fixed-component-link-standalone-on-light-image-icon-focus);
  --wb-link-standalone-icon-trailing-color-active: var(--wb-color-fixed-component-link-standalone-on-light-image-icon-active);
  --wb-link-standalone-icon-trailing-color-hover: var(--wb-color-fixed-component-link-standalone-on-light-image-icon-hover);
  --wb-link-standalone-icon-trailing-color-default: var(--wb-color-fixed-component-link-standalone-on-light-image-icon-default);
  --wb-link-standalone-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-link-standalone-icon-leading-color-focus: var(--wb-color-fixed-component-link-standalone-on-light-image-icon-focus);
  --wb-link-standalone-icon-leading-color-active: var(--wb-color-fixed-component-link-standalone-on-light-image-icon-active);
  --wb-link-standalone-icon-leading-color-hover: var(--wb-color-fixed-component-link-standalone-on-light-image-icon-hover);
  --wb-link-standalone-icon-leading-color-default: var(--wb-color-fixed-component-link-standalone-on-light-image-icon-default);
  --wb-link-standalone-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-link-standalone-text-color-focus: var(--wb-color-fixed-component-link-standalone-on-light-image-text-focus);
  --wb-link-standalone-text-color-active: var(--wb-color-fixed-component-link-standalone-on-light-image-text-active);
  --wb-link-standalone-text-color-hover: var(--wb-color-fixed-component-link-standalone-on-light-image-text-hover);
  --wb-link-standalone-text-color-default: var(--wb-color-fixed-component-link-standalone-on-light-image-text-default);
  --wb-gallery-overlay-background-color: var(--wb-color-fixed-component-gallery-overlay-background);
  --wb-dot-navigation-shapes-dots-background-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-background-color: var(--wb-color-fixed-component-dot-nav-on-light-image-background);
  --wb-dot-navigation-shapes-dots-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-dot-navigation-shapes-dots-padding-top: var(--wb-spacing-static-tiny);
  --wb-dot-navigation-shapes-dots-padding-right: var(--wb-spacing-static-smaller);
  --wb-dot-navigation-shapes-dots-padding-left: var(--wb-spacing-static-smaller);
  --wb-dot-navigation-shapes-dots-gap: var(--wb-spacing-static-smaller);
  --wb-dot-navigation-shapes-dots-sm-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-sm-size: var(--wb-spacing-static-tiniest);
  --wb-dot-navigation-shapes-dots-sm-shape-color-default: var(--wb-color-fixed-component-dot-nav-on-light-image-shapes-dots-sm-shape-default);
  --wb-dot-navigation-shapes-dots-md-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-md-shape-color-default: var(--wb-color-fixed-component-dot-nav-on-light-image-shapes-dots-md-shape-default);
  --wb-dot-navigation-shapes-dots-lg-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-lg-size: var(--wb-spacing-static-tiny);
  --wb-dot-navigation-shapes-dots-lg-shape-color-default: var(--wb-color-fixed-component-dot-nav-on-light-image-shapes-dots-lg-shape-default);
  --wb-dot-navigation-shapes-dots-xlg-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-xlg-size: var(--wb-spacing-static-smallest);
  --wb-dot-navigation-shapes-dots-xlg-shape-color: var(--wb-color-fixed-component-dot-nav-on-light-image-shapes-dots-xlg-shape-background);
  --wb-dot-navigation-shapes-dots-xlg-border-weight: var(--wb-border-weight-main);
  --wb-dot-navigation-shapes-dots-xlg-border-radius: var(--wb-border-radius-round);
  --wb-counter-error-text-color: var(--wb-color-fixed-component-counter-error-on-light-image-text);
  --wb-counter-error-background-color: var(--wb-color-fixed-component-counter-error-on-light-image-background);
  --wb-counter-warning-text-color: var(--wb-color-fixed-component-counter-warning-on-light-image-text);
  --wb-counter-warning-background-color: var(--wb-color-fixed-component-counter-warning-on-light-image-background);
  --wb-counter-success-text-color: var(--wb-color-fixed-component-counter-success-on-light-image-text);
  --wb-counter-success-background-color: var(--wb-color-fixed-component-counter-success-on-light-image-background);
  --wb-counter-tertiary-text-color: var(--wb-color-fixed-component-counter-tertiary-on-light-image-text);
  --wb-counter-tertiary-background-color: var(--wb-color-fixed-component-counter-tertiary-on-light-image-background);
  --wb-counter-secondary-text-color: var(--wb-color-fixed-component-counter-secondary-on-light-image-text);
  --wb-counter-secondary-background-color: var(--wb-color-fixed-component-counter-secondary-on-light-image-background);
  --wb-counter-primary-text-color: var(--wb-color-text-on-contrast-on-brand);
  --wb-counter-primary-background-color: var(--wb-color-shape-brand-on-contrast-default);
  --wb-button-group-padding-icon-only-bottom: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-icon-only-top: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-icon-only-right: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-icon-only-left: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-top: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-right: var(--wb-spacing-static-medium);
  --wb-button-group-padding-left: var(--wb-spacing-static-medium);
  --wb-button-group-translucent-border-ring-color-selected-focus: var(--wb-color-fixed-component-button-group-translucent-on-light-image-border-ring-selected-focus);
  --wb-button-group-translucent-border-ring-color-focus: var(--wb-color-fixed-component-button-group-translucent-on-light-image-border-ring-focus);
  --wb-button-group-translucent-border-ring-color-active: var(--wb-color-fixed-component-button-group-translucent-on-light-image-border-ring-active);
  --wb-button-group-translucent-border-main-color-selected-focus: var(--wb-color-fixed-component-button-group-translucent-on-light-image-border-main-selected-focus);
  --wb-button-group-translucent-border-main-color-selected: var(--wb-color-fixed-component-button-group-translucent-on-light-image-border-main-selected);
  --wb-button-group-translucent-border-main-color-focus: var(--wb-color-fixed-component-button-group-translucent-on-light-image-border-main-focus);
  --wb-button-group-translucent-border-main-color-active: var(--wb-color-fixed-component-button-group-translucent-on-light-image-border-main-active);
  --wb-button-group-translucent-border-main-color-hover: var(--wb-color-fixed-component-button-group-translucent-on-light-image-border-main-hover);
  --wb-button-group-translucent-border-main-color-default: var(--wb-color-fixed-component-button-group-translucent-on-light-image-border-main-default);
  --wb-button-group-translucent-border-weight: var(--wb-border-weight-main);
  --wb-button-group-translucent-icon-only-color-selected: var(--wb-color-fixed-component-button-group-translucent-on-light-image-icon-selected);
  --wb-button-group-translucent-icon-only-color-default: var(--wb-color-fixed-component-button-group-translucent-on-light-image-icon-default);
  --wb-button-group-translucent-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-group-translucent-icon-leading-color-selected: var(--wb-color-fixed-component-button-group-translucent-on-light-image-icon-selected);
  --wb-button-group-translucent-icon-leading-color-default: var(--wb-color-fixed-component-button-group-translucent-on-light-image-icon-default);
  --wb-button-group-translucent-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-group-translucent-text-color-selected: var(--wb-color-fixed-component-button-group-translucent-on-light-image-text-selected);
  --wb-button-group-translucent-text-color-default: var(--wb-color-fixed-component-button-group-translucent-on-light-image-text-default);
  --wb-button-group-translucent-background-color-selected-focus: var(--wb-color-fixed-component-button-group-translucent-on-light-image-background-selected-focus);
  --wb-button-group-translucent-background-color-selected: var(--wb-color-fixed-component-button-group-translucent-on-light-image-background-selected);
  --wb-button-group-translucent-background-color-focus: var(--wb-color-fixed-component-button-group-translucent-on-light-image-background-focus);
  --wb-button-group-translucent-background-color-active: var(--wb-color-fixed-component-button-group-translucent-on-light-image-background-active);
  --wb-button-group-translucent-background-color-hover: var(--wb-color-fixed-component-button-group-translucent-on-light-image-background-hover);
  --wb-button-group-translucent-background-color-default: var(--wb-color-fixed-component-button-group-translucent-on-light-image-background-default);
  --wb-button-group-translucent-gap: var(--wb-spacing-static-tiny);
  --wb-button-group-secondary-border-ring-color-selected-focus: var(--wb-color-border-brand-focus);
  --wb-button-group-secondary-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-active);
  --wb-button-group-secondary-border-ring-color-active: var(--wb-color-border-brand-active);
  --wb-button-group-secondary-border-main-color-selected-focus: var(--wb-color-fixed-component-button-group-secondary-on-light-image-border-main-selected-focus);
  --wb-button-group-secondary-border-main-color-selected: var(--wb-color-fixed-component-button-group-secondary-on-light-image-border-main-selected);
  --wb-button-group-secondary-border-main-color-focus: var(--wb-color-fixed-component-button-group-secondary-on-light-image-border-main-focus);
  --wb-button-group-secondary-border-main-color-active: var(--wb-color-fixed-component-button-group-secondary-on-light-image-border-main-active);
  --wb-button-group-secondary-border-main-color-hover: var(--wb-color-fixed-component-button-group-secondary-on-light-image-border-main-hover);
  --wb-button-group-secondary-border-main-color-default: var(--wb-color-fixed-component-button-group-secondary-on-light-image-border-main-default);
  --wb-button-group-secondary-border-weight: var(--wb-border-weight-main);
  --wb-button-group-secondary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-group-secondary-icon-only-color-selected: var(--wb-color-fixed-component-button-group-secondary-on-light-image-icon-selected);
  --wb-button-group-secondary-icon-only-color-default: var(--wb-color-fixed-component-button-group-secondary-on-light-image-icon-default);
  --wb-button-group-secondary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-group-secondary-icon-leading-color-selected: var(--wb-color-fixed-component-button-group-secondary-on-light-image-icon-selected);
  --wb-button-group-secondary-icon-leading-color-default: var(--wb-color-fixed-component-button-group-secondary-on-light-image-icon-default);
  --wb-button-group-secondary-text-color-selected: var(--wb-color-fixed-component-button-group-secondary-on-light-image-text-selected);
  --wb-button-group-secondary-text-color-default: var(--wb-color-fixed-component-button-group-secondary-on-light-image-text-default);
  --wb-button-group-secondary-background-color-selected-focus: var(--wb-color-fixed-component-button-group-secondary-on-light-image-background-selected-focus);
  --wb-button-group-secondary-background-color-selected: var(--wb-color-fixed-component-button-group-secondary-on-light-image-background-selected);
  --wb-button-group-secondary-background-color-focus: var(--wb-color-fixed-component-button-group-secondary-on-light-image-background-focus);
  --wb-button-group-secondary-background-color-active: var(--wb-color-fixed-component-button-group-secondary-on-light-image-background-active);
  --wb-button-group-secondary-background-color-hover: var(--wb-color-fixed-component-button-group-secondary-on-light-image-background-hover);
  --wb-button-group-secondary-background-color-default: var(--wb-color-fixed-component-button-group-secondary-on-light-image-background-default);
  --wb-button-group-secondary-gap: var(--wb-spacing-static-tiny);
  --wb-button-group-primary-border-ring-color-selected-focus: var(--wb-color-border-weakest-focus);
  --wb-button-group-primary-border-ring-color-focus: var(--wb-color-border-weakest-focus);
  --wb-button-group-primary-border-ring-color-active: var(--wb-color-border-weakest-active);
  --wb-button-group-primary-border-main-color-selected-focus: var(--wb-color-fixed-component-button-group-primary-on-light-image-border-main-selected-focus);
  --wb-button-group-primary-border-main-color-selected: var(--wb-color-fixed-component-button-group-primary-on-light-image-border-main-selected);
  --wb-button-group-primary-border-main-color-focus: var(--wb-color-fixed-component-button-group-primary-on-light-image-border-main-focus);
  --wb-button-group-primary-border-main-color-active: var(--wb-color-fixed-component-button-group-primary-on-light-image-border-main-active);
  --wb-button-group-primary-border-main-color-hover: var(--wb-color-fixed-component-button-group-primary-on-light-image-border-main-hover);
  --wb-button-group-primary-border-main-color-default: var(--wb-color-fixed-component-button-group-primary-on-light-image-border-main-default);
  --wb-button-group-primary-border-weight: var(--wb-border-weight-main);
  --wb-button-group-primary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-group-primary-icon-only-color-selected: var(--wb-color-icon-on-brand);
  --wb-button-group-primary-icon-only-color-default: var(--wb-color-icon-on-brand);
  --wb-button-group-primary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-group-primary-icon-leading-color-selected: var(--wb-color-icon-on-brand);
  --wb-button-group-primary-icon-leading-color-default: var(--wb-color-icon-on-brand);
  --wb-button-group-primary-text-color-selected: var(--wb-color-text-on-brand);
  --wb-button-group-primary-text-color-default: var(--wb-color-text-on-brand);
  --wb-button-group-primary-background-color-selected-focus: var(--wb-color-shape-brand-selected);
  --wb-button-group-primary-background-color-selected: var(--wb-color-shape-brand-selected);
  --wb-button-group-primary-background-color-focus: var(--wb-color-shape-brand-focus);
  --wb-button-group-primary-background-color-active: var(--wb-color-shape-brand-active);
  --wb-button-group-primary-background-color-hover: var(--wb-color-shape-brand-hover);
  --wb-button-group-primary-background-color-default: var(--wb-color-shape-brand-default);
  --wb-button-group-primary-gap: var(--wb-spacing-static-tiny);
  --wb-button-group-border-vision-ui-alpha-end-ring-radius: var(--wb-border-radius-subtle);
  --wb-button-group-border-vision-ui-alpha-end-main-radius: var(--wb-border-radius-main);
  --wb-button-group-border-vision-ui-alpha-middle-ring-radius: var(--wb-border-radius-sharp);
  --wb-button-group-border-vision-ui-alpha-middle-main-radius: var(--wb-border-radius-sharp);
  --wb-button-group-border-vision-ui-alpha-start-ring-radius: var(--wb-border-radius-subtle);
  --wb-button-group-border-vision-ui-alpha-start-main-radius: var(--wb-border-radius-main);
  --wb-button-group-background-color: var(--wb-color-fixed-component-button-group-on-main-background);
  --wb-breadcrumbs-basic-icon-size: var(--wb-spacing-static-smaller);
  --wb-breadcrumbs-basic-icon-color: var(--wb-color-fixed-component-breadcrumbs-on-light-image-icon);
  --wb-breadcrumbs-basic-text-color: var(--wb-color-fixed-component-breadcrumbs-on-light-image-text);
  --wb-breadcrumbs-basic-gap: var(--wb-spacing-static-tiniest);
  --wb-button-sm-padding-icon-only-bottom: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-icon-only-top: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-icon-only-right: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-icon-only-left: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-right: var(--wb-spacing-static-medium);
  --wb-button-sm-padding-loading-left: var(--wb-spacing-static-medium);
  --wb-button-sm-padding-tertiary-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-right: var(--wb-spacing-static-small);
  --wb-button-sm-padding-tertiary-loading-left: var(--wb-spacing-static-small);
  --wb-button-sm-padding-tertiary-bottom: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-tertiary-top: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-tertiary-right: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-tertiary-left: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-top: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-right: var(--wb-spacing-static-smaller);
  --wb-button-sm-padding-left: var(--wb-spacing-static-smaller);
  --wb-button-sm-gap: var(--wb-spacing-static-tiny);
  --wb-button-md-padding-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-right: var(--wb-spacing-static-medium);
  --wb-button-md-padding-loading-left: var(--wb-spacing-static-medium);
  --wb-button-md-padding-tertiary-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-right: var(--wb-spacing-static-small);
  --wb-button-md-padding-tertiary-loading-left: var(--wb-spacing-static-small);
  --wb-button-md-padding-tertiary-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-right: var(--wb-spacing-static-smaller);
  --wb-button-md-padding-tertiary-left: var(--wb-spacing-static-smaller);
  --wb-button-md-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-right: var(--wb-spacing-static-small);
  --wb-button-md-padding-left: var(--wb-spacing-static-small);
  --wb-button-md-gap: var(--wb-spacing-static-tiny);
  --wb-button-lg-padding-icon-only-bottom: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-icon-only-top: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-icon-only-right: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-icon-only-left: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-right: var(--wb-spacing-static-large);
  --wb-button-lg-padding-loading-left: var(--wb-spacing-static-large);
  --wb-button-lg-padding-tertiary-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-right: var(--wb-spacing-static-medium);
  --wb-button-lg-padding-tertiary-loading-left: var(--wb-spacing-static-medium);
  --wb-button-lg-padding-tertiary-bottom: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-tertiary-top: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-tertiary-right: var(--wb-spacing-static-small);
  --wb-button-lg-padding-tertiary-left: var(--wb-spacing-static-small);
  --wb-button-lg-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-top: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-right: var(--wb-spacing-static-medium);
  --wb-button-lg-padding-left: var(--wb-spacing-static-medium);
  --wb-button-lg-gap: var(--wb-spacing-static-tiny);
  --wb-button-translucent-border-weight: var(--wb-border-weight-main);
  --wb-button-translucent-border-main-color-loading: var(--wb-color-fixed-component-button-translucent-on-light-image-border-main-loading);
  --wb-button-translucent-border-main-color-focus: var(--wb-color-fixed-component-button-translucent-on-light-image-border-main-focus);
  --wb-button-translucent-border-main-color-active: var(--wb-color-fixed-component-button-translucent-on-light-image-border-main-active);
  --wb-button-translucent-border-main-color-hover: var(--wb-color-fixed-component-button-translucent-on-light-image-border-main-hover);
  --wb-button-translucent-border-main-color-default: var(--wb-color-fixed-component-button-translucent-on-light-image-border-main-default);
  --wb-button-translucent-icon-trailing-color-default: var(--wb-color-fixed-component-button-translucent-on-light-image-icon-default);
  --wb-button-translucent-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-translucent-icon-leading-color-default: var(--wb-color-fixed-component-button-translucent-on-light-image-icon-default);
  --wb-button-translucent-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-translucent-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-translucent-icon-only-color-default: var(--wb-color-fixed-component-button-translucent-on-light-image-icon-default);
  --wb-button-translucent-text-color-default: var(--wb-color-fixed-component-button-translucent-on-light-image-text-default);
  --wb-button-translucent-background-color-loading: var(--wb-color-fixed-component-button-translucent-on-light-image-background-loading);
  --wb-button-translucent-background-color-focus: var(--wb-color-fixed-component-button-translucent-on-light-image-background-focus);
  --wb-button-translucent-background-color-active: var(--wb-color-fixed-component-button-translucent-on-light-image-background-active);
  --wb-button-translucent-background-color-hover: var(--wb-color-fixed-component-button-translucent-on-light-image-background-hover);
  --wb-button-translucent-background-color-default: var(--wb-color-fixed-component-button-translucent-on-light-image-background-default);
  --wb-button-tertiary-border-weight: var(--wb-border-weight-main);
  --wb-button-tertiary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-tertiary-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-tertiary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-tertiary-background-color-loading: var(--wb-color-fixed-component-button-tertiary-on-light-image-background-loading);
  --wb-button-tertiary-background-color-focus: var(--wb-color-fixed-component-button-tertiary-on-light-image-background-focus);
  --wb-button-tertiary-background-color-active: var(--wb-color-fixed-component-button-tertiary-on-light-image-background-active);
  --wb-button-tertiary-background-color-hover: var(--wb-color-fixed-component-button-tertiary-on-light-image-background-hover);
  --wb-button-tertiary-background-color-default: var(--wb-color-fixed-component-button-tertiary-on-light-image-background-default);
  --wb-button-secondary-border-main-color-loading: var(--wb-color-fixed-component-button-secondary-on-light-image-border-main-loading);
  --wb-button-secondary-border-main-color-focus: var(--wb-color-fixed-component-button-secondary-on-light-image-border-main-focus);
  --wb-button-secondary-border-main-color-active: var(--wb-color-fixed-component-button-secondary-on-light-image-border-main-active);
  --wb-button-secondary-border-main-color-hover: var(--wb-color-fixed-component-button-secondary-on-light-image-border-main-hover);
  --wb-button-secondary-border-main-color-default: var(--wb-color-fixed-component-button-secondary-on-light-image-border-main-default);
  --wb-button-secondary-border-weight: var(--wb-border-weight-main);
  --wb-button-secondary-icon-trailing-color-default: var(--wb-color-fixed-component-button-secondary-on-light-image-icon-default);
  --wb-button-secondary-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-secondary-icon-leading-color-default: var(--wb-color-fixed-component-button-secondary-on-light-image-icon-default);
  --wb-button-secondary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-secondary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-secondary-icon-only-color-default: var(--wb-color-fixed-component-button-secondary-on-light-image-icon-default);
  --wb-button-secondary-text-color-default: var(--wb-color-fixed-component-button-secondary-on-light-image-text-default);
  --wb-button-secondary-background-color-loading: var(--wb-color-fixed-component-button-secondary-on-light-image-background-loading);
  --wb-button-secondary-background-color-focus: var(--wb-color-fixed-component-button-secondary-on-light-image-background-focus);
  --wb-button-secondary-background-color-active: var(--wb-color-fixed-component-button-secondary-on-light-image-background-active);
  --wb-button-secondary-background-color-hover: var(--wb-color-fixed-component-button-secondary-on-light-image-background-hover);
  --wb-button-secondary-background-color-default: var(--wb-color-fixed-component-button-secondary-on-light-image-background-default);
  --wb-button-primary-border-ring-color-focus: var(--wb-color-border-weakest-focus);
  --wb-button-primary-border-ring-color-active: var(--wb-color-border-weakest-active);
  --wb-button-primary-border-main-color-loading: var(--wb-color-border-brand-default);
  --wb-button-primary-border-main-color-focus: var(--wb-color-border-brand-focus);
  --wb-button-primary-border-main-color-active: var(--wb-color-border-brand-active);
  --wb-button-primary-border-main-color-hover: var(--wb-color-border-brand-hover);
  --wb-button-primary-border-main-color-default: var(--wb-color-border-brand-default);
  --wb-button-primary-border-weight: var(--wb-border-weight-main);
  --wb-button-primary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-primary-icon-only-color-default: var(--wb-color-icon-on-brand);
  --wb-button-primary-icon-trailing-color-default: var(--wb-color-icon-on-brand);
  --wb-button-primary-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-primary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-primary-icon-leading-color-default: var(--wb-color-icon-on-brand);
  --wb-button-primary-text-color-default: var(--wb-color-text-on-brand);
  --wb-button-primary-background-color-loading: var(--wb-color-shape-brand-default);
  --wb-button-primary-background-color-focus: var(--wb-color-shape-brand-focus);
  --wb-button-primary-background-color-active: var(--wb-color-shape-brand-active);
  --wb-button-primary-background-color-hover: var(--wb-color-shape-brand-hover);
  --wb-button-primary-background-color-default: var(--wb-color-shape-brand-default);
  --wb-button-border-vision-ui-alpha-ring-radius: var(--wb-border-radius-subtle);
  --wb-button-border-vision-ui-alpha-main-radius: var(--wb-border-radius-main);
  --wb-360-viewer-md-icon-size: var(--wb-spacing-static-smaller);
  --wb-360-viewer-lg-icon-size: var(--wb-spacing-static-small);
  --wb-360-viewer-icon-color-default: var(--wb-color-fixed-component-360-viewer-on-light-image-icon);
  --wb-360-viewer-hint-border-weight: var(--wb-border-weight-main);
  --wb-360-viewer-hint-gradient-color-start: var(--wb-color-fixed-component-360-viewer-on-light-image-hint-gradient-start);
  --wb-spinner-loader-color: var(--wb-color-fixed-component-spinner-basic-on-light-image-loader);
  --wb-round-button-basic-large-border-ring-color-focus: var(--wb-color-fixed-component-round-button-on-light-image-large-border-ring-focus);
  --wb-round-button-basic-large-border-ring-color-active: var(--wb-color-fixed-component-round-button-on-light-image-large-border-ring-active);
  --wb-round-button-basic-medium-border-ring-color-focus: var(--wb-color-fixed-component-round-button-on-light-image-medium-border-ring-focus);
  --wb-round-button-basic-medium-border-ring-color-active: var(--wb-color-fixed-component-round-button-on-light-image-medium-border-ring-active);
  --wb-round-button-basic-small-border-ring-color-focus: var(--wb-color-fixed-component-round-button-on-light-image-small-border-ring-focus);
  --wb-round-button-basic-small-border-ring-color-active: var(--wb-color-fixed-component-round-button-on-light-image-small-border-ring-active);
  --wb-round-button-basic-xsmall-border-ring-color-focus: var(--wb-color-fixed-component-round-button-on-light-image-xsmall-border-ring-focus);
  --wb-round-button-basic-xsmall-border-ring-color-active: var(--wb-color-fixed-component-round-button-on-light-image-xsmall-border-ring-active);
  --wb-round-button-basic-translucent-border-ring-color-focus: var(--wb-color-fixed-component-round-button-on-light-image-translucent-border-ring-focus);
  --wb-round-button-basic-translucent-border-ring-color-active: var(--wb-color-fixed-component-round-button-on-light-image-translucent-border-ring-active);
  --wb-link-inline-border-ring-color-focus: var(--wb-color-fixed-component-link-inline-on-light-image-border-ring-focus);
  --wb-link-inline-border-ring-color-active: var(--wb-color-fixed-component-link-inline-on-light-image-border-ring-active);
  --wb-link-inline-border-underline-color-focus: var(--wb-color-fixed-component-link-inline-on-light-image-border-underline-focus);
  --wb-link-inline-border-underline-color-active: var(--wb-color-fixed-component-link-inline-on-light-image-border-underline-active);
  --wb-link-inline-border-underline-color-hover: var(--wb-color-fixed-component-link-inline-on-light-image-border-underline-hover);
  --wb-link-inline-border-underline-color-default: var(--wb-color-fixed-component-link-inline-on-light-image-border-underline-default);
  --wb-link-inline-icon-trailing-color-focus: var(--wb-color-fixed-component-link-inline-on-light-image-icon-focus);
  --wb-link-inline-icon-trailing-color-active: var(--wb-color-fixed-component-link-inline-on-light-image-icon-active);
  --wb-link-inline-icon-trailing-color-hover: var(--wb-color-fixed-component-link-inline-on-light-image-icon-hover);
  --wb-link-inline-icon-trailing-color-default: var(--wb-color-fixed-component-link-inline-on-light-image-icon-default);
  --wb-link-inline-icon-leading-color-focus: var(--wb-color-fixed-component-link-inline-on-light-image-icon-focus);
  --wb-link-inline-icon-leading-color-active: var(--wb-color-fixed-component-link-inline-on-light-image-icon-active);
  --wb-link-inline-icon-leading-color-hover: var(--wb-color-fixed-component-link-inline-on-light-image-icon-hover);
  --wb-link-inline-icon-leading-color-default: var(--wb-color-fixed-component-link-inline-on-light-image-icon-default);
  --wb-link-inline-text-color-focus: var(--wb-color-fixed-component-link-inline-on-light-image-text-focus);
  --wb-link-inline-text-color-active: var(--wb-color-fixed-component-link-inline-on-light-image-text-active);
  --wb-link-inline-text-color-hover: var(--wb-color-fixed-component-link-inline-on-light-image-text-hover);
  --wb-link-inline-text-color-default: var(--wb-color-fixed-component-link-inline-on-light-image-text-default);
  --wb-link-standalone-border-ring-color-focus: var(--wb-color-fixed-component-link-standalone-on-light-image-border-ring-focus);
  --wb-link-standalone-border-ring-color-active: var(--wb-color-fixed-component-link-standalone-on-light-image-border-ring-active);
  --wb-dot-navigation-shapes-dots-xlg-border-ring-color-active: var(--wb-color-fixed-component-dot-nav-on-light-image-border-ring-active);
  --wb-button-translucent-border-ring-color-focus: var(--wb-color-fixed-component-button-translucent-on-light-image-border-ring-focus);
  --wb-button-translucent-border-ring-color-active: var(--wb-color-fixed-component-button-translucent-on-light-image-border-ring-active);
  --wb-button-tertiary-border-ring-color-focus: var(--wb-color-fixed-component-button-tertiary-on-light-image-border-ring-focus);
  --wb-button-tertiary-border-ring-color-active: var(--wb-color-fixed-component-button-tertiary-on-light-image-border-ring-active);
  --wb-button-tertiary-icon-only-color-default: var(--wb-color-fixed-component-button-tertiary-on-light-image-icon-default);
  --wb-button-tertiary-icon-trailing-color-default: var(--wb-color-fixed-component-button-tertiary-on-light-image-icon-default);
  --wb-button-tertiary-icon-leading-color-default: var(--wb-color-fixed-component-button-tertiary-on-light-image-icon-default);
  --wb-button-tertiary-text-color-default: var(--wb-color-fixed-component-button-tertiary-on-light-image-text-default);
  --wb-button-secondary-border-ring-color-focus: var(--wb-color-fixed-component-button-secondary-on-light-image-border-ring-focus);
  --wb-button-secondary-border-ring-color-active: var(--wb-color-fixed-component-button-secondary-on-light-image-border-ring-active);
}

[data-on="dark-image"],
[data-on="dark-image"] [data-brand]:not([data-on]) {
  --wb-tag-gap: 6px;
  --wb-subnavigation-fly-in-item-padding-bottom: 18px;
  --wb-subnavigation-fly-in-item-padding-top: 18px;
  --wb-round-button-sm-padding-bottom: 10px;
  --wb-round-button-sm-padding-top: 10px;
  --wb-round-button-sm-padding-right: 10px;
  --wb-round-button-sm-padding-left: 10px;
  --wb-round-button-xlg-padding-bottom: 20px;
  --wb-round-button-xlg-padding-top: 20px;
  --wb-round-button-xlg-padding-right: 20px;
  --wb-round-button-xlg-padding-left: 20px;
  --wb-link-standalone-sm-content-padding-bottom: 2px;
  --wb-link-standalone-md-content-padding-bottom: 2px;
  --wb-link-standalone-md-content-gap: 2px;
  --wb-dot-navigation-shapes-dots-md-size: 6px;
  --wb-counter-padding-bottom: 2px;
  --wb-counter-padding-top: 2px;
  --wb-counter-padding-right: 7px;
  --wb-counter-padding-left: 7px;
  --wb-button-group-gap: -1px;
  --wb-tag-border-radius: var(--wb-border-radius-full);
  --wb-counter-border-radius: var(--wb-border-radius-full);
  --wb-360-viewer-hint-gradient-color-end: var(--wb-color-fixed-component-360-viewer-on-dark-image-hint-gradient-end);
  --wb-text-headline-padding-bottom: var(--wb-spacing-static-medium);
  --wb-text-headline-padding-top: var(--wb-spacing-static-medium);
  --wb-text-headline-text-body-color: var(--wb-color-fixed-component-text-headline-on-dark-image-body);
  --wb-text-headline-text-subtitle-color: var(--wb-color-fixed-component-text-headline-on-dark-image-subtitle);
  --wb-text-headline-text-headline-color: var(--wb-color-fixed-component-text-headline-on-dark-image-headline);
  --wb-text-headline-gap: var(--wb-spacing-static-tiny);
  --wb-tag-padding-bottom: var(--wb-spacing-static-tiniest);
  --wb-tag-padding-top: var(--wb-spacing-static-tiniest);
  --wb-tag-padding-right: var(--wb-spacing-static-smallest);
  --wb-tag-padding-left: var(--wb-spacing-static-smallest);
  --wb-tag-border-weight: var(--wb-border-weight-none);
  --wb-tag-error-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-error-icon-leading-color: var(--wb-color-fixed-component-tag-error-on-dark-image-icon);
  --wb-tag-error-text-color: var(--wb-color-fixed-component-tag-error-on-dark-image-text);
  --wb-tag-error-background-color: var(--wb-color-fixed-component-tag-error-on-dark-image-background);
  --wb-tag-warning-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-warning-icon-leading-color: var(--wb-color-fixed-component-tag-warning-on-dark-image-icon);
  --wb-tag-warning-text-color: var(--wb-color-fixed-component-tag-warning-on-dark-image-text);
  --wb-tag-warning-background-color: var(--wb-color-fixed-component-tag-warning-on-dark-image-background);
  --wb-tag-success-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-success-icon-leading-color: var(--wb-color-fixed-component-tag-success-on-dark-image-icon);
  --wb-tag-success-text-color: var(--wb-color-fixed-component-tag-success-on-dark-image-text);
  --wb-tag-success-background-color: var(--wb-color-fixed-component-tag-success-on-dark-image-background);
  --wb-tag-tertiary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-tertiary-icon-leading-color: var(--wb-color-fixed-component-tag-tertiary-on-dark-image-icon);
  --wb-tag-tertiary-text-color: var(--wb-color-fixed-component-tag-tertiary-on-dark-image-text);
  --wb-tag-tertiary-background-color: var(--wb-color-fixed-component-tag-tertiary-on-dark-image-background);
  --wb-tag-secondary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-secondary-icon-leading-color: var(--wb-color-fixed-component-tag-secondary-on-dark-image-icon);
  --wb-tag-secondary-text-color: var(--wb-color-fixed-component-tag-secondary-on-light-image-background);
  --wb-tag-secondary-background-color: var(--wb-color-fixed-component-tag-secondary-on-dark-image-background);
  --wb-tag-primary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-tag-primary-icon-leading-color: var(--wb-color-icon-on-contrast-on-brand);
  --wb-tag-primary-text-color: var(--wb-color-text-on-contrast-on-brand);
  --wb-tag-primary-background-color: var(--wb-color-shape-brand-on-contrast-default);
  --wb-subnavigation-fly-in-item-padding-right: var(--wb-spacing-static-smaller);
  --wb-subnavigation-fly-in-item-padding-left: var(--wb-spacing-static-smaller);
  --wb-subnavigation-fly-in-item-indicator-size: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-item-indicator-color: var(--wb-color-shape-brand-on-contrast-default);
  --wb-subnavigation-fly-in-item-border-color-selected: var(--wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-border-selected);
  --wb-subnavigation-fly-in-item-border-color-hover: var(--wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-border-hover);
  --wb-subnavigation-fly-in-item-border-color-default: var(--wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-border-default);
  --wb-subnavigation-fly-in-item-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-fly-in-item-border-weight: var(--wb-border-weight-main);
  --wb-subnavigation-fly-in-item-text-color-selected: var(--wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-text-selected);
  --wb-subnavigation-fly-in-item-text-color-hover: var(--wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-text-hover);
  --wb-subnavigation-fly-in-item-text-color-default: var(--wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-text-default);
  --wb-subnavigation-fly-in-item-background-color-selected: var(--wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-background-selected);
  --wb-subnavigation-fly-in-item-background-color-hover: var(--wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-background-hover);
  --wb-subnavigation-fly-in-item-background-color-default: var(--wb-color-fixed-component-subnavigation-on-dark-image-fly-in-item-background-default);
  --wb-subnavigation-fly-in-item-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-bottom-actions-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-bottom-actions-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-bottom-actions-gap: var(--wb-spacing-static-smaller);
  --wb-subnavigation-fly-in-expanded-content-middle-actions-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-middle-actions-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-top-actions-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-top-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-top-padding-top: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-content-top-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-top-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-content-top-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-expanded-padding-bottom: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-expanded-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-fly-in-expanded-text-color: var(--wb-color-fixed-component-subnavigation-on-dark-image-fly-in-expanded-text);
  --wb-subnavigation-fly-in-expanded-background-color: var(--wb-color-fixed-component-subnavigation-on-dark-image-fly-in-expanded-background);
  --wb-subnavigation-fly-in-expanded-gap: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-collapsed-actions-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-collapsed-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-collapsed-padding-top: var(--wb-spacing-static-tiny);
  --wb-subnavigation-fly-in-collapsed-padding-right: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-collapsed-padding-left: var(--wb-spacing-static-medium);
  --wb-subnavigation-fly-in-collapsed-border-weight: var(--wb-border-weight-main);
  --wb-subnavigation-fly-in-collapsed-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-fly-in-collapsed-border-color-default: var(--wb-color-fixed-component-subnavigation-on-dark-image-fly-in-collapsed-border);
  --wb-subnavigation-fly-in-collapsed-text-color-default: var(--wb-color-fixed-component-subnavigation-on-dark-image-fly-in-collapsed-text);
  --wb-subnavigation-fly-in-collapsed-background-color-default: var(--wb-color-fixed-component-subnavigation-on-dark-image-fly-in-collapsed-background);
  --wb-subnavigation-fly-in-collapsed-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-padding-top: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-padding-right: var(--wb-spacing-static-smaller);
  --wb-subnavigation-basic-item-padding-left: var(--wb-spacing-static-smaller);
  --wb-subnavigation-basic-item-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-basic-item-indicator-size: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-item-indicator-color: var(--wb-color-shape-brand-on-contrast-default);
  --wb-subnavigation-basic-item-icon-color-selected: var(--wb-color-fixed-component-subnavigation-on-dark-image-basic-item-icon-selected);
  --wb-subnavigation-basic-item-icon-color-hover: var(--wb-color-fixed-component-subnavigation-on-dark-image-basic-item-icon-hover);
  --wb-subnavigation-basic-item-icon-color-default: var(--wb-color-fixed-component-subnavigation-on-dark-image-basic-item-icon-default);
  --wb-subnavigation-basic-item-icon-size: var(--wb-spacing-static-smaller);
  --wb-subnavigation-basic-item-text-color-selected: var(--wb-color-fixed-component-subnavigation-on-dark-image-basic-item-text-selected);
  --wb-subnavigation-basic-item-text-color-hover: var(--wb-color-fixed-component-subnavigation-on-dark-image-basic-item-text-hover);
  --wb-subnavigation-basic-item-text-color-default: var(--wb-color-fixed-component-subnavigation-on-dark-image-basic-item-text-default);
  --wb-subnavigation-basic-item-background-color-selected: var(--wb-color-fixed-component-subnavigation-on-dark-image-basic-item-background-selected);
  --wb-subnavigation-basic-item-background-color-hover: var(--wb-color-fixed-component-subnavigation-on-dark-image-basic-item-background-hover);
  --wb-subnavigation-basic-item-background-color-default: var(--wb-color-fixed-component-subnavigation-on-dark-image-basic-item-background-default);
  --wb-subnavigation-basic-item-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-vertical-padding-bottom: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-padding-top: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-padding-right: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-padding-left: var(--wb-spacing-static-small);
  --wb-subnavigation-basic-vertical-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-basic-vertical-items-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-vertical-text-color: var(--wb-color-fixed-component-subnavigation-on-dark-image-basic-vertical-text);
  --wb-subnavigation-basic-vertical-background-color: var(--wb-color-fixed-component-subnavigation-on-dark-image-basic-vertical-background);
  --wb-subnavigation-basic-vertical-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-horizontal-border-radius: var(--wb-border-radius-sharp);
  --wb-subnavigation-basic-horizontal-items-gap: var(--wb-spacing-static-tiny);
  --wb-subnavigation-basic-horizontal-background-color: var(--wb-color-fixed-component-subnavigation-on-dark-image-basic-horizontal-background);
  --wb-spinner-border-weight: var(--wb-border-weight-strong);
  --wb-spinner-background-color: var(--wb-color-fixed-component-spinner-basic-on-dark-image-background);
  --wb-round-button-sm-icon-size: var(--wb-spacing-static-smallest);
  --wb-round-button-md-icon-size: var(--wb-spacing-static-smaller);
  --wb-round-button-md-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-round-button-md-padding-top: var(--wb-spacing-static-smallest);
  --wb-round-button-md-padding-right: var(--wb-spacing-static-smallest);
  --wb-round-button-md-padding-left: var(--wb-spacing-static-smallest);
  --wb-round-button-lg-icon-size: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-top: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-right: var(--wb-spacing-static-smaller);
  --wb-round-button-lg-padding-left: var(--wb-spacing-static-smaller);
  --wb-round-button-xlg-icon-size: var(--wb-spacing-static-small);
  --wb-round-button-timer-weight: var(--wb-border-weight-stronger);
  --wb-round-button-timer-color-default: var(--wb-color-border-brand-on-contrast-default);
  --wb-round-button-border-weight: var(--wb-border-weight-main);
  --wb-round-button-border-radius: var(--wb-border-radius-round);
  --wb-round-button-basic-large-icon-color-default: var(--wb-color-fixed-component-round-button-on-dark-image-large-icon-default);
  --wb-round-button-basic-large-border-main-color-hover: var(--wb-color-fixed-component-round-button-on-dark-image-large-border-main-hover);
  --wb-round-button-basic-large-border-main-color-default: var(--wb-color-fixed-component-round-button-on-dark-image-large-border-main-default);
  --wb-round-button-basic-large-background-color-focus: var(--wb-color-fixed-component-round-button-on-dark-image-large-background-focus);
  --wb-round-button-basic-large-background-color-active: var(--wb-color-fixed-component-round-button-on-dark-image-large-background-active);
  --wb-round-button-basic-large-background-color-hover: var(--wb-color-fixed-component-round-button-on-dark-image-large-background-hover);
  --wb-round-button-basic-large-background-color-default: var(--wb-color-fixed-component-round-button-on-dark-image-large-background-default);
  --wb-round-button-basic-medium-icon-color-default: var(--wb-color-fixed-component-round-button-on-dark-image-medium-icon-default);
  --wb-round-button-basic-medium-border-main-color-hover: var(--wb-color-fixed-component-round-button-on-dark-image-medium-border-main-hover);
  --wb-round-button-basic-medium-border-main-color-default: var(--wb-color-fixed-component-round-button-on-dark-image-medium-border-main-default);
  --wb-round-button-basic-medium-background-color-focus: var(--wb-color-fixed-component-round-button-on-dark-image-medium-background-focus);
  --wb-round-button-basic-medium-background-color-active: var(--wb-color-fixed-component-round-button-on-dark-image-medium-background-active);
  --wb-round-button-basic-medium-background-color-hover: var(--wb-color-fixed-component-round-button-on-dark-image-medium-background-hover);
  --wb-round-button-basic-medium-background-color-default: var(--wb-color-fixed-component-round-button-on-dark-image-medium-background-default);
  --wb-round-button-basic-small-icon-color-default: var(--wb-color-fixed-component-round-button-on-dark-image-small-icon-default);
  --wb-round-button-basic-small-border-main-color-hover: var(--wb-color-fixed-component-round-button-on-dark-image-small-border-main-hover);
  --wb-round-button-basic-small-border-main-color-default: var(--wb-color-fixed-component-round-button-on-dark-image-small-border-main-default);
  --wb-round-button-basic-small-background-color-focus: var(--wb-color-fixed-component-round-button-on-dark-image-small-background-focus);
  --wb-round-button-basic-small-background-color-active: var(--wb-color-fixed-component-round-button-on-dark-image-small-background-active);
  --wb-round-button-basic-small-background-color-hover: var(--wb-color-fixed-component-round-button-on-dark-image-small-background-hover);
  --wb-round-button-basic-small-background-color-default: var(--wb-color-fixed-component-round-button-on-dark-image-small-background-default);
  --wb-round-button-basic-xsmall-icon-color-default: var(--wb-color-fixed-component-round-button-on-dark-image-xsmall-icon-default);
  --wb-round-button-basic-xsmall-border-main-color-hover: var(--wb-color-fixed-component-round-button-on-dark-image-xsmall-border-main-hover);
  --wb-round-button-basic-xsmall-border-main-color-default: var(--wb-color-fixed-component-round-button-on-dark-image-xsmall-border-main-default);
  --wb-round-button-basic-xsmall-background-color-focus: var(--wb-color-fixed-component-round-button-on-dark-image-xsmall-background-focus);
  --wb-round-button-basic-xsmall-background-color-active: var(--wb-color-fixed-component-round-button-on-dark-image-xsmall-background-active);
  --wb-round-button-basic-xsmall-background-color-hover: var(--wb-color-fixed-component-round-button-on-dark-image-xsmall-background-hover);
  --wb-round-button-basic-xsmall-background-color-default: var(--wb-color-fixed-component-round-button-on-dark-image-xsmall-background-default);
  --wb-round-button-basic-translucent-icon-color-default: var(--wb-color-fixed-component-round-button-on-dark-image-translucent-icon-default);
  --wb-round-button-basic-translucent-background-color-focus: var(--wb-color-fixed-component-round-button-on-dark-image-translucent-background-focus);
  --wb-round-button-basic-translucent-background-color-active: var(--wb-color-fixed-component-round-button-on-dark-image-translucent-background-active);
  --wb-round-button-basic-translucent-background-color-hover: var(--wb-color-fixed-component-round-button-on-dark-image-translucent-background-hover);
  --wb-round-button-basic-translucent-background-color-default: var(--wb-color-fixed-component-round-button-on-dark-image-translucent-background-default);
  --wb-modal-overlay-background-color: var(--wb-color-fixed-component-modal-overlay-background);
  --wb-link-inline-border-weight-focus: var(--wb-border-weight-main);
  --wb-link-inline-border-weight-active: var(--wb-border-weight-strong);
  --wb-link-inline-border-weight-hover: var(--wb-border-weight-strong);
  --wb-link-inline-border-weight-default: var(--wb-border-weight-main);
  --wb-link-inline-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-link-inline-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-link-inline-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-sm-content-gap: var(--wb-spacing-static-tiniest);
  --wb-link-standalone-sm-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-md-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-lg-content-gap: var(--wb-spacing-static-none);
  --wb-link-standalone-lg-gap: var(--wb-spacing-static-tiny);
  --wb-link-standalone-border-weight-focus: var(--wb-border-weight-main);
  --wb-link-standalone-border-weight-active: var(--wb-border-weight-strong);
  --wb-link-standalone-border-weight-hover: var(--wb-border-weight-strong);
  --wb-link-standalone-border-weight-default: var(--wb-border-weight-main);
  --wb-link-standalone-border-underline-color-focus: var(--wb-color-fixed-component-link-standalone-on-dark-image-border-underline-focus);
  --wb-link-standalone-border-underline-color-active: var(--wb-color-fixed-component-link-standalone-on-dark-image-border-underline-active);
  --wb-link-standalone-border-underline-color-hover: var(--wb-color-fixed-component-link-standalone-on-dark-image-border-underline-hover);
  --wb-link-standalone-border-underline-color-default: var(--wb-color-fixed-component-link-standalone-on-dark-image-border-underline-default);
  --wb-link-standalone-icon-trailing-color-focus: var(--wb-color-fixed-component-link-standalone-on-dark-image-icon-focus);
  --wb-link-standalone-icon-trailing-color-active: var(--wb-color-fixed-component-link-standalone-on-dark-image-icon-active);
  --wb-link-standalone-icon-trailing-color-hover: var(--wb-color-fixed-component-link-standalone-on-dark-image-icon-hover);
  --wb-link-standalone-icon-trailing-color-default: var(--wb-color-fixed-component-link-standalone-on-dark-image-icon-default);
  --wb-link-standalone-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-link-standalone-icon-leading-color-focus: var(--wb-color-fixed-component-link-standalone-on-dark-image-icon-focus);
  --wb-link-standalone-icon-leading-color-active: var(--wb-color-fixed-component-link-standalone-on-dark-image-icon-active);
  --wb-link-standalone-icon-leading-color-hover: var(--wb-color-fixed-component-link-standalone-on-dark-image-icon-hover);
  --wb-link-standalone-icon-leading-color-default: var(--wb-color-fixed-component-link-standalone-on-dark-image-icon-default);
  --wb-link-standalone-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-link-standalone-text-color-focus: var(--wb-color-fixed-component-link-standalone-on-dark-image-text-focus);
  --wb-link-standalone-text-color-active: var(--wb-color-fixed-component-link-standalone-on-dark-image-text-active);
  --wb-link-standalone-text-color-hover: var(--wb-color-fixed-component-link-standalone-on-dark-image-text-hover);
  --wb-link-standalone-text-color-default: var(--wb-color-fixed-component-link-standalone-on-dark-image-text-default);
  --wb-gallery-overlay-background-color: var(--wb-color-fixed-component-gallery-overlay-background);
  --wb-dot-navigation-shapes-dots-background-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-background-color: var(--wb-color-fixed-component-dot-nav-on-dark-image-background);
  --wb-dot-navigation-shapes-dots-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-dot-navigation-shapes-dots-padding-top: var(--wb-spacing-static-tiny);
  --wb-dot-navigation-shapes-dots-padding-right: var(--wb-spacing-static-smaller);
  --wb-dot-navigation-shapes-dots-padding-left: var(--wb-spacing-static-smaller);
  --wb-dot-navigation-shapes-dots-gap: var(--wb-spacing-static-smaller);
  --wb-dot-navigation-shapes-dots-sm-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-sm-size: var(--wb-spacing-static-tiniest);
  --wb-dot-navigation-shapes-dots-sm-shape-color-default: var(--wb-color-fixed-component-dot-nav-on-dark-image-shapes-dots-sm-shape-default);
  --wb-dot-navigation-shapes-dots-md-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-md-shape-color-default: var(--wb-color-fixed-component-dot-nav-on-dark-image-shapes-dots-md-shape-default);
  --wb-dot-navigation-shapes-dots-lg-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-lg-size: var(--wb-spacing-static-tiny);
  --wb-dot-navigation-shapes-dots-lg-shape-color-default: var(--wb-color-fixed-component-dot-nav-on-dark-image-shapes-dots-lg-shape-default);
  --wb-dot-navigation-shapes-dots-xlg-radius: var(--wb-border-radius-round);
  --wb-dot-navigation-shapes-dots-xlg-size: var(--wb-spacing-static-smallest);
  --wb-dot-navigation-shapes-dots-xlg-shape-color: var(--wb-color-fixed-component-dot-nav-on-dark-image-shapes-dots-xlg-shape-background);
  --wb-dot-navigation-shapes-dots-xlg-border-weight: var(--wb-border-weight-main);
  --wb-dot-navigation-shapes-dots-xlg-border-radius: var(--wb-border-radius-round);
  --wb-counter-error-text-color: var(--wb-color-fixed-component-counter-error-on-dark-image-text);
  --wb-counter-error-background-color: var(--wb-color-fixed-component-counter-error-on-dark-image-background);
  --wb-counter-warning-text-color: var(--wb-color-fixed-component-counter-warning-on-dark-image-text);
  --wb-counter-warning-background-color: var(--wb-color-fixed-component-counter-warning-on-dark-image-background);
  --wb-counter-success-text-color: var(--wb-color-fixed-component-counter-success-on-dark-image-text);
  --wb-counter-success-background-color: var(--wb-color-fixed-component-counter-success-on-dark-image-background);
  --wb-counter-tertiary-text-color: var(--wb-color-fixed-component-counter-tertiary-on-dark-image-text);
  --wb-counter-tertiary-background-color: var(--wb-color-fixed-component-counter-tertiary-on-dark-image-background);
  --wb-counter-secondary-text-color: var(--wb-color-fixed-component-counter-secondary-on-dark-image-text);
  --wb-counter-secondary-background-color: var(--wb-color-fixed-component-counter-secondary-on-dark-image-background);
  --wb-counter-primary-text-color: var(--wb-color-text-on-contrast-on-brand);
  --wb-counter-primary-background-color: var(--wb-color-shape-brand-on-contrast-default);
  --wb-button-group-padding-icon-only-bottom: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-icon-only-top: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-icon-only-right: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-icon-only-left: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-top: var(--wb-spacing-static-smaller);
  --wb-button-group-padding-right: var(--wb-spacing-static-medium);
  --wb-button-group-padding-left: var(--wb-spacing-static-medium);
  --wb-button-group-translucent-border-ring-color-selected-focus: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-border-ring-selected-focus);
  --wb-button-group-translucent-border-ring-color-focus: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-border-ring-focus);
  --wb-button-group-translucent-border-ring-color-active: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-border-ring-active);
  --wb-button-group-translucent-border-main-color-selected-focus: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-border-main-selected-focus);
  --wb-button-group-translucent-border-main-color-selected: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-border-main-selected);
  --wb-button-group-translucent-border-main-color-focus: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-border-main-focus);
  --wb-button-group-translucent-border-main-color-active: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-border-main-active);
  --wb-button-group-translucent-border-main-color-hover: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-border-main-hover);
  --wb-button-group-translucent-border-main-color-default: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-border-main-default);
  --wb-button-group-translucent-border-weight: var(--wb-border-weight-main);
  --wb-button-group-translucent-icon-only-color-selected: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-icon-selected);
  --wb-button-group-translucent-icon-only-color-default: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-icon-default);
  --wb-button-group-translucent-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-group-translucent-icon-leading-color-selected: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-icon-selected);
  --wb-button-group-translucent-icon-leading-color-default: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-icon-default);
  --wb-button-group-translucent-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-group-translucent-text-color-selected: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-text-selected);
  --wb-button-group-translucent-text-color-default: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-text-default);
  --wb-button-group-translucent-background-color-selected-focus: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-background-selected-focus);
  --wb-button-group-translucent-background-color-selected: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-background-selected);
  --wb-button-group-translucent-background-color-focus: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-background-focus);
  --wb-button-group-translucent-background-color-active: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-background-active);
  --wb-button-group-translucent-background-color-hover: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-background-hover);
  --wb-button-group-translucent-background-color-default: var(--wb-color-fixed-component-button-group-translucent-on-dark-image-background-default);
  --wb-button-group-translucent-gap: var(--wb-spacing-static-tiny);
  --wb-button-group-secondary-border-ring-color-selected-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-button-group-secondary-border-ring-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-button-group-secondary-border-ring-color-active: var(--wb-color-border-brand-focus);
  --wb-button-group-secondary-border-main-color-selected-focus: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-border-main-selected-focus);
  --wb-button-group-secondary-border-main-color-selected: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-border-main-selected);
  --wb-button-group-secondary-border-main-color-focus: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-border-main-focus);
  --wb-button-group-secondary-border-main-color-active: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-border-main-active);
  --wb-button-group-secondary-border-main-color-hover: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-border-main-hover);
  --wb-button-group-secondary-border-main-color-default: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-border-main-default);
  --wb-button-group-secondary-border-weight: var(--wb-border-weight-main);
  --wb-button-group-secondary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-group-secondary-icon-only-color-selected: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-icon-selected);
  --wb-button-group-secondary-icon-only-color-default: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-icon-default);
  --wb-button-group-secondary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-group-secondary-icon-leading-color-selected: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-icon-selected);
  --wb-button-group-secondary-icon-leading-color-default: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-icon-default);
  --wb-button-group-secondary-text-color-selected: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-text-selected);
  --wb-button-group-secondary-text-color-default: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-text-default);
  --wb-button-group-secondary-background-color-selected-focus: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-background-selected-focus);
  --wb-button-group-secondary-background-color-selected: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-background-selected);
  --wb-button-group-secondary-background-color-focus: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-background-focus);
  --wb-button-group-secondary-background-color-active: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-background-active);
  --wb-button-group-secondary-background-color-hover: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-background-hover);
  --wb-button-group-secondary-background-color-default: var(--wb-color-fixed-component-button-group-secondary-on-dark-image-background-default);
  --wb-button-group-secondary-gap: var(--wb-spacing-static-tiny);
  --wb-button-group-primary-border-ring-color-selected-focus: var(--wb-color-border-on-contrast-strongest-focus);
  --wb-button-group-primary-border-ring-color-focus: var(--wb-color-border-on-contrast-strongest-focus);
  --wb-button-group-primary-border-ring-color-active: var(--wb-color-border-on-contrast-strongest-active);
  --wb-button-group-primary-border-main-color-selected-focus: var(--wb-color-fixed-component-button-group-primary-on-dark-image-border-main-selected-focus);
  --wb-button-group-primary-border-main-color-selected: var(--wb-color-fixed-component-button-group-primary-on-dark-image-border-main-selected);
  --wb-button-group-primary-border-main-color-focus: var(--wb-color-fixed-component-button-group-primary-on-dark-image-border-main-focus);
  --wb-button-group-primary-border-main-color-active: var(--wb-color-fixed-component-button-group-primary-on-dark-image-border-main-active);
  --wb-button-group-primary-border-main-color-hover: var(--wb-color-fixed-component-button-group-primary-on-dark-image-border-main-hover);
  --wb-button-group-primary-border-main-color-default: var(--wb-color-fixed-component-button-group-primary-on-dark-image-border-main-default);
  --wb-button-group-primary-border-weight: var(--wb-border-weight-main);
  --wb-button-group-primary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-group-primary-icon-only-color-selected: var(--wb-color-icon-on-contrast-on-brand);
  --wb-button-group-primary-icon-only-color-default: var(--wb-color-icon-on-contrast-on-brand);
  --wb-button-group-primary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-group-primary-icon-leading-color-selected: var(--wb-color-icon-on-contrast-on-brand);
  --wb-button-group-primary-icon-leading-color-default: var(--wb-color-icon-on-contrast-on-brand);
  --wb-button-group-primary-text-color-selected: var(--wb-color-text-on-contrast-on-brand);
  --wb-button-group-primary-text-color-default: var(--wb-color-text-on-contrast-on-brand);
  --wb-button-group-primary-background-color-selected-focus: var(--wb-color-shape-brand-on-contrast-selected);
  --wb-button-group-primary-background-color-selected: var(--wb-color-shape-brand-on-contrast-selected);
  --wb-button-group-primary-background-color-focus: var(--wb-color-shape-brand-on-contrast-focus);
  --wb-button-group-primary-background-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-button-group-primary-background-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-button-group-primary-background-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-button-group-primary-gap: var(--wb-spacing-static-tiny);
  --wb-button-group-border-vision-ui-alpha-end-ring-radius: var(--wb-border-radius-subtle);
  --wb-button-group-border-vision-ui-alpha-end-main-radius: var(--wb-border-radius-main);
  --wb-button-group-border-vision-ui-alpha-middle-ring-radius: var(--wb-border-radius-sharp);
  --wb-button-group-border-vision-ui-alpha-middle-main-radius: var(--wb-border-radius-sharp);
  --wb-button-group-border-vision-ui-alpha-start-ring-radius: var(--wb-border-radius-subtle);
  --wb-button-group-border-vision-ui-alpha-start-main-radius: var(--wb-border-radius-main);
  --wb-button-group-background-color: var(--wb-color-fixed-component-button-group-on-contrast-background);
  --wb-breadcrumbs-basic-icon-size: var(--wb-spacing-static-smaller);
  --wb-breadcrumbs-basic-icon-color: var(--wb-color-fixed-component-breadcrumbs-on-dark-image-icon);
  --wb-breadcrumbs-basic-text-color: var(--wb-color-fixed-component-breadcrumbs-on-dark-image-text);
  --wb-breadcrumbs-basic-gap: var(--wb-spacing-static-tiniest);
  --wb-button-sm-padding-icon-only-bottom: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-icon-only-top: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-icon-only-right: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-icon-only-left: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-loading-right: var(--wb-spacing-static-medium);
  --wb-button-sm-padding-loading-left: var(--wb-spacing-static-medium);
  --wb-button-sm-padding-tertiary-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-sm-padding-tertiary-loading-right: var(--wb-spacing-static-small);
  --wb-button-sm-padding-tertiary-loading-left: var(--wb-spacing-static-small);
  --wb-button-sm-padding-tertiary-bottom: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-tertiary-top: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-tertiary-right: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-tertiary-left: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-bottom: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-top: var(--wb-spacing-static-tiny);
  --wb-button-sm-padding-right: var(--wb-spacing-static-smaller);
  --wb-button-sm-padding-left: var(--wb-spacing-static-smaller);
  --wb-button-sm-gap: var(--wb-spacing-static-tiny);
  --wb-button-md-padding-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-loading-right: var(--wb-spacing-static-medium);
  --wb-button-md-padding-loading-left: var(--wb-spacing-static-medium);
  --wb-button-md-padding-tertiary-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-loading-right: var(--wb-spacing-static-small);
  --wb-button-md-padding-tertiary-loading-left: var(--wb-spacing-static-small);
  --wb-button-md-padding-tertiary-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-tertiary-right: var(--wb-spacing-static-smaller);
  --wb-button-md-padding-tertiary-left: var(--wb-spacing-static-smaller);
  --wb-button-md-padding-bottom: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-top: var(--wb-spacing-static-smallest);
  --wb-button-md-padding-right: var(--wb-spacing-static-small);
  --wb-button-md-padding-left: var(--wb-spacing-static-small);
  --wb-button-md-gap: var(--wb-spacing-static-tiny);
  --wb-button-lg-padding-icon-only-bottom: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-icon-only-top: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-icon-only-right: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-icon-only-left: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-loading-right: var(--wb-spacing-static-large);
  --wb-button-lg-padding-loading-left: var(--wb-spacing-static-large);
  --wb-button-lg-padding-tertiary-loading-icon-only-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-icon-only-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-icon-only-right: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-icon-only-left: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-bottom: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-top: var(--wb-spacing-static-smallest);
  --wb-button-lg-padding-tertiary-loading-right: var(--wb-spacing-static-medium);
  --wb-button-lg-padding-tertiary-loading-left: var(--wb-spacing-static-medium);
  --wb-button-lg-padding-tertiary-bottom: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-tertiary-top: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-tertiary-right: var(--wb-spacing-static-small);
  --wb-button-lg-padding-tertiary-left: var(--wb-spacing-static-small);
  --wb-button-lg-padding-bottom: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-top: var(--wb-spacing-static-smaller);
  --wb-button-lg-padding-right: var(--wb-spacing-static-medium);
  --wb-button-lg-padding-left: var(--wb-spacing-static-medium);
  --wb-button-lg-gap: var(--wb-spacing-static-tiny);
  --wb-button-translucent-border-weight: var(--wb-border-weight-main);
  --wb-button-translucent-border-ring-color-focus: var(--wb-color-fixed-component-button-translucent-on-dark-image-border-ring-focus);
  --wb-button-translucent-border-ring-color-active: var(--wb-color-fixed-component-button-translucent-on-dark-image-border-ring-active);
  --wb-button-translucent-border-main-color-loading: var(--wb-color-fixed-component-button-translucent-on-dark-image-border-main-loading);
  --wb-button-translucent-border-main-color-focus: var(--wb-color-fixed-component-button-translucent-on-dark-image-border-main-focus);
  --wb-button-translucent-border-main-color-active: var(--wb-color-fixed-component-button-translucent-on-dark-image-border-main-active);
  --wb-button-translucent-border-main-color-hover: var(--wb-color-fixed-component-button-translucent-on-dark-image-border-main-hover);
  --wb-button-translucent-border-main-color-default: var(--wb-color-fixed-component-button-translucent-on-dark-image-border-main-default);
  --wb-button-translucent-icon-trailing-color-default: var(--wb-color-fixed-component-button-translucent-on-dark-image-icon-default);
  --wb-button-translucent-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-translucent-icon-leading-color-default: var(--wb-color-fixed-component-button-translucent-on-dark-image-icon-default);
  --wb-button-translucent-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-translucent-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-translucent-icon-only-color-default: var(--wb-color-fixed-component-button-translucent-on-dark-image-icon-default);
  --wb-button-translucent-text-color-default: var(--wb-color-fixed-component-button-translucent-on-dark-image-text-default);
  --wb-button-translucent-background-color-loading: var(--wb-color-fixed-component-button-translucent-on-dark-image-background-loading);
  --wb-button-translucent-background-color-focus: var(--wb-color-fixed-component-button-translucent-on-dark-image-background-focus);
  --wb-button-translucent-background-color-active: var(--wb-color-fixed-component-button-translucent-on-dark-image-background-active);
  --wb-button-translucent-background-color-hover: var(--wb-color-fixed-component-button-translucent-on-dark-image-background-hover);
  --wb-button-translucent-background-color-default: var(--wb-color-fixed-component-button-translucent-on-dark-image-background-default);
  --wb-button-tertiary-border-ring-color-focus: var(--wb-color-fixed-component-button-tertiary-on-dark-image-border-ring-focus);
  --wb-button-tertiary-border-ring-color-active: var(--wb-color-fixed-component-button-tertiary-on-dark-image-border-ring-active);
  --wb-button-tertiary-border-weight: var(--wb-border-weight-main);
  --wb-button-tertiary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-tertiary-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-tertiary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-tertiary-background-color-loading: var(--wb-color-fixed-component-button-tertiary-on-dark-image-background-loading);
  --wb-button-tertiary-background-color-focus: var(--wb-color-fixed-component-button-tertiary-on-dark-image-background-focus);
  --wb-button-tertiary-background-color-active: var(--wb-color-fixed-component-button-tertiary-on-dark-image-background-active);
  --wb-button-tertiary-background-color-hover: var(--wb-color-fixed-component-button-tertiary-on-dark-image-background-hover);
  --wb-button-tertiary-background-color-default: var(--wb-color-fixed-component-button-tertiary-on-dark-image-background-default);
  --wb-button-secondary-border-main-color-loading: var(--wb-color-fixed-component-button-secondary-on-dark-image-border-main-loading);
  --wb-button-secondary-border-main-color-focus: var(--wb-color-fixed-component-button-secondary-on-dark-image-border-main-focus);
  --wb-button-secondary-border-main-color-active: var(--wb-color-fixed-component-button-secondary-on-dark-image-border-main-active);
  --wb-button-secondary-border-main-color-hover: var(--wb-color-fixed-component-button-secondary-on-dark-image-border-main-hover);
  --wb-button-secondary-border-main-color-default: var(--wb-color-fixed-component-button-secondary-on-dark-image-border-main-default);
  --wb-button-secondary-border-weight: var(--wb-border-weight-main);
  --wb-button-secondary-icon-trailing-color-default: var(--wb-color-fixed-component-button-secondary-on-dark-image-icon-default);
  --wb-button-secondary-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-secondary-icon-leading-color-default: var(--wb-color-fixed-component-button-secondary-on-dark-image-icon-default);
  --wb-button-secondary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-secondary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-secondary-icon-only-color-default: var(--wb-color-fixed-component-button-secondary-on-dark-image-icon-default);
  --wb-button-secondary-text-color-default: var(--wb-color-fixed-component-button-secondary-on-dark-image-text-default);
  --wb-button-secondary-background-color-loading: var(--wb-color-fixed-component-button-secondary-on-dark-image-background-loading);
  --wb-button-secondary-background-color-focus: var(--wb-color-fixed-component-button-secondary-on-dark-image-background-focus);
  --wb-button-secondary-background-color-active: var(--wb-color-fixed-component-button-secondary-on-dark-image-background-active);
  --wb-button-secondary-background-color-hover: var(--wb-color-fixed-component-button-secondary-on-dark-image-background-hover);
  --wb-button-secondary-background-color-default: var(--wb-color-fixed-component-button-secondary-on-dark-image-background-default);
  --wb-button-primary-border-ring-color-focus: var(--wb-color-border-on-contrast-strongest-focus);
  --wb-button-primary-border-ring-color-active: var(--wb-color-border-on-contrast-strongest-active);
  --wb-button-primary-border-main-color-loading: var(--wb-color-border-brand-on-contrast-default);
  --wb-button-primary-border-main-color-focus: var(--wb-color-border-brand-on-contrast-focus);
  --wb-button-primary-border-main-color-active: var(--wb-color-border-brand-on-contrast-active);
  --wb-button-primary-border-main-color-hover: var(--wb-color-border-brand-on-contrast-hover);
  --wb-button-primary-border-main-color-default: var(--wb-color-border-brand-on-contrast-default);
  --wb-button-primary-border-weight: var(--wb-border-weight-main);
  --wb-button-primary-icon-only-size: var(--wb-spacing-static-small);
  --wb-button-primary-icon-only-color-default: var(--wb-color-icon-on-contrast-on-brand);
  --wb-button-primary-icon-trailing-color-default: var(--wb-color-icon-on-contrast-on-brand);
  --wb-button-primary-icon-trailing-size: var(--wb-spacing-static-smaller);
  --wb-button-primary-icon-leading-size: var(--wb-spacing-static-smaller);
  --wb-button-primary-icon-leading-color-default: var(--wb-color-icon-on-contrast-on-brand);
  --wb-button-primary-text-color-default: var(--wb-color-text-on-contrast-on-brand);
  --wb-button-primary-background-color-loading: var(--wb-color-shape-brand-on-contrast-default);
  --wb-button-primary-background-color-focus: var(--wb-color-shape-brand-on-contrast-focus);
  --wb-button-primary-background-color-active: var(--wb-color-shape-brand-on-contrast-active);
  --wb-button-primary-background-color-hover: var(--wb-color-shape-brand-on-contrast-hover);
  --wb-button-primary-background-color-default: var(--wb-color-shape-brand-on-contrast-default);
  --wb-button-border-vision-ui-alpha-ring-radius: var(--wb-border-radius-subtle);
  --wb-button-border-vision-ui-alpha-main-radius: var(--wb-border-radius-main);
  --wb-360-viewer-md-icon-size: var(--wb-spacing-static-smaller);
  --wb-360-viewer-lg-icon-size: var(--wb-spacing-static-small);
  --wb-360-viewer-icon-color-default: var(--wb-color-fixed-component-360-viewer-on-dark-image-none);
  --wb-360-viewer-hint-border-weight: var(--wb-border-weight-main);
  --wb-360-viewer-hint-gradient-color-start: var(--wb-color-fixed-component-360-viewer-on-dark-image-hint-gradient-start);
  --wb-spinner-loader-color: var(--wb-color-fixed-component-spinner-basic-on-dark-image-loader);
  --wb-round-button-basic-large-border-ring-color-focus: var(--wb-color-fixed-component-round-button-on-dark-image-large-border-ring-focus);
  --wb-round-button-basic-large-border-ring-color-active: var(--wb-color-fixed-component-round-button-on-dark-image-large-border-ring-active);
  --wb-round-button-basic-medium-border-ring-color-focus: var(--wb-color-fixed-component-round-button-on-dark-image-medium-border-ring-focus);
  --wb-round-button-basic-medium-border-ring-color-active: var(--wb-color-fixed-component-round-button-on-dark-image-medium-border-ring-active);
  --wb-round-button-basic-small-border-ring-color-focus: var(--wb-color-fixed-component-round-button-on-dark-image-small-border-ring-focus);
  --wb-round-button-basic-small-border-ring-color-active: var(--wb-color-fixed-component-round-button-on-dark-image-small-border-ring-active);
  --wb-round-button-basic-xsmall-border-ring-color-focus: var(--wb-color-fixed-component-round-button-on-dark-image-xsmall-border-ring-focus);
  --wb-round-button-basic-xsmall-border-ring-color-active: var(--wb-color-fixed-component-round-button-on-dark-image-xsmall-border-ring-active);
  --wb-round-button-basic-translucent-border-ring-color-focus: var(--wb-color-fixed-component-round-button-on-dark-image-translucent-border-ring-focus);
  --wb-round-button-basic-translucent-border-ring-color-active: var(--wb-color-fixed-component-round-button-on-dark-image-translucent-border-ring-active);
  --wb-link-inline-border-ring-color-focus: var(--wb-color-fixed-component-link-inline-on-dark-image-border-ring-focus);
  --wb-link-inline-border-ring-color-active: var(--wb-color-fixed-component-link-inline-on-dark-image-border-ring-active);
  --wb-link-inline-border-underline-color-focus: var(--wb-color-fixed-component-link-inline-on-dark-image-border-underline-focus);
  --wb-link-inline-border-underline-color-active: var(--wb-color-fixed-component-link-inline-on-dark-image-border-underline-active);
  --wb-link-inline-border-underline-color-hover: var(--wb-color-fixed-component-link-inline-on-dark-image-border-underline-hover);
  --wb-link-inline-border-underline-color-default: var(--wb-color-fixed-component-link-inline-on-dark-image-border-underline-default);
  --wb-link-inline-icon-trailing-color-focus: var(--wb-color-fixed-component-link-inline-on-dark-image-icon-focus);
  --wb-link-inline-icon-trailing-color-active: var(--wb-color-fixed-component-link-inline-on-dark-image-icon-active);
  --wb-link-inline-icon-trailing-color-hover: var(--wb-color-fixed-component-link-inline-on-dark-image-icon-hover);
  --wb-link-inline-icon-trailing-color-default: var(--wb-color-fixed-component-link-inline-on-dark-image-icon-default);
  --wb-link-inline-icon-leading-color-focus: var(--wb-color-fixed-component-link-inline-on-dark-image-icon-focus);
  --wb-link-inline-icon-leading-color-active: var(--wb-color-fixed-component-link-inline-on-dark-image-icon-active);
  --wb-link-inline-icon-leading-color-hover: var(--wb-color-fixed-component-link-inline-on-dark-image-icon-hover);
  --wb-link-inline-icon-leading-color-default: var(--wb-color-fixed-component-link-inline-on-dark-image-icon-default);
  --wb-link-inline-text-color-focus: var(--wb-color-fixed-component-link-inline-on-dark-image-text-focus);
  --wb-link-inline-text-color-active: var(--wb-color-fixed-component-link-inline-on-dark-image-text-active);
  --wb-link-inline-text-color-hover: var(--wb-color-fixed-component-link-inline-on-dark-image-text-hover);
  --wb-link-inline-text-color-default: var(--wb-color-fixed-component-link-inline-on-dark-image-text-default);
  --wb-link-standalone-border-ring-color-focus: var(--wb-color-fixed-component-link-standalone-on-dark-image-border-ring-focus);
  --wb-link-standalone-border-ring-color-active: var(--wb-color-fixed-component-link-standalone-on-dark-image-border-ring-active);
  --wb-dot-navigation-shapes-dots-xlg-border-ring-color-active: var(--wb-color-fixed-component-dot-nav-on-dark-image-border-active);
  --wb-button-tertiary-icon-only-color-default: var(--wb-color-fixed-component-button-tertiary-on-dark-image-icon-default);
  --wb-button-tertiary-icon-trailing-color-default: var(--wb-color-fixed-component-button-tertiary-on-dark-image-icon-default);
  --wb-button-tertiary-icon-leading-color-default: var(--wb-color-fixed-component-button-tertiary-on-dark-image-icon-default);
  --wb-button-tertiary-text-color-default: var(--wb-color-fixed-component-button-tertiary-on-dark-image-text-default);
  --wb-button-secondary-border-ring-color-focus: var(--wb-color-fixed-component-button-secondary-on-dark-image-border-ring-focus);
  --wb-button-secondary-border-ring-color-active: var(--wb-color-fixed-component-button-secondary-on-dark-image-border-ring-active);
}

:root {
  --wb-tokens-components-version: 1.4.0;
}