/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/normalize.css/normalize.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@group-ui/group-ui-angular/node_modules/@group-ui/group-ui/dist/group-ui/assets/themes/tokens.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Autogenerated file (2025-03-05T09:21:25.017Z). 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-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-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-deep-space-blue-900-80);
  --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-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-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-03-05T09:20:48.297Z). 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('TheGroupTEXT-Regular.a33dc75fd70841fb.woff2') format("woff2"), url('TheGroupTEXT-Regular.bcb67193fa0b9201.woff') format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TheGroupTEXT";
  src: url('TheGroupTEXT-RegularItalic.77e7dd7acb5fdfe8.woff2') format("woff2"), url('TheGroupTEXT-RegularItalic.b530ea00e3d7abad.woff') format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TheGroupTEXT";
  src: url('TheGroupTEXT-Medium.5c8e7cf3010a9cc1.woff2') format("woff2"), url('TheGroupTEXT-Medium.c6c26378e0b36d26.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TheGroupTEXT";
  src: url('TheGroupTEXT-MediumItalic.85b7042ba47d3af7.woff2') format("woff2"), url('TheGroupTEXT-MediumItalic.18476b4cfb7aa0e8.woff') format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TheGroupTEXT";
  src: url('TheGroupTEXT-Bold.98d894b4d8180c12.woff2') format("woff2"), url('TheGroupTEXT-Bold.9bcb6c47789515e7.woff') format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TheGroupTEXT";
  src: url('TheGroupTEXT-BoldItalic.17fb524db8f5aefb.woff2') format("woff2"), url('TheGroupTEXT-BoldItalic.3fe3ae15e32260f1.woff') format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TheGroupHEAD";
  src: url('TheGroupHEAD-Light.c9f0f05c909e94c7.woff2') format("woff2"), url('TheGroupHEAD-Light.8538508798dbb38e.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TheGroupHEAD";
  src: url('TheGroupHEAD-LightItalic.ca5658419440413f.woff2') format("woff2"), url('TheGroupHEAD-LightItalic.206cf8082125ba35.woff') format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "VWAG TheSans";
  src: url('VWAGTheSans-Regular.8ffcd5e74ec6f5b0.woff2') format("woff2"), url('VWAGTheSans-Regular.f225dbd9913ebc67.woff') format("woff"), url('VWAGTheSans-Regular.8cb54121a35929e4.eot?#iefix') format("embedded-opentype"), url('VWAGTheSans-Regular.5f9e0905aa73a348.svg#VWAGTheSans-Regular') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VWAG TheSans";
  src: url('VWAGTheSans-Light.eeb7f032d0ff8b56.woff2') format("woff2"), url('VWAGTheSans-Light.ed575dbe0eb1dba1.woff') format("woff"), url('VWAGTheSans-Light.7e34bc19b5cb7b4b.eot?#iefix') format("embedded-opentype"), url('VWAGTheSans-Light.49559b2ec3d13c51.svg#VWAGTheSans-Light') format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VWAG TheSans";
  src: url('VWAGTheSans-Bold.c8b12b3b96c49c84.woff2') format("woff2"), url('VWAGTheSans-Bold.482b15876bf52a2c.woff') format("woff"), url('VWAGTheSans-Bold.e93281292cb793e5.eot?#iefix') format("embedded-opentype"), url('VWAGTheSans-Bold.9ca509fc748a5a8b.svg#VWAGTheSans-Bold') format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VWAG TheSans";
  src: url('VWAGTheSans-Italic.c187425ac3e67a59.woff2') format("woff2"), url('VWAGTheSans-Italic.92cc1ba9cf489656.woff') format("woff"), url('VWAGTheSans-Italic.fc9467ee48c11136.eot?#iefix') format("embedded-opentype"), url('VWAGTheSans-Italic.49d10a0bf987b87e.svg#VWAGTheSans-Italic') format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "VWAG TheAntiqua";
  src: url('VWAGTheAntiqua-Regular.36987de7c4bfe9e5.woff2') format("woff2"), url('VWAGTheAntiqua-Regular.9a0f5d99949dd08c.woff') format("woff"), url('VWAGTheAntiqua-Regular.639e8298b6a3f422.eot?#iefix') format("embedded-opentype"), url('VWAGTheAntiqua-Regular.f269483c8b79f639.svg#VWAGTheAntiqua-Regular') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VWAG TheAntiqua";
  src: url('VWAGTheAntiqua-Bold.70654e97f6ada1f5.woff2') format("woff2"), url('VWAGTheAntiqua-Bold.a12d0e54bbd1ed35.woff') format("woff"), url('VWAGTheAntiqua-Bold.9b05b8eda9827e79.eot?#iefix') format("embedded-opentype"), url('VWAGTheAntiqua-Bold.da870f069e7258fe.svg#VWAGTheAntiqua-Bold') format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VWAG TheAntiqua";
  src: url('VWAGTheAntiqua-Italic.ec6339c9fba0847d.woff2') format("woff2"), url('VWAGTheAntiqua-Italic.becc9decf264a887.woff') format("woff"), url('VWAGTheAntiqua-Italic.daf5b5666a411bf6.eot?#iefix') format("embedded-opentype"), url('VWAGTheAntiqua-Italic.9c7cc8be1d069a48.svg#VWAGTheAntiqua-Italic') format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/*# sourceMappingURL=tokens.css.map */

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
.display-flex {
  display: flex;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: flex-end;
}

.align-self-end {
  align-self: flex-end;
}

.align-self-center {
  align-self: center;
}

.flex-wrap-wrap {
  flex-wrap: wrap;
}

.flex-direction-column {
  flex-direction: column;
}

.flex-1 {
  flex: 1;
}

.justify-content-space-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-flex-end {
  justify-content: flex-end;
}

.gap-groupui-spacing-1 {
  gap: var(--groupui-sys-spacing-50);
}

.gap-groupui-spacing-2 {
  gap: var(--groupui-sys-spacing-100);
}

.gap-groupui-spacing-3 {
  gap: var(--groupui-sys-spacing-200);
}

.gap-groupui-spacing-4 {
  gap: var(--groupui-sys-spacing-300);
}

.gap-groupui-spacing-5 {
  gap: var(--groupui-sys-spacing-400);
}

.gap-groupui-spacing-6 {
  gap: var(--groupui-sys-spacing-500);
}

.gap-groupui-spacing-7 {
  gap: var(--groupui-sys-spacing-600);
}

.gap-groupui-spacing-8 {
  gap: var(--groupui-sys-spacing-800);
}

.gap-groupui-spacing-9 {
  gap: var(--groupui-sys-spacing-1000);
}

.gap-groupui-spacing-10 {
  gap: var(--groupui-sys-spacing-1200);
}

.display-grid {
  display: grid;
}

.display-block {
  display: block;
}

.color-white {
  color: var(--groupui-sys-color-text-normal-inverse);
}

.color-warning {
  color: var(--groupui-vwag-ref-color-signal-orange-800);
}

.color-error {
  color: var(--groupui-vwag-ref-color-signal-red-800);
}

.color-primary {
  color: #1b1e1f;
}

.color-petrol-primary {
  color: var(--groupui-vwag-ref-color-signal-petrol-800);
}

.color-grey {
  color: var(--groupui-vwag-ref-color-grey-800);
}

.color-grey-medium {
  color: var(--groupui-vwag-ref-color-grey-600);
}

.background-color-white {
  background-color: var(--groupui-sys-color-text-normal-inverse);
}

.height-groupui-spacing-10 {
  height: var(--groupui-sys-spacing-1200);
}

.height-fit-content {
  height: fit-content;
}

.min-height-64px {
  min-height: 64px;
}

.max-height-50vh {
  max-height: 50vh;
}

.width-initial {
  width: initial;
}

.width-100px {
  width: 100px;
}

.min-width-100px {
  min-width: 100px;
}

.min-width-150px {
  min-width: 150px;
}

.min-width-200px {
  min-width: 200px;
}

.min-width-250px {
  min-width: 250px;
}

.min-width-300px {
  min-width: 300px;
}

.min-width-350px {
  min-width: 350px;
}

.min-width-500px {
  min-width: 500px;
}

.max-width-300px {
  max-width: 300px;
}

.max-width-350px {
  max-width: 350px;
}

.max-width-500px {
  max-width: 500px;
}

.height-100p {
  height: 100%;
}

.height-100vh {
  height: 100vh;
}

.width-100vw {
  width: 100vw;
}

.max-height-calc-100vh-100px {
  max-height: calc(100vh - 100px);
}

.height-2rem {
  height: 2rem;
}

.width-100px {
  width: 100px;
}

.width-125px {
  width: 125px;
}

.width-200px {
  width: 200px;
}

.width-160px {
  width: 160px;
}

.min-width-600px {
  min-width: 600px;
}

.width-100p {
  width: 100%;
}

.width-50p {
  width: 50%;
}

.width-200px {
  width: 200px;
}

.position-sticky {
  position: sticky;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.top-0 {
  top: 0;
}

.bottom-0 {
  bottom: 0;
}

.right-0 {
  right: 0;
}

.left-0 {
  left: 0;
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-4 {
  z-index: 4;
}

.font-weight-bold {
  font-weight: bold;
}

.text-decoration-none {
  text-decoration: none;
}

.white-space-pre-wrap {
  white-space: pre-wrap;
}

.white-space-no-wrap {
  white-space: nowrap;
}

.hyphens-auto {
  hyphens: auto;
}

.word-break-break-word {
  word-break: break-word;
}

.text-align-left {
  text-align: left;
}

.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.padding-1rem {
  padding: 1rem;
}

.padding-top-1rem {
  padding-top: 1rem;
}

.padding-top-05rem {
  padding-top: 0.5rem;
}

.padding-top-025rem {
  padding-top: 0.25rem;
}

.padding-bottom-2rem {
  padding-bottom: 2rem;
}

.padding-left-05rem {
  padding-left: 0.5rem;
}

.padding-right-05rem {
  padding-right: 0.5rem;
}

.padding-left-1rem {
  padding-left: 1rem;
}

.padding-left-13rem {
  padding-left: 1.3rem;
}

.padding-right-1rem {
  padding-right: 1rem;
}

.padding-right-13rem {
  padding-right: 1.3rem;
}

.padding-inline-075rem {
  padding-inline: 0.75rem;
}

.padding-05rem {
  padding: 0.5rem;
}

.padding-0 {
  padding: 0;
}

.padding-bottom-2rem {
  padding-bottom: 2rem;
}

.padding-top-2px {
  padding-top: 2px;
}

.margin-top-1rem {
  margin-top: 1rem;
}

.margin-left-1rem {
  margin-left: 1rem;
}

.margin-right-1rem {
  margin-right: 1rem;
}

.margin-left-05rem {
  margin-left: 0.5rem;
}

.margin-right-05rem {
  margin-right: 0.5rem;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-initial {
  overflow: initial;
}

.border-bottom-1px-solid {
  border-bottom: 1px solid;
}

.border-color-grey {
  border-color: var(--groupui-vwag-ref-color-grey-800);
}

.border-color-grey-light {
  border-color: var(--groupui-vwag-ref-color-grey-200);
}

.border-color-action-basic-default {
  border-color: #008075;
}

.text-color-action-basic-default {
  color: #008075;
}

.opacity-0 {
  opacity: 0;
}

.opacity-1 {
  opacity: 1;
}

.cursor-pointer {
  cursor: pointer;
}

.pointer-events-none {
  pointer-events: none;
}

.display-none {
  display: none;
}

.btr-spinner {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.btr-spinner div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  animation: btr-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

.btr-spinner-primary-color div {
  border: 2px solid rgb(168, 173, 179);
  border-color: rgb(168, 173, 179) transparent transparent transparent;
}

.btr-spinner-primary-inverted-color div {
  border: 2px solid #fff;
  border-color: #fff transparent transparent transparent;
}

.btr-spinner div:nth-child(1) {
  animation-delay: -0.45s;
}

.btr-spinner div:nth-child(2) {
  animation-delay: -0.3s;
}

.btr-spinner div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes btr-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.btr-loading-ellipsis {
  display: flex;
  position: relative;
  align-items: center;
}

.btr-loading-ellipsis div {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.btr-loading-ellipsis-primary-color div {
  background: var(--groupui-vwag-ref-color-petrol-800-primary);
}

.btr-loading-ellipsis-primary-inverted-color div {
  background: #fff;
}

.btr-loading-ellipsis div:nth-child(1) {
  left: 8px;
  animation: btr-loading-ellipsis1 0.6s infinite;
}

.btr-loading-ellipsis div:nth-child(2) {
  left: 8px;
  animation: btr-loading-ellipsis2 0.6s infinite;
}

.btr-loading-ellipsis div:nth-child(3) {
  left: 32px;
  animation: btr-loading-ellipsis2 0.6s infinite;
}

.btr-loading-ellipsis div:nth-child(4) {
  left: 56px;
  animation: btr-loading-ellipsis3 0.6s infinite;
}

@keyframes btr-loading-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes btr-loading-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes btr-loading-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
/* Variables */
/* Mixins */
.loader {
  height: 100%;
  position: relative;
  margin: auto;
  width: 400px;
}
.loader_cogs {
  z-index: -2;
  width: 100px;
  height: 100px;
  top: -120px !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.loader_cogs__top {
  position: relative;
  width: 100px;
  height: 100px;
  transform-origin: 50px 50px;
  animation: rotate 10s infinite linear;
}
.loader_cogs__top div:nth-of-type(1) {
  transform: rotate(30deg);
}
.loader_cogs__top div:nth-of-type(2) {
  transform: rotate(60deg);
}
.loader_cogs__top div:nth-of-type(3) {
  transform: rotate(90deg);
}
.loader_cogs__top div.top_part {
  width: 100px;
  border-radius: 10px;
  position: absolute;
  height: 100px;
  background: var(--groupui-vwag-ref-color-petrol-800);
}
.loader_cogs__top div.top_hole {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: white;
  position: absolute;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.loader_cogs__left {
  position: relative;
  width: 80px;
  transform: rotate(16deg);
  top: 28px;
  transform-origin: 40px 40px;
  animation: rotate_left 10s infinite reverse linear;
  left: -24px;
  height: 80px;
}
.loader_cogs__left div:nth-of-type(1) {
  transform: rotate(30deg);
}
.loader_cogs__left div:nth-of-type(2) {
  transform: rotate(60deg);
}
.loader_cogs__left div:nth-of-type(3) {
  transform: rotate(90deg);
}
.loader_cogs__left div.left_part {
  width: 80px;
  border-radius: 6px;
  position: absolute;
  height: 80px;
  background: var(--groupui-vwag-ref-color-petrol-800);
}
.loader_cogs__left div.left_hole {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: white;
  position: absolute;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.loader_cogs__bottom {
  position: relative;
  width: 60px;
  top: -50px;
  transform-origin: 30px 30px;
  animation: rotate_left 10.2s infinite linear;
  transform: rotate(4deg);
  left: 79px;
  height: 60px;
}
.loader_cogs__bottom div:nth-of-type(1) {
  transform: rotate(30deg);
}
.loader_cogs__bottom div:nth-of-type(2) {
  transform: rotate(60deg);
}
.loader_cogs__bottom div:nth-of-type(3) {
  transform: rotate(90deg);
}
.loader_cogs__bottom div.bottom_part {
  width: 60px;
  border-radius: 5px;
  position: absolute;
  height: 60px;
  background: var(--groupui-vwag-ref-color-petrol-800);
}
.loader_cogs__bottom div.bottom_hole {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: white;
  position: absolute;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* Animations */
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate_left {
  from {
    transform: rotate(16deg);
  }
  to {
    transform: rotate(376deg);
  }
}
@keyframes rotate_right {
  from {
    transform: rotate(4deg);
  }
  to {
    transform: rotate(364deg);
  }
}
@media screen and (min-width: 560px) {
  .show-lager-equal-than-M {
    display: initial;
  }
  .show-less-than-M {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .show-lager-equal-than-M {
    display: none;
  }
  .show-less-than-M {
    display: initial;
  }
}
@media screen and (min-width: 960px) {
  .show-lager-equal-than-L {
    display: initial;
  }
  .show-less-than-L {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .show-lager-equal-than-L {
    display: none;
  }
  .show-less-than-L {
    display: initial;
  }
}
.p-component {
  font-family: "TheGroupTEXT", sans-serif !important;
}

.primeng-label label {
  font-weight: var(--groupui-sys-font-weight-bold);
  font-size: var(--groupui-sys-font-size-350);
}

.calendar-icon {
  position: relative;
  top: 9px;
  transform: translateY(-50%);
  color: var(--groupui-vwgroup-ref-color-vivid-green-600);
}

.p-datepicker .p-datepicker-day.p-datepicker-day-selected {
  background: var(--groupui-vwgroup-ref-color-vivid-green-600) !important;
  color: white !important;
  border-color: var(--groupui-vwgroup-ref-color-vivid-green-600) !important;
}
.p-datepicker .p-datepicker-day.p-datepicker-day-selected:hover {
  background: var(--groupui-vwgroup-ref-color-vivid-green-600) !important;
  opacity: 0.8;
}
.p-datepicker .p-datepicker-day.p-datepicker-today.p-datepicker-day-selected {
  background: var(--groupui-vwgroup-ref-color-vivid-green-600) !important;
  color: white !important;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
  color: var(--groupui-vwgroup-ref-color-vivid-green-600) !important;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
  color: var(--groupui-vwgroup-ref-color-vivid-green-600) !important;
  background: rgba(var(--groupui-vwgroup-ref-color-vivid-green-600), 0.1) !important;
}
.p-datepicker .p-datepicker-timepicker .p-datepicker-increment-button,
.p-datepicker .p-datepicker-timepicker .p-datepicker-decrement-button {
  color: var(--groupui-vwgroup-ref-color-vivid-green-600) !important;
}
.p-datepicker .p-datepicker-timepicker .p-datepicker-increment-button:hover,
.p-datepicker .p-datepicker-timepicker .p-datepicker-decrement-button:hover {
  color: var(--groupui-vwgroup-ref-color-vivid-green-600) !important;
  background: rgba(var(--groupui-vwgroup-ref-color-vivid-green-600), 0.1) !important;
}
.p-datepicker .p-datepicker-month:hover,
.p-datepicker .p-datepicker-year:hover {
  color: var(--groupui-vwgroup-ref-color-vivid-green-600) !important;
}
.p-datepicker .p-datepicker-month.p-datepicker-month-selected, .p-datepicker .p-datepicker-month.p-datepicker-year-selected,
.p-datepicker .p-datepicker-year.p-datepicker-month-selected,
.p-datepicker .p-datepicker-year.p-datepicker-year-selected {
  background: var(--groupui-vwgroup-ref-color-vivid-green-600) !important;
  color: white !important;
}
.p-datepicker .p-monthpicker .p-monthpicker-month:hover,
.p-datepicker .p-yearpicker .p-yearpicker-year:hover {
  background: var(--groupui-vwgroup-ref-color-vivid-green-600) !important;
  color: white !important;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-monthpicker-month-selected, .p-datepicker .p-monthpicker .p-monthpicker-month.p-yearpicker-year-selected,
.p-datepicker .p-yearpicker .p-yearpicker-year.p-monthpicker-month-selected,
.p-datepicker .p-yearpicker .p-yearpicker-year.p-yearpicker-year-selected {
  background: var(--groupui-vwgroup-ref-color-vivid-green-600) !important;
  color: white !important;
}

app-json-form-group {
  display: flex;
  flex-direction: column;
  gap: var(--groupui-sys-spacing-600);
}

app-json-form-group {
  display: flex;
  flex-direction: column;
  gap: var(--groupui-sys-spacing-300);
}

html,
body {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.required::after {
  content: "*";
  color: var(--groupui-vwgroup-ref-color-system-red-800);
}

.btn-disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}

.tooltip-indicator:hover {
  text-decoration: underline;
  text-decoration-color: var(--groupui-vwgroup-ref-color-grey-800);
  text-decoration-style: dotted;
  text-decoration-thickness: from-font;
  text-underline-offset: 3px;
}

groupui-modal {
  z-index: 10;
}

groupui-notification {
  z-index: initial;
}

.groupui-label {
  font-weight: bold;
  font-size: 0.875rem;
  color: rgb(76, 83, 86);
}

.json-file-code-mirror-error-line {
  text-decoration: underline;
  text-decoration-style: wavy;
  text-decoration-color: red;
}

.p-datepicker .p-datepicker-panel {
  top: 0 !important;
}

.startTimestamp label,
.endTimestamp label {
  font-weight: var(--groupui-sys-font-weight-bold);
  font-size: var(--groupui-sys-font-size-350);
}

p-datepicker {
  min-width: 400px;
}

/*# sourceMappingURL=styles.ad90756d03a2dcf8.css.map*/