/**
 * Autogenerated file (2025-04-29T07:55:13.776Z). Do not edit directly
 */
:root {
  --groupui-vwgroup-ref-color-black: #000000;
  --groupui-vwgroup-ref-color-grey-100: #F0F1F2;
  --groupui-vwgroup-ref-color-grey-200: #DFE2E6;
  --groupui-vwgroup-ref-color-grey-300: #cacdd2;
  --groupui-vwgroup-ref-color-grey-400: #A8ADB3;
  --groupui-vwgroup-ref-color-grey-500: #91979c;
  --groupui-vwgroup-ref-color-grey-600: #7A8084;
  --groupui-vwgroup-ref-color-grey-700: #636a6d;
  --groupui-vwgroup-ref-color-grey-800: #4C5356;
  --groupui-vwgroup-ref-color-grey-900: #34393b;
  --groupui-vwgroup-ref-color-grey-950: #222526;
  --groupui-vwgroup-ref-color-grey-1000: #1B1E1F;
  --groupui-vwgroup-ref-color-grey-1100: #131414;
  --groupui-vwgroup-ref-color-grey-1000-60: #1B1E1F99;
  --groupui-vwgroup-ref-color-grey-1000-80: #1B1E1FCC;
  --groupui-vwgroup-ref-color-grey-300-10: #cacdd21a;
  --groupui-vwgroup-ref-color-grey-300-20: #cacdd233;
  --groupui-vwgroup-ref-color-grey-600-20: #7A808433;
  --groupui-vwgroup-ref-color-grey-600-10: #7A80841A;
  --groupui-vwgroup-ref-color-grey-100-50: #F0F1F280;
  --groupui-vwgroup-ref-color-grey-700-10: #636a6d1a;
  --groupui-vwgroup-ref-color-grey-700-20: #636a6d33;
  --groupui-vwgroup-ref-color-grey-900-50: #34393B80;
  --groupui-vwgroup-ref-color-grey-500-20: #91979c33;
  --groupui-vwgroup-ref-color-deep-space-blue-50: #e5e9eb;
  --groupui-vwgroup-ref-color-deep-space-blue-100: #ccd4d6;
  --groupui-vwgroup-ref-color-deep-space-blue-200: #b2bec2;
  --groupui-vwgroup-ref-color-deep-space-blue-300: #99a9ad;
  --groupui-vwgroup-ref-color-deep-space-blue-400: #809399;
  --groupui-vwgroup-ref-color-deep-space-blue-500: #667d85;
  --groupui-vwgroup-ref-color-deep-space-blue-600: #4d6870;
  --groupui-vwgroup-ref-color-deep-space-blue-700: #33525c;
  --groupui-vwgroup-ref-color-deep-space-blue-800: #1B3E4A;
  --groupui-vwgroup-ref-color-deep-space-blue-900: #002733;
  --groupui-vwgroup-ref-color-deep-space-blue-1000: #00141F;
  --groupui-vwgroup-ref-color-deep-space-blue-800-20: #1B3E4A33;
  --groupui-vwgroup-ref-color-deep-space-blue-800-10: #1B3E4A1A;
  --groupui-vwgroup-ref-color-deep-space-blue-900-80: #002733CC;
  --groupui-vwgroup-ref-color-vivid-green-100: #e3f2f1;
  --groupui-vwgroup-ref-color-vivid-green-200: #abdbd6;
  --groupui-vwgroup-ref-color-vivid-green-300: #77c4bd;
  --groupui-vwgroup-ref-color-vivid-green-400: #37A99E;
  --groupui-vwgroup-ref-color-vivid-green-500: #008C82;
  --groupui-vwgroup-ref-color-vivid-green-600: #008075;
  --groupui-vwgroup-ref-color-vivid-green-700: #006058;
  --groupui-vwgroup-ref-color-vivid-green-800: #004942;
  --groupui-vwgroup-ref-color-vivid-green-900: #00332D;
  --groupui-vwgroup-ref-color-vivid-green-1000: #001F16;
  --groupui-vwgroup-ref-color-vivid-green-400-10: #37A99E1A;
  --groupui-vwgroup-ref-color-vivid-green-400-20: #37A99E33;
  --groupui-vwgroup-ref-color-vivid-green-600-10: #0080751A;
  --groupui-vwgroup-ref-color-vivid-green-600-20: #00807533;
  --groupui-vwgroup-ref-color-vivid-green-300-10: #77c4bd1A;
  --groupui-vwgroup-ref-color-vivid-green-300-20: #77c4bd33;
  --groupui-vwgroup-ref-color-transparent: transparent;
  --groupui-vwgroup-ref-color-pure-white: #FFFFFF;
  --groupui-vwgroup-ref-color-pure-white-10: #FFFFFF1A;
  --groupui-vwgroup-ref-color-pure-white-20: #FFFFFF33;
  --groupui-vwgroup-ref-color-pure-white-80: #FFFFFFCC;
  --groupui-vwgroup-ref-color-pure-white-90: #FFFFFFE6;
  --groupui-vwgroup-ref-color-system-red-100: #FFDBDB;
  --groupui-vwgroup-ref-color-system-red-200: #FFBDBD;
  --groupui-vwgroup-ref-color-system-red-300: #FF9E9E;
  --groupui-vwgroup-ref-color-system-red-400: #FF7A7A;
  --groupui-vwgroup-ref-color-system-red-500: #F2595A;
  --groupui-vwgroup-ref-color-system-red-600: #F03D3E;
  --groupui-vwgroup-ref-color-system-red-700: #E51F26;
  --groupui-vwgroup-ref-color-system-red-800: #D01628;
  --groupui-vwgroup-ref-color-system-red-900: #B50116;
  --groupui-vwgroup-ref-color-system-red-1000: #970001;
  --groupui-vwgroup-ref-color-system-red-500-10: #F2595A1A;
  --groupui-vwgroup-ref-color-system-red-500-20: #F2595A33;
  --groupui-vwgroup-ref-color-system-red-700-10: #E51F261A;
  --groupui-vwgroup-ref-color-system-red-700-20: #E51F2633;
  --groupui-vwgroup-ref-color-system-orange-100: #F9E6CB;
  --groupui-vwgroup-ref-color-system-orange-200: #FADAA9;
  --groupui-vwgroup-ref-color-system-orange-300: #FBCD87;
  --groupui-vwgroup-ref-color-system-orange-400: #FCC167;
  --groupui-vwgroup-ref-color-system-orange-500: #FDB453;
  --groupui-vwgroup-ref-color-system-orange-600: #FFA538;
  --groupui-vwgroup-ref-color-system-orange-700: #FF9A24;
  --groupui-vwgroup-ref-color-system-orange-800: #FF8C05;
  --groupui-vwgroup-ref-color-system-orange-900: #E57700;
  --groupui-vwgroup-ref-color-system-orange-1000: #CC6900;
  --groupui-vwgroup-ref-color-system-orange-700-10: #FF9A241A;
  --groupui-vwgroup-ref-color-system-orange-700-20: #FF9A2433;
  --groupui-vwgroup-ref-color-system-orange-800-10: #FF8C051A;
  --groupui-vwgroup-ref-color-system-orange-800-20: #FF8C0533;
  --groupui-vwgroup-ref-color-system-orange-500-10: #FDB4531A;
  --groupui-vwgroup-ref-color-system-orange-500-20: #FDB45333;
  --groupui-vwgroup-ref-color-system-green-100: #DBF0DE;
  --groupui-vwgroup-ref-color-system-green-200: #B4E4BA;
  --groupui-vwgroup-ref-color-system-green-300: #83D88E;
  --groupui-vwgroup-ref-color-system-green-400: #6AC87A;
  --groupui-vwgroup-ref-color-system-green-500: #42B85A;
  --groupui-vwgroup-ref-color-system-green-600: #08A334;
  --groupui-vwgroup-ref-color-system-green-700: #008724;
  --groupui-vwgroup-ref-color-system-green-800: #006F23;
  --groupui-vwgroup-ref-color-system-green-900: #005820;
  --groupui-vwgroup-ref-color-system-green-1000: #004219;
  --groupui-vwgroup-ref-color-system-green-500-10: #42B85A1A;
  --groupui-vwgroup-ref-color-system-green-500-20: #42B85A33;
  --groupui-vwgroup-ref-color-system-green-700-10: #0087241A;
  --groupui-vwgroup-ref-color-system-green-700-20: #00872433;
  --groupui-vwgroup-ref-color-electric-neon-100: #C2FE06;
  --groupui-vwgroup-ref-color-electric-neon-200: #A6E400;
  --groupui-vwgroup-ref-color-electric-neon-300: #8BCA00;
  --groupui-vwgroup-ref-color-electric-neon-400: #70B100;
  --groupui-vwgroup-ref-color-electric-neon-500: #559800;
  --groupui-vwgroup-ref-color-electric-neon-600: #3A8000;
  --groupui-vwgroup-ref-color-electric-neon-700: #216800;
  --groupui-vwgroup-ref-color-electric-neon-800: #105100;
  --groupui-vwgroup-ref-color-electric-neon-900: #143900;
  --groupui-vwgroup-ref-color-electric-neon-1000: #0C2300;
  --groupui-vwgroup-ref-color-electric-neon-100-10: #C2FE061A;
  --groupui-vwgroup-ref-color-electric-neon-100-20: #C2FE0633;
  --groupui-vwgroup-ref-color-coral-100: #FFC0AD;
  --groupui-vwgroup-ref-color-coral-200: #FFA08E;
  --groupui-vwgroup-ref-color-coral-300: #F58272;
  --groupui-vwgroup-ref-color-coral-400: #E67364;
  --groupui-vwgroup-ref-color-coral-500: #D66151;
  --groupui-vwgroup-ref-color-coral-600: #C45246;
  --groupui-vwgroup-ref-color-coral-700: #AD4238;
  --groupui-vwgroup-ref-color-coral-800: #952D26;
  --groupui-vwgroup-ref-color-coral-900: #680D0F;
  --groupui-vwgroup-ref-color-coral-1000: #450203;
  --groupui-vwgroup-ref-color-coral-400-20: #E6736433;
  --groupui-vwgroup-ref-color-orange-100: #FFDE6F;
  --groupui-vwgroup-ref-color-orange-200: #FEBD4F;
  --groupui-vwgroup-ref-color-orange-300: #FAAA3C;
  --groupui-vwgroup-ref-color-orange-400: #F29B21;
  --groupui-vwgroup-ref-color-orange-500: #CD7F0A;
  --groupui-vwgroup-ref-color-orange-600: #AA6703;
  --groupui-vwgroup-ref-color-orange-700: #864900;
  --groupui-vwgroup-ref-color-orange-800: #6D3400;
  --groupui-vwgroup-ref-color-orange-900: #572000;
  --groupui-vwgroup-ref-color-orange-1000: #430700;
  --groupui-vwgroup-ref-color-orange-300-20: #FAAA3C33;
  --groupui-vwgroup-ref-color-beige-100: #FFEDC4;
  --groupui-vwgroup-ref-color-beige-200: #FAD2AA;
  --groupui-vwgroup-ref-color-beige-300: #DAB48D;
  --groupui-vwgroup-ref-color-beige-400: #C09B75;
  --groupui-vwgroup-ref-color-beige-500: #A6835E;
  --groupui-vwgroup-ref-color-beige-600: #8D6C48;
  --groupui-vwgroup-ref-color-beige-700: #755633;
  --groupui-vwgroup-ref-color-beige-800: #5D411F;
  --groupui-vwgroup-ref-color-beige-900: #462C0B;
  --groupui-vwgroup-ref-color-beige-1000: #311800;
  --groupui-vwgroup-ref-color-beige-200-20: #FAD2AA33;
  --groupui-vwgroup-ref-color-blue-100: #C1F3FF;
  --groupui-vwgroup-ref-color-blue-200: #A5D7FE;
  --groupui-vwgroup-ref-color-blue-300: #8CBEE6;
  --groupui-vwgroup-ref-color-blue-400: #72A5CB;
  --groupui-vwgroup-ref-color-blue-500: #598CB2;
  --groupui-vwgroup-ref-color-blue-600: #40759A;
  --groupui-vwgroup-ref-color-blue-700: #255F82;
  --groupui-vwgroup-ref-color-blue-800: #04496A;
  --groupui-vwgroup-ref-color-blue-900: #003352;
  --groupui-vwgroup-ref-color-blue-1000: #001E3B;
  --groupui-vwgroup-ref-color-blue-300-20: #8CBEE633;
  --groupui-vwgroup-ref-color-violet-100: #FFCFFF;
  --groupui-vwgroup-ref-color-violet-200: #F7AEEC;
  --groupui-vwgroup-ref-color-violet-300: #DD96D3;
  --groupui-vwgroup-ref-color-violet-400: #C882BE;
  --groupui-vwgroup-ref-color-violet-500: #AB67A2;
  --groupui-vwgroup-ref-color-violet-600: #93518A;
  --groupui-vwgroup-ref-color-violet-700: #7B3B73;
  --groupui-vwgroup-ref-color-violet-800: #64255D;
  --groupui-vwgroup-ref-color-violet-900: #4D0D48;
  --groupui-vwgroup-ref-color-violet-1000: #330030;
  --groupui-vwgroup-ref-color-violet-400-20: #C882BE33;
  --groupui-vwgroup-ref-color-lavender-100: #F7E8FF;
  --groupui-vwgroup-ref-color-lavender-200: #DCCDF0;
  --groupui-vwgroup-ref-color-lavender-300: #C1B2D4;
  --groupui-vwgroup-ref-color-lavender-400: #A799BA;
  --groupui-vwgroup-ref-color-lavender-500: #8E81A1;
  --groupui-vwgroup-ref-color-lavender-600: #766988;
  --groupui-vwgroup-ref-color-lavender-700: #5F5270;
  --groupui-vwgroup-ref-color-lavender-800: #483D59;
  --groupui-vwgroup-ref-color-lavender-900: #332843;
  --groupui-vwgroup-ref-color-lavender-1000: #1E152E;
  --groupui-vwgroup-ref-color-lavender-200-20: #DCCDF033;
  --groupui-vwgroup-ref-color-pure-white-30: #FFFFFF4D;
  --groupui-vwgroup-ref-color-black-20: #00000033;
  --groupui-vwgroup-ref-color-pure-white-60: #FFFFFF99;
  --groupui-vwgroup-ref-color-pure-white-40: #FFFFFF66;
  --groupui-vwgroup-ref-color-black-60: #00000099;
  --groupui-vwgroup-ref-color-system-blue-100: #CCE6F9;
  --groupui-vwgroup-ref-color-system-blue-200: #A9D8FA;
  --groupui-vwgroup-ref-color-system-blue-300: #8BC8F4;
  --groupui-vwgroup-ref-color-system-blue-400: #68B3E8;
  --groupui-vwgroup-ref-color-system-blue-500: #489EDB;
  --groupui-vwgroup-ref-color-system-blue-600: #278CD3;
  --groupui-vwgroup-ref-color-system-blue-700: #1477BD;
  --groupui-vwgroup-ref-color-system-blue-800: #196195;
  --groupui-vwgroup-ref-color-system-blue-900: #104870;
  --groupui-vwgroup-ref-color-system-blue-1000: #0E394E;
  --groupui-vwgroup-ref-color-system-blue-700-10: #1477BD1A;
  --groupui-vwgroup-ref-color-system-blue-700-20: #1477BD33;
  --groupui-vwgroup-ref-color-system-blue-500-10: #489EDB1A;
  --groupui-vwgroup-ref-color-system-blue-500-20: #489EDB33;
  --groupui-vwgroup-ref-color-pure-white-70: #FFFFFFB3;
  --groupui-vwgroup-ref-color-black-80: #000000CC;
  --groupui-vwgroup-ref-letter-spacing-0: 0px;
  --groupui-vwgroup-ref-border-width-0: 0px;
  --groupui-vwgroup-ref-border-width-1: 1px;
  --groupui-vwgroup-ref-border-width-2: 2px;
  --groupui-vwgroup-ref-border-width-3: 3px;
  --groupui-vwgroup-ref-border-width-4: 4px;
  --groupui-vwgroup-ref-border-width-5: 5px;
  --groupui-vwgroup-ref-border-width-6: 6px;
  --groupui-vwgroup-ref-spacing-0: 0px;
  --groupui-vwgroup-ref-spacing-1: 1px;
  --groupui-vwgroup-ref-spacing-2: 2px;
  --groupui-vwgroup-ref-spacing-4: 4px;
  --groupui-vwgroup-ref-spacing-6: 6px;
  --groupui-vwgroup-ref-spacing-8: 8px;
  --groupui-vwgroup-ref-spacing-12: 12px;
  --groupui-vwgroup-ref-spacing-16: 16px;
  --groupui-vwgroup-ref-spacing-20: 20px;
  --groupui-vwgroup-ref-spacing-24: 24px;
  --groupui-vwgroup-ref-spacing-28: 28px;
  --groupui-vwgroup-ref-spacing-32: 32px;
  --groupui-vwgroup-ref-spacing-36: 36px;
  --groupui-vwgroup-ref-spacing-40: 40px;
  --groupui-vwgroup-ref-spacing-48: 48px;
  --groupui-vwgroup-ref-spacing-56: 56px;
  --groupui-vwgroup-ref-spacing-64: 64px;
  --groupui-vwgroup-ref-spacing-72: 72px;
  --groupui-vwgroup-ref-spacing-96: 96px;
  --groupui-vwgroup-ref-spacing-112: 112px;
  --groupui-vwgroup-ref-spacing-136: 136px;
  --groupui-vwgroup-ref-spacing-320: 320px;
  --groupui-vwgroup-ref-spacing-640: 640px;
  --groupui-vwgroup-ref-media-query-320: 320px;
  --groupui-vwgroup-ref-media-query-560: 560px;
  --groupui-vwgroup-ref-media-query-960: 960px;
  --groupui-vwgroup-ref-media-query-1280: 1280px;
  --groupui-vwgroup-ref-media-query-1620: 1620px;
  --groupui-vwgroup-ref-border-radius-0: 0px;
  --groupui-vwgroup-ref-border-radius-4: 4px;
  --groupui-vwgroup-ref-border-radius-8: 8px;
  --groupui-vwgroup-ref-border-radius-9999: 9999px;
  --groupui-vwgroup-ref-font-size-8: 8px;
  --groupui-vwgroup-ref-font-size-10: 10px;
  --groupui-vwgroup-ref-font-size-12: 12px;
  --groupui-vwgroup-ref-font-size-14: 14px;
  --groupui-vwgroup-ref-font-size-16: 16px;
  --groupui-vwgroup-ref-font-size-18: 18px;
  --groupui-vwgroup-ref-font-size-20: 20px;
  --groupui-vwgroup-ref-font-size-22: 22px;
  --groupui-vwgroup-ref-font-size-24: 24px;
  --groupui-vwgroup-ref-font-size-26: 26px;
  --groupui-vwgroup-ref-font-size-28: 28px;
  --groupui-vwgroup-ref-font-size-30: 30px;
  --groupui-vwgroup-ref-font-size-32: 32px;
  --groupui-vwgroup-ref-font-size-34: 34px;
  --groupui-vwgroup-ref-font-size-36: 36px;
  --groupui-vwgroup-ref-font-size-40: 40px;
  --groupui-vwgroup-ref-font-size-48: 48px;
  --groupui-vwgroup-ref-font-size-50: 50px;
  --groupui-vwgroup-ref-font-size-60: 60px;
  --groupui-vwgroup-ref-font-size-72: 72px;
  --groupui-vwgroup-ref-icon-size-16: 16px;
  --groupui-vwgroup-ref-icon-size-24: 24px;
  --groupui-vwgroup-ref-icon-size-32: 32px;
  --groupui-vwgroup-ref-icon-size-48: 48px;
  --groupui-vwgroup-ref-z-index-100: 100;
  --groupui-vwgroup-ref-z-index-200: 200;
  --groupui-vwgroup-ref-z-index-300: 300;
  --groupui-vwgroup-ref-z-index-350: 350;
  --groupui-vwgroup-ref-z-index-400: 400;
  --groupui-vwgroup-ref-z-index-500: 500;
  --groupui-vwgroup-ref-z-index-600: 600;
  --groupui-vwgroup-ref-z-index-700: 700;
  --groupui-vwgroup-ref-z-index-800: 800;
  --groupui-vwgroup-ref-z-index-900: 900;
  --groupui-vwgroup-ref-opacity-0: 0;
  --groupui-vwgroup-ref-opacity-10: 0.1;
  --groupui-vwgroup-ref-opacity-20: 0.2;
  --groupui-vwgroup-ref-opacity-30: 0.3;
  --groupui-vwgroup-ref-opacity-40: 0.4;
  --groupui-vwgroup-ref-opacity-50: 0.5;
  --groupui-vwgroup-ref-opacity-60: 0.6;
  --groupui-vwgroup-ref-opacity-70: 0.7;
  --groupui-vwgroup-ref-opacity-80: 0.8;
  --groupui-vwgroup-ref-opacity-90: 0.9;
  --groupui-vwgroup-ref-opacity-100: 1;
  --groupui-vwgroup-ref-line-height-100: 1;
  --groupui-vwgroup-ref-line-height-110: 1.1;
  --groupui-vwgroup-ref-line-height-114: 1.14;
  --groupui-vwgroup-ref-line-height-120: 1.2;
  --groupui-vwgroup-ref-line-height-130: 1.3;
  --groupui-vwgroup-ref-line-height-140: 1.4;
  --groupui-vwgroup-ref-line-height-150: 1.5;
  --groupui-vwgroup-ref-line-height-178: 1.78;
  --groupui-vwgroup-ref-stroke-style-solid: solid;
  --groupui-vwgroup-ref-stroke-style-dashed: dashed;
  --groupui-vwgroup-ref-font-family-the-group-text: TheGroupTEXT;
  --groupui-vwgroup-ref-font-family-the-group-head: TheGroupHEAD;
  --groupui-vwgroup-ref-font-weight-300: 300;
  --groupui-vwgroup-ref-font-weight-400: 400;
  --groupui-vwgroup-ref-font-weight-500: 500;
  --groupui-vwgroup-ref-font-weight-700: 700;
  --groupui-vwgroup-ref-duration-0: 0s;
  --groupui-vwgroup-ref-duration-120: 0.12s;
  --groupui-vwgroup-ref-duration-160: 0.16s;
  --groupui-vwgroup-ref-duration-240: 0.24s;
  --groupui-vwgroup-ref-duration-320: 0.32s;
  --groupui-vwgroup-ref-duration-480: 0.48s;
  --groupui-vwgroup-ref-duration-640: 0.64s;
  --groupui-vwgroup-ref-duration-2000: 2s;
  --groupui-vwgroup-ref-cubic-bezier-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --groupui-vwgroup-ref-cubic-bezier-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --groupui-vwgroup-ref-cubic-bezier-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --groupui-vwgroup-ref-cubic-bezier-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --groupui-vwgroup-ref-cubic-bezier-linear: cubic-bezier(0, 0, 1, 1);
  --groupui-vwgroup-ref-shadow-0: 0px 0px 0px 0px #00000000;
  --groupui-vwgroup-ref-shadow-8: 0px 4px 8px 1px #00000033;
}

