:root {
  --wb-layout-spacing-unit-24x: 96px;
  --wb-layout-spacing-unit-22x: 88px;
  --wb-layout-spacing-unit-20x: 80px;
  --wb-layout-spacing-unit-18x: 72px;
  --wb-layout-spacing-unit-16x: 64px;
  --wb-layout-spacing-unit-12x: 48px;
  --wb-layout-spacing-unit-10x: 40px;
  --wb-layout-spacing-unit-8x: 32px;
  --wb-layout-spacing-unit-6x: 24px;
  --wb-layout-spacing-unit-4x: 16px;
  --wb-layout-spacing-unit-3x: 12px;
  --wb-layout-spacing-unit-2x: 8px;
  --wb-layout-spacing-unit-1x: 4px;
  --wb-layout-spacing-unit-0: 0;
  --wb-effects-shadow-second-layer-lg-blur: 24px;
  --wb-effects-shadow-second-layer-lg-y-axis: 16px;
  --wb-effects-shadow-second-layer-md-blur: 8px;
  --wb-effects-shadow-second-layer-md-y-axis: 4px;
  --wb-effects-shadow-second-layer-sm-blur: 4px;
  --wb-effects-shadow-second-layer-sm-y-axis: 2px;
  --wb-effects-shadow-first-layer-lg-blur: 4px;
  --wb-effects-shadow-first-layer-lg-y-axis: 0;
  --wb-effects-shadow-first-layer-blur: 2px;
  --wb-effects-shadow-first-layer-y-axis: 0;
  --wb-effects-shadow-spread: 0;
  --wb-effects-shadow-x-axis: 0;
  --wb-border-weight-200: 4px;
  --wb-border-weight-150: 2px;
  --wb-border-weight-100: 1px;
  --wb-border-weight-0: 0;
  --wb-border-radius-full: 9999px;
  --wb-border-radius-400: 8px;
  --wb-border-radius-200: 4px;
  --wb-border-radius-100: 2px;
  --wb-border-radius-50: 1px;
  --wb-border-radius-0: 0;
  --wb-typography-font-letter-spacing-tiny: 0.20000000298023224px;
  --wb-typography-font-letter-spacing-none: 0;
  --wb-typography-font-line-height-unit-18x: 72px;
  --wb-typography-font-line-height-unit-15x: 60px;
  --wb-typography-font-line-height-unit-12x: 48px;
  --wb-typography-font-line-height-unit-11x: 44px;
  --wb-typography-font-line-height-unit-10x: 40px;
  --wb-typography-font-line-height-unit-8x: 32px;
  --wb-typography-font-line-height-unit-7x: 28px;
  --wb-typography-font-line-height-unit-6x: 24px;
  --wb-typography-font-line-height-unit-5x: 20px;
  --wb-typography-font-line-height-unit-4x: 16px;
  --wb-typography-font-size-unit-16x: 64px;
  --wb-typography-font-size-unit-12x: 48px;
  --wb-typography-font-size-unit-10x: 40px;
  --wb-typography-font-size-unit-8-5x: 34px;
  --wb-typography-font-size-unit-8x: 32px;
  --wb-typography-font-size-unit-6-5x: 26px;
  --wb-typography-font-size-unit-6x: 24px;
  --wb-typography-font-size-unit-5x: 20px;
  --wb-typography-font-size-unit-4-5x: 18px;
  --wb-typography-font-size-unit-4x: 16px;
  --wb-typography-font-size-unit-3-5x: 14px;
  --wb-typography-font-size-unit-3x: 12px;
  --wb-typography-font-weight-strong: 700;
  --wb-typography-font-weight-main: 400;
  --wb-typography-font-family-maybach-heading-sans-serif: "MBCorpo Text", DaimlerCS-Regular, DaimlerCSArab-Regular, sans-serif;
  --wb-typography-font-family-maybach-heading-serif-chinese: Hanyi, DaimlerCAC-Regular, Hanyi-Ext, SimSun, serif;
  --wb-typography-font-family-maybach-heading-serif: "MBCorpo Title", DaimlerCAC-Regular, DaimlerCACArab-Regular, serif;
  --wb-typography-font-family-maybach-copy: "MBCorpo Text", DaimlerCS-Regular, DaimlerCSArab-Regular, sans-serif;
  --wb-typography-font-family-amg-copy: "MBCorpo Text", DaimlerCS-Regular, DaimlerCSArab-Regular, sans-serif;
  --wb-typography-font-family-amg-heading-sans-serif: "MBCorpo Text", DaimlerCS-Regular, DaimlerCSArab-Regular, sans-serif;
  --wb-typography-font-family-amg-heading-serif-chinese: Hanyi, DaimlerCAC-Regular, Hanyi-Ext, SimSun, serif;
  --wb-typography-font-family-amg-heading-serif: "MBCorpo Title", DaimlerCAC-Regular, DaimlerCACArab-Regular, serif;
  --wb-typography-font-family-mercedes-benz-heading-sans-serif: "MBCorpo Text", DaimlerCS-Regular, DaimlerCSArab-Regular, sans-serif;
  --wb-typography-font-family-mercedes-benz-heading-serif-chinese: Hanyi, DaimlerCAC-Regular, Hanyi-Ext, SimSun, serif;
  --wb-typography-font-family-mercedes-benz-heading-serif: "MBCorpo Title", DaimlerCAC-Regular, DaimlerCACArab-Regular, serif;
  --wb-typography-font-family-mercedes-benz-copy: "MBCorpo Text", DaimlerCS-Regular, DaimlerCSArab-Regular, sans-serif;
  --wb-color-generated-accent-contrast-none-to-translucent-selected: rgba(255, 255, 255, 0.941);
  --wb-color-generated-accent-contrast-none-to-translucent-focus: rgba(0, 0, 0, 0);
  --wb-color-generated-accent-contrast-none-to-translucent-active: rgba(255, 255, 255, 0.2);
  --wb-color-generated-accent-contrast-none-to-translucent-hover: rgba(255, 255, 255, 0.102);
  --wb-color-generated-accent-contrast-none-to-solid-selected: rgba(240, 240, 240, 1);
  --wb-color-generated-accent-contrast-none-to-solid-focus: rgba(0, 0, 0, 0);
  --wb-color-generated-accent-contrast-none-to-solid-active: rgba(51, 51, 51, 1);
  --wb-color-generated-accent-contrast-none-to-solid-hover: rgba(26, 26, 26, 1);
  --wb-color-generated-accent-contrast-extra-low-selected: rgba(255, 255, 255, 0.941);
  --wb-color-generated-accent-contrast-extra-low-focus: rgba(0, 0, 0, 0.051);
  --wb-color-generated-accent-contrast-extra-low-active: rgba(0, 0, 0, 0.169);
  --wb-color-generated-accent-contrast-extra-low-hover: rgba(0, 0, 0, 0.129);
  --wb-color-generated-accent-contrast-low-selected: rgba(255, 255, 255, 0.941);
  --wb-color-generated-accent-contrast-low-focus: rgba(0, 0, 0, 0.102);
  --wb-color-generated-accent-contrast-low-active: rgba(0, 0, 0, 0.22);
  --wb-color-generated-accent-contrast-low-hover: rgba(0, 0, 0, 0.18);
  --wb-color-generated-accent-contrast-medium-selected: rgba(255, 255, 255, 0.941);
  --wb-color-generated-accent-contrast-medium-focus: rgba(0, 0, 0, 0.6);
  --wb-color-generated-accent-contrast-medium-active: rgba(0, 0, 0, 0.722);
  --wb-color-generated-accent-contrast-medium-hover: rgba(0, 0, 0, 0.678);
  --wb-color-generated-accent-contrast-high-selected: rgba(255, 255, 255, 0.941);
  --wb-color-generated-accent-contrast-high-focus: rgba(0, 0, 0, 0.8);
  --wb-color-generated-accent-contrast-high-active: rgba(0, 0, 0, 0.878);
  --wb-color-generated-accent-contrast-high-hover: rgba(0, 0, 0, 0.839);
  --wb-color-generated-accent-main-none-to-translucent-selected: rgba(0, 0, 0, 0.922);
  --wb-color-generated-accent-main-none-to-translucent-focus: rgba(255, 255, 255, 0);
  --wb-color-generated-accent-main-none-to-translucent-active: rgba(0, 0, 0, 0.122);
  --wb-color-generated-accent-main-none-to-translucent-hover: rgba(0, 0, 0, 0.078);
  --wb-color-generated-accent-main-none-to-solid-selected: rgba(20, 20, 20, 1);
  --wb-color-generated-accent-main-none-to-solid-focus: rgba(255, 255, 255, 0);
  --wb-color-generated-accent-main-none-to-solid-active: rgba(224, 224, 224, 1);
  --wb-color-generated-accent-main-none-to-solid-hover: rgba(235, 235, 235, 1);
  --wb-color-generated-accent-main-extra-low-selected: rgba(0, 0, 0, 0.922);
  --wb-color-generated-accent-main-extra-low-focus: rgba(255, 255, 255, 0.2);
  --wb-color-generated-accent-main-extra-low-active: rgba(255, 255, 255, 0.322);
  --wb-color-generated-accent-main-extra-low-hover: rgba(255, 255, 255, 0.278);
  --wb-color-generated-accent-main-low-selected: rgba(0, 0, 0, 0.922);
  --wb-color-generated-accent-main-low-focus: rgba(255, 255, 255, 0.302);
  --wb-color-generated-accent-main-low-active: rgba(255, 255, 255, 0.42);
  --wb-color-generated-accent-main-low-hover: rgba(255, 255, 255, 0.38);
  --wb-color-generated-accent-main-medium-selected: rgba(0, 0, 0, 0.922);
  --wb-color-generated-accent-main-medium-focus: rgba(255, 255, 255, 0.6);
  --wb-color-generated-accent-main-medium-active: rgba(255, 255, 255, 0.722);
  --wb-color-generated-accent-main-medium-hover: rgba(255, 255, 255, 0.678);
  --wb-color-generated-accent-main-high-selected: rgba(0, 0, 0, 0.922);
  --wb-color-generated-accent-main-high-focus: rgba(255, 255, 255, 0.898);
  --wb-color-generated-accent-main-high-active: rgba(255, 255, 255, 0.98);
  --wb-color-generated-accent-main-high-hover: rgba(255, 255, 255, 0.941);
  --wb-color-generated-grey-900-selected: rgba(20, 20, 20, 1);
  --wb-color-generated-grey-900-focus: rgba(248, 248, 248, 1);
  --wb-color-generated-grey-900-active: rgba(218, 218, 218, 1);
  --wb-color-generated-grey-900-hover: rgba(228, 228, 228, 1);
  --wb-color-generated-grey-800-selected: rgba(19, 19, 19, 1);
  --wb-color-generated-grey-800-focus: rgba(232, 232, 232, 1);
  --wb-color-generated-grey-800-active: rgba(204, 204, 204, 1);
  --wb-color-generated-grey-800-hover: rgba(213, 213, 213, 1);
  --wb-color-generated-grey-700-selected: rgba(18, 18, 18, 1);
  --wb-color-generated-grey-700-focus: rgba(219, 219, 219, 1);
  --wb-color-generated-grey-700-active: rgba(193, 193, 193, 1);
  --wb-color-generated-grey-700-hover: rgba(201, 201, 201, 1);
  --wb-color-generated-grey-600-selected: rgba(15, 15, 15, 1);
  --wb-color-generated-grey-600-focus: rgba(187, 187, 187, 1);
  --wb-color-generated-grey-600-active: rgba(165, 165, 165, 1);
  --wb-color-generated-grey-600-hover: rgba(172, 172, 172, 1);
  --wb-color-generated-grey-500-selected: rgba(249, 249, 249, 1);
  --wb-color-generated-grey-500-focus: rgba(159, 159, 159, 1);
  --wb-color-generated-grey-500-active: rgba(178, 178, 178, 1);
  --wb-color-generated-grey-500-hover: rgba(169, 169, 169, 1);
  --wb-color-generated-grey-400-selected: rgba(246, 246, 246, 1);
  --wb-color-generated-grey-400-focus: rgba(105, 105, 105, 1);
  --wb-color-generated-grey-400-active: rgba(135, 135, 135, 1);
  --wb-color-generated-grey-400-hover: rgba(120, 120, 120, 1);
  --wb-color-generated-grey-300-selected: rgba(244, 244, 244, 1);
  --wb-color-generated-grey-300-focus: rgba(79, 79, 79, 1);
  --wb-color-generated-grey-300-active: rgba(114, 114, 114, 1);
  --wb-color-generated-grey-300-hover: rgba(97, 97, 97, 1);
  --wb-color-generated-grey-200-selected: rgba(243, 243, 243, 1);
  --wb-color-generated-grey-200-focus: rgba(51, 51, 51, 1);
  --wb-color-generated-grey-200-active: rgba(92, 92, 92, 1);
  --wb-color-generated-grey-200-hover: rgba(71, 71, 71, 1);
  --wb-color-generated-grey-100-selected: rgba(242, 242, 242, 1);
  --wb-color-generated-grey-100-focus: rgba(38, 38, 38, 1);
  --wb-color-generated-grey-100-active: rgba(81, 81, 81, 1);
  --wb-color-generated-grey-100-hover: rgba(60, 60, 60, 1);
  --wb-color-generated-white-selected: rgba(20, 20, 20, 1);
  --wb-color-generated-white-focus: rgba(255, 255, 255, 1);
  --wb-color-generated-white-active: rgba(224, 224, 224, 1);
  --wb-color-generated-white-hover: rgba(235, 235, 235, 1);
  --wb-color-generated-black-selected: rgba(240, 240, 240, 1);
  --wb-color-generated-black-focus: rgba(0, 0, 0, 1);
  --wb-color-generated-black-active: rgba(51, 51, 51, 1);
  --wb-color-generated-black-hover: rgba(26, 26, 26, 1);
  --wb-color-generated-status-contrast-error-selected: rgba(210, 9, 9, 1);
  --wb-color-generated-status-contrast-error-focus: rgba(229, 46, 46, 1);
  --wb-color-generated-status-contrast-error-active: rgba(247, 75, 75, 1);
  --wb-color-generated-status-contrast-error-hover: rgba(239, 60, 60, 1);
  --wb-color-generated-status-contrast-warning-selected: rgba(204, 167, 5, 1);
  --wb-color-generated-status-contrast-warning-focus: rgba(239, 196, 6, 1);
  --wb-color-generated-status-contrast-warning-active: rgba(252, 226, 116, 1);
  --wb-color-generated-status-contrast-warning-hover: rgba(250, 211, 41, 1);
  --wb-color-generated-status-contrast-success-selected: rgba(29, 144, 42, 1);
  --wb-color-generated-status-contrast-success-focus: rgba(33, 163, 48, 1);
  --wb-color-generated-status-contrast-success-active: rgba(38, 187, 55, 1);
  --wb-color-generated-status-contrast-success-hover: rgba(35, 174, 51, 1);
  --wb-color-generated-status-main-error-selected: rgba(102, 15, 15, 1);
  --wb-color-generated-status-main-error-focus: rgba(217, 33, 33, 1);
  --wb-color-generated-status-main-error-active: rgba(158, 24, 24, 1);
  --wb-color-generated-status-main-error-hover: rgba(187, 28, 28, 1);
  --wb-color-generated-status-main-warning-selected: rgba(143, 116, 0, 1);
  --wb-color-generated-status-main-warning-focus: rgba(232, 189, 0, 1);
  --wb-color-generated-status-main-warning-active: rgba(184, 150, 0, 1);
  --wb-color-generated-status-main-warning-hover: rgba(209, 170, 0, 1);
  --wb-color-generated-status-main-success-selected: rgba(12, 60, 17, 1);
  --wb-color-generated-status-main-success-focus: rgba(25, 128, 37, 1);
  --wb-color-generated-status-main-success-active: rgba(19, 94, 27, 1);
  --wb-color-generated-status-main-success-hover: rgba(22, 111, 32, 1);
  --wb-color-generated-brand-maybach-contrast-selected: rgba(164, 164, 164, 1);
  --wb-color-generated-brand-maybach-contrast-focus: rgba(248, 248, 248, 1);
  --wb-color-generated-brand-maybach-contrast-active: rgba(198, 198, 198, 1);
  --wb-color-generated-brand-maybach-contrast-hover: rgba(218, 218, 218, 1);
  --wb-color-generated-brand-maybach-main-selected: rgba(61, 61, 61, 1);
  --wb-color-generated-brand-maybach-main-focus: rgba(0, 0, 0, 1);
  --wb-color-generated-brand-maybach-main-active: rgba(41, 41, 41, 1);
  --wb-color-generated-brand-maybach-main-hover: rgba(26, 26, 26, 1);
  --wb-color-generated-brand-amg-contrast-selected: rgba(117, 20, 23, 1);
  --wb-color-generated-brand-amg-contrast-focus: rgba(178, 30, 35, 1);
  --wb-color-generated-brand-amg-contrast-active: rgba(142, 24, 28, 1);
  --wb-color-generated-brand-amg-contrast-hover: rgba(157, 26, 31, 1);
  --wb-color-generated-brand-amg-main-selected: rgba(117, 20, 23, 1);
  --wb-color-generated-brand-amg-main-focus: rgba(178, 30, 35, 1);
  --wb-color-generated-brand-amg-main-active: rgba(142, 24, 28, 1);
  --wb-color-generated-brand-amg-main-hover: rgba(157, 26, 31, 1);
  --wb-color-generated-brand-mercedes-benz-contrast-selected: rgba(0, 96, 170, 1);
  --wb-color-generated-brand-mercedes-benz-contrast-focus: rgba(0, 126, 224, 1);
  --wb-color-generated-brand-mercedes-benz-contrast-active: rgba(41, 147, 229, 1);
  --wb-color-generated-brand-mercedes-benz-contrast-hover: rgba(26, 139, 227, 1);
  --wb-color-generated-brand-mercedes-benz-main-selected: rgba(0, 79, 141, 1);
  --wb-color-generated-brand-mercedes-benz-main-focus: rgba(0, 120, 214, 1);
  --wb-color-generated-brand-mercedes-benz-main-active: rgba(0, 96, 171, 1);
  --wb-color-generated-brand-mercedes-benz-main-hover: rgba(0, 106, 188, 1);
  --wb-color-red-on-contrast-100: rgba(229, 46, 46, 1);
  --wb-color-red-100: rgba(217, 33, 33, 1);
  --wb-color-yellow-on-contrast-100: rgba(239, 196, 6, 1);
  --wb-color-yellow-100: rgba(232, 189, 0, 1);
  --wb-color-green-on-contrast-100: rgba(33, 163, 48, 1);
  --wb-color-green-100: rgba(25, 128, 37, 1);
  --wb-color-maybach-gradient-100: rgba(230, 224, 215, 1);
  --wb-color-maybach-gradient-0: rgba(230, 224, 215, 0);
  --wb-color-maybach-background-100: rgba(230, 224, 215, 1);
  --wb-color-maybach-on-contrast-100: rgba(248, 248, 248, 1);
  --wb-color-maybach-100: rgba(0, 0, 0, 1);
  --wb-color-amg-gradient-100: rgba(0, 0, 0, 1);
  --wb-color-amg-gradient-0: rgba(0, 0, 0, 0);
  --wb-color-amg-background-100: rgba(0, 0, 0, 1);
  --wb-color-amg-on-contrast-100: rgba(178, 30, 35, 1);
  --wb-color-amg-100: rgba(178, 30, 35, 1);
  --wb-color-mercedes-benz-gradient-100: rgba(255, 255, 255, 1);
  --wb-color-mercedes-benz-gradient-0: rgba(255, 255, 255, 0);
  --wb-color-mercedes-benz-background-100: rgba(255, 255, 255, 1);
  --wb-color-mercedes-benz-on-contrast-100: rgba(0, 126, 224, 1);
  --wb-color-mercedes-benz-100: rgba(0, 120, 214, 1);
  --wb-color-grey-900: rgba(248, 248, 248, 1);
  --wb-color-grey-800: rgba(232, 232, 232, 1);
  --wb-color-grey-700: rgba(219, 219, 219, 1);
  --wb-color-grey-600: rgba(187, 187, 187, 1);
  --wb-color-grey-500: rgba(159, 159, 159, 1);
  --wb-color-grey-400: rgba(105, 105, 105, 1);
  --wb-color-grey-300: rgba(79, 79, 79, 1);
  --wb-color-grey-200: rgba(51, 51, 51, 1);
  --wb-color-grey-100: rgba(38, 38, 38, 1);
  --wb-color-black-opacity-extra-low: rgba(0, 0, 0, 0.051);
  --wb-color-black-opacity-low: rgba(0, 0, 0, 0.102);
  --wb-color-black-opacity-medium: rgba(0, 0, 0, 0.6);
  --wb-color-black-opacity-high: rgba(0, 0, 0, 0.8);
  --wb-color-black-100: rgba(0, 0, 0, 1);
  --wb-color-black-0: rgba(0, 0, 0, 0);
  --wb-color-white-opacity-extra-low: rgba(255, 255, 255, 0.2);
  --wb-color-white-opacity-low: rgba(255, 255, 255, 0.302);
  --wb-color-white-opacity-medium: rgba(255, 255, 255, 0.6);
  --wb-color-white-opacity-high: rgba(255, 255, 255, 0.898);
  --wb-color-white-100: rgba(255, 255, 255, 1);
  --wb-color-white-0: rgba(255, 255, 255, 0);
  --wb-spacing-static-jumbo: var(--wb-layout-spacing-unit-24x);
  --wb-spacing-static-hugest: var(--wb-layout-spacing-unit-22x);
  --wb-spacing-static-huger: var(--wb-layout-spacing-unit-20x);
  --wb-spacing-static-huge: var(--wb-layout-spacing-unit-18x);
  --wb-spacing-static-largest: var(--wb-layout-spacing-unit-16x);
  --wb-spacing-static-larger: var(--wb-layout-spacing-unit-12x);
  --wb-spacing-static-large: var(--wb-layout-spacing-unit-10x);
  --wb-spacing-static-medium: var(--wb-layout-spacing-unit-8x);
  --wb-spacing-static-small: var(--wb-layout-spacing-unit-6x);
  --wb-spacing-static-smaller: var(--wb-layout-spacing-unit-4x);
  --wb-spacing-static-smallest: var(--wb-layout-spacing-unit-3x);
  --wb-spacing-static-tiny: var(--wb-layout-spacing-unit-2x);
  --wb-spacing-static-tiniest: var(--wb-layout-spacing-unit-1x);
  --wb-spacing-static-none: var(--wb-layout-spacing-unit-0);
  --wb-spacing-responsive-jumbo: var(--wb-layout-spacing-unit-20x);
  --wb-spacing-responsive-larger: var(--wb-layout-spacing-unit-16x);
  --wb-spacing-responsive-large: var(--wb-layout-spacing-unit-12x);
  --wb-spacing-responsive-medium: var(--wb-layout-spacing-unit-8x);
  --wb-spacing-responsive-small: var(--wb-layout-spacing-unit-6x);
  --wb-spacing-responsive-smaller: var(--wb-layout-spacing-unit-4x);
  --wb-spacing-responsive-tiny: var(--wb-layout-spacing-unit-2x);
  --wb-spacing-responsive-tiniest: var(--wb-layout-spacing-unit-1x);
  --wb-spacing-responsive-none: var(--wb-layout-spacing-unit-0);
  --wb-effects-shadow-color: var(--wb-color-black-opacity-low);
}

