:root, :host {
    --w-transparent: transparent;
    --w-black: #000;
    --w-white: #fff;
    --w-gray-950: #121212;
    --w-gray-900: #1b1b1f;
    --w-gray-850: #26262b;
    --w-gray-800: #2b2b30;
    --w-gray-750: #333338;
    --w-gray-700: #47474f;
    --w-gray-600: #5c5c66;
    --w-gray-500: #84848f;
    --w-gray-400: #afafb8;
    --w-gray-300: #cacad1;
    --w-gray-200: #dedee3;
    --w-gray-100: #f0f0f2;
    --w-gray-50: #f6f6f6;
    --w-red-900: #230103;
    --w-red-800: #5d0306;
    --w-red-700: #96050a;
    --w-red-600: #cf070e;
    --w-red-500: #de383d;
    --w-red-400: #ed686b;
    --w-red-300: #e77c80;
    --w-red-200: #efa3a6;
    --w-red-100: #f7cacc;
    --w-red-50: #fff0f1;
    --w-yellow-900: #221102;
    --w-yellow-800: #673a12;
    --w-yellow-700: #ad6421;
    --w-yellow-600: #f38e30;
    --w-yellow-500: #f5a051;
    --w-yellow-400: #f7b272;
    --w-yellow-300: #f9c493;
    --w-yellow-200: #fbd6b4;
    --w-yellow-100: #fde8d5;
    --w-yellow-50: #fef7f1;
    --w-green-900: #072719;
    --w-green-800: #0c3e2a;
    --w-green-700: #136647;
    --w-green-600: #1a8f64;
    --w-green-500: #3ea07c;
    --w-green-400: #62b294;
    --w-green-300: #86c4ac;
    --w-green-200: #aad6c4;
    --w-green-100: #cee8dc;
    --w-green-50: #f3fcf9;
    --w-phthaloblue-900: #000324;
    --w-phthaloblue-800: #000546;
    --w-phthaloblue-700: #000768;
    --w-phthaloblue-600: #00098a;
    --w-phthaloblue-500: #28309e;
    --w-phthaloblue-400: #5057b2;
    --w-phthaloblue-300: #787ec6;
    --w-phthaloblue-200: #a0a5da;
    --w-phthaloblue-100: #c8ccee;
    --w-phthaloblue-50: #f0f1ff;
    --w-jeanblue-950: #080e19;
    --w-jeanblue-900: #0e1b32;
    --w-jeanblue-850: #14284b;
    --w-jeanblue-800: #1a3564;
    --w-jeanblue-750: #20427d;
    --w-jeanblue-700: #264f96;
    --w-jeanblue-600: #3269c8;
    --w-jeanblue-500: #5281d1;
    --w-jeanblue-400: #7299da;
    --w-jeanblue-300: #92b1e3;
    --w-jeanblue-200: #b2c9ec;
    --w-jeanblue-100: #d2e1f5;
    --w-jeanblue-50: #f3f6fc;
    --w-s-color-icon-notification: var(--w-white);
    --w-s-color-icon-info: var(--w-jeanblue-600);
    --w-s-color-icon-warning: var(--w-yellow-600);
    --w-s-color-icon-negative: var(--w-red-600);
    --w-s-color-icon-positive: var(--w-green-600);
    --w-s-color-icon-secondary-active: var(--w-phthaloblue-800);
    --w-s-color-icon-secondary-hover: var(--w-phthaloblue-700);
    --w-s-color-icon-secondary: var(--w-phthaloblue-600);
    --w-s-color-icon-primary: var(--w-jeanblue-600);
    --w-s-color-icon-inverted-static: var(--w-white);
    --w-s-color-icon-inverted-active: var(--w-gray-200);
    --w-s-color-icon-inverted-hover: var(--w-gray-100);
    --w-s-color-icon-inverted: var(--w-white);
    --w-s-color-icon-subtle-active: var(--w-gray-800);
    --w-s-color-icon-subtle-hover: var(--w-gray-700);
    --w-s-color-icon-subtle: var(--w-gray-600);
    --w-s-color-icon-disabled: var(--w-gray-300);
    --w-s-color-icon-selected-active: var(--w-jeanblue-800);
    --w-s-color-icon-selected-hover: var(--w-jeanblue-700);
    --w-s-color-icon-selected: var(--w-jeanblue-600);
    --w-s-color-icon-static: var(--w-gray-900);
    --w-s-color-icon-active: var(--w-jeanblue-800);
    --w-s-color-icon-hover: var(--w-jeanblue-700);
    --w-s-color-icon: var(--w-gray-900);
    --w-s-color-border-focus: var(--w-jeanblue-400);
    --w-s-color-border-info-subtle-active: var(--w-jeanblue-500);
    --w-s-color-border-info-subtle-hover: var(--w-jeanblue-400);
    --w-s-color-border-info-subtle: var(--w-jeanblue-300);
    --w-s-color-border-info-active: var(--w-jeanblue-800);
    --w-s-color-border-info-hover: var(--w-jeanblue-700);
    --w-s-color-border-info: var(--w-jeanblue-600);
    --w-s-color-border-warning-subtle-active: var(--w-yellow-500);
    --w-s-color-border-warning-subtle-hover: var(--w-yellow-400);
    --w-s-color-border-warning-subtle: var(--w-yellow-300);
    --w-s-color-border-warning-active: var(--w-yellow-800);
    --w-s-color-border-warning-hover: var(--w-yellow-700);
    --w-s-color-border-warning: var(--w-yellow-600);
    --w-s-color-border-negative-subtle-active: var(--w-red-500);
    --w-s-color-border-negative-subtle-hover: var(--w-red-400);
    --w-s-color-border-negative-subtle: var(--w-red-300);
    --w-s-color-border-negative-active: var(--w-red-800);
    --w-s-color-border-negative-hover: var(--w-red-700);
    --w-s-color-border-negative: var(--w-red-600);
    --w-s-color-border-positive-subtle-active: var(--w-green-500);
    --w-s-color-border-positive-subtle-hover: var(--w-green-400);
    --w-s-color-border-positive-subtle: var(--w-green-300);
    --w-s-color-border-positive-active: var(--w-green-800);
    --w-s-color-border-positive-hover: var(--w-green-700);
    --w-s-color-border-positive: var(--w-green-600);
    --w-s-color-border-secondary-active: var(--w-phthaloblue-800);
    --w-s-color-border-secondary-hover: var(--w-phthaloblue-700);
    --w-s-color-border-secondary: var(--w-phthaloblue-600);
    --w-s-color-border-primary-subtle-active: var(--w-jeanblue-500);
    --w-s-color-border-primary-subtle-hover: var(--w-jeanblue-400);
    --w-s-color-border-primary-subtle: var(--w-jeanblue-300);
    --w-s-color-border-primary-active: var(--w-jeanblue-800);
    --w-s-color-border-primary-hover: var(--w-jeanblue-700);
    --w-s-color-border-primary: var(--w-jeanblue-600);
    --w-s-color-border-inverted: var(--w-white);
    --w-s-color-border-selected-active: var(--w-jeanblue-800);
    --w-s-color-border-selected-hover: var(--w-jeanblue-700);
    --w-s-color-border-selected: var(--w-jeanblue-600);
    --w-s-color-border-disabled: var(--w-gray-300);
    --w-s-color-border-active: var(--w-gray-500);
    --w-s-color-border-hover: var(--w-gray-400);
    --w-s-color-border: var(--w-gray-300);
    --w-s-color-surface-elevated-300-active: var(--w-gray-200);
    --w-s-color-surface-elevated-300-hover: var(--w-gray-100);
    --w-s-color-surface-elevated-300: var(--w-white);
    --w-s-color-surface-elevated-200-active: var(--w-gray-200);
    --w-s-color-surface-elevated-200-hover: var(--w-gray-100);
    --w-s-color-surface-elevated-200: var(--w-white);
    --w-s-color-surface-elevated-100-active: var(--w-gray-200);
    --w-s-color-surface-elevated-100-hover: var(--w-gray-100);
    --w-s-color-surface-elevated-100: var(--w-white);
    --w-s-color-surface-sunken: var(--w-gray-50);
    --w-s-color-background-notification: var(--w-red-600);
    --w-s-color-background-transparent-0: var(--w-transparent);
    --w-s-color-background-info-subtle-active: var(--w-jeanblue-200);
    --w-s-color-background-info-subtle-hover: var(--w-jeanblue-100);
    --w-s-color-background-info-subtle: var(--w-jeanblue-50);
    --w-s-color-background-info-active: var(--w-jeanblue-800);
    --w-s-color-background-info-hover: var(--w-jeanblue-700);
    --w-s-color-background-info: var(--w-jeanblue-600);
    --w-s-color-background-warning-subtle-active: var(--w-yellow-200);
    --w-s-color-background-warning-subtle-hover: var(--w-yellow-100);
    --w-s-color-background-warning-subtle: var(--w-yellow-50);
    --w-s-color-background-warning-active: var(--w-yellow-800);
    --w-s-color-background-warning-hover: var(--w-yellow-700);
    --w-s-color-background-warning: var(--w-yellow-600);
    --w-s-color-background-negative-subtle-active: var(--w-red-200);
    --w-s-color-background-negative-subtle-hover: var(--w-red-100);
    --w-s-color-background-negative-subtle: var(--w-red-50);
    --w-s-color-background-negative-active: var(--w-red-800);
    --w-s-color-background-negative-hover: var(--w-red-700);
    --w-s-color-background-negative: var(--w-red-600);
    --w-s-color-background-positive-subtle-active: var(--w-green-200);
    --w-s-color-background-positive-subtle-hover: var(--w-green-100);
    --w-s-color-background-positive-subtle: var(--w-green-50);
    --w-s-color-background-positive-active: var(--w-green-800);
    --w-s-color-background-positive-hover: var(--w-green-700);
    --w-s-color-background-positive: var(--w-green-600);
    --w-s-color-background-secondary-active: var(--w-phthaloblue-800);
    --w-s-color-background-secondary-hover: var(--w-phthaloblue-700);
    --w-s-color-background-secondary: var(--w-phthaloblue-600);
    --w-s-color-background-primary-subtle-active: var(--w-jeanblue-300);
    --w-s-color-background-primary-subtle-hover: var(--w-jeanblue-200);
    --w-s-color-background-primary-subtle: var(--w-jeanblue-100);
    --w-s-color-background-primary-active: var(--w-jeanblue-800);
    --w-s-color-background-primary-hover: var(--w-jeanblue-700);
    --w-s-color-background-primary: var(--w-jeanblue-600);
    --w-s-color-background-inverted: var(--w-gray-900);
    --w-s-color-background-selected-active: var(--w-jeanblue-200);
    --w-s-color-background-selected-hover: var(--w-jeanblue-100);
    --w-s-color-background-selected: var(--w-jeanblue-50);
    --w-s-color-background-disabled-subtle: var(--w-gray-200);
    --w-s-color-background-disabled: var(--w-gray-300);
    --w-s-color-background-subtle-active: var(--w-gray-300);
    --w-s-color-background-subtle-hover: var(--w-gray-200);
    --w-s-color-background-subtle: var(--w-gray-100);
    --w-s-color-background-active: var(--w-gray-200);
    --w-s-color-background-hover: var(--w-gray-100);
    --w-s-color-background: var(--w-white);
    --w-s-color-text-positive: var(--w-green-600);
    --w-s-color-text-negative: var(--w-red-600);
    --w-s-color-text-disabled: var(--w-gray-300);
    --w-s-color-text-link: var(--w-jeanblue-600);
    --w-s-color-text-inverted-static: var(--w-white);
    --w-s-color-text-inverted-subtle: var(--w-gray-400);
    --w-s-color-text-inverted: var(--w-white);
    --w-s-color-text-placeholder: var(--w-gray-300);
    --w-s-color-text-static: var(--w-gray-900);
    --w-s-color-text-subtle: var(--w-gray-600);
    --w-s-color-text: var(--w-gray-900);
    --w-color-switch-track-border-hover: var(--w-gray-600);
    --w-color-switch-track-border: var(--w-gray-500);
    --w-color-switch-handle-background-hover: var(--w-gray-600);
    --w-color-switch-handle-background: var(--w-gray-500);
    --w-color-pill-suggestion-background-active: var(--w-gray-400);
    --w-color-pill-suggestion-background-hover: var(--w-gray-300);
    --w-color-pill-suggestion-background: var(--w-gray-200);
    --w-color-page-indicator-background-hover: var(--w-gray-400);
    --w-color-page-indicator-background: var(--w-gray-300);
    --w-color-callout-border: var(--w-green-400);
    --w-color-callout-background: var(--w-green-100);
    --w-color-button-pill-background-active: rgba(var(--w-rgb-jeanblue-400),.3);
    --w-color-button-pill-background-hover: rgba(var(--w-rgb-jeanblue-300),.3);
    --w-color-badge-price-background: var(--w-black);
    --w-color-badge-sponsored-background: var(--w-jeanblue-200);
    --w-color-badge-negative-background: var(--w-red-100);
    --w-color-badge-warning-background: var(--w-yellow-100);
    --w-color-badge-info-background: var(--w-jeanblue-100);
    --w-color-badge-positive-background: var(--w-green-100);
    --w-color-badge-neutral-background: var(--w-gray-100);
    --w-color-tooltip-background-static: var(--w-s-color-background-inverted);
    --w-color-navbar-border-selected: var(--w-s-color-border-secondary);
    --w-color-navbar-icon-selected: var(--w-s-color-icon-secondary);
    --w-color-card-default-background: var(--w-s-color-background-default);
    --w-color-button-primary-background-active: var(--w-s-color-background-primary-active);
    --w-color-button-primary-background-hover: var(--w-s-color-background-primary-hover);
    --w-color-button-primary-background: var(--w-s-color-background-primary);
    --w-rgb-transparent: #fff0;
    --w-rgb-black: 0, 0, 0;
    --w-rgb-white: 255, 255, 255;
    --w-rgb-gray-950: 18, 18, 18;
    --w-rgb-gray-900: 27, 27, 31;
    --w-rgb-gray-850: 38, 38, 43;
    --w-rgb-gray-800: 43, 43, 48;
    --w-rgb-gray-750: 51, 51, 56;
    --w-rgb-gray-700: 71, 71, 79;
    --w-rgb-gray-600: 92, 92, 102;
    --w-rgb-gray-500: 132, 132, 143;
    --w-rgb-gray-400: 175, 175, 184;
    --w-rgb-gray-300: 202, 202, 209;
    --w-rgb-gray-200: 222, 222, 227;
    --w-rgb-gray-100: 240, 240, 242;
    --w-rgb-gray-50: 246, 246, 246;
    --w-rgb-red-900: 35, 1, 3;
    --w-rgb-red-800: 93, 3, 6;
    --w-rgb-red-700: 150, 5, 10;
    --w-rgb-red-600: 207, 7, 14;
    --w-rgb-red-500: 222, 56, 61;
    --w-rgb-red-400: 237, 104, 107;
    --w-rgb-red-300: 231, 124, 128;
    --w-rgb-red-200: 239, 163, 166;
    --w-rgb-red-100: 247, 202, 204;
    --w-rgb-red-50: 255, 240, 241;
    --w-rgb-yellow-900: 34, 17, 2;
    --w-rgb-yellow-800: 103, 58, 18;
    --w-rgb-yellow-700: 173, 100, 33;
    --w-rgb-yellow-600: 243, 142, 48;
    --w-rgb-yellow-500: 245, 160, 81;
    --w-rgb-yellow-400: 247, 178, 114;
    --w-rgb-yellow-300: 249, 196, 147;
    --w-rgb-yellow-200: 251, 214, 180;
    --w-rgb-yellow-100: 253, 232, 213;
    --w-rgb-yellow-50: 254, 247, 241;
    --w-rgb-green-900: 7, 39, 25;
    --w-rgb-green-800: 12, 62, 42;
    --w-rgb-green-700: 19, 102, 71;
    --w-rgb-green-600: 26, 143, 100;
    --w-rgb-green-500: 62, 160, 124;
    --w-rgb-green-400: 98, 178, 148;
    --w-rgb-green-300: 134, 196, 172;
    --w-rgb-green-200: 170, 214, 196;
    --w-rgb-green-100: 206, 232, 220;
    --w-rgb-green-50: 243, 252, 249;
    --w-rgb-phthaloblue-900: 0, 3, 36;
    --w-rgb-phthaloblue-800: 0, 5, 70;
    --w-rgb-phthaloblue-700: 0, 7, 104;
    --w-rgb-phthaloblue-600: 0, 9, 138;
    --w-rgb-phthaloblue-500: 40, 48, 158;
    --w-rgb-phthaloblue-400: 80, 87, 178;
    --w-rgb-phthaloblue-300: 120, 126, 198;
    --w-rgb-phthaloblue-200: 160, 165, 218;
    --w-rgb-phthaloblue-100: 200, 204, 238;
    --w-rgb-phthaloblue-50: 240, 241, 255;
    --w-rgb-jeanblue-950: 8, 14, 25;
    --w-rgb-jeanblue-900: 14, 27, 50;
    --w-rgb-jeanblue-850: 20, 40, 75;
    --w-rgb-jeanblue-800: 26, 53, 100;
    --w-rgb-jeanblue-750: 32, 66, 125;
    --w-rgb-jeanblue-700: 38, 79, 150;
    --w-rgb-jeanblue-600: 50, 105, 200;
    --w-rgb-jeanblue-500: 82, 129, 209;
    --w-rgb-jeanblue-400: 114, 153, 218;
    --w-rgb-jeanblue-300: 146, 177, 227;
    --w-rgb-jeanblue-200: 178, 201, 236;
    --w-rgb-jeanblue-100: 210, 225, 245;
    --w-rgb-jeanblue-50: 243, 246, 252;
    --w-s-rgb-icon-notification: var(--w-rgb-white);
    --w-s-rgb-icon-info: var(--w-rgb-jeanblue-600);
    --w-s-rgb-icon-warning: var(--w-rgb-yellow-600);
    --w-s-rgb-icon-negative: var(--w-rgb-red-600);
    --w-s-rgb-icon-positive: var(--w-rgb-green-600);
    --w-s-rgb-icon-secondary-active: var(--w-rgb-phthaloblue-800);
    --w-s-rgb-icon-secondary-hover: var(--w-rgb-phthaloblue-700);
    --w-s-rgb-icon-secondary: var(--w-rgb-phthaloblue-600);
    --w-s-rgb-icon-primary: var(--w-rgb-jeanblue-600);
    --w-s-rgb-icon-inverted-static: var(--w-rgb-white);
    --w-s-rgb-icon-inverted-active: var(--w-rgb-gray-200);
    --w-s-rgb-icon-inverted-hover: var(--w-rgb-gray-100);
    --w-s-rgb-icon-inverted: var(--w-rgb-white);
    --w-s-rgb-icon-subtle-active: var(--w-rgb-gray-800);
    --w-s-rgb-icon-subtle-hover: var(--w-rgb-gray-700);
    --w-s-rgb-icon-subtle: var(--w-rgb-gray-600);
    --w-s-rgb-icon-disabled: var(--w-rgb-gray-300);
    --w-s-rgb-icon-selected-active: var(--w-rgb-jeanblue-800);
    --w-s-rgb-icon-selected-hover: var(--w-rgb-jeanblue-700);
    --w-s-rgb-icon-selected: var(--w-rgb-jeanblue-600);
    --w-s-rgb-icon-static: var(--w-rgb-gray-900);
    --w-s-rgb-icon-active: var(--w-rgb-jeanblue-800);
    --w-s-rgb-icon-hover: var(--w-rgb-jeanblue-700);
    --w-s-rgb-icon: var(--w-rgb-gray-900);
    --w-s-rgb-border-focus: var(--w-rgb-jeanblue-400);
    --w-s-rgb-border-info-subtle-active: var(--w-rgb-jeanblue-500);
    --w-s-rgb-border-info-subtle-hover: var(--w-rgb-jeanblue-400);
    --w-s-rgb-border-info-subtle: var(--w-rgb-jeanblue-300);
    --w-s-rgb-border-info-active: var(--w-rgb-jeanblue-800);
    --w-s-rgb-border-info-hover: var(--w-rgb-jeanblue-700);
    --w-s-rgb-border-info: var(--w-rgb-jeanblue-600);
    --w-s-rgb-border-warning-subtle-active: var(--w-rgb-yellow-500);
    --w-s-rgb-border-warning-subtle-hover: var(--w-rgb-yellow-400);
    --w-s-rgb-border-warning-subtle: var(--w-rgb-yellow-300);
    --w-s-rgb-border-warning-active: var(--w-rgb-yellow-800);
    --w-s-rgb-border-warning-hover: var(--w-rgb-yellow-700);
    --w-s-rgb-border-warning: var(--w-rgb-yellow-600);
    --w-s-rgb-border-negative-subtle-active: var(--w-rgb-red-500);
    --w-s-rgb-border-negative-subtle-hover: var(--w-rgb-red-400);
    --w-s-rgb-border-negative-subtle: var(--w-rgb-red-300);
    --w-s-rgb-border-negative-active: var(--w-rgb-red-800);
    --w-s-rgb-border-negative-hover: var(--w-rgb-red-700);
    --w-s-rgb-border-negative: var(--w-rgb-red-600);
    --w-s-rgb-border-positive-subtle-active: var(--w-rgb-green-500);
    --w-s-rgb-border-positive-subtle-hover: var(--w-rgb-green-400);
    --w-s-rgb-border-positive-subtle: var(--w-rgb-green-300);
    --w-s-rgb-border-positive-active: var(--w-rgb-green-800);
    --w-s-rgb-border-positive-hover: var(--w-rgb-green-700);
    --w-s-rgb-border-positive: var(--w-rgb-green-600);
    --w-s-rgb-border-secondary-active: var(--w-rgb-phthaloblue-800);
    --w-s-rgb-border-secondary-hover: var(--w-rgb-phthaloblue-700);
    --w-s-rgb-border-secondary: var(--w-rgb-phthaloblue-600);
    --w-s-rgb-border-primary-subtle-active: var(--w-rgb-jeanblue-500);
    --w-s-rgb-border-primary-subtle-hover: var(--w-rgb-jeanblue-400);
    --w-s-rgb-border-primary-subtle: var(--w-rgb-jeanblue-300);
    --w-s-rgb-border-primary-active: var(--w-rgb-jeanblue-800);
    --w-s-rgb-border-primary-hover: var(--w-rgb-jeanblue-700);
    --w-s-rgb-border-primary: var(--w-rgb-jeanblue-600);
    --w-s-rgb-border-inverted: var(--w-rgb-white);
    --w-s-rgb-border-selected-active: var(--w-rgb-jeanblue-800);
    --w-s-rgb-border-selected-hover: var(--w-rgb-jeanblue-700);
    --w-s-rgb-border-selected: var(--w-rgb-jeanblue-600);
    --w-s-rgb-border-disabled: var(--w-rgb-gray-300);
    --w-s-rgb-border-active: var(--w-rgb-gray-500);
    --w-s-rgb-border-hover: var(--w-rgb-gray-400);
    --w-s-rgb-border: var(--w-rgb-gray-300);
    --w-s-rgb-surface-elevated-300-active: var(--w-rgb-gray-200);
    --w-s-rgb-surface-elevated-300-hover: var(--w-rgb-gray-100);
    --w-s-rgb-surface-elevated-300: var(--w-rgb-white);
    --w-s-rgb-surface-elevated-200-active: var(--w-rgb-gray-200);
    --w-s-rgb-surface-elevated-200-hover: var(--w-rgb-gray-100);
    --w-s-rgb-surface-elevated-200: var(--w-rgb-white);
    --w-s-rgb-surface-elevated-100-active: var(--w-rgb-gray-200);
    --w-s-rgb-surface-elevated-100-hover: var(--w-rgb-gray-100);
    --w-s-rgb-surface-elevated-100: var(--w-rgb-white);
    --w-s-rgb-surface-sunken: var(--w-rgb-gray-50);
    --w-s-rgb-background-notification: var(--w-rgb-red-600);
    --w-s-rgb-background-transparent-0: var(--w-rgb-transparent);
    --w-s-rgb-background-info-subtle-active: var(--w-rgb-jeanblue-200);
    --w-s-rgb-background-info-subtle-hover: var(--w-rgb-jeanblue-100);
    --w-s-rgb-background-info-subtle: var(--w-rgb-jeanblue-50);
    --w-s-rgb-background-info-active: var(--w-rgb-jeanblue-800);
    --w-s-rgb-background-info-hover: var(--w-rgb-jeanblue-700);
    --w-s-rgb-background-info: var(--w-rgb-jeanblue-600);
    --w-s-rgb-background-warning-subtle-active: var(--w-rgb-yellow-200);
    --w-s-rgb-background-warning-subtle-hover: var(--w-rgb-yellow-100);
    --w-s-rgb-background-warning-subtle: var(--w-rgb-yellow-50);
    --w-s-rgb-background-warning-active: var(--w-rgb-yellow-800);
    --w-s-rgb-background-warning-hover: var(--w-rgb-yellow-700);
    --w-s-rgb-background-warning: var(--w-rgb-yellow-600);
    --w-s-rgb-background-negative-subtle-active: var(--w-rgb-red-200);
    --w-s-rgb-background-negative-subtle-hover: var(--w-rgb-red-100);
    --w-s-rgb-background-negative-subtle: var(--w-rgb-red-50);
    --w-s-rgb-background-negative-active: var(--w-rgb-red-800);
    --w-s-rgb-background-negative-hover: var(--w-rgb-red-700);
    --w-s-rgb-background-negative: var(--w-rgb-red-600);
    --w-s-rgb-background-positive-subtle-active: var(--w-rgb-green-200);
    --w-s-rgb-background-positive-subtle-hover: var(--w-rgb-green-100);
    --w-s-rgb-background-positive-subtle: var(--w-rgb-green-50);
    --w-s-rgb-background-positive-active: var(--w-rgb-green-800);
    --w-s-rgb-background-positive-hover: var(--w-rgb-green-700);
    --w-s-rgb-background-positive: var(--w-rgb-green-600);
    --w-s-rgb-background-secondary-active: var(--w-rgb-phthaloblue-800);
    --w-s-rgb-background-secondary-hover: var(--w-rgb-phthaloblue-700);
    --w-s-rgb-background-secondary: var(--w-rgb-phthaloblue-600);
    --w-s-rgb-background-primary-subtle-active: var(--w-rgb-jeanblue-300);
    --w-s-rgb-background-primary-subtle-hover: var(--w-rgb-jeanblue-200);
    --w-s-rgb-background-primary-subtle: var(--w-rgb-jeanblue-100);
    --w-s-rgb-background-primary-active: var(--w-rgb-jeanblue-800);
    --w-s-rgb-background-primary-hover: var(--w-rgb-jeanblue-700);
    --w-s-rgb-background-primary: var(--w-rgb-jeanblue-600);
    --w-s-rgb-background-inverted: var(--w-rgb-gray-900);
    --w-s-rgb-background-selected-active: var(--w-rgb-jeanblue-200);
    --w-s-rgb-background-selected-hover: var(--w-rgb-jeanblue-100);
    --w-s-rgb-background-selected: var(--w-rgb-jeanblue-50);
    --w-s-rgb-background-disabled-subtle: var(--w-rgb-gray-200);
    --w-s-rgb-background-disabled: var(--w-rgb-gray-300);
    --w-s-rgb-background-subtle-active: var(--w-rgb-gray-300);
    --w-s-rgb-background-subtle-hover: var(--w-rgb-gray-200);
    --w-s-rgb-background-subtle: var(--w-rgb-gray-100);
    --w-s-rgb-background-active: var(--w-rgb-gray-200);
    --w-s-rgb-background-hover: var(--w-rgb-gray-100);
    --w-s-rgb-background: var(--w-rgb-white);
    --w-s-rgb-text-positive: var(--w-rgb-green-600);
    --w-s-rgb-text-negative: var(--w-rgb-red-600);
    --w-s-rgb-text-disabled: var(--w-rgb-gray-300);
    --w-s-rgb-text-link: var(--w-rgb-jeanblue-600);
    --w-s-rgb-text-inverted-static: var(--w-rgb-white);
    --w-s-rgb-text-inverted-subtle: var(--w-rgb-gray-400);
    --w-s-rgb-text-inverted: var(--w-rgb-white);
    --w-s-rgb-text-placeholder: var(--w-rgb-gray-300);
    --w-s-rgb-text-static: var(--w-rgb-gray-900);
    --w-s-rgb-text-subtle: var(--w-rgb-gray-600);
    --w-s-rgb-text: var(--w-rgb-gray-900);
    --w-shadow-s: 0 1px 6px #0000001f, 0 1px 1px #00000029;
    --w-shadow-m: 0 3px 6px #0000001a, 0 3px 8px #00000029;
    --w-shadow-l: 0 6px 12px #0003, 0 10px 20px #0000001a;
    --w-shadow-xl: 0 9px 18px #0000001a, 0 14px 28px #0003;
    --w-shadow-slider: 0 1px 6px #0000001f, 0 1px 1px #00000029;
    --w-shadow-slider-handle-active: 0 0 0 8px #00000014;
    --w-shadow-slider-handle-hover: 0 0 0 6px #00000014;
    --w-s-shadow-surface-elevated-100: var(--w-shadow-m);
    --w-s-shadow-surface-elevated-100-hover: var(--w-shadow-l);
    --w-s-shadow-surface-elevated-100-active: var(--w-shadow-m);
    --w-s-shadow-surface-elevated-200: var(--w-shadow-s);
    --w-s-shadow-surface-elevated-200-hover: var(--w-shadow-m);
    --w-s-shadow-surface-elevated-200-active: var(--w-shadow-s);
    --w-s-shadow-surface-elevated-300: var(--w-shadow-l);
    --w-s-shadow-surface-elevated-300-hover: var(--w-shadow-xl);
    --w-s-shadow-surface-elevated-300-active: var(--w-shadow-l);
    --w-s-border-inverted: var(--w-gray-300);
    --w-color-datepicker-background-button-hover: var(--w-s-color-background-hover);
    --w-color-input-icon: var(--w-s-color-icon-default);
    --w-color-switch-track-background: var(--w-gray-200);
    --w-color-switch-track-background-hover: var(--w-gray-300);
    --w-color-switch-background-track-disabled: var(--w-gray-200);
    --w-color-buttongroup-utility-background-hover: var(--w-gray-100);
    --w-color-buttongroup-utility-background-selected: var(--w-gray-200);
    --w-color-buttongroup-utility-border: var(--w-gray-300);
    --w-color-buttongroup-utility-border-selected: var(--w-gray-700);
    --w-inherit: inherit;
    --w-none: none;
    --w-font-size-xs: 1.2rem;
    --w-font-size-s: 1.4rem;
    --w-font-size-m: 1.6rem;
    --w-font-size-ml: 2rem;
    --w-font-size-l: 2.2rem;
    --w-font-size-xl: 2.8rem;
    --w-font-size-xxl: 3.4rem;
    --w-font-size-xxxl: 4.8rem;
    --w-font-family: DBA;
    --w-line-height-xs: 1.6rem;
    --w-line-height-s: 1.8rem;
    --w-line-height-m: 2.2rem;
    --w-line-height-ml: 2.6rem;
    --w-line-height-l: 2.8rem;
    --w-line-height-xl: 3.4rem;
    --w-line-height-xxl: 4.1rem;
    --w-line-height-xxxl: 5.6rem;
    --w-color-avatar-background: var(--w-s-color-background-subtle);
    --w-color-avatar-icon: var(--w-s-color-icon-disabled);
    --w-icon-list-checked: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath stroke='%233269c8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.83 7.667 7.163 11l5.334-6'%3E%3C/path%3E%3C/svg%3E");
    --w-icon-toggle-checked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}