:root {
  --groupui-sys-border-radius-xl: var(--groupui-vwgroup-ref-border-radius-9999);
  --groupui-sys-border-radius-none: var(--groupui-vwgroup-ref-border-radius-0);
  --groupui-sys-border-radius-s: var(--groupui-vwgroup-ref-border-radius-4);
  --groupui-sys-border-radius-m: var(--groupui-vwgroup-ref-border-radius-8);
  --groupui-sys-border-radius-full: var(--groupui-vwgroup-ref-border-radius-9999);
  --groupui-sys-icon-size-l: var(--groupui-vwgroup-ref-icon-size-32);
  --groupui-sys-icon-size-m: var(--groupui-vwgroup-ref-icon-size-24);
  --groupui-sys-icon-size-s: var(--groupui-vwgroup-ref-icon-size-16);
  --groupui-sys-icon-size-xl: var(--groupui-vwgroup-ref-icon-size-48);
  --groupui-sys-media-query-s: var(--groupui-vwgroup-ref-media-query-320);
  --groupui-sys-media-query-m: var(--groupui-vwgroup-ref-media-query-560);
  --groupui-sys-media-query-l: var(--groupui-vwgroup-ref-media-query-960);
  --groupui-sys-media-query-xl: var(--groupui-vwgroup-ref-media-query-1280);
  --groupui-sys-media-query-xxl: var(--groupui-vwgroup-ref-media-query-1620);
  --groupui-sys-border-width-none: var(--groupui-vwgroup-ref-border-width-0);
  --groupui-sys-border-width-s: var(--groupui-vwgroup-ref-border-width-1);
  --groupui-sys-border-width-m: var(--groupui-vwgroup-ref-border-width-2);
  --groupui-sys-border-width-card-level-2: var(--groupui-vwgroup-ref-border-width-1);
  --groupui-sys-border-width-navigation: var(--groupui-vwgroup-ref-border-width-1);
  --groupui-sys-border-width-l: var(--groupui-vwgroup-ref-border-width-3);
  --groupui-sys-border-width-xl: var(--groupui-vwgroup-ref-border-width-4);
  --groupui-sys-border-width-xxl: var(--groupui-vwgroup-ref-border-width-5);
  --groupui-sys-border-width-xxxl: var(--groupui-vwgroup-ref-border-width-6);
  --groupui-sys-spacing-0: var(--groupui-vwgroup-ref-spacing-0);
  --groupui-sys-spacing-25: var(--groupui-vwgroup-ref-spacing-1);
  --groupui-sys-spacing-50: var(--groupui-vwgroup-ref-spacing-2);
  --groupui-sys-spacing-100: var(--groupui-vwgroup-ref-spacing-4);
  --groupui-sys-spacing-150: var(--groupui-vwgroup-ref-spacing-6);
  --groupui-sys-spacing-200: var(--groupui-vwgroup-ref-spacing-8);
  --groupui-sys-spacing-300: var(--groupui-vwgroup-ref-spacing-12);
  --groupui-sys-spacing-400: var(--groupui-vwgroup-ref-spacing-16);
  --groupui-sys-spacing-500: var(--groupui-vwgroup-ref-spacing-20);
  --groupui-sys-spacing-600: var(--groupui-vwgroup-ref-spacing-24);
  --groupui-sys-spacing-700: var(--groupui-vwgroup-ref-spacing-28);
  --groupui-sys-spacing-800: var(--groupui-vwgroup-ref-spacing-32);
  --groupui-sys-spacing-900: var(--groupui-vwgroup-ref-spacing-36);
  --groupui-sys-spacing-1000: var(--groupui-vwgroup-ref-spacing-40);
  --groupui-sys-spacing-1200: var(--groupui-vwgroup-ref-spacing-48);
  --groupui-sys-spacing-1400: var(--groupui-vwgroup-ref-spacing-56);
  --groupui-sys-spacing-1600: var(--groupui-vwgroup-ref-spacing-64);
  --groupui-sys-spacing-1800: var(--groupui-vwgroup-ref-spacing-72);
  --groupui-sys-spacing-2400: var(--groupui-vwgroup-ref-spacing-96);
  --groupui-sys-spacing-2800: var(--groupui-vwgroup-ref-spacing-112);
  --groupui-sys-spacing-3400: var(--groupui-vwgroup-ref-spacing-136);
  --groupui-sys-spacing-8000: var(--groupui-vwgroup-ref-spacing-320);
  --groupui-sys-spacing-16000: var(--groupui-vwgroup-ref-spacing-640);
  --groupui-sys-z-index-content-layer: var(--groupui-vwgroup-ref-z-index-100);
  --groupui-sys-z-index-navigation: var(--groupui-vwgroup-ref-z-index-300);
  --groupui-sys-z-index-popover: var(--groupui-vwgroup-ref-z-index-400);
  --groupui-sys-z-index-toast: var(--groupui-vwgroup-ref-z-index-600);
  --groupui-sys-z-index-backdrop: var(--groupui-vwgroup-ref-z-index-700);
  --groupui-sys-z-index-modal: var(--groupui-vwgroup-ref-z-index-800);
  --groupui-sys-z-index-process-indicator: var(--groupui-vwgroup-ref-z-index-900);
  --groupui-sys-z-index-tooltip: var(--groupui-vwgroup-ref-z-index-500);
  --groupui-sys-z-index-fab: var(--groupui-vwgroup-ref-z-index-350);
  --groupui-sys-line-height-s: var(--groupui-vwgroup-ref-line-height-110);
  --groupui-sys-line-height-m: var(--groupui-vwgroup-ref-line-height-120);
  --groupui-sys-line-height-l: var(--groupui-vwgroup-ref-line-height-130);
  --groupui-sys-line-height-xl: var(--groupui-vwgroup-ref-line-height-140);
  --groupui-sys-line-height-xxl: var(--groupui-vwgroup-ref-line-height-150);
  --groupui-sys-line-height-xs: var(--groupui-vwgroup-ref-line-height-100);
  --groupui-sys-opacity-0: var(--groupui-vwgroup-ref-opacity-0);
  --groupui-sys-opacity-10: var(--groupui-vwgroup-ref-opacity-10);
  --groupui-sys-opacity-20: var(--groupui-vwgroup-ref-opacity-20);
  --groupui-sys-opacity-30: var(--groupui-vwgroup-ref-opacity-30);
  --groupui-sys-opacity-40: var(--groupui-vwgroup-ref-opacity-40);
  --groupui-sys-opacity-50: var(--groupui-vwgroup-ref-opacity-50);
  --groupui-sys-opacity-60: var(--groupui-vwgroup-ref-opacity-60);
  --groupui-sys-opacity-70: var(--groupui-vwgroup-ref-opacity-70);
  --groupui-sys-opacity-80: var(--groupui-vwgroup-ref-opacity-80);
  --groupui-sys-opacity-90: var(--groupui-vwgroup-ref-opacity-90);
  --groupui-sys-opacity-100: var(--groupui-vwgroup-ref-opacity-100);
  --groupui-sys-duration-none: var(--groupui-vwgroup-ref-duration-0);
  --groupui-sys-duration-slow-1: var(--groupui-vwgroup-ref-duration-640);
  --groupui-sys-duration-slow-2: var(--groupui-vwgroup-ref-duration-480);
  --groupui-sys-duration-medium-1: var(--groupui-vwgroup-ref-duration-320);
  --groupui-sys-duration-medium-2: var(--groupui-vwgroup-ref-duration-240);
  --groupui-sys-duration-fast-1: var(--groupui-vwgroup-ref-duration-160);
  --groupui-sys-duration-fast-2: var(--groupui-vwgroup-ref-duration-120);
  --groupui-sys-duration-spinner: var(--groupui-vwgroup-ref-duration-2000);
  --groupui-sys-font-family-secondary: var(--groupui-vwgroup-ref-font-family-the-group-head);
  --groupui-sys-font-family-primary: var(--groupui-vwgroup-ref-font-family-the-group-text);
  --groupui-sys-stroke-style-primary: var(--groupui-vwgroup-ref-stroke-style-solid);
  --groupui-sys-stroke-style-secondary: var(--groupui-vwgroup-ref-stroke-style-dashed);
  --groupui-sys-cubic-bezier-linear: var(--groupui-vwgroup-ref-cubic-bezier-linear);
  --groupui-sys-cubic-bezier-ease-in-out: var(--groupui-vwgroup-ref-cubic-bezier-ease-in-out);
  --groupui-sys-cubic-bezier-ease-out: var(--groupui-vwgroup-ref-cubic-bezier-ease-out);
  --groupui-sys-cubic-bezier-ease-in: var(--groupui-vwgroup-ref-cubic-bezier-ease-in);
  --groupui-sys-cubic-bezier-ease: var(--groupui-vwgroup-ref-cubic-bezier-ease);
  --groupui-sys-shadow-none: var(--groupui-vwgroup-ref-shadow-0);
  --groupui-sys-shadow-m: var(--groupui-vwgroup-ref-shadow-8);
  --groupui-sys-shadow-navigation: var(--groupui-vwgroup-ref-shadow-0);
  --groupui-sys-shadow-tooltip: var(--groupui-vwgroup-ref-shadow-8);
  --groupui-sys-shadow-modal: var(--groupui-vwgroup-ref-shadow-8);
  --groupui-sys-shadow-card-level-1-hover: var(--groupui-vwgroup-ref-shadow-8);
  --groupui-sys-shadow-card-level-1-default: var(--groupui-vwgroup-ref-shadow-0);
  --groupui-sys-shadow-card-level-2-default: var(--groupui-vwgroup-ref-shadow-0);
  --groupui-sys-shadow-card-level-2-hover: var(--groupui-vwgroup-ref-shadow-8);
  --groupui-sys-shadow-card-level-3-default: var(--groupui-vwgroup-ref-shadow-0);
  --groupui-sys-shadow-card-level-3-hover: var(--groupui-vwgroup-ref-shadow-8);
  --groupui-sys-shadow-toast: var(--groupui-vwgroup-ref-shadow-8);
  --groupui-sys-shadow-popover: var(--groupui-vwgroup-ref-shadow-8);
  --groupui-sys-color-shadow-0: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-shadow-8: var(--groupui-vwgroup-ref-color-black-20);
  --groupui-sys-color-brand-core-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-brand-core: var(--groupui-vwgroup-ref-color-deep-space-blue-900);
  --groupui-sys-color-link-secondary-visited-pressed-inverse: var(--groupui-vwgroup-ref-color-violet-400);
  --groupui-sys-color-link-secondary-visited-hover-inverse: var(--groupui-vwgroup-ref-color-violet-300);
  --groupui-sys-color-link-secondary-visited-default-inverse: var(--groupui-vwgroup-ref-color-violet-200);
  --groupui-sys-color-link-secondary-visited-pressed: var(--groupui-vwgroup-ref-color-violet-1000);
  --groupui-sys-color-link-secondary-visited-hover: var(--groupui-vwgroup-ref-color-violet-900);
  --groupui-sys-color-link-secondary-visited-default: var(--groupui-vwgroup-ref-color-violet-800);
  --groupui-sys-color-link-secondary-unvisited-pressed-inverse: var(--groupui-vwgroup-ref-color-pure-white-60);
  --groupui-sys-color-link-secondary-unvisited-hover-inverse: var(--groupui-vwgroup-ref-color-pure-white-80);
  --groupui-sys-color-link-secondary-unvisited-default-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-link-secondary-unvisited-pressed: var(--groupui-vwgroup-ref-color-grey-1000-60);
  --groupui-sys-color-link-secondary-unvisited-hover: var(--groupui-vwgroup-ref-color-grey-1000-80);
  --groupui-sys-color-link-secondary-unvisited-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-link-primary-visited-pressed-inverse: var(--groupui-vwgroup-ref-color-violet-400);
  --groupui-sys-color-link-primary-visited-hover-inverse: var(--groupui-vwgroup-ref-color-violet-300);
  --groupui-sys-color-link-primary-visited-default-inverse: var(--groupui-vwgroup-ref-color-violet-200);
  --groupui-sys-color-link-primary-visited-pressed: var(--groupui-vwgroup-ref-color-violet-1000);
  --groupui-sys-color-link-primary-visited-hover: var(--groupui-vwgroup-ref-color-violet-900);
  --groupui-sys-color-link-primary-visited-default: var(--groupui-vwgroup-ref-color-violet-800);
  --groupui-sys-color-link-primary-unvisited-pressed-inverse: var(--groupui-vwgroup-ref-color-pure-white-80);
  --groupui-sys-color-link-primary-unvisited-hover-inverse: var(--groupui-vwgroup-ref-color-pure-white-90);
  --groupui-sys-color-link-primary-unvisited-default-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-link-primary-unvisited-pressed: var(--groupui-vwgroup-ref-color-vivid-green-800);
  --groupui-sys-color-link-primary-unvisited-hover: var(--groupui-vwgroup-ref-color-vivid-green-700);
  --groupui-sys-color-link-primary-unvisited-default: var(--groupui-vwgroup-ref-color-vivid-green-600);
  --groupui-sys-color-text-weakest-inverse: var(--groupui-vwgroup-ref-color-pure-white-40);
  --groupui-sys-color-text-weaker-inverse: var(--groupui-vwgroup-ref-color-pure-white-60);
  --groupui-sys-color-text-weak-inverse: var(--groupui-vwgroup-ref-color-pure-white-80);
  --groupui-sys-color-text-normal-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-text-weakest: var(--groupui-vwgroup-ref-color-grey-400);
  --groupui-sys-color-text-weaker: var(--groupui-vwgroup-ref-color-grey-600);
  --groupui-sys-color-text-weak: var(--groupui-vwgroup-ref-color-grey-800);
  --groupui-sys-color-text-normal: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-line-ghost: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-line-silent-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-line-silent: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-line-weak-inverse: var(--groupui-vwgroup-ref-color-pure-white-20);
  --groupui-sys-color-line-weak: var(--groupui-vwgroup-ref-color-grey-200);
  --groupui-sys-color-line-ghost-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-on-light-subtle-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-light-subtle-default-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-on-light-basic-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-light-basic-default-inverse: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-light-subtle-pressed: var(--groupui-vwgroup-ref-color-grey-300-20);
  --groupui-sys-color-light-subtle-hover: var(--groupui-vwgroup-ref-color-grey-300-10);
  --groupui-sys-color-light-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-light-subtle-default-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-light-subtle-hover-inverse: var(--groupui-vwgroup-ref-color-pure-white-10);
  --groupui-sys-color-light-subtle-pressed-inverse: var(--groupui-vwgroup-ref-color-pure-white-20);
  --groupui-sys-color-light-basic-pressed: var(--groupui-vwgroup-ref-color-grey-400);
  --groupui-sys-color-light-basic-hover: var(--groupui-vwgroup-ref-color-grey-300);
  --groupui-sys-color-light-basic-default: var(--groupui-vwgroup-ref-color-grey-200);
  --groupui-sys-color-light-basic-default-inverse: var(--groupui-vwgroup-ref-color-grey-200);
  --groupui-sys-color-light-basic-hover-inverse: var(--groupui-vwgroup-ref-color-grey-300);
  --groupui-sys-color-light-basic-pressed-inverse: var(--groupui-vwgroup-ref-color-grey-400);
  --groupui-sys-color-on-neutral-basic-default: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-neutral-subtle-pressed: var(--groupui-vwgroup-ref-color-grey-600-20);
  --groupui-sys-color-neutral-subtle-hover: var(--groupui-vwgroup-ref-color-grey-600-10);
  --groupui-sys-color-neutral-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-neutral-basic-pressed: var(--groupui-vwgroup-ref-color-grey-900);
  --groupui-sys-color-neutral-basic-hover: var(--groupui-vwgroup-ref-color-grey-800);
  --groupui-sys-color-neutral-basic-default: var(--groupui-vwgroup-ref-color-grey-700);
  --groupui-sys-color-neutral-weak-default: var(--groupui-vwgroup-ref-color-grey-200);
  --groupui-sys-color-on-information-basic-default: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-information-weak-default: var(--groupui-vwgroup-ref-color-system-blue-100);
  --groupui-sys-color-information-subtle-pressed: var(--groupui-vwgroup-ref-color-system-blue-700-20);
  --groupui-sys-color-information-subtle-hover: var(--groupui-vwgroup-ref-color-system-blue-700-10);
  --groupui-sys-color-information-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-information-basic-default: var(--groupui-vwgroup-ref-color-system-blue-700);
  --groupui-sys-color-information-basic-hover: var(--groupui-vwgroup-ref-color-system-blue-800);
  --groupui-sys-color-information-basic-pressed: var(--groupui-vwgroup-ref-color-system-blue-900);
  --groupui-sys-color-on-success-basic-default: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-success-weak-default: var(--groupui-vwgroup-ref-color-system-green-100);
  --groupui-sys-color-success-subtle-pressed: var(--groupui-vwgroup-ref-color-system-green-700-20);
  --groupui-sys-color-success-subtle-hover: var(--groupui-vwgroup-ref-color-system-green-700-10);
  --groupui-sys-color-success-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-success-basic-pressed: var(--groupui-vwgroup-ref-color-system-green-900);
  --groupui-sys-color-success-basic-hover: var(--groupui-vwgroup-ref-color-system-green-800);
  --groupui-sys-color-success-basic-default: var(--groupui-vwgroup-ref-color-system-green-700);
  --groupui-sys-color-on-warning-basic-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-warning-weak-default: var(--groupui-vwgroup-ref-color-system-orange-100);
  --groupui-sys-color-warning-subtle-pressed: var(--groupui-vwgroup-ref-color-system-orange-800-20);
  --groupui-sys-color-warning-subtle-hover: var(--groupui-vwgroup-ref-color-system-orange-800-10);
  --groupui-sys-color-warning-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-warning-basic-pressed: var(--groupui-vwgroup-ref-color-system-orange-1000);
  --groupui-sys-color-warning-basic-hover: var(--groupui-vwgroup-ref-color-system-orange-900);
  --groupui-sys-color-warning-basic-default: var(--groupui-vwgroup-ref-color-system-orange-800);
  --groupui-sys-color-on-danger-basic-default: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-danger-weak-default: var(--groupui-vwgroup-ref-color-system-red-100);
  --groupui-sys-color-danger-subtle-pressed: var(--groupui-vwgroup-ref-color-system-red-700-20);
  --groupui-sys-color-danger-subtle-hover: var(--groupui-vwgroup-ref-color-system-red-700-10);
  --groupui-sys-color-danger-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-danger-basic-pressed: var(--groupui-vwgroup-ref-color-system-red-900);
  --groupui-sys-color-danger-basic-hover: var(--groupui-vwgroup-ref-color-system-red-800);
  --groupui-sys-color-danger-basic-default: var(--groupui-vwgroup-ref-color-system-red-700);
  --groupui-sys-color-on-hero-basic-disabled: var(--groupui-vwgroup-ref-color-deep-space-blue-900);
  --groupui-sys-color-on-hero-basic-default: var(--groupui-vwgroup-ref-color-deep-space-blue-900);
  --groupui-sys-color-hero-subtle-pressed: var(--groupui-vwgroup-ref-color-electric-neon-100-20);
  --groupui-sys-color-hero-subtle-hover: var(--groupui-vwgroup-ref-color-electric-neon-100-10);
  --groupui-sys-color-hero-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-hero-basic-disabled: var(--groupui-vwgroup-ref-color-pure-white-40);
  --groupui-sys-color-hero-basic-pressed: var(--groupui-vwgroup-ref-color-electric-neon-300);
  --groupui-sys-color-hero-basic-hover: var(--groupui-vwgroup-ref-color-electric-neon-200);
  --groupui-sys-color-hero-basic-default: var(--groupui-vwgroup-ref-color-electric-neon-100);
  --groupui-sys-color-on-action-basic-disabled-inverse: var(--groupui-vwgroup-ref-color-deep-space-blue-900);
  --groupui-sys-color-on-action-basic-default-inverse: var(--groupui-vwgroup-ref-color-deep-space-blue-900);
  --groupui-sys-color-on-action-basic-disabled: var(--groupui-vwgroup-ref-color-grey-100);
  --groupui-sys-color-on-action-basic-default: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-on-action-muted-default: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-on-action-muted-disabled: var(--groupui-vwgroup-ref-color-grey-100);
  --groupui-sys-color-action-muted-disabled: var(--groupui-vwgroup-ref-color-grey-400);
  --groupui-sys-color-action-muted-pressed: var(--groupui-vwgroup-ref-color-grey-600);
  --groupui-sys-color-action-muted-hover: var(--groupui-vwgroup-ref-color-grey-500);
  --groupui-sys-color-action-muted-default: var(--groupui-vwgroup-ref-color-grey-400);
  --groupui-sys-color-action-quiet-disabled: var(--groupui-vwgroup-ref-color-grey-200);
  --groupui-sys-color-action-quiet-pressed: var(--groupui-vwgroup-ref-color-grey-1000-60);
  --groupui-sys-color-action-quiet-hover: var(--groupui-vwgroup-ref-color-grey-1000-80);
  --groupui-sys-color-action-quiet-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-action-quiet-disabled-inverse: var(--groupui-vwgroup-ref-color-pure-white-20);
  --groupui-sys-color-action-subtle-pressed-inverse: var(--groupui-vwgroup-ref-color-pure-white-20);
  --groupui-sys-color-action-subtle-hover-inverse: var(--groupui-vwgroup-ref-color-pure-white-10);
  --groupui-sys-color-action-subtle-default-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-action-subtle-pressed: var(--groupui-vwgroup-ref-color-vivid-green-600-20);
  --groupui-sys-color-action-subtle-hover: var(--groupui-vwgroup-ref-color-vivid-green-600-10);
  --groupui-sys-color-action-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-action-subtle-disabled: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-action-subtle-disabled-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-action-basic-disabled-inverse: var(--groupui-vwgroup-ref-color-pure-white-40);
  --groupui-sys-color-action-basic-pressed-inverse: var(--groupui-vwgroup-ref-color-pure-white-80);
  --groupui-sys-color-action-basic-hover-inverse: var(--groupui-vwgroup-ref-color-pure-white-90);
  --groupui-sys-color-action-basic-default-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-action-basic-disabled: var(--groupui-vwgroup-ref-color-grey-400);
  --groupui-sys-color-action-basic-pressed: var(--groupui-vwgroup-ref-color-vivid-green-800);
  --groupui-sys-color-action-basic-hover: var(--groupui-vwgroup-ref-color-vivid-green-700);
  --groupui-sys-color-action-basic-default: var(--groupui-vwgroup-ref-color-vivid-green-600);
  --groupui-sys-color-action-silent-default: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-action-silent-disabled: var(--groupui-vwgroup-ref-color-grey-100);
  --groupui-sys-color-action-silent-default-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-background-connect: var(--groupui-vwgroup-ref-color-vivid-green-600);
  --groupui-sys-color-background-inform: var(--groupui-vwgroup-ref-color-deep-space-blue-900);
  --groupui-sys-color-background-canvas: var(--groupui-vwgroup-ref-color-grey-100);
  --groupui-sys-color-background-base: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-background-backdrop: var(--groupui-vwgroup-ref-color-deep-space-blue-900-80);
  --groupui-sys-color-background-stripe: var(--groupui-vwgroup-ref-color-grey-100-50);
  --groupui-sys-color-background-float: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-accent-basic-default-01: var(--groupui-vwgroup-ref-color-coral-400);
  --groupui-sys-color-accent-basic-default-02: var(--groupui-vwgroup-ref-color-beige-200);
  --groupui-sys-color-accent-basic-default-03: var(--groupui-vwgroup-ref-color-blue-300);
  --groupui-sys-color-accent-basic-default-04: var(--groupui-vwgroup-ref-color-violet-400);
  --groupui-sys-color-accent-basic-default-05: var(--groupui-vwgroup-ref-color-lavender-200);
  --groupui-sys-color-accent-basic-default-06: var(--groupui-vwgroup-ref-color-orange-300);
  --groupui-sys-color-accent-weak-default-01: var(--groupui-vwgroup-ref-color-coral-400-20);
  --groupui-sys-color-accent-weak-default-02: var(--groupui-vwgroup-ref-color-beige-200-20);
  --groupui-sys-color-accent-weak-default-03: var(--groupui-vwgroup-ref-color-blue-300-20);
  --groupui-sys-color-accent-weak-default-04: var(--groupui-vwgroup-ref-color-violet-400-20);
  --groupui-sys-color-accent-weak-default-05: var(--groupui-vwgroup-ref-color-lavender-200-20);
  --groupui-sys-color-accent-weak-default-06: var(--groupui-vwgroup-ref-color-orange-300-20);
  --groupui-sys-color-accent-subtle-default-01: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-02: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-03: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-04: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-05: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-06: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-on-accent-basic-default-01: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-02: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-03: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-04: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-05: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-06: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-navigation-unselected-basic-default-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-navigation-unselected-basic-hover-inverse: var(--groupui-vwgroup-ref-color-electric-neon-100);
  --groupui-sys-color-navigation-unselected-basic-pressed-inverse: var(--groupui-vwgroup-ref-color-electric-neon-100);
  --groupui-sys-color-navigation-unselected-basic-disabled-inverse: var(--groupui-vwgroup-ref-color-pure-white-40);
  --groupui-sys-color-navigation-unselected-basic-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-navigation-unselected-basic-hover: var(--groupui-vwgroup-ref-color-vivid-green-600);
  --groupui-sys-color-navigation-unselected-basic-pressed: var(--groupui-vwgroup-ref-color-vivid-green-600);
  --groupui-sys-color-navigation-unselected-basic-disabled: var(--groupui-vwgroup-ref-color-grey-400);
  --groupui-sys-color-navigation-unselected-subtle-pressed-inverse: var(--groupui-vwgroup-ref-color-electric-neon-100-20);
  --groupui-sys-color-navigation-unselected-subtle-default-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-navigation-unselected-subtle-hover-inverse: var(--groupui-vwgroup-ref-color-electric-neon-100-10);
  --groupui-sys-color-navigation-unselected-subtle-disabled-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-navigation-unselected-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-navigation-unselected-subtle-hover: var(--groupui-vwgroup-ref-color-vivid-green-600-10);
  --groupui-sys-color-navigation-unselected-subtle-pressed: var(--groupui-vwgroup-ref-color-vivid-green-600-20);
  --groupui-sys-color-navigation-unselected-subtle-disabled: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-navigation-selected-basic-default-inverse: var(--groupui-vwgroup-ref-color-electric-neon-100);
  --groupui-sys-color-navigation-selected-basic-hover-inverse: var(--groupui-vwgroup-ref-color-electric-neon-100);
  --groupui-sys-color-navigation-selected-basic-pressed-inverse: var(--groupui-vwgroup-ref-color-electric-neon-100);
  --groupui-sys-color-navigation-selected-basic-default: var(--groupui-vwgroup-ref-color-vivid-green-600);
  --groupui-sys-color-navigation-selected-basic-hover: var(--groupui-vwgroup-ref-color-vivid-green-600);
  --groupui-sys-color-navigation-selected-basic-pressed: var(--groupui-vwgroup-ref-color-vivid-green-600);
  --groupui-sys-color-navigation-selected-basic-disabled: var(--groupui-vwgroup-ref-color-grey-400);
  --groupui-sys-color-navigation-selected-basic-disabled-inverse: var(--groupui-vwgroup-ref-color-pure-white-40);
  --groupui-sys-color-navigation-selected-subtle-default-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-navigation-selected-subtle-hover-inverse: var(--groupui-vwgroup-ref-color-electric-neon-100-10);
  --groupui-sys-color-navigation-selected-subtle-pressed-inverse: var(--groupui-vwgroup-ref-color-electric-neon-100-20);
  --groupui-sys-color-navigation-selected-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-navigation-selected-subtle-hover: var(--groupui-vwgroup-ref-color-vivid-green-600-10);
  --groupui-sys-color-navigation-selected-subtle-pressed: var(--groupui-vwgroup-ref-color-vivid-green-600-20);
  --groupui-sys-color-navigation-selected-subtle-disabled: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-navigation-selected-subtle-disabled-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-card-border-level-2: var(--groupui-vwgroup-ref-color-grey-200);
  --groupui-sys-color-card-border-level-2-inverse: var(--groupui-vwgroup-ref-color-pure-white-20);
  --groupui-sys-letter-spacing-regular: var(--groupui-vwgroup-ref-letter-spacing-0);
  --groupui-sys-font-weight-light: var(--groupui-vwgroup-ref-font-weight-300);
  --groupui-sys-font-weight-normal: var(--groupui-vwgroup-ref-font-weight-400);
  --groupui-sys-font-weight-action: var(--groupui-vwgroup-ref-font-weight-500);
  --groupui-sys-font-weight-bold: var(--groupui-vwgroup-ref-font-weight-700);
  --groupui-sys-font-size-200: var(--groupui-vwgroup-ref-font-size-8);
  --groupui-sys-font-size-250: var(--groupui-vwgroup-ref-font-size-10);
  --groupui-sys-font-size-300: var(--groupui-vwgroup-ref-font-size-12);
  --groupui-sys-font-size-350: var(--groupui-vwgroup-ref-font-size-14);
  --groupui-sys-font-size-400: var(--groupui-vwgroup-ref-font-size-16);
  --groupui-sys-font-size-450: var(--groupui-vwgroup-ref-font-size-18);
  --groupui-sys-font-size-500: var(--groupui-vwgroup-ref-font-size-20);
  --groupui-sys-font-size-550: var(--groupui-vwgroup-ref-font-size-22);
  --groupui-sys-font-size-600: var(--groupui-vwgroup-ref-font-size-24);
  --groupui-sys-font-size-650: var(--groupui-vwgroup-ref-font-size-26);
  --groupui-sys-font-size-700: var(--groupui-vwgroup-ref-font-size-28);
  --groupui-sys-font-size-750: var(--groupui-vwgroup-ref-font-size-30);
  --groupui-sys-font-size-800: var(--groupui-vwgroup-ref-font-size-32);
  --groupui-sys-font-size-850: var(--groupui-vwgroup-ref-font-size-34);
  --groupui-sys-font-size-900: var(--groupui-vwgroup-ref-font-size-36);
  --groupui-sys-font-size-1000: var(--groupui-vwgroup-ref-font-size-40);
  --groupui-sys-font-size-1200: var(--groupui-vwgroup-ref-font-size-48);
  --groupui-sys-font-size-1250: var(--groupui-vwgroup-ref-font-size-50);
  --groupui-sys-font-size-1500: var(--groupui-vwgroup-ref-font-size-60);
  --groupui-sys-font-size-1800: var(--groupui-vwgroup-ref-font-size-72);
}