@media (min-width: 1024px) {
  :root {
    --wb-spacing-static-jumbo: var(--wb-layout-spacing-unit-24x);
    --wb-spacing-static-hugest: var(--wb-layout-spacing-unit-22x);
    --wb-spacing-static-huger: var(--wb-layout-spacing-unit-20x);
    --wb-spacing-static-huge: var(--wb-layout-spacing-unit-18x);
    --wb-spacing-static-largest: var(--wb-layout-spacing-unit-16x);
    --wb-spacing-static-larger: var(--wb-layout-spacing-unit-12x);
    --wb-spacing-static-large: var(--wb-layout-spacing-unit-10x);
    --wb-spacing-static-medium: var(--wb-layout-spacing-unit-8x);
    --wb-spacing-static-small: var(--wb-layout-spacing-unit-6x);
    --wb-spacing-static-smaller: var(--wb-layout-spacing-unit-4x);
    --wb-spacing-static-smallest: var(--wb-layout-spacing-unit-3x);
    --wb-spacing-static-tiny: var(--wb-layout-spacing-unit-2x);
    --wb-spacing-static-tiniest: var(--wb-layout-spacing-unit-1x);
    --wb-spacing-static-none: var(--wb-layout-spacing-unit-0);
    --wb-spacing-responsive-jumbo: var(--wb-layout-spacing-unit-22x);
    --wb-spacing-responsive-larger: var(--wb-layout-spacing-unit-20x);
    --wb-spacing-responsive-large: var(--wb-layout-spacing-unit-16x);
    --wb-spacing-responsive-medium: var(--wb-layout-spacing-unit-12x);
    --wb-spacing-responsive-small: var(--wb-layout-spacing-unit-8x);
    --wb-spacing-responsive-smaller: var(--wb-layout-spacing-unit-6x);
    --wb-spacing-responsive-tiny: var(--wb-layout-spacing-unit-2x);
    --wb-spacing-responsive-tiniest: var(--wb-layout-spacing-unit-1x);
    --wb-spacing-responsive-none: var(--wb-layout-spacing-unit-0);
  }
}

