:root, :host {
  --w-orange-900: #2a1404;
  --w-orange-800: #6c3916;
  --w-orange-700: #ad5f28;
  --w-orange-600: #ee873c;
  --w-orange-500: #f19758;
  --w-orange-400: #f4a976;
  --w-orange-300: #f7bb94;
  --w-orange-200: #facdb2;
  --w-orange-100: #fddfd0;
  --w-orange-50: #fdf3ed;
  --w-red-900: #290a0a;
  --w-red-800: #641414;
  --w-red-700: #a32020;
  --w-red-600: #e22d2c;
  --w-red-500: #e53f3e;
  --w-red-400: #ea6161;
  --w-red-300: #ef8484;
  --w-red-200: #f4a7a7;
  --w-red-100: #f9caca;
  --w-red-50: #fbe9e9;
  --w-green-900: #142509;
  --w-green-800: #264511;
  --w-green-700: #376419;
  --w-green-600: #4a8221;
  --w-green-500: #569927;
  --w-green-400: #63af2c;
  --w-green-300: #87c25d;
  --w-green-200: #abd58e;
  --w-green-100: #cfe8bf;
  --w-green-50: #f1faeb;
  --w-purple-900: #14082b;
  --w-purple-800: #301663;
  --w-purple-700: #4e269e;
  --w-purple-600: #6c36d9;
  --w-purple-500: #8355df;
  --w-purple-400: #9a74e5;
  --w-purple-300: #b193eb;
  --w-purple-200: #c8b2f1;
  --w-purple-100: #dfd1f7;
  --w-purple-50: #f3eefc;
  --w-pink-900: #2c071a;
  --w-pink-800: #65103a;
  --w-pink-700: #a1195d;
  --w-pink-600: #dd2280;
  --w-pink-500: #f03c9a;
  --w-pink-400: #f360ab;
  --w-pink-300: #f683bd;
  --w-pink-200: #f9a6cf;
  --w-pink-100: #fcc9e1;
  --w-pink-50: #feecf5;
  --w-transparent: transparent;
  --w-black: #000;
  --w-white: #fff;
  --w-blue-900: #071f37;
  --w-blue-800: #0d3862;
  --w-blue-700: #14579a;
  --w-blue-600: #1b77d2;
  --w-blue-500: #4091dd;
  --w-blue-400: #65abe8;
  --w-blue-300: #8ac5f3;
  --w-blue-200: #adddff;
  --w-blue-100: #cceaff;
  --w-blue-50: #e5f5ff;
  --w-forest-900: #081b0b;
  --w-forest-800: #123f19;
  --w-forest-700: #1c6328;
  --w-forest-600: #268736;
  --w-forest-500: #2fa944;
  --w-forest-400: #55b866;
  --w-forest-300: #7bc989;
  --w-forest-200: #a1daac;
  --w-forest-100: #c7ebcf;
  --w-forest-50: #ebfaed;
  --w-brown-950: #2a0100;
  --w-brown-900: #3c0300;
  --w-brown-850: #4c0702;
  --w-brown-800: #5a0d08;
  --w-brown-750: #69150f;
  --w-brown-700: #711e17;
  --w-brown-600: #7a2822;
  --w-brown-500: #94433d;
  --w-brown-400: #ac5f5a;
  --w-brown-300: #c27e79;
  --w-brown-200: #d69e9b;
  --w-brown-100: #e7c1bf;
  --w-brown-50: #f6e6e6;
  --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: #a0a0a8;
  --w-gray-300: #c2c2c9;
  --w-gray-200: #e5e5ea;
  --w-gray-100: #efeff2;
  --w-gray-50: #fafafb;
  --w-s-color-border-focus: var(--w-blue-300);
  --w-s-color-border-info-subtle-active: var(--w-blue-500);
  --w-s-color-border-info-subtle-hover: var(--w-blue-600);
  --w-s-color-border-info-subtle: var(--w-blue-700);
  --w-s-color-border-info-active: var(--w-blue-300);
  --w-s-color-border-info-hover: var(--w-blue-400);
  --w-s-color-border-info: var(--w-blue-500);
  --w-s-color-border-warning-subtle-active: var(--w-orange-500);
  --w-s-color-border-warning-subtle-hover: var(--w-orange-600);
  --w-s-color-border-warning-subtle: var(--w-orange-700);
  --w-s-color-border-warning-active: var(--w-orange-300);
  --w-s-color-border-warning-hover: var(--w-orange-400);
  --w-s-color-border-warning: var(--w-orange-500);
  --w-s-color-border-negative-subtle-active: var(--w-red-500);
  --w-s-color-border-negative-subtle-hover: var(--w-red-600);
  --w-s-color-border-negative-subtle: var(--w-red-700);
  --w-s-color-border-negative-active: var(--w-red-200);
  --w-s-color-border-negative-hover: var(--w-red-300);
  --w-s-color-border-negative: var(--w-red-400);
  --w-s-color-border-positive-subtle-active: var(--w-green-500);
  --w-s-color-border-positive-subtle-hover: var(--w-green-600);
  --w-s-color-border-positive-subtle: var(--w-green-700);
  --w-s-color-border-positive-active: var(--w-green-200);
  --w-s-color-border-positive-hover: var(--w-green-300);
  --w-s-color-border-positive: var(--w-green-400);
  --w-s-color-border-secondary-active: var(--w-brown-200);
  --w-s-color-border-secondary-hover: var(--w-brown-300);
  --w-s-color-border-secondary: var(--w-brown-400);
  --w-s-color-border-primary-subtle-active: var(--w-gray-500);
  --w-s-color-border-primary-subtle-hover: var(--w-gray-600);
  --w-s-color-border-primary-subtle: var(--w-gray-700);
  --w-s-color-border-primary-active: var(--w-gray-200);
  --w-s-color-border-primary-hover: var(--w-gray-100);
  --w-s-color-border-primary: var(--w-white);
  --w-s-color-border-inverted: var(--w-gray-900);
  --w-s-color-border-selected-active: var(--w-gray-200);
  --w-s-color-border-selected-hover: var(--w-gray-100);
  --w-s-color-border-selected: var(--w-white);
  --w-s-color-border-disabled: var(--w-gray-700);
  --w-s-color-border-strong-hover: var(--w-gray-400);
  --w-s-color-border-strong: var(--w-gray-500);
  --w-s-color-border-active: var(--w-gray-400);
  --w-s-color-border-hover: var(--w-gray-500);
  --w-s-color-border: var(--w-gray-600);
  --w-s-color-surface-elevated-300-active: var(--w-gray-600);
  --w-s-color-surface-elevated-300-hover: var(--w-gray-700);
  --w-s-color-surface-elevated-300: var(--w-gray-750);
  --w-s-color-surface-elevated-200-active: var(--w-gray-700);
  --w-s-color-surface-elevated-200-hover: var(--w-gray-750);
  --w-s-color-surface-elevated-200: var(--w-gray-800);
  --w-s-color-surface-elevated-100-active: var(--w-gray-750);
  --w-s-color-surface-elevated-100-hover: var(--w-gray-800);
  --w-s-color-surface-elevated-100: var(--w-gray-850);
  --w-s-color-surface-sunken: var(--w-gray-950);
  --w-s-color-background-notification: var(--w-red-500);
  --w-s-color-background-transparent-0: var(--w-transparent);
  --w-s-color-background-info-subtle-active: var(--w-blue-700);
  --w-s-color-background-info-subtle-hover: var(--w-blue-800);
  --w-s-color-background-info-subtle: var(--w-blue-900);
  --w-s-color-background-info-active: var(--w-blue-300);
  --w-s-color-background-info-hover: var(--w-blue-400);
  --w-s-color-background-info: var(--w-blue-500);
  --w-s-color-background-warning-subtle-active: var(--w-orange-700);
  --w-s-color-background-warning-subtle-hover: var(--w-orange-800);
  --w-s-color-background-warning-subtle: var(--w-orange-900);
  --w-s-color-background-warning-active: var(--w-orange-300);
  --w-s-color-background-warning-hover: var(--w-orange-400);
  --w-s-color-background-warning: var(--w-orange-500);
  --w-s-color-background-negative-subtle-active: var(--w-red-700);
  --w-s-color-background-negative-subtle-hover: var(--w-red-800);
  --w-s-color-background-negative-subtle: var(--w-red-900);
  --w-s-color-background-negative-active: var(--w-red-200);
  --w-s-color-background-negative-hover: var(--w-red-300);
  --w-s-color-background-negative: var(--w-red-400);
  --w-s-color-background-positive-subtle-active: var(--w-green-700);
  --w-s-color-background-positive-subtle-hover: var(--w-green-800);
  --w-s-color-background-positive-subtle: var(--w-green-900);
  --w-s-color-background-positive-active: var(--w-green-200);
  --w-s-color-background-positive-hover: var(--w-green-300);
  --w-s-color-background-positive: var(--w-green-400);
  --w-s-color-background-secondary-active: var(--w-brown-200);
  --w-s-color-background-secondary-hover: var(--w-brown-300);
  --w-s-color-background-secondary: var(--w-brown-400);
  --w-s-color-background-primary-subtle-active: var(--w-gray-750);
  --w-s-color-background-primary-subtle-hover: var(--w-gray-800);
  --w-s-color-background-primary-subtle: var(--w-gray-850);
  --w-s-color-background-primary-active: var(--w-gray-200);
  --w-s-color-background-primary-hover: var(--w-gray-100);
  --w-s-color-background-primary: var(--w-white);
  --w-s-color-background-inverted: var(--w-gray-50);
  --w-s-color-background-selected-active: var(--w-gray-700);
  --w-s-color-background-selected-hover: var(--w-gray-800);
  --w-s-color-background-selected: var(--w-gray-900);
  --w-s-color-background-disabled-subtle: var(--w-gray-600);
  --w-s-color-background-disabled: var(--w-gray-700);
  --w-s-color-background-subtle-active: var(--w-gray-600);
  --w-s-color-background-subtle-hover: var(--w-gray-700);
  --w-s-color-background-subtle: var(--w-gray-750);
  --w-s-color-background-active: var(--w-gray-800);
  --w-s-color-background-hover: var(--w-gray-850);
  --w-s-color-background: var(--w-gray-900);
  --w-s-color-icon-notification: var(--w-white);
  --w-s-color-icon-info: var(--w-blue-500);
  --w-s-color-icon-warning: var(--w-orange-500);
  --w-s-color-icon-negative: var(--w-red-400);
  --w-s-color-icon-positive: var(--w-green-400);
  --w-s-color-icon-secondary-active: var(--w-brown-200);
  --w-s-color-icon-secondary-hover: var(--w-brown-300);
  --w-s-color-icon-secondary: var(--w-brown-400);
  --w-s-color-icon-primary: var(--w-white);
  --w-s-color-icon-inverted-static: var(--w-white);
  --w-s-color-icon-inverted-active: var(--w-gray-800);
  --w-s-color-icon-inverted-hover: var(--w-gray-850);
  --w-s-color-icon-inverted: var(--w-gray-900);
  --w-s-color-icon-subtle-active: var(--w-gray-200);
  --w-s-color-icon-subtle-hover: var(--w-gray-300);
  --w-s-color-icon-subtle: var(--w-gray-400);
  --w-s-color-icon-disabled: var(--w-gray-600);
  --w-s-color-icon-selected-active: var(--w-gray-200);
  --w-s-color-icon-selected-hover: var(--w-gray-100);
  --w-s-color-icon-selected: var(--w-white);
  --w-s-color-icon-static: var(--w-gray-900);
  --w-s-color-icon-active: var(--w-gray-200);
  --w-s-color-icon-hover: var(--w-gray-100);
  --w-s-color-icon: var(--w-white);
  --w-s-color-text-positive: var(--w-green-400);
  --w-s-color-text-negative: var(--w-red-400);
  --w-s-color-text-disabled: var(--w-gray-500);
  --w-s-color-text-link: var(--w-white);
  --w-s-color-text-inverted-static: var(--w-white);
  --w-s-color-text-inverted-subtle: var(--w-gray-600);
  --w-s-color-text-inverted: var(--w-gray-900);
  --w-s-color-text-placeholder: var(--w-gray-500);
  --w-s-color-text-static: var(--w-gray-900);
  --w-s-color-text-subtle: var(--w-gray-400);
  --w-s-color-text: var(--w-white);
  --w-color-switch-track-border-hover: var(--w-gray-400);
  --w-color-switch-track-border: var(--w-gray-500);
  --w-color-switch-handle-background-hover: var(--w-gray-400);
  --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-500);
  --w-color-pill-suggestion-background: var(--w-gray-600);
  --w-color-page-indicator-background-hover: var(--w-gray-200);
  --w-color-page-indicator-background: var(--w-gray-300);
  --w-color-callout-border: var(--w-green-600);
  --w-color-callout-background: var(--w-green-800);
  --w-color-button-pill-background-active: rgba(var(--w-rgb-blue-400) / .3);
  --w-color-button-pill-background-hover: rgba(var(--w-rgb-blue-300) / .3);
  --w-color-badge-price-background: var(--w-black);
  --w-color-badge-sponsored-background: var(--w-blue-600);
  --w-color-badge-negative-background: var(--w-red-700);
  --w-color-badge-warning-background: var(--w-orange-700);
  --w-color-badge-info-background: var(--w-blue-700);
  --w-color-badge-positive-background: var(--w-green-700);
  --w-color-badge-neutral-background: var(--w-gray-600);
  --w-color-tooltip-background-static: var(--w-s-color-surface-elevated-300);
  --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-orange-900: 42 20 4;
  --w-rgb-orange-800: 108 57 22;
  --w-rgb-orange-700: 173 95 40;
  --w-rgb-orange-600: 238 135 60;
  --w-rgb-orange-500: 241 151 88;
  --w-rgb-orange-400: 244 169 118;
  --w-rgb-orange-300: 247 187 148;
  --w-rgb-orange-200: 250 205 178;
  --w-rgb-orange-100: 253 223 208;
  --w-rgb-orange-50: 253 243 237;
  --w-rgb-red-900: 41 10 10;
  --w-rgb-red-800: 100 20 20;
  --w-rgb-red-700: 163 32 32;
  --w-rgb-red-600: 226 45 44;
  --w-rgb-red-500: 229 63 62;
  --w-rgb-red-400: 234 97 97;
  --w-rgb-red-300: 239 132 132;
  --w-rgb-red-200: 244 167 167;
  --w-rgb-red-100: 249 202 202;
  --w-rgb-red-50: 251 233 233;
  --w-rgb-green-900: 20 37 9;
  --w-rgb-green-800: 38 69 17;
  --w-rgb-green-700: 55 100 25;
  --w-rgb-green-600: 74 130 33;
  --w-rgb-green-500: 86 153 39;
  --w-rgb-green-400: 99 175 44;
  --w-rgb-green-300: 135 194 93;
  --w-rgb-green-200: 171 213 142;
  --w-rgb-green-100: 207 232 191;
  --w-rgb-green-50: 241 250 235;
  --w-rgb-purple-900: 20 8 43;
  --w-rgb-purple-800: 48 22 99;
  --w-rgb-purple-700: 78 38 158;
  --w-rgb-purple-600: 108 54 217;
  --w-rgb-purple-500: 131 85 223;
  --w-rgb-purple-400: 154 116 229;
  --w-rgb-purple-300: 177 147 235;
  --w-rgb-purple-200: 200 178 241;
  --w-rgb-purple-100: 223 209 247;
  --w-rgb-purple-50: 243 238 252;
  --w-rgb-pink-900: 44 7 26;
  --w-rgb-pink-800: 101 16 58;
  --w-rgb-pink-700: 161 25 93;
  --w-rgb-pink-600: 221 34 128;
  --w-rgb-pink-500: 240 60 154;
  --w-rgb-pink-400: 243 96 171;
  --w-rgb-pink-300: 246 131 189;
  --w-rgb-pink-200: 249 166 207;
  --w-rgb-pink-100: 252 201 225;
  --w-rgb-pink-50: 254 236 245;
  --w-rgb-transparent: #fff0;
  --w-rgb-black: 0 0 0;
  --w-rgb-white: 255 255 255;
  --w-rgb-blue-900: 7 31 55;
  --w-rgb-blue-800: 13 56 98;
  --w-rgb-blue-700: 20 87 154;
  --w-rgb-blue-600: 27 119 210;
  --w-rgb-blue-500: 64 145 221;
  --w-rgb-blue-400: 101 171 232;
  --w-rgb-blue-300: 138 197 243;
  --w-rgb-blue-200: 173 221 255;
  --w-rgb-blue-100: 204 234 255;
  --w-rgb-blue-50: 229 245 255;
  --w-rgb-forest-900: 8 27 11;
  --w-rgb-forest-800: 18 63 25;
  --w-rgb-forest-700: 28 99 40;
  --w-rgb-forest-600: 38 135 54;
  --w-rgb-forest-500: 47 169 68;
  --w-rgb-forest-400: 85 184 102;
  --w-rgb-forest-300: 123 201 137;
  --w-rgb-forest-200: 161 218 172;
  --w-rgb-forest-100: 199 235 207;
  --w-rgb-forest-50: 235 250 237;
  --w-rgb-brown-950: 42 1 0;
  --w-rgb-brown-900: 60 3 0;
  --w-rgb-brown-850: 76 7 2;
  --w-rgb-brown-800: 90 13 8;
  --w-rgb-brown-750: 105 21 15;
  --w-rgb-brown-700: 113 30 23;
  --w-rgb-brown-600: 122 40 34;
  --w-rgb-brown-500: 148 67 61;
  --w-rgb-brown-400: 172 95 90;
  --w-rgb-brown-300: 194 126 121;
  --w-rgb-brown-200: 214 158 155;
  --w-rgb-brown-100: 231 193 191;
  --w-rgb-brown-50: 246 230 230;
  --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: 160 160 168;
  --w-rgb-gray-300: 194 194 201;
  --w-rgb-gray-200: 229 229 234;
  --w-rgb-gray-100: 239 239 242;
  --w-rgb-gray-50: 250 250 251;
  --w-s-rgb-border-focus: var(--w-rgb-blue-300);
  --w-s-rgb-border-info-subtle-active: var(--w-rgb-blue-500);
  --w-s-rgb-border-info-subtle-hover: var(--w-rgb-blue-600);
  --w-s-rgb-border-info-subtle: var(--w-rgb-blue-700);
  --w-s-rgb-border-info-active: var(--w-rgb-blue-300);
  --w-s-rgb-border-info-hover: var(--w-rgb-blue-400);
  --w-s-rgb-border-info: var(--w-rgb-blue-500);
  --w-s-rgb-border-warning-subtle-active: var(--w-rgb-orange-500);
  --w-s-rgb-border-warning-subtle-hover: var(--w-rgb-orange-600);
  --w-s-rgb-border-warning-subtle: var(--w-rgb-orange-700);
  --w-s-rgb-border-warning-active: var(--w-rgb-orange-300);
  --w-s-rgb-border-warning-hover: var(--w-rgb-orange-400);
  --w-s-rgb-border-warning: var(--w-rgb-orange-500);
  --w-s-rgb-border-negative-subtle-active: var(--w-rgb-red-500);
  --w-s-rgb-border-negative-subtle-hover: var(--w-rgb-red-600);
  --w-s-rgb-border-negative-subtle: var(--w-rgb-red-700);
  --w-s-rgb-border-negative-active: var(--w-rgb-red-200);
  --w-s-rgb-border-negative-hover: var(--w-rgb-red-300);
  --w-s-rgb-border-negative: var(--w-rgb-red-400);
  --w-s-rgb-border-positive-subtle-active: var(--w-rgb-green-500);
  --w-s-rgb-border-positive-subtle-hover: var(--w-rgb-green-600);
  --w-s-rgb-border-positive-subtle: var(--w-rgb-green-700);
  --w-s-rgb-border-positive-active: var(--w-rgb-green-200);
  --w-s-rgb-border-positive-hover: var(--w-rgb-green-300);
  --w-s-rgb-border-positive: var(--w-rgb-green-400);
  --w-s-rgb-border-secondary-active: var(--w-rgb-brown-200);
  --w-s-rgb-border-secondary-hover: var(--w-rgb-brown-300);
  --w-s-rgb-border-secondary: var(--w-rgb-brown-400);
  --w-s-rgb-border-primary-subtle-active: var(--w-rgb-gray-500);
  --w-s-rgb-border-primary-subtle-hover: var(--w-rgb-gray-600);
  --w-s-rgb-border-primary-subtle: var(--w-rgb-gray-700);
  --w-s-rgb-border-primary-active: var(--w-rgb-gray-200);
  --w-s-rgb-border-primary-hover: var(--w-rgb-gray-100);
  --w-s-rgb-border-primary: var(--w-rgb-white);
  --w-s-rgb-border-inverted: var(--w-rgb-gray-900);
  --w-s-rgb-border-selected-active: var(--w-rgb-gray-200);
  --w-s-rgb-border-selected-hover: var(--w-rgb-gray-100);
  --w-s-rgb-border-selected: var(--w-rgb-white);
  --w-s-rgb-border-disabled: var(--w-rgb-gray-700);
  --w-s-rgb-border-strong-hover: var(--w-rgb-gray-400);
  --w-s-rgb-border-strong: var(--w-rgb-gray-500);
  --w-s-rgb-border-active: var(--w-rgb-gray-400);
  --w-s-rgb-border-hover: var(--w-rgb-gray-500);
  --w-s-rgb-border: var(--w-rgb-gray-600);
  --w-s-rgb-surface-elevated-300-active: var(--w-rgb-gray-600);
  --w-s-rgb-surface-elevated-300-hover: var(--w-rgb-gray-700);
  --w-s-rgb-surface-elevated-300: var(--w-rgb-gray-750);
  --w-s-rgb-surface-elevated-200-active: var(--w-rgb-gray-700);
  --w-s-rgb-surface-elevated-200-hover: var(--w-rgb-gray-750);
  --w-s-rgb-surface-elevated-200: var(--w-rgb-gray-800);
  --w-s-rgb-surface-elevated-100-active: var(--w-rgb-gray-750);
  --w-s-rgb-surface-elevated-100-hover: var(--w-rgb-gray-800);
  --w-s-rgb-surface-elevated-100: var(--w-rgb-gray-850);
  --w-s-rgb-surface-sunken: var(--w-rgb-gray-950);
  --w-s-rgb-background-notification: var(--w-rgb-red-500);
  --w-s-rgb-background-transparent-0: var(--w-rgb-transparent);
  --w-s-rgb-background-info-subtle-active: var(--w-rgb-blue-700);
  --w-s-rgb-background-info-subtle-hover: var(--w-rgb-blue-800);
  --w-s-rgb-background-info-subtle: var(--w-rgb-blue-900);
  --w-s-rgb-background-info-active: var(--w-rgb-blue-300);
  --w-s-rgb-background-info-hover: var(--w-rgb-blue-400);
  --w-s-rgb-background-info: var(--w-rgb-blue-500);
  --w-s-rgb-background-warning-subtle-active: var(--w-rgb-orange-700);
  --w-s-rgb-background-warning-subtle-hover: var(--w-rgb-orange-800);
  --w-s-rgb-background-warning-subtle: var(--w-rgb-orange-900);
  --w-s-rgb-background-warning-active: var(--w-rgb-orange-300);
  --w-s-rgb-background-warning-hover: var(--w-rgb-orange-400);
  --w-s-rgb-background-warning: var(--w-rgb-orange-500);
  --w-s-rgb-background-negative-subtle-active: var(--w-rgb-red-700);
  --w-s-rgb-background-negative-subtle-hover: var(--w-rgb-red-800);
  --w-s-rgb-background-negative-subtle: var(--w-rgb-red-900);
  --w-s-rgb-background-negative-active: var(--w-rgb-red-200);
  --w-s-rgb-background-negative-hover: var(--w-rgb-red-300);
  --w-s-rgb-background-negative: var(--w-rgb-red-400);
  --w-s-rgb-background-positive-subtle-active: var(--w-rgb-green-700);
  --w-s-rgb-background-positive-subtle-hover: var(--w-rgb-green-800);
  --w-s-rgb-background-positive-subtle: var(--w-rgb-green-900);
  --w-s-rgb-background-positive-active: var(--w-rgb-green-200);
  --w-s-rgb-background-positive-hover: var(--w-rgb-green-300);
  --w-s-rgb-background-positive: var(--w-rgb-green-400);
  --w-s-rgb-background-secondary-active: var(--w-rgb-brown-200);
  --w-s-rgb-background-secondary-hover: var(--w-rgb-brown-300);
  --w-s-rgb-background-secondary: var(--w-rgb-brown-400);
  --w-s-rgb-background-primary-subtle-active: var(--w-rgb-gray-750);
  --w-s-rgb-background-primary-subtle-hover: var(--w-rgb-gray-800);
  --w-s-rgb-background-primary-subtle: var(--w-rgb-gray-850);
  --w-s-rgb-background-primary-active: var(--w-rgb-gray-200);
  --w-s-rgb-background-primary-hover: var(--w-rgb-gray-100);
  --w-s-rgb-background-primary: var(--w-rgb-white);
  --w-s-rgb-background-inverted: var(--w-rgb-gray-50);
  --w-s-rgb-background-selected-active: var(--w-rgb-gray-700);
  --w-s-rgb-background-selected-hover: var(--w-rgb-gray-800);
  --w-s-rgb-background-selected: var(--w-rgb-gray-900);
  --w-s-rgb-background-disabled-subtle: var(--w-rgb-gray-600);
  --w-s-rgb-background-disabled: var(--w-rgb-gray-700);
  --w-s-rgb-background-subtle-active: var(--w-rgb-gray-600);
  --w-s-rgb-background-subtle-hover: var(--w-rgb-gray-700);
  --w-s-rgb-background-subtle: var(--w-rgb-gray-750);
  --w-s-rgb-background-active: var(--w-rgb-gray-800);
  --w-s-rgb-background-hover: var(--w-rgb-gray-850);
  --w-s-rgb-background: var(--w-rgb-gray-900);
  --w-s-rgb-icon-notification: var(--w-rgb-white);
  --w-s-rgb-icon-info: var(--w-rgb-blue-500);
  --w-s-rgb-icon-warning: var(--w-rgb-orange-500);
  --w-s-rgb-icon-negative: var(--w-rgb-red-400);
  --w-s-rgb-icon-positive: var(--w-rgb-green-400);
  --w-s-rgb-icon-secondary-active: var(--w-rgb-brown-200);
  --w-s-rgb-icon-secondary-hover: var(--w-rgb-brown-300);
  --w-s-rgb-icon-secondary: var(--w-rgb-brown-400);
  --w-s-rgb-icon-primary: var(--w-rgb-white);
  --w-s-rgb-icon-inverted-static: var(--w-rgb-white);
  --w-s-rgb-icon-inverted-active: var(--w-rgb-gray-800);
  --w-s-rgb-icon-inverted-hover: var(--w-rgb-gray-850);
  --w-s-rgb-icon-inverted: var(--w-rgb-gray-900);
  --w-s-rgb-icon-subtle-active: var(--w-rgb-gray-200);
  --w-s-rgb-icon-subtle-hover: var(--w-rgb-gray-300);
  --w-s-rgb-icon-subtle: var(--w-rgb-gray-400);
  --w-s-rgb-icon-disabled: var(--w-rgb-gray-600);
  --w-s-rgb-icon-selected-active: var(--w-rgb-gray-200);
  --w-s-rgb-icon-selected-hover: var(--w-rgb-gray-100);
  --w-s-rgb-icon-selected: var(--w-rgb-white);
  --w-s-rgb-icon-static: var(--w-rgb-gray-900);
  --w-s-rgb-icon-active: var(--w-rgb-gray-200);
  --w-s-rgb-icon-hover: var(--w-rgb-gray-100);
  --w-s-rgb-icon: var(--w-rgb-white);
  --w-s-rgb-text-positive: var(--w-rgb-green-400);
  --w-s-rgb-text-negative: var(--w-rgb-red-400);
  --w-s-rgb-text-disabled: var(--w-rgb-gray-500);
  --w-s-rgb-text-link: var(--w-rgb-white);
  --w-s-rgb-text-inverted-static: var(--w-rgb-white);
  --w-s-rgb-text-inverted-subtle: var(--w-rgb-gray-600);
  --w-s-rgb-text-inverted: var(--w-rgb-gray-900);
  --w-s-rgb-text-placeholder: var(--w-rgb-gray-500);
  --w-s-rgb-text-static: var(--w-rgb-gray-900);
  --w-s-rgb-text-subtle: var(--w-rgb-gray-400);
  --w-s-rgb-text: var(--w-rgb-white);
  --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: VendSansText;
  --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='%235C9CFF' 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")
}