[data-gui-mode=dark] {
  --groupui-sys-color-shadow-0: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-shadow-8: var(--groupui-vwgroup-ref-color-black-80);
  --groupui-sys-color-brand-core-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-brand-core: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-link-secondary-visited-pressed-inverse: var(--groupui-vwgroup-ref-color-violet-400);
  --groupui-sys-color-link-secondary-visited-hover-inverse: var(--groupui-vwgroup-ref-color-violet-300);
  --groupui-sys-color-link-secondary-visited-default-inverse: var(--groupui-vwgroup-ref-color-violet-200);
  --groupui-sys-color-link-secondary-visited-pressed: var(--groupui-vwgroup-ref-color-violet-400);
  --groupui-sys-color-link-secondary-visited-hover: var(--groupui-vwgroup-ref-color-violet-300);
  --groupui-sys-color-link-secondary-visited-default: var(--groupui-vwgroup-ref-color-violet-200);
  --groupui-sys-color-link-secondary-unvisited-pressed-inverse: var(--groupui-vwgroup-ref-color-pure-white-60);
  --groupui-sys-color-link-secondary-unvisited-hover-inverse: var(--groupui-vwgroup-ref-color-pure-white-80);
  --groupui-sys-color-link-secondary-unvisited-default-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-link-secondary-unvisited-pressed: var(--groupui-vwgroup-ref-color-pure-white-60);
  --groupui-sys-color-link-secondary-unvisited-hover: var(--groupui-vwgroup-ref-color-pure-white-80);
  --groupui-sys-color-link-secondary-unvisited-default: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-link-primary-visited-pressed-inverse: var(--groupui-vwgroup-ref-color-violet-400);
  --groupui-sys-color-link-primary-visited-hover-inverse: var(--groupui-vwgroup-ref-color-violet-300);
  --groupui-sys-color-link-primary-visited-default-inverse: var(--groupui-vwgroup-ref-color-violet-200);
  --groupui-sys-color-link-primary-visited-pressed: var(--groupui-vwgroup-ref-color-violet-400);
  --groupui-sys-color-link-primary-visited-hover: var(--groupui-vwgroup-ref-color-violet-300);
  --groupui-sys-color-link-primary-visited-default: var(--groupui-vwgroup-ref-color-violet-200);
  --groupui-sys-color-link-primary-unvisited-pressed-inverse: var(--groupui-vwgroup-ref-color-pure-white-80);
  --groupui-sys-color-link-primary-unvisited-hover-inverse: var(--groupui-vwgroup-ref-color-pure-white-90);
  --groupui-sys-color-link-primary-unvisited-default-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-link-primary-unvisited-pressed: var(--groupui-vwgroup-ref-color-vivid-green-600);
  --groupui-sys-color-link-primary-unvisited-hover: var(--groupui-vwgroup-ref-color-vivid-green-500);
  --groupui-sys-color-link-primary-unvisited-default: var(--groupui-vwgroup-ref-color-vivid-green-400);
  --groupui-sys-color-text-weakest-inverse: var(--groupui-vwgroup-ref-color-pure-white-40);
  --groupui-sys-color-text-weaker-inverse: var(--groupui-vwgroup-ref-color-pure-white-60);
  --groupui-sys-color-text-weak-inverse: var(--groupui-vwgroup-ref-color-pure-white-80);
  --groupui-sys-color-text-normal-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-text-weakest: var(--groupui-vwgroup-ref-color-grey-600);
  --groupui-sys-color-text-weaker: var(--groupui-vwgroup-ref-color-grey-400);
  --groupui-sys-color-text-weak: var(--groupui-vwgroup-ref-color-grey-200);
  --groupui-sys-color-text-normal: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-line-ghost: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-line-silent-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-line-silent: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-line-weak-inverse: var(--groupui-vwgroup-ref-color-pure-white-20);
  --groupui-sys-color-line-weak: var(--groupui-vwgroup-ref-color-grey-900);
  --groupui-sys-color-line-ghost-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-on-light-subtle-default: var(--groupui-vwgroup-ref-color-grey-200);
  --groupui-sys-color-on-light-subtle-default-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-on-light-basic-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-light-basic-default-inverse: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-light-subtle-pressed: var(--groupui-vwgroup-ref-color-grey-300-20);
  --groupui-sys-color-light-subtle-hover: var(--groupui-vwgroup-ref-color-grey-300-10);
  --groupui-sys-color-light-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-light-subtle-default-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-light-subtle-hover-inverse: var(--groupui-vwgroup-ref-color-pure-white-10);
  --groupui-sys-color-light-subtle-pressed-inverse: var(--groupui-vwgroup-ref-color-pure-white-20);
  --groupui-sys-color-light-basic-pressed: var(--groupui-vwgroup-ref-color-grey-400);
  --groupui-sys-color-light-basic-hover: var(--groupui-vwgroup-ref-color-grey-300);
  --groupui-sys-color-light-basic-default: var(--groupui-vwgroup-ref-color-grey-200);
  --groupui-sys-color-light-basic-default-inverse: var(--groupui-vwgroup-ref-color-grey-200);
  --groupui-sys-color-light-basic-hover-inverse: var(--groupui-vwgroup-ref-color-grey-300);
  --groupui-sys-color-light-basic-pressed-inverse: var(--groupui-vwgroup-ref-color-grey-400);
  --groupui-sys-color-on-neutral-basic-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-neutral-subtle-pressed: var(--groupui-vwgroup-ref-color-grey-600-20);
  --groupui-sys-color-neutral-subtle-hover: var(--groupui-vwgroup-ref-color-grey-600-10);
  --groupui-sys-color-neutral-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-neutral-basic-pressed: var(--groupui-vwgroup-ref-color-grey-700);
  --groupui-sys-color-neutral-basic-hover: var(--groupui-vwgroup-ref-color-grey-600);
  --groupui-sys-color-neutral-basic-default: var(--groupui-vwgroup-ref-color-grey-500);
  --groupui-sys-color-neutral-weak-default: var(--groupui-vwgroup-ref-color-grey-500-20);
  --groupui-sys-color-on-information-basic-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-information-weak-default: var(--groupui-vwgroup-ref-color-system-blue-500-20);
  --groupui-sys-color-information-subtle-pressed: var(--groupui-vwgroup-ref-color-system-blue-500-20);
  --groupui-sys-color-information-subtle-hover: var(--groupui-vwgroup-ref-color-system-blue-500-10);
  --groupui-sys-color-information-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-information-basic-default: var(--groupui-vwgroup-ref-color-system-blue-500);
  --groupui-sys-color-information-basic-hover: var(--groupui-vwgroup-ref-color-system-blue-600);
  --groupui-sys-color-information-basic-pressed: var(--groupui-vwgroup-ref-color-system-blue-700);
  --groupui-sys-color-on-success-basic-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-success-weak-default: var(--groupui-vwgroup-ref-color-system-green-500-20);
  --groupui-sys-color-success-subtle-pressed: var(--groupui-vwgroup-ref-color-system-green-500-20);
  --groupui-sys-color-success-subtle-hover: var(--groupui-vwgroup-ref-color-system-green-500-10);
  --groupui-sys-color-success-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-success-basic-pressed: var(--groupui-vwgroup-ref-color-system-green-700);
  --groupui-sys-color-success-basic-hover: var(--groupui-vwgroup-ref-color-system-green-600);
  --groupui-sys-color-success-basic-default: var(--groupui-vwgroup-ref-color-system-green-500);
  --groupui-sys-color-on-warning-basic-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-warning-weak-default: var(--groupui-vwgroup-ref-color-system-orange-500-20);
  --groupui-sys-color-warning-subtle-pressed: var(--groupui-vwgroup-ref-color-system-orange-500-20);
  --groupui-sys-color-warning-subtle-hover: var(--groupui-vwgroup-ref-color-system-orange-500-10);
  --groupui-sys-color-warning-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-warning-basic-pressed: var(--groupui-vwgroup-ref-color-system-orange-700);
  --groupui-sys-color-warning-basic-hover: var(--groupui-vwgroup-ref-color-system-orange-600);
  --groupui-sys-color-warning-basic-default: var(--groupui-vwgroup-ref-color-system-orange-500);
  --groupui-sys-color-on-danger-basic-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-danger-weak-default: var(--groupui-vwgroup-ref-color-system-red-500-20);
  --groupui-sys-color-danger-subtle-pressed: var(--groupui-vwgroup-ref-color-system-red-500-20);
  --groupui-sys-color-danger-subtle-hover: var(--groupui-vwgroup-ref-color-system-red-500-10);
  --groupui-sys-color-danger-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-danger-basic-pressed: var(--groupui-vwgroup-ref-color-system-red-700);
  --groupui-sys-color-danger-basic-hover: var(--groupui-vwgroup-ref-color-system-red-600);
  --groupui-sys-color-danger-basic-default: var(--groupui-vwgroup-ref-color-system-red-500);
  --groupui-sys-color-on-hero-basic-disabled: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-hero-basic-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-hero-subtle-pressed: var(--groupui-vwgroup-ref-color-pure-white-20);
  --groupui-sys-color-hero-subtle-hover: var(--groupui-vwgroup-ref-color-pure-white-10);
  --groupui-sys-color-hero-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-hero-basic-disabled: var(--groupui-vwgroup-ref-color-pure-white-40);
  --groupui-sys-color-hero-basic-pressed: var(--groupui-vwgroup-ref-color-pure-white-80);
  --groupui-sys-color-hero-basic-hover: var(--groupui-vwgroup-ref-color-pure-white-90);
  --groupui-sys-color-hero-basic-default: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-on-action-basic-disabled-inverse: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-action-basic-default-inverse: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-action-basic-disabled: var(--groupui-vwgroup-ref-color-grey-950);
  --groupui-sys-color-on-action-basic-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-action-muted-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-action-muted-disabled: var(--groupui-vwgroup-ref-color-grey-950);
  --groupui-sys-color-action-muted-disabled: var(--groupui-vwgroup-ref-color-grey-600);
  --groupui-sys-color-action-muted-pressed: var(--groupui-vwgroup-ref-color-grey-800);
  --groupui-sys-color-action-muted-hover: var(--groupui-vwgroup-ref-color-grey-700);
  --groupui-sys-color-action-muted-default: var(--groupui-vwgroup-ref-color-grey-600);
  --groupui-sys-color-action-quiet-disabled: var(--groupui-vwgroup-ref-color-grey-800);
  --groupui-sys-color-action-quiet-pressed: var(--groupui-vwgroup-ref-color-pure-white-80);
  --groupui-sys-color-action-quiet-hover: var(--groupui-vwgroup-ref-color-pure-white-90);
  --groupui-sys-color-action-quiet-default: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-action-quiet-disabled-inverse: var(--groupui-vwgroup-ref-color-pure-white-20);
  --groupui-sys-color-action-subtle-pressed-inverse: var(--groupui-vwgroup-ref-color-pure-white-20);
  --groupui-sys-color-action-subtle-hover-inverse: var(--groupui-vwgroup-ref-color-pure-white-10);
  --groupui-sys-color-action-subtle-default-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-action-subtle-pressed: var(--groupui-vwgroup-ref-color-vivid-green-400-20);
  --groupui-sys-color-action-subtle-hover: var(--groupui-vwgroup-ref-color-vivid-green-400-10);
  --groupui-sys-color-action-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-action-subtle-disabled: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-action-subtle-disabled-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-action-basic-disabled-inverse: var(--groupui-vwgroup-ref-color-pure-white-40);
  --groupui-sys-color-action-basic-pressed-inverse: var(--groupui-vwgroup-ref-color-pure-white-80);
  --groupui-sys-color-action-basic-hover-inverse: var(--groupui-vwgroup-ref-color-pure-white-90);
  --groupui-sys-color-action-basic-default-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-action-basic-disabled: var(--groupui-vwgroup-ref-color-grey-600);
  --groupui-sys-color-action-basic-pressed: var(--groupui-vwgroup-ref-color-vivid-green-600);
  --groupui-sys-color-action-basic-hover: var(--groupui-vwgroup-ref-color-vivid-green-500);
  --groupui-sys-color-action-basic-default: var(--groupui-vwgroup-ref-color-vivid-green-400);
  --groupui-sys-color-action-silent-default: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-action-silent-disabled: var(--groupui-vwgroup-ref-color-grey-900);
  --groupui-sys-color-action-silent-default-inverse: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-background-connect: var(--groupui-vwgroup-ref-color-grey-950);
  --groupui-sys-color-background-inform: var(--groupui-vwgroup-ref-color-grey-950);
  --groupui-sys-color-background-canvas: var(--groupui-vwgroup-ref-color-grey-1100);
  --groupui-sys-color-background-base: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-background-backdrop: var(--groupui-vwgroup-ref-color-black-60);
  --groupui-sys-color-background-stripe: var(--groupui-vwgroup-ref-color-grey-900-50);
  --groupui-sys-color-background-float: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-accent-basic-default-01: var(--groupui-vwgroup-ref-color-coral-400);
  --groupui-sys-color-accent-basic-default-02: var(--groupui-vwgroup-ref-color-beige-200);
  --groupui-sys-color-accent-basic-default-03: var(--groupui-vwgroup-ref-color-blue-300);
  --groupui-sys-color-accent-basic-default-04: var(--groupui-vwgroup-ref-color-violet-400);
  --groupui-sys-color-accent-basic-default-05: var(--groupui-vwgroup-ref-color-lavender-200);
  --groupui-sys-color-accent-basic-default-06: var(--groupui-vwgroup-ref-color-orange-300);
  --groupui-sys-color-accent-weak-default-01: var(--groupui-vwgroup-ref-color-coral-400-20);
  --groupui-sys-color-accent-weak-default-02: var(--groupui-vwgroup-ref-color-beige-200-20);
  --groupui-sys-color-accent-weak-default-03: var(--groupui-vwgroup-ref-color-blue-300-20);
  --groupui-sys-color-accent-weak-default-04: var(--groupui-vwgroup-ref-color-violet-400-20);
  --groupui-sys-color-accent-weak-default-05: var(--groupui-vwgroup-ref-color-lavender-200-20);
  --groupui-sys-color-accent-weak-default-06: var(--groupui-vwgroup-ref-color-orange-300-20);
  --groupui-sys-color-accent-subtle-default-01: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-02: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-03: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-04: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-05: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-06: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-on-accent-basic-default-01: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-02: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-03: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-04: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-05: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-06: var(--groupui-vwgroup-ref-color-grey-1000);
  --groupui-sys-color-navigation-unselected-basic-default-inverse: var(--groupui-vwgroup-ref-color-pure-white-70);
  --groupui-sys-color-navigation-unselected-basic-hover-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-navigation-unselected-basic-pressed-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-navigation-unselected-basic-disabled-inverse: var(--groupui-vwgroup-ref-color-pure-white-40);
  --groupui-sys-color-navigation-unselected-basic-default: var(--groupui-vwgroup-ref-color-pure-white-70);
  --groupui-sys-color-navigation-unselected-basic-hover: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-navigation-unselected-basic-pressed: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-navigation-unselected-basic-disabled: var(--groupui-vwgroup-ref-color-grey-600);
  --groupui-sys-color-navigation-unselected-subtle-pressed-inverse: var(--groupui-vwgroup-ref-color-pure-white-20);
  --groupui-sys-color-navigation-unselected-subtle-default-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-navigation-unselected-subtle-hover-inverse: var(--groupui-vwgroup-ref-color-pure-white-10);
  --groupui-sys-color-navigation-unselected-subtle-disabled-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-navigation-unselected-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-navigation-unselected-subtle-hover: var(--groupui-vwgroup-ref-color-pure-white-10);
  --groupui-sys-color-navigation-unselected-subtle-pressed: var(--groupui-vwgroup-ref-color-pure-white-20);
  --groupui-sys-color-navigation-unselected-subtle-disabled: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-navigation-selected-basic-default-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-navigation-selected-basic-hover-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-navigation-selected-basic-pressed-inverse: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-navigation-selected-basic-default: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-navigation-selected-basic-hover: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-navigation-selected-basic-pressed: var(--groupui-vwgroup-ref-color-pure-white);
  --groupui-sys-color-navigation-selected-basic-disabled: var(--groupui-vwgroup-ref-color-grey-600);
  --groupui-sys-color-navigation-selected-basic-disabled-inverse: var(--groupui-vwgroup-ref-color-pure-white-40);
  --groupui-sys-color-navigation-selected-subtle-default-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-navigation-selected-subtle-hover-inverse: var(--groupui-vwgroup-ref-color-pure-white-10);
  --groupui-sys-color-navigation-selected-subtle-pressed-inverse: var(--groupui-vwgroup-ref-color-pure-white-20);
  --groupui-sys-color-navigation-selected-subtle-default: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-navigation-selected-subtle-hover: var(--groupui-vwgroup-ref-color-pure-white-10);
  --groupui-sys-color-navigation-selected-subtle-pressed: var(--groupui-vwgroup-ref-color-pure-white-20);
  --groupui-sys-color-navigation-selected-subtle-disabled: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-navigation-selected-subtle-disabled-inverse: var(--groupui-vwgroup-ref-color-transparent);
  --groupui-sys-color-card-border-level-2: var(--groupui-vwgroup-ref-color-grey-900);
  --groupui-sys-color-card-border-level-2-inverse: var(--groupui-vwgroup-ref-color-pure-white-20);
}