@media (min-width: 1440px) {
  :root {
    --wb-spacing-static-jumbo: var(--wb-layout-spacing-unit-24x);
    --wb-spacing-static-hugest: var(--wb-layout-spacing-unit-22x);
    --wb-spacing-static-huger: var(--wb-layout-spacing-unit-20x);
    --wb-spacing-static-huge: var(--wb-layout-spacing-unit-18x);
    --wb-spacing-static-largest: var(--wb-layout-spacing-unit-16x);
    --wb-spacing-static-larger: var(--wb-layout-spacing-unit-12x);
    --wb-spacing-static-large: var(--wb-layout-spacing-unit-10x);
    --wb-spacing-static-medium: var(--wb-layout-spacing-unit-8x);
    --wb-spacing-static-small: var(--wb-layout-spacing-unit-6x);
    --wb-spacing-static-smaller: var(--wb-layout-spacing-unit-4x);
    --wb-spacing-static-smallest: var(--wb-layout-spacing-unit-3x);
    --wb-spacing-static-tiny: var(--wb-layout-spacing-unit-2x);
    --wb-spacing-static-tiniest: var(--wb-layout-spacing-unit-1x);
    --wb-spacing-static-none: var(--wb-layout-spacing-unit-0);
    --wb-spacing-responsive-jumbo: var(--wb-layout-spacing-unit-24x);
    --wb-spacing-responsive-larger: var(--wb-layout-spacing-unit-22x);
    --wb-spacing-responsive-large: var(--wb-layout-spacing-unit-18x);
    --wb-spacing-responsive-medium: var(--wb-layout-spacing-unit-12x);
    --wb-spacing-responsive-small: var(--wb-layout-spacing-unit-8x);
    --wb-spacing-responsive-smaller: var(--wb-layout-spacing-unit-6x);
    --wb-spacing-responsive-tiny: var(--wb-layout-spacing-unit-2x);
    --wb-spacing-responsive-tiniest: var(--wb-layout-spacing-unit-1x);
    --wb-spacing-responsive-none: var(--wb-layout-spacing-unit-0);
  }
}

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

:root {
  --wb-button-group-border-end-ring-radius: var(--wb-border-radius-subtle);
  --wb-button-group-border-end-main-radius: var(--wb-border-radius-main);
  --wb-button-group-border-start-ring-radius: var(--wb-border-radius-subtle);
  --wb-button-group-border-start-main-radius: var(--wb-border-radius-main);
  --wb-button-border-ring-radius: var(--wb-border-radius-subtle);
  --wb-button-border-main-radius: var(--wb-border-radius-main);
}

[data-vision] {
  --wb-button-group-border-end-ring-radius: var(--wb-border-radius-round);
  --wb-button-group-border-end-main-radius: var(--wb-border-radius-round);
  --wb-button-group-border-start-ring-radius: var(--wb-border-radius-round);
  --wb-button-group-border-start-main-radius: var(--wb-border-radius-round);
  --wb-button-border-ring-radius: var(--wb-border-radius-round);
  --wb-button-border-main-radius: var(--wb-border-radius-round);
}