/**
 * Autogenerated file (2025-04-29T07:54:37.277Z). Do not edit directly
 */
:root {
  --groupui-vwag-ref-color-dummy: #421337;
  --groupui-vwag-ref-color-black: #000000;
  --groupui-vwag-ref-color-white-0: #FFFFFF;
  --groupui-vwag-ref-color-white-0-20: #FFFFFF33;
  --groupui-vwag-ref-color-white-0-90: #FFFFFFE6;
  --groupui-vwag-ref-color-white-0-80: #FFFFFFCC;
  --groupui-vwag-ref-color-white-0-40: #FFFFFF66;
  --groupui-vwag-ref-color-white-0-10: #FFFFFF1A;
  --groupui-vwag-ref-color-white-0-60: #FFFFFF99;
  --groupui-vwag-ref-color-transparent: transparent;
  --groupui-vwag-ref-color-petrol-100: #eaf4f7;
  --groupui-vwag-ref-color-petrol-200: #c6dfe7;
  --groupui-vwag-ref-color-petrol-300: #a4c8d8;
  --groupui-vwag-ref-color-petrol-400: #80b0c8;
  --groupui-vwag-ref-color-petrol-500: #5f95af;
  --groupui-vwag-ref-color-petrol-600: #4a849f;
  --groupui-vwag-ref-color-petrol-700: #35718e;
  --groupui-vwag-ref-color-petrol-800: #20607E;
  --groupui-vwag-ref-color-petrol-900: #004666;
  --groupui-vwag-ref-color-petrol-1000: #00354D;
  --groupui-vwag-ref-color-petrol-800-10: #20607E1A;
  --groupui-vwag-ref-color-petrol-800-20: #20607E33;
  --groupui-vwag-ref-color-aqua-100: #e2f7f7;
  --groupui-vwag-ref-color-aqua-200: #a6fefc;
  --groupui-vwag-ref-color-aqua-300: #72faff;
  --groupui-vwag-ref-color-aqua-400: #41E0E6;
  --groupui-vwag-ref-color-aqua-500: #3BD8DD;
  --groupui-vwag-ref-color-aqua-600: #3CC0C9;
  --groupui-vwag-ref-color-aqua-700: #37B4BA;
  --groupui-vwag-ref-color-aqua-800: #349CA0;
  --groupui-vwag-ref-color-aqua-900: #2B8A91;
  --groupui-vwag-ref-color-aqua-1000: #226F78;
  --groupui-vwag-ref-color-aqua-500-10: #3BD8DD1A;
  --groupui-vwag-ref-color-aqua-500-20: #3BD8DD33;
  --groupui-vwag-ref-color-aqua-500-80: #3BD8DDCC;
  --groupui-vwag-ref-color-aqua-500-90: #3BD8DDE6;
  --groupui-vwag-ref-color-grey-100: #F0F1F2;
  --groupui-vwag-ref-color-grey-200: #DFE2E6;
  --groupui-vwag-ref-color-grey-300: #cacdd2;
  --groupui-vwag-ref-color-grey-400: #A8ADB3;
  --groupui-vwag-ref-color-grey-500: #91979c;
  --groupui-vwag-ref-color-grey-600: #7A8084;
  --groupui-vwag-ref-color-grey-700: #636a6d;
  --groupui-vwag-ref-color-grey-800: #4C5356;
  --groupui-vwag-ref-color-grey-900: #34393b;
  --groupui-vwag-ref-color-grey-950: #282C2D;
  --groupui-vwag-ref-color-grey-1000: #1B1E1F;
  --groupui-vwag-ref-color-grey-1000-80: #1B1E1FCC;
  --groupui-vwag-ref-color-grey-1000-60: #1B1E1F99;
  --groupui-vwag-ref-color-grey-700-10: #636a6d1A;
  --groupui-vwag-ref-color-grey-700-20: #636a6d33;
  --groupui-vwag-ref-color-grey-300-10: #cacdd21a;
  --groupui-vwag-ref-color-grey-300-20: #cacdd233;
  --groupui-vwag-ref-color-grey-500-10: #91979c1a;
  --groupui-vwag-ref-color-grey-500-20: #91979c33;
  --groupui-vwag-ref-color-grey-900-50: #34393B80;
  --groupui-vwag-ref-color-grey-100-50: #F0F1F280;
  --groupui-vwag-ref-color-violet-100: #ecdfff;
  --groupui-vwag-ref-color-violet-200: #d2b6fa;
  --groupui-vwag-ref-color-violet-300: #bb93f4;
  --groupui-vwag-ref-color-violet-400: #a36cf0;
  --groupui-vwag-ref-color-violet-500: #803ae3;
  --groupui-vwag-ref-color-violet-600: #7727e7;
  --groupui-vwag-ref-color-violet-700: #691ed0;
  --groupui-vwag-ref-color-violet-800: #cacdd2;
  --groupui-vwag-ref-color-violet-900: #4a0ba0;
  --groupui-vwag-ref-color-violet-1000: #390185;
  --groupui-vwag-ref-color-violet-400-20: #a36cf033;
  --groupui-vwag-ref-color-blue-100: #cce5f9;
  --groupui-vwag-ref-color-blue-200: #a9d6fa;
  --groupui-vwag-ref-color-blue-300: #8bc9fb;
  --groupui-vwag-ref-color-blue-400: #66b9fc;
  --groupui-vwag-ref-color-blue-500: #4fb0fd;
  --groupui-vwag-ref-color-blue-600: #30a2fe;
  --groupui-vwag-ref-color-blue-700: #268de0;
  --groupui-vwag-ref-color-blue-800: #1873bb;
  --groupui-vwag-ref-color-blue-900: #0f5f9f;
  --groupui-vwag-ref-color-blue-1000: #03477d;
  --groupui-vwag-ref-color-blue-500-20: #4fb0fd33;
  --groupui-vwag-ref-color-purple-100: #f1d6f6;
  --groupui-vwag-ref-color-purple-200: #e3a3ef;
  --groupui-vwag-ref-color-purple-300: #d673ea;
  --groupui-vwag-ref-color-purple-400: #c944e3;
  --groupui-vwag-ref-color-purple-500: #be1bde;
  --groupui-vwag-ref-color-purple-600: #b600da;
  --groupui-vwag-ref-color-purple-700: #a400c5;
  --groupui-vwag-ref-color-purple-800: #9600b4;
  --groupui-vwag-ref-color-purple-900: #8700a3;
  --groupui-vwag-ref-color-purple-1000: #790092;
  --groupui-vwag-ref-color-purple-300-20: #d673ea33;
  --groupui-vwag-ref-color-mint-100: #c5fae8;
  --groupui-vwag-ref-color-mint-200: #9fedd1;
  --groupui-vwag-ref-color-mint-300: #7ee2bf;
  --groupui-vwag-ref-color-mint-400: #5cd6ab;
  --groupui-vwag-ref-color-mint-500: #38ca97;
  --groupui-vwag-ref-color-mint-600: #16be83;
  --groupui-vwag-ref-color-mint-700: #11a872;
  --groupui-vwag-ref-color-mint-800: #109365;
  --groupui-vwag-ref-color-mint-900: #0f7c55;
  --groupui-vwag-ref-color-mint-1000: #0d6042;
  --groupui-vwag-ref-color-mint-600-20: #16be8333;
  --groupui-vwag-ref-color-lime-100: #eef9d3;
  --groupui-vwag-ref-color-lime-200: #ddf2a8;
  --groupui-vwag-ref-color-lime-300: #ceed82;
  --groupui-vwag-ref-color-lime-400: #c1e85e;
  --groupui-vwag-ref-color-lime-500: #afe230;
  --groupui-vwag-ref-color-lime-600: #a2dd0e;
  --groupui-vwag-ref-color-lime-700: #8fc409;
  --groupui-vwag-ref-color-lime-800: #7faf08;
  --groupui-vwag-ref-color-lime-900: #6c9506;
  --groupui-vwag-ref-color-lime-1000: #577903;
  --groupui-vwag-ref-color-lime-600-20: #a2dd0e33;
  --groupui-vwag-ref-color-green-100: #f5f7eb;
  --groupui-vwag-ref-color-green-200: #eaeeda;
  --groupui-vwag-ref-color-green-300: #dae1be;
  --groupui-vwag-ref-color-green-400: #cad3a1;
  --groupui-vwag-ref-color-green-500: #bdc88a;
  --groupui-vwag-ref-color-green-600: #afbd72;
  --groupui-vwag-ref-color-green-700: #a2b25b;
  --groupui-vwag-ref-color-green-800: #95a844;
  --groupui-vwag-ref-color-green-900: #7f8f3a;
  --groupui-vwag-ref-color-green-1000: #68752f;
  --groupui-vwag-ref-color-green-700-20: #a2b25b33;
  --groupui-vwag-ref-color-orange-100: #fff7db;
  --groupui-vwag-ref-color-orange-200: #f3e5b2;
  --groupui-vwag-ref-color-orange-300: #efdc99;
  --groupui-vwag-ref-color-orange-400: #ebd47f;
  --groupui-vwag-ref-color-orange-500: #e6c95f;
  --groupui-vwag-ref-color-orange-600: #e2bf40;
  --groupui-vwag-ref-color-orange-700: #ddb420;
  --groupui-vwag-ref-color-orange-800: #d8aa00;
  --groupui-vwag-ref-color-orange-900: #be9500;
  --groupui-vwag-ref-color-orange-1000: #a68200;
  --groupui-vwag-ref-color-orange-700-20: #ddb42033;
  --groupui-vwag-ref-color-red-100: #f7ebef;
  --groupui-vwag-ref-color-red-200: #ebced7;
  --groupui-vwag-ref-color-red-300: #d69daf;
  --groupui-vwag-ref-color-red-400: #c26d88;
  --groupui-vwag-ref-color-red-500: #ba5a79;
  --groupui-vwag-ref-color-red-600: #b2466b;
  --groupui-vwag-ref-color-red-700: #aa325c;
  --groupui-vwag-ref-color-red-800: #a21e4d;
  --groupui-vwag-ref-color-red-900: #801b42;
  --groupui-vwag-ref-color-red-1000: #5f1939;
  --groupui-vwag-ref-color-red-400-20: #c26d8833;
  --groupui-vwag-ref-color-signal-green-100: #eff7eb;
  --groupui-vwag-ref-color-signal-green-200: #ddedd5;
  --groupui-vwag-ref-color-signal-green-300: #c8e1bc;
  --groupui-vwag-ref-color-signal-green-400: #b5d6a5;
  --groupui-vwag-ref-color-signal-green-500: #a2cb8e;
  --groupui-vwag-ref-color-signal-green-600: #8dc076;
  --groupui-vwag-ref-color-signal-green-700: #7ab55e;
  --groupui-vwag-ref-color-signal-green-800: #64a844;
  --groupui-vwag-ref-color-signal-green-900: #558f3a;
  --groupui-vwag-ref-color-signal-green-1000: #46752f;
  --groupui-vwag-ref-color-signal-green-800-10: #64a8441A;
  --groupui-vwag-ref-color-signal-green-800-20: #64a84433;
  --groupui-vwag-ref-color-signal-green-700-10: #7ab55e1a;
  --groupui-vwag-ref-color-signal-green-700-20: #7ab55e33;
  --groupui-vwag-ref-color-signal-orange-100: #f7f2eb;
  --groupui-vwag-ref-color-signal-orange-200: #f9e6cb;
  --groupui-vwag-ref-color-signal-orange-300: #fadaa9;
  --groupui-vwag-ref-color-signal-orange-400: #fbcd87;
  --groupui-vwag-ref-color-signal-orange-500: #fcc167;
  --groupui-vwag-ref-color-signal-orange-600: #fdb547;
  --groupui-vwag-ref-color-signal-orange-700: #fea925;
  --groupui-vwag-ref-color-signal-orange-800: #FF9B00;
  --groupui-vwag-ref-color-signal-orange-900: #e58b00;
  --groupui-vwag-ref-color-signal-orange-1000: #bf7400;
  --groupui-vwag-ref-color-signal-orange-800-10: #FF9B001A;
  --groupui-vwag-ref-color-signal-orange-800-20: #FF9B0033;
  --groupui-vwag-ref-color-signal-orange-700-10: #fea9251a;
  --groupui-vwag-ref-color-signal-orange-700-20: #fea92533;
  --groupui-vwag-ref-color-signal-red-100: #f7ebef;
  --groupui-vwag-ref-color-signal-red-200: #f3ccd0;
  --groupui-vwag-ref-color-signal-red-300: #efacb2;
  --groupui-vwag-ref-color-signal-red-400: #eb8c95;
  --groupui-vwag-ref-color-signal-red-500: #e76e79;
  --groupui-vwag-ref-color-signal-red-600: #e34f5c;
  --groupui-vwag-ref-color-signal-red-700: #DF2F3F;
  --groupui-vwag-ref-color-signal-red-800: #DA0C1F;
  --groupui-vwag-ref-color-signal-red-900: #a60918;
  --groupui-vwag-ref-color-signal-red-1000: #800712;
  --groupui-vwag-ref-color-signal-red-800-10: #DA0C1F1A;
  --groupui-vwag-ref-color-signal-red-800-20: #DA0C1F33;
  --groupui-vwag-ref-color-signal-red-500-10: #e76e791a;
  --groupui-vwag-ref-color-signal-red-500-20: #e76e7933;
  --groupui-vwag-ref-color-black-20: #00000033;
  --groupui-vwag-ref-color-black-16: #00000029;
  --groupui-vwag-ref-color-black-60: #00000099;
  --groupui-vwag-ref-color-signal-blue-100: #CCE6F9;
  --groupui-vwag-ref-color-signal-blue-200: #A9D8FA;
  --groupui-vwag-ref-color-signal-blue-300: #8BC8F4;
  --groupui-vwag-ref-color-signal-blue-400: #68B3E8;
  --groupui-vwag-ref-color-signal-blue-500: #489EDB;
  --groupui-vwag-ref-color-signal-blue-600: #278CD3;
  --groupui-vwag-ref-color-signal-blue-700: #1477BD;
  --groupui-vwag-ref-color-signal-blue-800: #196195;
  --groupui-vwag-ref-color-signal-blue-900: #104870;
  --groupui-vwag-ref-color-signal-blue-1000: #0E394E;
  --groupui-vwag-ref-color-signal-blue-500-20: #489EDB33;
  --groupui-vwag-ref-color-signal-blue-500-10: #489EDB1a;
  --groupui-vwag-ref-color-signal-blue-700-20: #1477BD33;
  --groupui-vwag-ref-color-signal-blue-700-10: #1477BD1a;
  --groupui-vwag-ref-font-family-dummy: VWAG TheDummy;
  --groupui-vwag-ref-font-family-sans: VWAG TheSans;
  --groupui-vwag-ref-font-family-serif: VWAG TheAntiqua;
  --groupui-vwag-ref-font-size-8: 8px;
  --groupui-vwag-ref-font-size-10: 10px;
  --groupui-vwag-ref-font-size-12: 12px;
  --groupui-vwag-ref-font-size-14: 14px;
  --groupui-vwag-ref-font-size-16: 16px;
  --groupui-vwag-ref-font-size-18: 18px;
  --groupui-vwag-ref-font-size-20: 20px;
  --groupui-vwag-ref-font-size-22: 22px;
  --groupui-vwag-ref-font-size-24: 24px;
  --groupui-vwag-ref-font-size-26: 26px;
  --groupui-vwag-ref-font-size-28: 28px;
  --groupui-vwag-ref-font-size-30: 30px;
  --groupui-vwag-ref-font-size-32: 32px;
  --groupui-vwag-ref-font-size-34: 34px;
  --groupui-vwag-ref-font-size-36: 36px;
  --groupui-vwag-ref-font-size-40: 40px;
  --groupui-vwag-ref-font-size-48: 48px;
  --groupui-vwag-ref-font-size-50: 50px;
  --groupui-vwag-ref-font-size-60: 60px;
  --groupui-vwag-ref-font-size-72: 72px;
  --groupui-vwag-ref-letter-spacing-0: 0px;
  --groupui-vwag-ref-letter-spacing-02: 0.2px;
  --groupui-vwag-ref-spacing-0: 0px;
  --groupui-vwag-ref-spacing-1: 1px;
  --groupui-vwag-ref-spacing-2: 2px;
  --groupui-vwag-ref-spacing-4: 4px;
  --groupui-vwag-ref-spacing-6: 6px;
  --groupui-vwag-ref-spacing-8: 8px;
  --groupui-vwag-ref-spacing-12: 12px;
  --groupui-vwag-ref-spacing-16: 16px;
  --groupui-vwag-ref-spacing-20: 20px;
  --groupui-vwag-ref-spacing-24: 24px;
  --groupui-vwag-ref-spacing-28: 28px;
  --groupui-vwag-ref-spacing-32: 32px;
  --groupui-vwag-ref-spacing-36: 36px;
  --groupui-vwag-ref-spacing-40: 40px;
  --groupui-vwag-ref-spacing-48: 48px;
  --groupui-vwag-ref-spacing-56: 56px;
  --groupui-vwag-ref-spacing-64: 64px;
  --groupui-vwag-ref-spacing-72: 72px;
  --groupui-vwag-ref-spacing-96: 96px;
  --groupui-vwag-ref-spacing-112: 112px;
  --groupui-vwag-ref-spacing-136: 136px;
  --groupui-vwag-ref-spacing-320: 320px;
  --groupui-vwag-ref-spacing-640: 640px;
  --groupui-vwag-ref-media-query-320: 320px;
  --groupui-vwag-ref-media-query-560: 560px;
  --groupui-vwag-ref-media-query-960: 960px;
  --groupui-vwag-ref-media-query-1280: 1280px;
  --groupui-vwag-ref-media-query-1620: 1620px;
  --groupui-vwag-ref-border-radius-0: 0px;
  --groupui-vwag-ref-border-radius-2: 2px;
  --groupui-vwag-ref-border-radius-12: 12px;
  --groupui-vwag-ref-border-radius-20: 20px;
  --groupui-vwag-ref-border-radius-9999: 9999px;
  --groupui-vwag-ref-border-width-0: 0px;
  --groupui-vwag-ref-border-width-1: 1px;
  --groupui-vwag-ref-border-width-2: 2px;
  --groupui-vwag-ref-border-width-3: 3px;
  --groupui-vwag-ref-border-width-4: 4px;
  --groupui-vwag-ref-border-width-5: 5px;
  --groupui-vwag-ref-border-width-6: 6px;
  --groupui-vwag-ref-icon-size-16: 16px;
  --groupui-vwag-ref-icon-size-24: 24px;
  --groupui-vwag-ref-icon-size-32: 32px;
  --groupui-vwag-ref-icon-size-48: 48px;
  --groupui-vwag-ref-line-height-100: 1;
  --groupui-vwag-ref-line-height-110: 1.1;
  --groupui-vwag-ref-line-height-114: 1.14;
  --groupui-vwag-ref-line-height-120: 1.2;
  --groupui-vwag-ref-line-height-130: 1.3;
  --groupui-vwag-ref-line-height-140: 1.4;
  --groupui-vwag-ref-line-height-150: 1.5;
  --groupui-vwag-ref-line-height-178: 1.78;
  --groupui-vwag-ref-z-index-100: 100;
  --groupui-vwag-ref-z-index-200: 200;
  --groupui-vwag-ref-z-index-300: 300;
  --groupui-vwag-ref-z-index-350: 350;
  --groupui-vwag-ref-z-index-400: 400;
  --groupui-vwag-ref-z-index-500: 500;
  --groupui-vwag-ref-z-index-600: 600;
  --groupui-vwag-ref-z-index-700: 700;
  --groupui-vwag-ref-z-index-800: 800;
  --groupui-vwag-ref-z-index-900: 900;
  --groupui-vwag-ref-opacity-0: 0;
  --groupui-vwag-ref-opacity-10: 0.1;
  --groupui-vwag-ref-opacity-20: 0.2;
  --groupui-vwag-ref-opacity-30: 0.3;
  --groupui-vwag-ref-opacity-40: 0.4;
  --groupui-vwag-ref-opacity-50: 0.5;
  --groupui-vwag-ref-opacity-60: 0.6;
  --groupui-vwag-ref-opacity-70: 0.7;
  --groupui-vwag-ref-opacity-80: 0.8;
  --groupui-vwag-ref-opacity-90: 0.9;
  --groupui-vwag-ref-opacity-100: 1;
  --groupui-vwag-ref-font-weight-300: 300;
  --groupui-vwag-ref-font-weight-400: 400;
  --groupui-vwag-ref-font-weight-700: 700;
  --groupui-vwag-ref-font-weight-dummy: normal;
  --groupui-vwag-ref-stroke-style-dashed: dashed;
  --groupui-vwag-ref-stroke-style-solid: solid;
  --groupui-vwag-ref-duration-0: 0s;
  --groupui-vwag-ref-duration-120: 0.12s;
  --groupui-vwag-ref-duration-160: 0.16s;
  --groupui-vwag-ref-duration-240: 0.24s;
  --groupui-vwag-ref-duration-320: 0.32s;
  --groupui-vwag-ref-duration-480: 0.48s;
  --groupui-vwag-ref-duration-640: 0.64s;
  --groupui-vwag-ref-duration-2000: 2s;
  --groupui-vwag-ref-cubic-bezier-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --groupui-vwag-ref-cubic-bezier-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --groupui-vwag-ref-cubic-bezier-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --groupui-vwag-ref-cubic-bezier-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --groupui-vwag-ref-cubic-bezier-linear: cubic-bezier(0, 0, 1, 1);
  --groupui-vwag-ref-shadow-0: 0px 0px 0px 0px #00000000;
  --groupui-vwag-ref-shadow-16: 0px 8px 16px 1px #0000003D;
  --groupui-vwag-ref-shadow-24: 0px 16px 24px 1px #0000003D;
  --groupui-vwag-ref-shadow-32: 0px 24px 32px 1px #0000003D;
  --groupui-vwag-ref-shadow-04: 0px 2px 4px 1px #0000003D;
  --groupui-vwag-ref-shadow-08: 0px 4px 8px 1px #0000003D;
}

[data-gui-brand=vwag] {
  --groupui-sys-color-shadow-0: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-shadow-4: var(--groupui-vwag-ref-color-black-20);
  --groupui-sys-color-shadow-8: var(--groupui-vwag-ref-color-black-20);
  --groupui-sys-color-shadow-16: var(--groupui-vwag-ref-color-black-16);
  --groupui-sys-color-shadow-24: var(--groupui-vwag-ref-color-black-20);
  --groupui-sys-color-brand-core-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-brand-core: var(--groupui-vwag-ref-color-grey-800);
  --groupui-sys-color-link-secondary-visited-pressed-inverse: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-secondary-visited-hover-inverse: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-secondary-visited-default-inverse: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-secondary-visited-pressed: var(--groupui-vwag-ref-color-violet-400);
  --groupui-sys-color-link-secondary-visited-hover: var(--groupui-vwag-ref-color-violet-500);
  --groupui-sys-color-link-secondary-visited-default: var(--groupui-vwag-ref-color-violet-800);
  --groupui-sys-color-link-secondary-unvisited-pressed-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-secondary-unvisited-hover-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-secondary-unvisited-default-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-secondary-unvisited-pressed: var(--groupui-vwag-ref-color-grey-1000-60);
  --groupui-sys-color-link-secondary-unvisited-hover: var(--groupui-vwag-ref-color-grey-1000-80);
  --groupui-sys-color-link-secondary-unvisited-default: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-link-primary-visited-pressed-inverse: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-primary-visited-hover-inverse: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-primary-visited-default-inverse: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-primary-visited-pressed: var(--groupui-vwag-ref-color-violet-800);
  --groupui-sys-color-link-primary-visited-hover: var(--groupui-vwag-ref-color-violet-800);
  --groupui-sys-color-link-primary-visited-default: var(--groupui-vwag-ref-color-violet-800);
  --groupui-sys-color-link-primary-unvisited-pressed-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-primary-unvisited-hover-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-primary-unvisited-default-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-primary-unvisited-pressed: var(--groupui-vwag-ref-color-petrol-1000);
  --groupui-sys-color-link-primary-unvisited-hover: var(--groupui-vwag-ref-color-petrol-900);
  --groupui-sys-color-link-primary-unvisited-default: var(--groupui-vwag-ref-color-petrol-800);
  --groupui-sys-color-text-weakest-inverse: var(--groupui-vwag-ref-color-white-0-40);
  --groupui-sys-color-text-weaker-inverse: var(--groupui-vwag-ref-color-white-0-60);
  --groupui-sys-color-text-weak-inverse: var(--groupui-vwag-ref-color-white-0-80);
  --groupui-sys-color-text-normal-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-text-weakest: var(--groupui-vwag-ref-color-grey-400);
  --groupui-sys-color-text-weaker: var(--groupui-vwag-ref-color-grey-600);
  --groupui-sys-color-text-weak: var(--groupui-vwag-ref-color-grey-800);
  --groupui-sys-color-text-normal: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-line-ghost: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-line-silent-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-line-silent: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-line-weak-inverse: var(--groupui-vwag-ref-color-white-0-20);
  --groupui-sys-color-line-weak: var(--groupui-vwag-ref-color-grey-200);
  --groupui-sys-color-line-ghost-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-on-light-subtle-default: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-light-subtle-default-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-on-light-basic-default: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-light-basic-default-inverse: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-light-subtle-pressed: var(--groupui-vwag-ref-color-grey-300-20);
  --groupui-sys-color-light-subtle-hover: var(--groupui-vwag-ref-color-grey-300-10);
  --groupui-sys-color-light-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-light-subtle-default-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-light-subtle-hover-inverse: var(--groupui-vwag-ref-color-white-0-10);
  --groupui-sys-color-light-subtle-pressed-inverse: var(--groupui-vwag-ref-color-white-0-20);
  --groupui-sys-color-light-basic-pressed: var(--groupui-vwag-ref-color-grey-400);
  --groupui-sys-color-light-basic-hover: var(--groupui-vwag-ref-color-grey-300);
  --groupui-sys-color-light-basic-default: var(--groupui-vwag-ref-color-grey-200);
  --groupui-sys-color-light-basic-default-inverse: var(--groupui-vwag-ref-color-grey-200);
  --groupui-sys-color-light-basic-hover-inverse: var(--groupui-vwag-ref-color-grey-300);
  --groupui-sys-color-light-basic-pressed-inverse: var(--groupui-vwag-ref-color-grey-400);
  --groupui-sys-color-on-neutral-basic-default: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-neutral-subtle-pressed: var(--groupui-vwag-ref-color-grey-700-20);
  --groupui-sys-color-neutral-subtle-hover: var(--groupui-vwag-ref-color-grey-700-10);
  --groupui-sys-color-neutral-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-neutral-basic-pressed: var(--groupui-vwag-ref-color-grey-900);
  --groupui-sys-color-neutral-basic-hover: var(--groupui-vwag-ref-color-grey-800);
  --groupui-sys-color-neutral-basic-default: var(--groupui-vwag-ref-color-grey-700);
  --groupui-sys-color-neutral-weak-default: var(--groupui-vwag-ref-color-grey-200);
  --groupui-sys-color-on-information-basic-default: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-information-weak-default: var(--groupui-vwag-ref-color-signal-blue-100);
  --groupui-sys-color-information-subtle-pressed: var(--groupui-vwag-ref-color-signal-blue-700-20);
  --groupui-sys-color-information-subtle-hover: var(--groupui-vwag-ref-color-signal-blue-700-10);
  --groupui-sys-color-information-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-information-basic-default: var(--groupui-vwag-ref-color-signal-blue-700);
  --groupui-sys-color-information-basic-hover: var(--groupui-vwag-ref-color-signal-blue-800);
  --groupui-sys-color-information-basic-pressed: var(--groupui-vwag-ref-color-signal-blue-900);
  --groupui-sys-color-on-success-basic-default: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-success-weak-default: var(--groupui-vwag-ref-color-signal-green-200);
  --groupui-sys-color-success-subtle-pressed: var(--groupui-vwag-ref-color-signal-green-800-20);
  --groupui-sys-color-success-subtle-hover: var(--groupui-vwag-ref-color-signal-green-800-10);
  --groupui-sys-color-success-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-success-basic-pressed: var(--groupui-vwag-ref-color-signal-green-1000);
  --groupui-sys-color-success-basic-hover: var(--groupui-vwag-ref-color-signal-green-900);
  --groupui-sys-color-success-basic-default: var(--groupui-vwag-ref-color-signal-green-800);
  --groupui-sys-color-on-warning-basic-default: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-warning-weak-default: var(--groupui-vwag-ref-color-signal-orange-200);
  --groupui-sys-color-warning-subtle-pressed: var(--groupui-vwag-ref-color-signal-orange-800-20);
  --groupui-sys-color-warning-subtle-hover: var(--groupui-vwag-ref-color-signal-orange-800-10);
  --groupui-sys-color-warning-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-warning-basic-pressed: var(--groupui-vwag-ref-color-signal-orange-1000);
  --groupui-sys-color-warning-basic-hover: var(--groupui-vwag-ref-color-signal-orange-900);
  --groupui-sys-color-warning-basic-default: var(--groupui-vwag-ref-color-signal-orange-800);
  --groupui-sys-color-on-danger-basic-default: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-danger-weak-default: var(--groupui-vwag-ref-color-signal-red-200);
  --groupui-sys-color-danger-subtle-pressed: var(--groupui-vwag-ref-color-signal-red-800-20);
  --groupui-sys-color-danger-subtle-hover: var(--groupui-vwag-ref-color-signal-red-800-10);
  --groupui-sys-color-danger-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-danger-basic-pressed: var(--groupui-vwag-ref-color-signal-red-1000);
  --groupui-sys-color-danger-basic-hover: var(--groupui-vwag-ref-color-signal-red-900);
  --groupui-sys-color-danger-basic-default: var(--groupui-vwag-ref-color-signal-red-800);
  --groupui-sys-color-on-hero-basic-disabled: var(--groupui-vwag-ref-color-dummy);
  --groupui-sys-color-on-hero-basic-default: var(--groupui-vwag-ref-color-dummy);
  --groupui-sys-color-hero-subtle-pressed: var(--groupui-vwag-ref-color-dummy);
  --groupui-sys-color-hero-subtle-hover: var(--groupui-vwag-ref-color-dummy);
  --groupui-sys-color-hero-subtle-default: var(--groupui-vwag-ref-color-dummy);
  --groupui-sys-color-hero-basic-disabled: var(--groupui-vwag-ref-color-dummy);
  --groupui-sys-color-hero-basic-pressed: var(--groupui-vwag-ref-color-dummy);
  --groupui-sys-color-hero-basic-hover: var(--groupui-vwag-ref-color-dummy);
  --groupui-sys-color-hero-basic-default: var(--groupui-vwag-ref-color-dummy);
  --groupui-sys-color-on-action-basic-disabled-inverse: var(--groupui-vwag-ref-color-petrol-800);
  --groupui-sys-color-on-action-basic-default-inverse: var(--groupui-vwag-ref-color-petrol-800);
  --groupui-sys-color-on-action-basic-disabled: var(--groupui-vwag-ref-color-grey-100);
  --groupui-sys-color-on-action-basic-default: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-on-action-muted-default: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-on-action-muted-disabled: var(--groupui-vwag-ref-color-grey-100);
  --groupui-sys-color-action-muted-disabled: var(--groupui-vwag-ref-color-grey-400);
  --groupui-sys-color-action-muted-pressed: var(--groupui-vwag-ref-color-grey-600);
  --groupui-sys-color-action-muted-hover: var(--groupui-vwag-ref-color-grey-500);
  --groupui-sys-color-action-muted-default: var(--groupui-vwag-ref-color-grey-400);
  --groupui-sys-color-action-quiet-disabled: var(--groupui-vwag-ref-color-grey-200);
  --groupui-sys-color-action-quiet-pressed: var(--groupui-vwag-ref-color-grey-1000-60);
  --groupui-sys-color-action-quiet-hover: var(--groupui-vwag-ref-color-grey-1000-80);
  --groupui-sys-color-action-quiet-default: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-action-quiet-disabled-inverse: var(--groupui-vwag-ref-color-white-0-20);
  --groupui-sys-color-action-subtle-pressed-inverse: var(--groupui-vwag-ref-color-white-0-20);
  --groupui-sys-color-action-subtle-hover-inverse: var(--groupui-vwag-ref-color-white-0-10);
  --groupui-sys-color-action-subtle-default-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-action-subtle-pressed: var(--groupui-vwag-ref-color-petrol-800-20);
  --groupui-sys-color-action-subtle-hover: var(--groupui-vwag-ref-color-petrol-800-10);
  --groupui-sys-color-action-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-action-subtle-disabled: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-action-subtle-disabled-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-action-basic-disabled-inverse: var(--groupui-vwag-ref-color-white-0-40);
  --groupui-sys-color-action-basic-pressed-inverse: var(--groupui-vwag-ref-color-white-0-80);
  --groupui-sys-color-action-basic-hover-inverse: var(--groupui-vwag-ref-color-white-0-90);
  --groupui-sys-color-action-basic-default-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-action-basic-disabled: var(--groupui-vwag-ref-color-grey-400);
  --groupui-sys-color-action-basic-pressed: var(--groupui-vwag-ref-color-petrol-1000);
  --groupui-sys-color-action-basic-hover: var(--groupui-vwag-ref-color-petrol-900);
  --groupui-sys-color-action-basic-default: var(--groupui-vwag-ref-color-petrol-800);
  --groupui-sys-color-action-silent-default: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-action-silent-disabled: var(--groupui-vwag-ref-color-grey-100);
  --groupui-sys-color-action-silent-default-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-background-connect: var(--groupui-vwag-ref-color-dummy);
  --groupui-sys-color-background-inform: var(--groupui-vwag-ref-color-petrol-1000);
  --groupui-sys-color-background-canvas: var(--groupui-vwag-ref-color-grey-100);
  --groupui-sys-color-background-base: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-background-backdrop: var(--groupui-vwag-ref-color-black-60);
  --groupui-sys-color-background-stripe: var(--groupui-vwag-ref-color-grey-100-50);
  --groupui-sys-color-background-float: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-accent-weak-default-01: var(--groupui-vwag-ref-color-purple-100);
  --groupui-sys-color-accent-weak-default-02: var(--groupui-vwag-ref-color-violet-100);
  --groupui-sys-color-accent-weak-default-03: var(--groupui-vwag-ref-color-blue-100);
  --groupui-sys-color-accent-weak-default-04: var(--groupui-vwag-ref-color-lime-200);
  --groupui-sys-color-accent-weak-default-05: var(--groupui-vwag-ref-color-mint-100);
  --groupui-sys-color-accent-weak-default-06: var(--groupui-vwag-ref-color-red-200);
  --groupui-sys-color-accent-weak-default-07: var(--groupui-vwag-ref-color-orange-200);
  --groupui-sys-color-accent-weak-default-08: var(--groupui-vwag-ref-color-green-200);
  --groupui-sys-color-accent-basic-default-01: var(--groupui-vwag-ref-color-purple-700);
  --groupui-sys-color-accent-basic-default-02: var(--groupui-vwag-ref-color-violet-700);
  --groupui-sys-color-accent-basic-default-03: var(--groupui-vwag-ref-color-blue-700);
  --groupui-sys-color-accent-basic-default-04: var(--groupui-vwag-ref-color-lime-800);
  --groupui-sys-color-accent-basic-default-05: var(--groupui-vwag-ref-color-mint-900);
  --groupui-sys-color-accent-basic-default-06: var(--groupui-vwag-ref-color-red-800);
  --groupui-sys-color-accent-basic-default-07: var(--groupui-vwag-ref-color-orange-800);
  --groupui-sys-color-accent-basic-default-08: var(--groupui-vwag-ref-color-green-800);
  --groupui-sys-color-accent-subtle-default-01: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-02: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-03: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-04: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-05: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-06: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-07: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-08: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-on-accent-basic-default-01: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-on-accent-basic-default-02: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-on-accent-basic-default-03: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-04: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-05: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-on-accent-basic-default-06: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-on-accent-basic-default-07: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-08: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-navigation-unselected-basic-default-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-navigation-unselected-basic-hover-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-navigation-unselected-basic-pressed-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-navigation-unselected-basic-disabled-inverse: var(--groupui-vwag-ref-color-white-0-40);
  --groupui-sys-color-navigation-unselected-basic-default: var(--groupui-vwag-ref-color-petrol-800);
  --groupui-sys-color-navigation-unselected-basic-hover: var(--groupui-vwag-ref-color-petrol-800);
  --groupui-sys-color-navigation-unselected-basic-pressed: var(--groupui-vwag-ref-color-petrol-800);
  --groupui-sys-color-navigation-unselected-basic-disabled: var(--groupui-vwag-ref-color-grey-400);
  --groupui-sys-color-navigation-unselected-subtle-default-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-navigation-unselected-subtle-hover-inverse: var(--groupui-vwag-ref-color-white-0-10);
  --groupui-sys-color-navigation-unselected-subtle-pressed-inverse: var(--groupui-vwag-ref-color-white-0-20);
  --groupui-sys-color-navigation-unselected-subtle-disabled-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-navigation-unselected-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-navigation-unselected-subtle-hover: var(--groupui-vwag-ref-color-petrol-800-10);
  --groupui-sys-color-navigation-unselected-subtle-pressed: var(--groupui-vwag-ref-color-petrol-800-20);
  --groupui-sys-color-navigation-unselected-subtle-disabled: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-navigation-selected-basic-default-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-navigation-selected-basic-hover-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-navigation-selected-basic-pressed-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-navigation-selected-basic-default: var(--groupui-vwag-ref-color-petrol-800);
  --groupui-sys-color-navigation-selected-basic-hover: var(--groupui-vwag-ref-color-petrol-800);
  --groupui-sys-color-navigation-selected-basic-pressed: var(--groupui-vwag-ref-color-petrol-800);
  --groupui-sys-color-navigation-selected-subtle-default-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-navigation-selected-subtle-hover-inverse: var(--groupui-vwag-ref-color-white-0-10);
  --groupui-sys-color-navigation-selected-subtle-pressed-inverse: var(--groupui-vwag-ref-color-white-0-20);
  --groupui-sys-color-navigation-selected-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-navigation-selected-subtle-hover: var(--groupui-vwag-ref-color-petrol-800-10);
  --groupui-sys-color-navigation-selected-subtle-pressed: var(--groupui-vwag-ref-color-petrol-800-20);
  --groupui-sys-color-card-border-level-2: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-card-border-level-2-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-border-radius-none: var(--groupui-vwag-ref-border-radius-0);
  --groupui-sys-border-radius-s: var(--groupui-vwag-ref-border-radius-2);
  --groupui-sys-border-radius-m: var(--groupui-vwag-ref-border-radius-2);
  --groupui-sys-border-radius-xl: var(--groupui-vwag-ref-border-radius-2);
  --groupui-sys-border-radius-full: var(--groupui-vwag-ref-border-radius-9999);
  --groupui-sys-icon-size-l: var(--groupui-vwag-ref-icon-size-32);
  --groupui-sys-icon-size-m: var(--groupui-vwag-ref-icon-size-24);
  --groupui-sys-icon-size-s: var(--groupui-vwag-ref-icon-size-16);
  --groupui-sys-icon-size-xl: var(--groupui-vwag-ref-icon-size-48);
  --groupui-sys-media-query-s: var(--groupui-vwag-ref-media-query-320);
  --groupui-sys-media-query-m: var(--groupui-vwag-ref-media-query-560);
  --groupui-sys-media-query-l: var(--groupui-vwag-ref-media-query-960);
  --groupui-sys-media-query-xl: var(--groupui-vwag-ref-media-query-1280);
  --groupui-sys-media-query-xxl: var(--groupui-vwag-ref-media-query-1620);
  --groupui-sys-font-size-200: var(--groupui-vwag-ref-font-size-8);
  --groupui-sys-font-size-250: var(--groupui-vwag-ref-font-size-10);
  --groupui-sys-font-size-300: var(--groupui-vwag-ref-font-size-12);
  --groupui-sys-font-size-350: var(--groupui-vwag-ref-font-size-14);
  --groupui-sys-font-size-400: var(--groupui-vwag-ref-font-size-16);
  --groupui-sys-font-size-450: var(--groupui-vwag-ref-font-size-18);
  --groupui-sys-font-size-500: var(--groupui-vwag-ref-font-size-20);
  --groupui-sys-font-size-550: var(--groupui-vwag-ref-font-size-22);
  --groupui-sys-font-size-600: var(--groupui-vwag-ref-font-size-24);
  --groupui-sys-font-size-650: var(--groupui-vwag-ref-font-size-26);
  --groupui-sys-font-size-700: var(--groupui-vwag-ref-font-size-28);
  --groupui-sys-font-size-750: var(--groupui-vwag-ref-font-size-30);
  --groupui-sys-font-size-800: var(--groupui-vwag-ref-font-size-32);
  --groupui-sys-font-size-850: var(--groupui-vwag-ref-font-size-34);
  --groupui-sys-font-size-900: var(--groupui-vwag-ref-font-size-36);
  --groupui-sys-font-size-1000: var(--groupui-vwag-ref-font-size-40);
  --groupui-sys-font-size-1200: var(--groupui-vwag-ref-font-size-48);
  --groupui-sys-font-size-1250: var(--groupui-vwag-ref-font-size-50);
  --groupui-sys-font-size-1500: var(--groupui-vwag-ref-font-size-60);
  --groupui-sys-font-size-1800: var(--groupui-vwag-ref-font-size-72);
  --groupui-sys-spacing-0: var(--groupui-vwag-ref-spacing-0);
  --groupui-sys-spacing-25: var(--groupui-vwag-ref-spacing-1);
  --groupui-sys-spacing-50: var(--groupui-vwag-ref-spacing-2);
  --groupui-sys-spacing-100: var(--groupui-vwag-ref-spacing-4);
  --groupui-sys-spacing-150: var(--groupui-vwag-ref-spacing-6);
  --groupui-sys-spacing-200: var(--groupui-vwag-ref-spacing-8);
  --groupui-sys-spacing-300: var(--groupui-vwag-ref-spacing-12);
  --groupui-sys-spacing-400: var(--groupui-vwag-ref-spacing-16);
  --groupui-sys-spacing-500: var(--groupui-vwag-ref-spacing-20);
  --groupui-sys-spacing-600: var(--groupui-vwag-ref-spacing-24);
  --groupui-sys-spacing-700: var(--groupui-vwag-ref-spacing-28);
  --groupui-sys-spacing-800: var(--groupui-vwag-ref-spacing-32);
  --groupui-sys-spacing-900: var(--groupui-vwag-ref-spacing-36);
  --groupui-sys-spacing-1000: var(--groupui-vwag-ref-spacing-40);
  --groupui-sys-spacing-1200: var(--groupui-vwag-ref-spacing-48);
  --groupui-sys-spacing-1400: var(--groupui-vwag-ref-spacing-56);
  --groupui-sys-spacing-1600: var(--groupui-vwag-ref-spacing-64);
  --groupui-sys-spacing-1800: var(--groupui-vwag-ref-spacing-72);
  --groupui-sys-spacing-2400: var(--groupui-vwag-ref-spacing-96);
  --groupui-sys-spacing-2800: var(--groupui-vwag-ref-spacing-112);
  --groupui-sys-spacing-3400: var(--groupui-vwag-ref-spacing-136);
  --groupui-sys-spacing-8000: var(--groupui-vwag-ref-spacing-320);
  --groupui-sys-spacing-16000: var(--groupui-vwag-ref-spacing-640);
  --groupui-sys-letter-spacing-regular: var(--groupui-vwag-ref-letter-spacing-02);
  --groupui-sys-border-width-none: var(--groupui-vwag-ref-border-width-0);
  --groupui-sys-border-width-s: var(--groupui-vwag-ref-border-width-1);
  --groupui-sys-border-width-m: var(--groupui-vwag-ref-border-width-2);
  --groupui-sys-border-width-card-level-2: var(--groupui-vwag-ref-border-width-0);
  --groupui-sys-border-width-navigation: var(--groupui-vwag-ref-border-width-0);
  --groupui-sys-border-width-l: var(--groupui-vwag-ref-border-width-3);
  --groupui-sys-border-width-xl: var(--groupui-vwag-ref-border-width-4);
  --groupui-sys-border-width-xxl: var(--groupui-vwag-ref-border-width-5);
  --groupui-sys-border-width-xxxl: var(--groupui-vwag-ref-border-width-6);
  --groupui-sys-z-index-content-layer: var(--groupui-vwag-ref-z-index-100);
  --groupui-sys-z-index-navigation: var(--groupui-vwag-ref-z-index-300);
  --groupui-sys-z-index-popover: var(--groupui-vwag-ref-z-index-400);
  --groupui-sys-z-index-toast: var(--groupui-vwag-ref-z-index-600);
  --groupui-sys-z-index-backdrop: var(--groupui-vwag-ref-z-index-700);
  --groupui-sys-z-index-modal: var(--groupui-vwag-ref-z-index-800);
  --groupui-sys-z-index-process-indicator: var(--groupui-vwag-ref-z-index-900);
  --groupui-sys-z-index-tooltip: var(--groupui-vwag-ref-z-index-500);
  --groupui-sys-z-index-fab: var(--groupui-vwag-ref-z-index-350);
  --groupui-sys-line-height-s: var(--groupui-vwag-ref-line-height-110);
  --groupui-sys-line-height-m: var(--groupui-vwag-ref-line-height-120);
  --groupui-sys-line-height-l: var(--groupui-vwag-ref-line-height-130);
  --groupui-sys-line-height-xl: var(--groupui-vwag-ref-line-height-140);
  --groupui-sys-line-height-xxl: var(--groupui-vwag-ref-line-height-150);
  --groupui-sys-line-height-xs: var(--groupui-vwag-ref-line-height-100);
  --groupui-sys-opacity-0: var(--groupui-vwag-ref-opacity-0);
  --groupui-sys-opacity-10: var(--groupui-vwag-ref-opacity-10);
  --groupui-sys-opacity-20: var(--groupui-vwag-ref-opacity-20);
  --groupui-sys-opacity-30: var(--groupui-vwag-ref-opacity-30);
  --groupui-sys-opacity-40: var(--groupui-vwag-ref-opacity-40);
  --groupui-sys-opacity-50: var(--groupui-vwag-ref-opacity-50);
  --groupui-sys-opacity-60: var(--groupui-vwag-ref-opacity-60);
  --groupui-sys-opacity-70: var(--groupui-vwag-ref-opacity-70);
  --groupui-sys-opacity-80: var(--groupui-vwag-ref-opacity-80);
  --groupui-sys-opacity-90: var(--groupui-vwag-ref-opacity-90);
  --groupui-sys-opacity-100: var(--groupui-vwag-ref-opacity-100);
  --groupui-sys-duration-none: var(--groupui-vwag-ref-duration-0);
  --groupui-sys-duration-slow-1: var(--groupui-vwag-ref-duration-640);
  --groupui-sys-duration-slow-2: var(--groupui-vwag-ref-duration-480);
  --groupui-sys-duration-medium-1: var(--groupui-vwag-ref-duration-320);
  --groupui-sys-duration-medium-2: var(--groupui-vwag-ref-duration-240);
  --groupui-sys-duration-fast-1: var(--groupui-vwag-ref-duration-160);
  --groupui-sys-duration-fast-2: var(--groupui-vwag-ref-duration-120);
  --groupui-sys-duration-spinner: var(--groupui-vwag-ref-duration-2000);
  --groupui-sys-font-family-secondary: var(--groupui-vwag-ref-font-family-serif);
  --groupui-sys-font-family-primary: var(--groupui-vwag-ref-font-family-sans);
  --groupui-sys-stroke-style-primary: var(--groupui-vwag-ref-stroke-style-solid);
  --groupui-sys-stroke-style-secondary: var(--groupui-vwag-ref-stroke-style-dashed);
  --groupui-sys-font-weight-action: var(--groupui-vwag-ref-font-weight-700);
  --groupui-sys-font-weight-normal: var(--groupui-vwag-ref-font-weight-400);
  --groupui-sys-font-weight-bold: var(--groupui-vwag-ref-font-weight-700);
  --groupui-sys-font-weight-light: var(--groupui-vwag-ref-font-weight-300);
  --groupui-sys-cubic-bezier-linear: var(--groupui-vwag-ref-cubic-bezier-linear);
  --groupui-sys-cubic-bezier-ease-in-out: var(--groupui-vwag-ref-cubic-bezier-ease-in-out);
  --groupui-sys-cubic-bezier-ease-out: var(--groupui-vwag-ref-cubic-bezier-ease-out);
  --groupui-sys-cubic-bezier-ease-in: var(--groupui-vwag-ref-cubic-bezier-ease-in);
  --groupui-sys-cubic-bezier-ease: var(--groupui-vwag-ref-cubic-bezier-ease);
  --groupui-sys-shadow-none: var(--groupui-vwag-ref-shadow-0);
  --groupui-sys-shadow-m: var(--groupui-vwag-ref-shadow-08);
  --groupui-sys-shadow-navigation: var(--groupui-vwag-ref-shadow-08);
  --groupui-sys-shadow-tooltip: var(--groupui-vwag-ref-shadow-08);
  --groupui-sys-shadow-modal: var(--groupui-vwag-ref-shadow-08);
  --groupui-sys-shadow-card-level-1-default: var(--groupui-vwag-ref-shadow-0);
  --groupui-sys-shadow-card-level-1-hover: var(--groupui-vwag-ref-shadow-04);
  --groupui-sys-shadow-card-level-2-default: var(--groupui-vwag-ref-shadow-08);
  --groupui-sys-shadow-card-level-2-hover: var(--groupui-vwag-ref-shadow-16);
  --groupui-sys-shadow-card-level-3-default: var(--groupui-vwag-ref-shadow-24);
  --groupui-sys-shadow-card-level-3-hover: var(--groupui-vwag-ref-shadow-32);
  --groupui-sys-shadow-popover: var(--groupui-vwag-ref-shadow-08);
  --groupui-sys-shadow-toast: var(--groupui-vwag-ref-shadow-08);
}

[data-gui-brand=vwag][data-gui-mode=dark] {
  --groupui-sys-color-shadow-0: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-shadow-4: var(--groupui-vwag-ref-color-black-60);
  --groupui-sys-color-shadow-8: var(--groupui-vwag-ref-color-black-60);
  --groupui-sys-color-shadow-16: var(--groupui-vwag-ref-color-black-60);
  --groupui-sys-color-shadow-24: var(--groupui-vwag-ref-color-black-60);
  --groupui-sys-color-brand-core-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-brand-core: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-secondary-visited-pressed-inverse: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-secondary-visited-hover-inverse: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-secondary-visited-default-inverse: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-secondary-visited-pressed: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-secondary-visited-hover: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-secondary-visited-default: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-secondary-unvisited-pressed-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-secondary-unvisited-hover-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-secondary-unvisited-default-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-secondary-unvisited-pressed: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-secondary-unvisited-hover: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-secondary-unvisited-default: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-primary-visited-pressed-inverse: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-primary-visited-hover-inverse: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-primary-visited-default-inverse: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-primary-visited-pressed: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-primary-visited-hover: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-primary-visited-default: var(--groupui-vwag-ref-color-violet-200);
  --groupui-sys-color-link-primary-unvisited-pressed-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-primary-unvisited-hover-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-primary-unvisited-default-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-primary-unvisited-pressed: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-primary-unvisited-hover: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-link-primary-unvisited-default: var(--groupui-vwag-ref-color-aqua-500);
  --groupui-sys-color-text-weakest-inverse: var(--groupui-vwag-ref-color-white-0-40);
  --groupui-sys-color-text-weaker-inverse: var(--groupui-vwag-ref-color-white-0-60);
  --groupui-sys-color-text-weak-inverse: var(--groupui-vwag-ref-color-white-0-80);
  --groupui-sys-color-text-normal-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-text-weakest: var(--groupui-vwag-ref-color-grey-600);
  --groupui-sys-color-text-weaker: var(--groupui-vwag-ref-color-grey-400);
  --groupui-sys-color-text-weak: var(--groupui-vwag-ref-color-grey-200);
  --groupui-sys-color-text-normal: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-line-ghost: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-line-silent-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-line-silent: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-line-weak-inverse: var(--groupui-vwag-ref-color-white-0-20);
  --groupui-sys-color-line-weak: var(--groupui-vwag-ref-color-grey-800);
  --groupui-sys-color-line-ghost-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-on-light-subtle-default: var(--groupui-vwag-ref-color-grey-200);
  --groupui-sys-color-on-light-subtle-default-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-on-light-basic-default: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-light-basic-default-inverse: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-light-subtle-pressed: var(--groupui-vwag-ref-color-grey-300-20);
  --groupui-sys-color-light-subtle-hover: var(--groupui-vwag-ref-color-grey-300-20);
  --groupui-sys-color-light-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-light-subtle-default-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-light-subtle-hover-inverse: var(--groupui-vwag-ref-color-white-0-10);
  --groupui-sys-color-light-subtle-pressed-inverse: var(--groupui-vwag-ref-color-white-0-20);
  --groupui-sys-color-light-basic-pressed: var(--groupui-vwag-ref-color-grey-400);
  --groupui-sys-color-light-basic-hover: var(--groupui-vwag-ref-color-grey-300);
  --groupui-sys-color-light-basic-default: var(--groupui-vwag-ref-color-grey-200);
  --groupui-sys-color-light-basic-default-inverse: var(--groupui-vwag-ref-color-grey-200);
  --groupui-sys-color-light-basic-hover-inverse: var(--groupui-vwag-ref-color-grey-300);
  --groupui-sys-color-light-basic-pressed-inverse: var(--groupui-vwag-ref-color-grey-400);
  --groupui-sys-color-on-neutral-basic-default: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-neutral-subtle-pressed: var(--groupui-vwag-ref-color-grey-500-20);
  --groupui-sys-color-neutral-subtle-hover: var(--groupui-vwag-ref-color-grey-500-10);
  --groupui-sys-color-neutral-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-neutral-basic-pressed: var(--groupui-vwag-ref-color-grey-700);
  --groupui-sys-color-neutral-basic-hover: var(--groupui-vwag-ref-color-grey-600);
  --groupui-sys-color-neutral-basic-default: var(--groupui-vwag-ref-color-grey-500);
  --groupui-sys-color-neutral-weak-default: var(--groupui-vwag-ref-color-grey-500-20);
  --groupui-sys-color-on-information-basic-default: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-information-weak-default: var(--groupui-vwag-ref-color-signal-blue-500-20);
  --groupui-sys-color-information-subtle-pressed: var(--groupui-vwag-ref-color-signal-blue-500-20);
  --groupui-sys-color-information-subtle-hover: var(--groupui-vwag-ref-color-signal-blue-500-10);
  --groupui-sys-color-information-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-information-basic-default: var(--groupui-vwag-ref-color-signal-blue-500);
  --groupui-sys-color-information-basic-hover: var(--groupui-vwag-ref-color-signal-blue-600);
  --groupui-sys-color-information-basic-pressed: var(--groupui-vwag-ref-color-signal-blue-700);
  --groupui-sys-color-on-success-basic-default: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-success-weak-default: var(--groupui-vwag-ref-color-signal-green-700-20);
  --groupui-sys-color-success-subtle-pressed: var(--groupui-vwag-ref-color-signal-green-700-20);
  --groupui-sys-color-success-subtle-hover: var(--groupui-vwag-ref-color-signal-green-700-10);
  --groupui-sys-color-success-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-success-basic-pressed: var(--groupui-vwag-ref-color-signal-green-900);
  --groupui-sys-color-success-basic-hover: var(--groupui-vwag-ref-color-signal-green-800);
  --groupui-sys-color-success-basic-default: var(--groupui-vwag-ref-color-signal-green-700);
  --groupui-sys-color-on-warning-basic-default: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-warning-weak-default: var(--groupui-vwag-ref-color-signal-orange-800-20);
  --groupui-sys-color-warning-subtle-pressed: var(--groupui-vwag-ref-color-signal-orange-700-20);
  --groupui-sys-color-warning-subtle-hover: var(--groupui-vwag-ref-color-signal-orange-700-10);
  --groupui-sys-color-warning-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-warning-basic-pressed: var(--groupui-vwag-ref-color-signal-orange-900);
  --groupui-sys-color-warning-basic-hover: var(--groupui-vwag-ref-color-signal-orange-800);
  --groupui-sys-color-warning-basic-default: var(--groupui-vwag-ref-color-signal-orange-700);
  --groupui-sys-color-on-danger-basic-default: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-danger-weak-default: var(--groupui-vwag-ref-color-signal-red-500-20);
  --groupui-sys-color-danger-subtle-pressed: var(--groupui-vwag-ref-color-signal-red-500-20);
  --groupui-sys-color-danger-subtle-hover: var(--groupui-vwag-ref-color-signal-red-500-10);
  --groupui-sys-color-danger-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-danger-basic-pressed: var(--groupui-vwag-ref-color-signal-red-700);
  --groupui-sys-color-danger-basic-hover: var(--groupui-vwag-ref-color-signal-red-600);
  --groupui-sys-color-danger-basic-default: var(--groupui-vwag-ref-color-signal-red-500);
  --groupui-sys-color-on-action-basic-disabled-inverse: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-action-basic-default-inverse: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-action-basic-disabled: var(--groupui-vwag-ref-color-grey-950);
  --groupui-sys-color-on-action-basic-default: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-action-muted-default: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-action-muted-disabled: var(--groupui-vwag-ref-color-grey-950);
  --groupui-sys-color-action-muted-disabled: var(--groupui-vwag-ref-color-grey-600);
  --groupui-sys-color-action-muted-pressed: var(--groupui-vwag-ref-color-grey-800);
  --groupui-sys-color-action-muted-hover: var(--groupui-vwag-ref-color-grey-700);
  --groupui-sys-color-action-muted-default: var(--groupui-vwag-ref-color-grey-600);
  --groupui-sys-color-action-quiet-disabled: var(--groupui-vwag-ref-color-grey-800);
  --groupui-sys-color-action-quiet-pressed: var(--groupui-vwag-ref-color-white-0-80);
  --groupui-sys-color-action-quiet-hover: var(--groupui-vwag-ref-color-white-0-90);
  --groupui-sys-color-action-quiet-default: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-action-quiet-disabled-inverse: var(--groupui-vwag-ref-color-white-0-20);
  --groupui-sys-color-action-subtle-pressed-inverse: var(--groupui-vwag-ref-color-white-0-20);
  --groupui-sys-color-action-subtle-hover-inverse: var(--groupui-vwag-ref-color-white-0-10);
  --groupui-sys-color-action-subtle-default-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-action-subtle-pressed: var(--groupui-vwag-ref-color-aqua-500-20);
  --groupui-sys-color-action-subtle-hover: var(--groupui-vwag-ref-color-aqua-500-10);
  --groupui-sys-color-action-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-action-subtle-disabled: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-action-subtle-disabled-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-action-basic-disabled-inverse: var(--groupui-vwag-ref-color-white-0-40);
  --groupui-sys-color-action-basic-pressed-inverse: var(--groupui-vwag-ref-color-white-0-80);
  --groupui-sys-color-action-basic-hover-inverse: var(--groupui-vwag-ref-color-white-0-90);
  --groupui-sys-color-action-basic-default-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-action-basic-disabled: var(--groupui-vwag-ref-color-grey-600);
  --groupui-sys-color-action-basic-pressed: var(--groupui-vwag-ref-color-aqua-700);
  --groupui-sys-color-action-basic-hover: var(--groupui-vwag-ref-color-aqua-600);
  --groupui-sys-color-action-basic-default: var(--groupui-vwag-ref-color-aqua-500);
  --groupui-sys-color-action-silent-default: var(--groupui-vwag-ref-color-grey-950);
  --groupui-sys-color-action-silent-disabled: var(--groupui-vwag-ref-color-grey-900);
  --groupui-sys-color-action-silent-default-inverse: var(--groupui-vwag-ref-color-grey-950);
  --groupui-sys-color-background-inform: var(--groupui-vwag-ref-color-grey-900);
  --groupui-sys-color-background-canvas: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-background-base: var(--groupui-vwag-ref-color-grey-950);
  --groupui-sys-color-background-backdrop: var(--groupui-vwag-ref-color-black-60);
  --groupui-sys-color-background-stripe: var(--groupui-vwag-ref-color-grey-900-50);
  --groupui-sys-color-background-float: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-accent-weak-default-01: var(--groupui-vwag-ref-color-purple-300-20);
  --groupui-sys-color-accent-weak-default-02: var(--groupui-vwag-ref-color-violet-400-20);
  --groupui-sys-color-accent-weak-default-03: var(--groupui-vwag-ref-color-blue-500-20);
  --groupui-sys-color-accent-weak-default-04: var(--groupui-vwag-ref-color-lime-600-20);
  --groupui-sys-color-accent-weak-default-05: var(--groupui-vwag-ref-color-mint-600-20);
  --groupui-sys-color-accent-weak-default-06: var(--groupui-vwag-ref-color-red-400-20);
  --groupui-sys-color-accent-weak-default-07: var(--groupui-vwag-ref-color-orange-700-20);
  --groupui-sys-color-accent-weak-default-08: var(--groupui-vwag-ref-color-green-700-20);
  --groupui-sys-color-accent-basic-default-01: var(--groupui-vwag-ref-color-purple-300);
  --groupui-sys-color-accent-basic-default-02: var(--groupui-vwag-ref-color-violet-400);
  --groupui-sys-color-accent-basic-default-03: var(--groupui-vwag-ref-color-blue-500);
  --groupui-sys-color-accent-basic-default-04: var(--groupui-vwag-ref-color-lime-600);
  --groupui-sys-color-accent-basic-default-05: var(--groupui-vwag-ref-color-mint-600);
  --groupui-sys-color-accent-basic-default-06: var(--groupui-vwag-ref-color-red-400);
  --groupui-sys-color-accent-basic-default-07: var(--groupui-vwag-ref-color-orange-700);
  --groupui-sys-color-accent-basic-default-08: var(--groupui-vwag-ref-color-green-700);
  --groupui-sys-color-accent-subtle-default-01: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-02: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-03: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-04: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-05: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-06: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-07: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-accent-subtle-default-08: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-on-accent-basic-default-01: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-02: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-03: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-04: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-05: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-06: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-07: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-on-accent-basic-default-08: var(--groupui-vwag-ref-color-grey-1000);
  --groupui-sys-color-navigation-unselected-basic-default-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-navigation-unselected-basic-hover-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-navigation-unselected-basic-pressed-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-navigation-unselected-basic-disabled-inverse: var(--groupui-vwag-ref-color-white-0-40);
  --groupui-sys-color-navigation-unselected-basic-default: var(--groupui-vwag-ref-color-aqua-500);
  --groupui-sys-color-navigation-unselected-basic-hover: var(--groupui-vwag-ref-color-aqua-500);
  --groupui-sys-color-navigation-unselected-basic-pressed: var(--groupui-vwag-ref-color-aqua-500);
  --groupui-sys-color-navigation-unselected-basic-disabled: var(--groupui-vwag-ref-color-grey-600);
  --groupui-sys-color-navigation-unselected-subtle-default-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-navigation-unselected-subtle-hover-inverse: var(--groupui-vwag-ref-color-white-0-10);
  --groupui-sys-color-navigation-unselected-subtle-pressed-inverse: var(--groupui-vwag-ref-color-white-0-20);
  --groupui-sys-color-navigation-unselected-subtle-disabled-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-navigation-unselected-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-navigation-unselected-subtle-hover: var(--groupui-vwag-ref-color-aqua-500-10);
  --groupui-sys-color-navigation-unselected-subtle-pressed: var(--groupui-vwag-ref-color-aqua-500-20);
  --groupui-sys-color-navigation-unselected-subtle-disabled: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-navigation-selected-basic-default-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-navigation-selected-basic-hover-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-navigation-selected-basic-pressed-inverse: var(--groupui-vwag-ref-color-white-0);
  --groupui-sys-color-navigation-selected-basic-default: var(--groupui-vwag-ref-color-aqua-500);
  --groupui-sys-color-navigation-selected-basic-hover: var(--groupui-vwag-ref-color-aqua-500);
  --groupui-sys-color-navigation-selected-basic-pressed: var(--groupui-vwag-ref-color-aqua-500);
  --groupui-sys-color-navigation-selected-subtle-default-inverse: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-navigation-selected-subtle-hover-inverse: var(--groupui-vwag-ref-color-white-0-10);
  --groupui-sys-color-navigation-selected-subtle-pressed-inverse: var(--groupui-vwag-ref-color-white-0-20);
  --groupui-sys-color-navigation-selected-subtle-default: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-navigation-selected-subtle-hover: var(--groupui-vwag-ref-color-aqua-500-10);
  --groupui-sys-color-navigation-selected-subtle-pressed: var(--groupui-vwag-ref-color-aqua-500-20);
  --groupui-sys-color-card-border-level-2: var(--groupui-vwag-ref-color-transparent);
  --groupui-sys-color-card-border-level-2-inverse: var(--groupui-vwag-ref-color-transparent);
}

@font-face {
  font-family: "TheGroupTEXT";
  src: url(./47e7125e7d766f0bb23113d45b1c3194.woff2) format("woff2"), url(./1535b36461187b92e1d34bb9bbb57fa6.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TheGroupTEXT";
  src: url(./879662e58ba19c5da2809098052fa6ec.woff2) format("woff2"), url(./18e18013a17666bd6431362c114e600f.woff) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TheGroupTEXT";
  src: url(./4f955a78fe2f895181a51232c9f0cd1c.woff2) format("woff2"), url(./3633298b5e186208333d20918bd4726e.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TheGroupTEXT";
  src: url(./be3ebbe490dbe710e687894d70c752ba.woff2) format("woff2"), url(./ed97e929c3625460b6101ff232307a74.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TheGroupTEXT";
  src: url(./4ba4f1bed3233484bd32c66428acef0b.woff2) format("woff2"), url(./18633ef72d61603ee7779e9746446def.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TheGroupTEXT";
  src: url(./14df0ec1b092bb0ba69dd2f02087477b.woff2) format("woff2"), url(./639ab838a1f679813c05d1556e19926e.woff) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TheGroupHEAD";
  src: url(./40fe9dfd22ac67c56414b3153af7c67a.woff2) format("woff2"), url(./db45959c71ee878dde84fdfd4244736f.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TheGroupHEAD";
  src: url(./ff91af6f36b42397c7e12a5768d4b060.woff2) format("woff2"), url(./5448ec38e3ad3a998979123509c287ab.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "VWAG TheSans";
  src: url(./98215f45e1329d032dc84d3f069f58e3.woff2) format("woff2"), url(./94cbe781825d2d6bfbc701e88faca838.woff) format("woff"), url(./b23c0d05c102bfca6e2c4b2dac5ac2ef.eot?#iefix) format("embedded-opentype"), url(./c1c214760cc4d3975ee3887dc4af078f.svg#VWAGTheSans-Regular) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VWAG TheSans";
  src: url(./c90b087e071fd213ffd33b49a9660b3d.woff2) format("woff2"), url(./3dd53ddc8e0e0b5927a50f933efb284a.woff) format("woff"), url(./a2d93dbb4d1b4f6a77452ac6166bed90.eot?#iefix) format("embedded-opentype"), url(./0f5eacb1abc2122298711663e5c41881.svg#VWAGTheSans-Light) format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VWAG TheSans";
  src: url(./5f83cfa34b09e28685dc188ff8071334.woff2) format("woff2"), url(./bfde0f9fe48ec4118d30a7caeb8cc3f6.woff) format("woff"), url(./c63fd569ca10bc49910f0a6a29682519.eot?#iefix) format("embedded-opentype"), url(./b45fae2b0634de0f6d46349b6a13e4c3.svg#VWAGTheSans-Bold) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VWAG TheSans";
  src: url(./6d39f5d8cdad5c51752bacb9d713879e.woff2) format("woff2"), url(./b78a2ba9408eea6366b03c6e37f8fd1b.woff) format("woff"), url(./043b94024c5efe001e2fbbb301315bc2.eot?#iefix) format("embedded-opentype"), url(./9bb6cdb082c1ab2e031476d31d372cd4.svg#VWAGTheSans-Italic) format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "VWAG TheAntiqua";
  src: url(./009d53535f121e4f16c9b0bdd8e4d97d.woff2) format("woff2"), url(./518ff340c11c82dc8175a0c93169e0b7.woff) format("woff"), url(./720876a65ee48685aeec3b257f7efbe9.eot?#iefix) format("embedded-opentype"), url(./57f37f979490b9ec1ba845a28fad9710.svg#VWAGTheAntiqua-Regular) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VWAG TheAntiqua";
  src: url(./b8e035afe4f2eb1533603beb8955a9a5.woff2) format("woff2"), url(./ff61f533a9c800e687a13bcfa46461bc.woff) format("woff"), url(./3830d6f5a723a79d92b814ee87c7fba1.eot?#iefix) format("embedded-opentype"), url(./7e768be47f385b5ff24fbbdf37c47c74.svg#VWAGTheAntiqua-Bold) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VWAG TheAntiqua";
  src: url(./a16c6937e52de96e08732610539c62dc.woff2) format("woff2"), url(./24ecd917d1bca2a6e2b3d847d5b2cc52.woff) format("woff"), url(./e11f9beaad423d8b2b3c270467a788b1.eot?#iefix) format("embedded-opentype"), url(./390d56b64c688396d6933132e5edd5a5.svg#VWAGTheAntiqua-Italic) format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}