/**
 * THIS FILE WAS GENERATED AUTOMATICALLY AND SHOULD NOT BE OVERWRITTEN MANUALLY!
 * 
 * Version 0.4.1
 * Generated on Wed Mar 20 2024 22:32:14 GMT+0000 (Coordinated Universal Time)
 * Copyright (c) Allianz Group
 * 
 * ATTENTION: This is a very heavy work in progress version of the Allianz design tokens.
 * It is neither guaranteed that the completeness nor the naming, nor the values of this
 * design token set will change in future versions until it is regarded and announced as
 * stable.
 */

:root {
  --core-color-blue-100: #F0F7FC;
  --core-color-blue-200: #DBEAF5;
  --core-color-blue-300: #C3D7E9;
  --core-color-blue-400: #ADC6DC;
  --core-color-blue-500: #8DAFD1;
  --core-color-blue-600: #6590BD;
  --core-color-blue-700: #3F72B1;
  --core-color-blue-800: #1A5393;
  --core-color-blue-900: #003781;
  --core-color-blue-1000: #122B54;
  --core-color-blue-1100: #0C1E3D;
  --core-color-blue-1200: #000F26;
  --core-color-aqua-100: #EEF6F6;
  --core-color-aqua-200: #DFEFF2;
  --core-color-aqua-300: #B2DCEA;
  --core-color-aqua-400: #83CBE5;
  --core-color-aqua-500: #51B6DD;
  --core-color-aqua-600: #0E98CC;
  --core-color-aqua-700: #0377A8;
  --core-color-aqua-800: #005885;
  --core-color-aqua-900: #003D63;
  --core-color-aqua-1000: #002F4B;
  --core-color-aqua-1100: #001E32;
  --core-color-aqua-1200: #00111D;
  --core-color-teal-100: #E3F8F8;
  --core-color-teal-200: #C2F0EF;
  --core-color-teal-300: #8DE3E2;
  --core-color-teal-400: #6DD2D0;
  --core-color-teal-500: #46BAB8;
  --core-color-teal-600: #1F9B9E;
  --core-color-teal-700: #057C85;
  --core-color-teal-800: #005C64;
  --core-color-teal-900: #014248;
  --core-color-teal-1000: #013134;
  --core-color-teal-1100: #012325;
  --core-color-teal-1200: #001213;
  --core-color-green-100: #E7F9EB;
  --core-color-green-200: #C0F3D1;
  --core-color-green-300: #9AE5B4;
  --core-color-green-400: #68D190;
  --core-color-green-500: #34C270;
  --core-color-green-600: #10A251;
  --core-color-green-700: #05813C;
  --core-color-green-800: #006028;
  --core-color-green-900: #00450F;
  --core-color-green-1000: #023409;
  --core-color-green-1100: #052409;
  --core-color-green-1200: #071108;
  --core-color-yellow-100: #FEF5CD;
  --core-color-yellow-200: #FBE6A7;
  --core-color-yellow-300: #FAD066;
  --core-color-yellow-400: #FAB600;
  --core-color-yellow-500: #DBA103;
  --core-color-yellow-600: #B48602;
  --core-color-yellow-700: #8F6A00;
  --core-color-yellow-800: #6A4E00;
  --core-color-yellow-900: #4B3701;
  --core-color-yellow-1000: #382A04;
  --core-color-yellow-1100: #281D05;
  --core-color-yellow-1200: #130E03;
  --core-color-orange-100: #FBF3E9;
  --core-color-orange-200: #FCE2C8;
  --core-color-orange-300: #FECA91;
  --core-color-orange-400: #FFA456;
  --core-color-orange-500: #FF8939;
  --core-color-orange-600: #EA6308; /* Orange */
  --core-color-orange-700: #C34800; /* Orange */
  --core-color-orange-800: #933400; /* Orange */
  --core-color-orange-900: #682500;
  --core-color-orange-1000: #4E1D01;
  --core-color-orange-1100: #361503;
  --core-color-orange-1200: #1B0A03;
  --core-color-red-100: #FBF1F1;
  --core-color-red-200: #FAE2E3;
  --core-color-red-300: #FACAC6;
  --core-color-red-400: #FEA5AA;
  --core-color-red-500: #FF808A;
  --core-color-red-600: #FD4369;
  --core-color-red-700: #DD0A42;
  --core-color-red-800: #AA001B;
  --core-color-red-900: #7C0007;
  --core-color-red-1000: #5C0906;
  --core-color-red-1100: #3F0C06;
  --core-color-red-1200: #1F0804;
  --core-color-purple-100: #FDF1F7; /* Purple */
  --core-color-purple-200: #F9E1ED; /* Purple */
  --core-color-purple-300: #F4C9DF; /* Purple */
  --core-color-purple-400: #EEAECB; /* Purple */
  --core-color-purple-500: #E78EB3; /* Purple */
  --core-color-purple-600: #DC6597; /* Purple */
  --core-color-purple-700: #BD417F; /* Purple */
  --core-color-purple-800: #962165; /* Purple */
  --core-color-purple-900: #720849;
  --core-color-purple-1000: #5B0037; /* Purple */
  --core-color-purple-1100: #430023; /* Purple */
  --core-color-purple-1200: #2A0010; /* Purple */
  --core-color-gray-100: #F4F4F5;
  --core-color-gray-200: #E9EAEB;
  --core-color-gray-300: #D7D9DB;
  --core-color-gray-400: #C0C4C7;
  --core-color-gray-500: #A7ACB1;
  --core-color-gray-600: #888F96;
  --core-color-gray-700: #68727B;
  --core-color-gray-800: #495560;
  --core-color-gray-900: #2F3C49;
  --core-color-gray-1000: #202D3B;
  --core-color-gray-1100: #12202E;
  --core-color-gray-1200: #041321;
  --core-color-inverse-100: #FFFFFF03;
  --core-color-inverse-200: #FFFFFF0A;
  --core-color-inverse-300: #FFFFFF17;
  --core-color-inverse-400: #FFFFFF26;
  --core-color-inverse-500: #FFFFFF3B;
  --core-color-inverse-600: #FFFFFF59;
  --core-color-inverse-700: #FFFFFF7D;
  --core-color-inverse-800: #FFFFFFAB;
  --core-color-inverse-900: #FFFFFFB8;
  --core-color-inverse-1000: #FFFFFFCC;
  --core-color-inverse-1100: #FFFFFFE6;
  --core-color-inverse-1200: #FFFFFF;
  --core-color-white: #FFFFFF;
  --core-color-black: #000000;
  --core-border-position-outside: outside;
  --core-border-position-inside: inside;
  --core-dimension-0: 0px;
  --core-dimension-25: 1px;
  --core-dimension-50: 2px;
  --core-dimension-75: 3px;
  --core-dimension-100: 4px;
  --core-dimension-150: 6px;
  --core-dimension-200: 8px;
  --core-dimension-250: 10px;
  --core-dimension-300: 12px;
  --core-dimension-350: 14px;
  --core-dimension-400: 16px;
  --core-dimension-450: 18px;
  --core-dimension-500: 20px;
  --core-dimension-550: 22px;
  --core-dimension-600: 24px;
  --core-dimension-650: 26px;
  --core-dimension-700: 28px;
  --core-dimension-800: 32px;
  --core-dimension-900: 36px;
  --core-dimension-1000: 40px;
  --core-dimension-1200: 48px;
  --core-dimension-1300: 52px;
  --core-dimension-1400: 56px;
  --core-dimension-1500: 60px;
  --core-dimension-1600: 64px;
  --core-dimension-2000: 80px;
  --core-dimension-2400: 96px;
  --core-dimension-4000: 160px;
  --core-border-width-100: 1px;
  --core-border-width-200: 2px;
  --core-border-width-400: 4px;
  --core-border-radius-0: 0px;
  --core-border-radius-50: 4px;
  --core-border-radius-100: 8px;
  --core-border-radius-200: 16px;
  --core-scale-75: 0.97;
  --core-scale-100: 1;
  --core-breakpoint-xs: 0;
  --core-breakpoint-s: 320px;
  --core-breakpoint-m: 704px;
  --core-breakpoint-l: 992px;
  --core-breakpoint-xl: 1280px;
  --core-breakpoint-2xl: 1472px;
  --core-breakpoint-3xl: 1760px;
  --core-breakpoint-max-width-xs: 319px; /* Normally irrelevant. Only needed by special tools and Figma. */
  --core-breakpoint-max-width-s: 703px; /* Normally irrelevant. Only needed by special tools and Figma. */
  --core-breakpoint-max-width-m: 991px; /* Normally irrelevant. Only needed by special tools and Figma. */
  --core-breakpoint-max-width-l: 1279px; /* Normally irrelevant. Only needed by special tools and Figma. */
  --core-breakpoint-max-width-xl: 1471px; /* Normally irrelevant. Only needed by special tools and Figma. */
  --core-breakpoint-max-width-2xl: 1759px; /* Normally irrelevant. Only needed by special tools and Figma. */
  --core-grid-gutter-xs: 16px; /* The core.grid.gutter design tokens are used for spacing between the 12 column grid the design system is build upon. */
  --core-grid-gutter-s: 16px; /* The core.grid.gutter design tokens are used for spacing between the 12 column grid the design system is build upon. */
  --core-grid-gutter-m: 32px; /* The core.grid.gutter design tokens are used for spacing between the 12 column grid the design system is build upon. */
  --core-grid-gutter-l: 32px; /* The core.grid.gutter design tokens are used for spacing between the 12 column grid the design system is build upon. */
  --core-grid-gutter-xl: 32px; /* The core.grid.gutter design tokens are used for spacing between the 12 column grid the design system is build upon. */
  --core-grid-gutter-2xl: 32px; /* The core.grid.gutter design tokens are used for spacing between the 12 column grid the design system is build upon. */
  --core-grid-gutter-3xl: 32px; /* The core.grid.gutter design tokens are used for spacing between the 12 column grid the design system is build upon. */
  --core-grid-margin-xs: 24px; /* CSS usage example for a content area element: margin: 0 var(--core-grid-margin-xs) */
  --core-grid-margin-s: 24px; /* CSS usage example for a content area element: margin: 0 var(--core-grid-margin-s) */
  --core-grid-margin-m: 48px; /* CSS usage example for a content area element: margin: 0 var(--core-grid-margin-m) */
  --core-grid-margin-l: 64px; /* CSS usage example for a content area element: margin: 0 var(--core-grid-margin-l) */
  --core-grid-margin-xl: 64px; /* Normally not necessary to assign, cause of the core.grid.max-width we should use margin: auto from breakpoint-xl on. */
  --core-grid-margin-2xl: 64px; /* Normally not necessary to assign, cause of the core.grid.max-width we should use margin: auto from breakpoint-xl on. */
  --core-grid-margin-3xl: 64px; /* Normally not necessary to assign, cause of the core.grid.max-width we should use margin: auto from breakpoint-xl on. */
  --core-grid-max-width: 1344px; /* Wraps the content area of a website into a max-width. Recommended usage is from core-breakpoint-2xl on (with margin: 0 auto), because: core-breakpoint-2xl = core-grid-max-width + 2 * core.grid.margin-2xl */
  --core-motion-duration-0: 0s;
  --core-motion-duration-10: 0.01s; /* Workaround delay value in order to i.e. prevent visual glitch with a fast track pad tap on a button */
  --core-motion-duration-25: 0.05s;
  --core-motion-duration-30: 0.06s;
  --core-motion-duration-40: 0.08s;
  --core-motion-duration-50: 0.1s;
  --core-motion-duration-70: 0.14s;
  --core-motion-duration-75: 0.15s;
  --core-motion-duration-100: 0.2s;
  --core-motion-duration-125: 0.25s;
  --core-motion-duration-150: 0.3s;
  --core-motion-duration-175: 0.35s;
  --core-motion-duration-200: 0.4s;
  --core-motion-duration-225: 0.45s;
  --core-motion-curve-ease-out-1: cubic-bezier(0, 0.95, 0.68, 1);
  --core-motion-curve-ease-out-2: cubic-bezier(0.4, 0.35, 0.2, 1);
  --core-motion-curve-ease-out-3: cubic-bezier(0.33, 1, 0.68, 1);
  --core-motion-curve-ease-out-4: cubic-bezier(0.1, 0.4, 0.5, 1);
  --core-motion-curve-ease-in-out-1: cubic-bezier(0.4, 0, 0.2, 1);
  --core-motion-curve-ease-in-out-2: cubic-bezier(0.65, 0, 0.35, 1);
  --core-motion-curve-ease-in-out-3: cubic-bezier(0.8, 0, 0.2, 1);
  --core-motion-curve-linear: linear;
  --core-font-family-primary: 'Allianz Neo';
  --core-font-weight-100: 400; /* Regular */
  --core-font-weight-150: 600; /* Semi-Bold */
  --core-font-weight-200: 700; /* Bold */
  --core-font-size-25: 12px; /* Not accessible. Used for special occassions like the indicator. */
  --core-font-size-50: 14px;
  --core-font-size-100: 16px;
  --core-font-size-200: 20px;
  --core-font-size-300: 24px;
  --core-font-size-400: 28px;
  --core-font-size-500: 32px;
  --core-font-size-600: 36px;
  --core-font-size-700: 40px;
  --core-font-size-800: 52px;
  --core-font-size-900: 64px;
  --core-font-size-1000: 80px;
  --core-font-size-1100: 160px;
  --core-font-size-user-agent: 16px; /* Value for 1rem based on user's browser settings */
  --core-line-height-25: 12px;
  --core-line-height-50: 14px;
  --core-line-height-100: 16px;
  --core-line-height-150: 18px;
  --core-line-height-200: 20px;
  --core-line-height-250: 22px;
  --core-line-height-300: 24px;
  --core-line-height-350: 26px;
  --core-line-height-400: 28px;
  --core-line-height-500: 32px;
  --core-line-height-600: 36px;
  --core-line-height-700: 40px;
  --core-line-height-800: 52px;
  --core-line-height-900: 64px;
  --core-line-height-1000: 80px;
  --core-line-height-1100: 160px;
  --core-letter-spacing-0: 0em;
  --core-letter-spacing-negative-50: -0.005em;
  --core-letter-spacing-negative-100: -0.01em;
  --core-letter-spacing-negative-200: -0.02em;
  --core-letter-spacing-positive-50: 0.005em;
  --core-letter-spacing-positive-100: 0.01em;
  --core-text-decoration-underline: underline;
  --core-text-decoration-none: none;
  --semantic-motion-duration-fast-10: 0.01s; /* A rapid duration which is hardly noticed by users. */
  --semantic-motion-duration-fast-50: 0.05s; /* A rapid duration which is hardly noticed by users. */
  --semantic-motion-duration-fast-100: 0.1s; /* A rapid duration which is hardly noticed by users. */
  --semantic-motion-duration-fast-150: 0.15s; /* A rapid duration which is hardly noticed by users. */
  --semantic-motion-duration-slow-200: 0.2s;
  --semantic-motion-duration-slow-250: 0.25s;
  --semantic-motion-duration-slow-300: 0.3s;
  --semantic-motion-duration-slow-350: 0.35s;
  --semantic-motion-duration-slow-400: 0.4s;
  --semantic-motion-duration-slow-450: 0.45s;
  --semantic-motion-duration-none: 0s;
  --semantic-motion-curve-fast-linear: linear;
  --semantic-motion-curve-slow-ease-in-out-001: cubic-bezier(0.4, 0, 0.2, 1);
  --semantic-motion-curve-slow-ease-in-out-002: cubic-bezier(0.65, 0, 0.35, 1);
  --semantic-motion-curve-slow-ease-in-out-003: cubic-bezier(0.8, 0, 0.2, 1);
  --semantic-motion-curve-slow-ease-out-001: cubic-bezier(0, 0.95, 0.68, 1);
  --semantic-motion-curve-slow-ease-out-002: cubic-bezier(0.4, 0.35, 0.2, 1);
  --semantic-motion-curve-slow-ease-out-003: cubic-bezier(0.33, 1, 0.68, 1);
  --semantic-motion-curve-slow-ease-out-004: cubic-bezier(0.1, 0.4, 0.5, 1);
  --semantic-motion-interaction-default-duration: 0.05s;
  --semantic-motion-interaction-default-easing: linear;
  --semantic-motion-interaction-default-delay: 0s;
  --semantic-motion-interaction-active-duration: 0.05s;
  --semantic-motion-interaction-active-easing: linear;
  --semantic-motion-interaction-active-delay: 0s;
  --semantic-motion-interaction-none-duration: 0s;
  --semantic-motion-interaction-none-easing: linear;
  --semantic-motion-interaction-none-delay: 0s;
  --semantic-motion-interaction-focus-duration: 0.05s;
  --semantic-motion-interaction-focus-easing: linear;
  --semantic-motion-interaction-focus-delay: 0s;
  --semantic-motion-icon-transition-start-duration: 0.06s;
  --semantic-motion-icon-transition-start-easing: linear;
  --semantic-motion-icon-transition-start-delay: 0s;
  --semantic-motion-icon-transition-end-duration: 0.06s;
  --semantic-motion-icon-transition-end-easing: linear;
  --semantic-motion-icon-transition-end-delay: 0.14s;
  --semantic-motion-icon-transition-between-duration: 0.08s;
  --semantic-motion-icon-transition-between-easing: linear;
  --semantic-motion-icon-transition-between-delay: 0.06s;
  --semantic-color-surface-default-resting: #000F26;
  --semantic-color-surface-default-hover: #0C1E3D;
  --semantic-color-surface-default-active: #122B54;
  --semantic-color-surface-default-disabled: #12202E;
  --semantic-color-surface-emphasis-resting: #001E32;
  --semantic-color-surface-emphasis-hover: #002F4B;
  --semantic-color-surface-emphasis-active: #003D63;
  --semantic-color-surface-emphasis-disabled: #202D3B;
  --semantic-color-surface-default-inverse-resting: #0C1E3D;
  --semantic-color-surface-default-inverse-hover: #122B54;
  --semantic-color-surface-default-inverse-active: #003781;
  --semantic-color-surface-default-inverse-disabled: #202D3B;
  --semantic-color-surface-emphasis-inverse-resting: #FFFFFF17;
  --semantic-color-surface-emphasis-inverse-hover: #FFFFFF26;
  --semantic-color-surface-emphasis-inverse-active: #FFFFFF3B;
  --semantic-color-surface-emphasis-inverse-disabled: #2F3C49;
  --semantic-color-surface-none: #FFFFFF00;
  --semantic-color-on-surface-primary-resting: #DBEAF5;
  --semantic-color-on-surface-primary-disabled: #2F3C49;
  --semantic-color-on-surface-primary-readonly: #A7ACB1;
  --semantic-color-on-surface-secondary-resting: #8DAFD1;
  --semantic-color-on-surface-secondary-disabled: #202D3B;
  --semantic-color-on-surface-secondary-readonly: #68727B;
  --semantic-color-on-surface-primary-inverse-resting: #FFFFFFE6;
  --semantic-color-on-surface-primary-inverse-disabled: #FFFFFF3B;
  --semantic-color-on-surface-primary-inverse-readonly: #C0C4C7;
  --semantic-color-on-surface-secondary-inverse-resting: #FFFFFFAB;
  --semantic-color-on-surface-secondary-inverse-disabled: #495560;
  --semantic-color-on-surface-secondary-inverse-readonly: #A7ACB1;
  --semantic-color-border-primary-resting: #6590BD;
  --semantic-color-border-primary-hover: #8DAFD1;
  --semantic-color-border-primary-active: #ADC6DC;
  --semantic-color-border-primary-disabled: #2F3C49;
  --semantic-color-border-secondary-resting: #3F72B1;
  --semantic-color-border-secondary-hover: #6590BD;
  --semantic-color-border-secondary-active: #8DAFD1;
  --semantic-color-border-secondary-disabled: #202D3B;
  --semantic-color-border-tertiary-resting: #122B54;
  --semantic-color-border-tertiary-hover: #003781;
  --semantic-color-border-tertiary-active: #1A5393;
  --semantic-color-border-tertiary-disabled: #202D3B;
  --semantic-color-border-focus: #0377A8;
  --semantic-color-border-primary-inverse-resting: #FFFFFFE6;
  --semantic-color-border-primary-inverse-hover: #FFFFFFCC;
  --semantic-color-border-primary-inverse-active: #FFFFFFAB;
  --semantic-color-border-primary-inverse-disabled: #68727B;
  --semantic-color-border-secondary-inverse-resting: #FFFFFFAB;
  --semantic-color-border-secondary-inverse-hover: #FFFFFF7D;
  --semantic-color-border-secondary-inverse-active: #FFFFFF59;
  --semantic-color-border-secondary-inverse-disabled: #495560;
  --semantic-color-border-tertiary-inverse-resting: #FFFFFF26;
  --semantic-color-border-tertiary-inverse-hover: #FFFFFF17;
  --semantic-color-border-tertiary-inverse-active: #FFFFFF0A;
  --semantic-color-border-tertiary-inverse-disabled: #2F3C49;
  --semantic-color-signal-attention-info: #6590BD;
  --semantic-color-signal-attention-positive: #10A251;
  --semantic-color-signal-attention-warning: #B48602;
  --semantic-color-signal-attention-critical: #FD4369;
  --semantic-color-signal-subtle-info: #0C1E3D;
  --semantic-color-signal-subtle-positive: #052409;
  --semantic-color-signal-subtle-warning: #281D05;
  --semantic-color-signal-subtle-critical: #3F0C06;
  --semantic-color-on-signal-attention-resting: #000F26;
  --semantic-color-on-signal-attention-disabled: #495560;
  --semantic-color-accent-small-text-blue: #0377A8;
  --semantic-color-accent-small-text-green: #10A251;
  --semantic-color-accent-small-text-teal: #1F9B9E;
  --semantic-color-accent-small-text-purple: #DC6597;
  --semantic-color-accent-small-text-red: #FD4369;
  --semantic-color-accent-small-text-orange: #EA6308;
  --semantic-color-accent-small-text-aqua: #0E98CC;
  --semantic-color-accent-large-text-aqua: #0377A8;
  --semantic-color-accent-large-text-green: #05813C;
  --semantic-color-accent-large-text-teal: #057C85;
  --semantic-color-accent-large-text-purple: #BD417F;
  --semantic-color-accent-large-text-red: #DD0A42;
  --semantic-color-accent-large-text-orange: #C34800;
  --semantic-color-accent-small-text-inverse-aqua: #0E98CC;
  --semantic-color-accent-small-text-inverse-green: #10A251;
  --semantic-color-accent-small-text-inverse-teal: #1F9B9E;
  --semantic-color-accent-small-text-inverse-yellow: #B48602;
  --semantic-color-accent-large-text-inverse-aqua: #0377A8;
  --semantic-color-accent-large-text-inverse-green: #05813C;
  --semantic-color-accent-large-text-inverse-teal: #057C85;
  --semantic-color-accent-large-text-inverse-red: #DD0A42;
  --semantic-color-accent-large-text-inverse-orange: #C34800;
  --semantic-color-accent-large-text-inverse-yellow: #8F6A00;
  --semantic-color-action-primary-resting: #8DAFD1;
  --semantic-color-action-primary-hover: #ADC6DC;
  --semantic-color-action-primary-active: #C3D7E9;
  --semantic-color-action-primary-disabled: #2F3C49;
  --semantic-color-action-primary-readonly: #A7ACB1;
  --semantic-color-action-secondary-resting: #6590BD;
  --semantic-color-action-secondary-hover: #8DAFD1;
  --semantic-color-action-secondary-active: #ADC6DC;
  --semantic-color-action-secondary-disabled: #2F3C49;
  --semantic-color-action-secondary-readonly: #888F96;
  --semantic-color-action-critical-resting: #FD4369;
  --semantic-color-action-critical-hover: #FF808A;
  --semantic-color-action-critical-active: #FEA5AA;
  --semantic-color-action-critical-disabled: #2F3C49;
  --semantic-color-action-callout-resting: #10A251;
  --semantic-color-action-callout-hover: #34C270;
  --semantic-color-action-callout-active: #68D190;
  --semantic-color-action-callout-disabled: #2F3C49;
  --semantic-color-action-primary-inverse-resting: #FFFFFFE6;
  --semantic-color-action-primary-inverse-hover: #FFFFFFB8;
  --semantic-color-action-primary-inverse-active: #FFFFFF7D;
  --semantic-color-action-primary-inverse-disabled: #FFFFFF3B;
  --semantic-color-action-primary-inverse-readonly: #C0C4C7;
  --semantic-color-action-secondary-inverse-resting: #FFFFFFAB;
  --semantic-color-action-secondary-inverse-hover: #FFFFFF7D;
  --semantic-color-action-secondary-inverse-active: #FFFFFF59;
  --semantic-color-action-secondary-inverse-disabled: #495560;
  --semantic-color-action-secondary-inverse-readonly: #A7ACB1;
  --semantic-color-on-action-primary-resting: #0C1E3D;
  --semantic-color-on-action-primary-disabled: #12202E;
  --semantic-color-on-action-primary-readonly: #A7ACB1;
  --semantic-color-on-action-secondary-resting: #122B54;
  --semantic-color-on-action-secondary-disabled: #202D3B;
  --semantic-color-on-action-secondary-readonly: #68727B;
  --semantic-color-on-action-primary-inverse-resting: #000F26;
  --semantic-color-on-action-primary-inverse-disabled: #495560;
  --semantic-color-on-action-primary-inverse-readonly: #F4F4F5;
  --semantic-color-on-action-secondary-inverse-resting: #1A5393;
  --semantic-color-on-action-secondary-inverse-disabled: #68727B;
  --semantic-color-on-action-secondary-inverse-readonly: #D7D9DB;
  --semantic-color-information-attention-yellow: #B48602;
  --semantic-color-information-attention-orange: #EA6308;
  --semantic-color-information-attention-red: #FD4369;
  --semantic-color-information-attention-purple: #DC6597;
  --semantic-color-information-attention-blue: #6590BD;
  --semantic-color-information-attention-aqua: #0E98CC;
  --semantic-color-information-attention-teal: #1F9B9E;
  --semantic-color-information-attention-green: #10A251;
  --semantic-color-information-attention-gray: #888F96;
  --semantic-color-information-attention-disabled: #202D3B;
  --semantic-color-information-attention-readonly: #2F3C49;
  --semantic-color-information-subtle-yellow: #281D05;
  --semantic-color-information-subtle-orange: #361503;
  --semantic-color-information-subtle-red: #3F0C06;
  --semantic-color-information-subtle-purple: #430023;
  --semantic-color-information-subtle-blue: #0C1E3D;
  --semantic-color-information-subtle-aqua: #001E32;
  --semantic-color-information-subtle-teal: #012325;
  --semantic-color-information-subtle-green: #052409;
  --semantic-color-information-subtle-gray: #12202E;
  --semantic-color-information-subtle-disabled: #12202E;
  --semantic-color-information-subtle-readonly: #12202E;
  --semantic-color-on-information-attention-resting: #000F26;
  --semantic-color-on-information-attention-disabled: #495560;
  --semantic-color-on-information-attention-readonly: #A7ACB1;
  --semantic-color-on-information-subtle-yellow: #B48602;
  --semantic-color-on-information-subtle-orange: #EA6308;
  --semantic-color-on-information-subtle-red: #FD4369;
  --semantic-color-on-information-subtle-purple: #DC6597;
  --semantic-color-on-information-subtle-blue: #6590BD;
  --semantic-color-on-information-subtle-aqua: #0E98CC;
  --semantic-color-on-information-subtle-teal: #1F9B9E;
  --semantic-color-on-information-subtle-green: #10A251;
  --semantic-color-on-information-subtle-gray: #888F96;
  --semantic-color-on-information-subtle-disabled: #2F3C49;
  --semantic-color-on-information-subtle-readonly: #888F96;
  --semantic-elevation-100-1-x: 0px;
  --semantic-elevation-100-1-y: 0px;
  --semantic-elevation-100-1-blur: 0px;
  --semantic-elevation-100-1-spread: 1px;
  --semantic-elevation-100-1-color: #202D3B;
  --semantic-elevation-100-1-type: dropShadow;
  --semantic-elevation-100-2-x: 0px;
  --semantic-elevation-100-2-y: 2px;
  --semantic-elevation-100-2-blur: 12px;
  --semantic-elevation-100-2-spread: 0px;
  --semantic-elevation-100-2-color: #0413212E;
  --semantic-elevation-100-2-type: dropShadow;
  --semantic-elevation-200-1-x: 0px;
  --semantic-elevation-200-1-y: 0px;
  --semantic-elevation-200-1-blur: 0px;
  --semantic-elevation-200-1-spread: 1px;
  --semantic-elevation-200-1-color: #202D3B;
  --semantic-elevation-200-1-type: dropShadow;
  --semantic-elevation-200-2-x: 0px;
  --semantic-elevation-200-2-y: 4px;
  --semantic-elevation-200-2-blur: 24px;
  --semantic-elevation-200-2-spread: 0px;
  --semantic-elevation-200-2-color: #0413212E;
  --semantic-elevation-200-2-type: dropShadow;
  --semantic-elevation-300-1-x: 0px;
  --semantic-elevation-300-1-y: 0px;
  --semantic-elevation-300-1-blur: 0px;
  --semantic-elevation-300-1-spread: 1px;
  --semantic-elevation-300-1-color: #202D3B;
  --semantic-elevation-300-1-type: dropShadow;
  --semantic-elevation-300-2-x: 0px;
  --semantic-elevation-300-2-y: 8px;
  --semantic-elevation-300-2-blur: 36px;
  --semantic-elevation-300-2-spread: 0px;
  --semantic-elevation-300-2-color: #0413212E;
  --semantic-elevation-300-2-type: dropShadow;
  --semantic-elevation-400-1-x: 0px;
  --semantic-elevation-400-1-y: 0px;
  --semantic-elevation-400-1-blur: 0px;
  --semantic-elevation-400-1-spread: 1px;
  --semantic-elevation-400-1-color: #202D3B;
  --semantic-elevation-400-1-type: dropShadow;
  --semantic-elevation-400-2-x: 0px;
  --semantic-elevation-400-2-y: 16px;
  --semantic-elevation-400-2-blur: 48px;
  --semantic-elevation-400-2-spread: 0px;
  --semantic-elevation-400-2-color: #0413212E;
  --semantic-elevation-400-2-type: dropShadow;
  --semantic-elevation-500-1-x: 0px;
  --semantic-elevation-500-1-y: 0px;
  --semantic-elevation-500-1-blur: 0px;
  --semantic-elevation-500-1-spread: 1px;
  --semantic-elevation-500-1-color: #202D3B;
  --semantic-elevation-500-1-type: dropShadow;
  --semantic-elevation-500-2-x: 0px;
  --semantic-elevation-500-2-y: 32px;
  --semantic-elevation-500-2-blur: 60px;
  --semantic-elevation-500-2-spread: 0px;
  --semantic-elevation-500-2-color: #0413212E;
  --semantic-elevation-500-2-type: dropShadow;
  --semantic-text-body-s-font-family: 'Allianz Neo';
  --semantic-text-body-s-font-weight: 400;
  --semantic-text-body-s-line-height: 22px;
  --semantic-text-body-s-font-size: 16px;
  --semantic-text-body-s-letter-spacing: 0em;
  --semantic-text-body-m-font-family: 'Allianz Neo';
  --semantic-text-body-m-font-weight: 400;
  --semantic-text-body-m-line-height: 26px;
  --semantic-text-body-m-font-size: 20px;
  --semantic-text-body-m-letter-spacing: 0em;
  --semantic-text-body-l-font-family: 'Allianz Neo';
  --semantic-text-body-l-font-weight: 400;
  --semantic-text-body-l-line-height: 32px;
  --semantic-text-body-l-font-size: 24px;
  --semantic-text-body-l-letter-spacing: 0em;
  --semantic-text-utility-default-s-font-family: 'Allianz Neo';
  --semantic-text-utility-default-s-font-weight: 400;
  --semantic-text-utility-default-s-line-height: 20px;
  --semantic-text-utility-default-s-font-size: 16px;
  --semantic-text-utility-default-s-letter-spacing: 0em;
  --semantic-text-utility-default-m-font-family: 'Allianz Neo';
  --semantic-text-utility-default-m-font-weight: 400;
  --semantic-text-utility-default-m-line-height: 24px;
  --semantic-text-utility-default-m-font-size: 20px;
  --semantic-text-utility-default-m-letter-spacing: 0em;
  --semantic-text-utility-attention-s-font-family: 'Allianz Neo';
  --semantic-text-utility-attention-s-font-weight: 700;
  --semantic-text-utility-attention-s-line-height: 20px;
  --semantic-text-utility-attention-s-font-size: 16px;
  --semantic-text-utility-attention-s-letter-spacing: 0em;
  --semantic-text-utility-attention-m-font-family: 'Allianz Neo';
  --semantic-text-utility-attention-m-font-weight: 700;
  --semantic-text-utility-attention-m-line-height: 24px;
  --semantic-text-utility-attention-m-font-size: 20px;
  --semantic-text-utility-attention-m-letter-spacing: 0em;
  --semantic-text-headline-s-font-family: 'Allianz Neo';
  --semantic-text-headline-s-font-weight: 700;
  --semantic-text-headline-s-line-height: 20px;
  --semantic-text-headline-s-font-size: 16px;
  --semantic-text-headline-s-letter-spacing: 0em;
  --semantic-text-headline-m-font-family: 'Allianz Neo';
  --semantic-text-headline-m-font-weight: 700;
  --semantic-text-headline-m-line-height: 24px;
  --semantic-text-headline-m-font-size: 20px;
  --semantic-text-headline-m-letter-spacing: 0em;
  --semantic-text-headline-l-font-family: 'Allianz Neo';
  --semantic-text-headline-l-font-weight: 700;
  --semantic-text-headline-l-line-height: 28px;
  --semantic-text-headline-l-font-size: 24px;
  --semantic-text-headline-l-letter-spacing: 0em;
  --semantic-text-headline-xl-font-family: 'Allianz Neo';
  --semantic-text-headline-xl-font-weight: 600;
  --semantic-text-headline-xl-line-height: 32px;
  --semantic-text-headline-xl-font-size: 28px;
  --semantic-text-headline-xl-letter-spacing: 0em;
  --semantic-text-headline-2xl-font-family: 'Allianz Neo';
  --semantic-text-headline-2xl-font-weight: 600;
  --semantic-text-headline-2xl-line-height: 32px;
  --semantic-text-headline-2xl-font-size: 32px;
  --semantic-text-headline-2xl-letter-spacing: -0.005em;
  --semantic-text-headline-3xl-font-family: 'Allianz Neo';
  --semantic-text-headline-3xl-font-weight: 600;
  --semantic-text-headline-3xl-line-height: 40px;
  --semantic-text-headline-3xl-font-size: 40px;
  --semantic-text-headline-3xl-letter-spacing: -0.005em;
  --semantic-text-headline-4xl-font-family: 'Allianz Neo';
  --semantic-text-headline-4xl-font-weight: 600;
  --semantic-text-headline-4xl-line-height: 52px;
  --semantic-text-headline-4xl-font-size: 52px;
  --semantic-text-headline-4xl-letter-spacing: -0.005em;
  --semantic-border-radius-action-s: 4px;
  --semantic-border-radius-action-m: 8px;
  --semantic-border-radius-surface-s: 4px;
  --semantic-border-radius-surface-m: 8px;
  --semantic-border-radius-surface-l: 16px;
  --semantic-border-width-static: 1px;
  --semantic-border-width-action: 1px;
  --semantic-border-width-focus: 4px;
  --semantic-border-width-selected: 2px;
  --semantic-breakpoint-l-text-headline-xl-font-family: 'Allianz Neo';
  --semantic-breakpoint-l-text-headline-xl-font-weight: 600;
  --semantic-breakpoint-l-text-headline-xl-line-height: 36px;
  --semantic-breakpoint-l-text-headline-xl-font-size: 36px;
  --semantic-breakpoint-l-text-headline-xl-letter-spacing: -0.005em;
  --semantic-breakpoint-l-text-headline-2xl-font-family: 'Allianz Neo';
  --semantic-breakpoint-l-text-headline-2xl-font-weight: 600;
  --semantic-breakpoint-l-text-headline-2xl-line-height: 52px;
  --semantic-breakpoint-l-text-headline-2xl-font-size: 52px;
  --semantic-breakpoint-l-text-headline-2xl-letter-spacing: -0.005em;
  --semantic-breakpoint-l-text-headline-3xl-font-family: 'Allianz Neo';
  --semantic-breakpoint-l-text-headline-3xl-font-weight: 600;
  --semantic-breakpoint-l-text-headline-3xl-line-height: 80px;
  --semantic-breakpoint-l-text-headline-3xl-font-size: 80px;
  --semantic-breakpoint-l-text-headline-3xl-letter-spacing: -0.01em;
  --semantic-breakpoint-l-text-headline-4xl-font-family: 'Allianz Neo';
  --semantic-breakpoint-l-text-headline-4xl-font-weight: 600;
  --semantic-breakpoint-l-text-headline-4xl-line-height: 160px;
  --semantic-breakpoint-l-text-headline-4xl-font-size: 160px;
  --semantic-breakpoint-l-text-headline-4xl-letter-spacing: -0.02em;
  --semantic-size-icon-s: 20px;
  --semantic-size-icon-m: 24px;
  --semantic-size-scale-shrink: 0.97;
  --semantic-size-scale-base: 1;
  --semantic-spacing-static-100: 4px;
  --semantic-spacing-static-200: 8px;
  --semantic-spacing-static-300: 12px;
  --semantic-spacing-static-400: 16px;
  --semantic-spacing-static-500: 20px;
  --semantic-spacing-static-600: 24px;
  --semantic-spacing-static-800: 32px;
  --semantic-spacing-static-1200: 48px;
  --semantic-spacing-static-1600: 64px;
  --semantic-spacing-static-2400: 96px;
  --semantic-spacing-dynamic-1-100: 4px;
  --semantic-spacing-dynamic-1-200: 8px;
  --semantic-spacing-dynamic-1-300: 12px;
  --semantic-spacing-dynamic-1-400: 16px;
  --semantic-spacing-dynamic-1-600: 24px;
  --semantic-spacing-dynamic-1-800: 32px;
  --semantic-spacing-dynamic-1-1200: 48px;
  --semantic-spacing-dynamic-1-1400: 56px;
  --semantic-spacing-dynamic-1-1600: 64px;
  --semantic-spacing-dynamic-1-2400: 96px;
  --semantic-spacing-dynamic-2-100: 4px;
  --semantic-spacing-dynamic-2-200: 8px;
  --semantic-spacing-dynamic-2-300: 12px;
  --semantic-spacing-dynamic-2-400: 16px;
  --semantic-spacing-dynamic-2-600: 24px;
  --semantic-spacing-dynamic-2-800: 32px;
  --semantic-spacing-dynamic-2-1200: 48px;
  --semantic-spacing-dynamic-2-1400: 56px;
  --semantic-spacing-dynamic-2-1600: 64px;
  --semantic-spacing-dynamic-2-2400: 96px;
  --semantic-spacing-dynamic-3-100: 4px;
  --semantic-spacing-dynamic-3-200: 8px;
  --semantic-spacing-dynamic-3-300: 12px;
  --semantic-spacing-dynamic-3-400: 16px;
  --semantic-spacing-dynamic-3-600: 24px;
  --semantic-spacing-dynamic-3-800: 32px;
  --semantic-spacing-dynamic-3-1200: 48px;
  --semantic-spacing-dynamic-3-1400: 56px;
  --semantic-spacing-dynamic-3-1600: 64px;
  --semantic-spacing-dynamic-3-2400: 96px;
  --semantic-offset-focus: 2px;
  --semantic-max-width-text-s: 1088px;
  --semantic-max-width-text-m: 1088px;
  --semantic-max-width-text-l: 1088px;
  --hint-color-resting: #8DAFD1;
  --hint-color-disabled: #202D3B;
  --hint-text-font-family: 'Allianz Neo';
  --hint-text-font-weight: 400;
  --hint-text-line-height: 20px;
  --hint-text-font-size: 16px;
  --hint-text-letter-spacing: 0em;
  --indicator-color: #000F26;
  --indicator-surface-critical: #FD4369;
  --indicator-surface-warning: #B48602;
  --indicator-surface-positive: #10A251;
  --indicator-surface-info: #6590BD;
  --indicator-border-color: #FFFFFFE6;
  --indicator-text-font-family: 'Allianz Neo';
  --indicator-text-font-weight: 600;
  --indicator-text-line-height: 12px;
  --indicator-text-font-size: 12px;
  --indicator-text-letter-spacing: 0em;
  --indicator-count-min-width: 16px;
  --indicator-count-height: 16px;
  --indicator-count-inset-all: 2px 4px;
  --indicator-count-inset-top: 2px;
  --indicator-count-inset-right: 4px;
  --indicator-count-inset-bottom: 2px;
  --indicator-count-inset-left: 4px;
  --indicator-count-border-radius: 8px;
  --indicator-countless-size: 8px;
  --indicator-countless-border-radius: 4px;
  --indicator-border-width: 1px;
  --input-field-color-resting: #DBEAF5;
  --input-field-color-disabled: #2F3C49;
  --input-field-color-readonly: #A7ACB1;
  --input-field-surface-resting: #000F26;
  --input-field-surface-disabled: #12202E;
  --input-field-surface-readonly: #12202E;
  --input-field-border-color-resting: #3F72B1;
  --input-field-border-color-disabled: #202D3B;
  --input-field-border-color-readonly: #202D3B;
  --input-field-border-color-critical: #FD4369;
  --input-field-border-color-warning: #B48602;
  --input-field-border-color-positive: #10A251;
  --input-field-border-radius: 8px;
  --input-field-gap: 8px;
  --input-field-placeholder-color-resting: #8DAFD1;
  --input-field-placeholder-color-disabled: #202D3B;
  --input-field-focus-border-radius: 8px;
  --input-field-border-width: 1px;
  --input-field-inset-all: 14px 16px;
  --input-field-inset-top: 14px;
  --input-field-inset-right: 16px;
  --input-field-inset-bottom: 14px;
  --input-field-inset-left: 16px;
  --input-field-text-font-family: 'Allianz Neo';
  --input-field-text-font-weight: 400;
  --input-field-text-line-height: 24px;
  --input-field-text-font-size: 20px;
  --input-field-text-letter-spacing: 0em;
  --input-field-min-height: 52px;
  --label-color-resting: #DBEAF5;
  --label-color-disabled: #2F3C49;
  --label-gap: 4px;
  --label-item-text-font-family: 'Allianz Neo';
  --label-item-text-font-weight: 400;
  --label-item-text-line-height: 24px;
  --label-item-text-font-size: 20px;
  --label-item-text-letter-spacing: 0em;
  --label-optional-text-font-family: 'Allianz Neo';
  --label-optional-text-font-weight: 400;
  --label-optional-text-line-height: 24px;
  --label-optional-text-font-size: 20px;
  --label-optional-text-letter-spacing: 0em;
  --label-group-text-font-family: 'Allianz Neo';
  --label-group-text-font-weight: 700;
  --label-group-text-line-height: 24px;
  --label-group-text-font-size: 20px;
  --label-group-text-letter-spacing: 0em;
  --message-color-critical: #FD4369;
  --message-color-warning: #B48602;
  --message-color-positive: #10A251;
  --message-color-info: #6590BD;
  --message-text-font-family: 'Allianz Neo';
  --message-text-font-weight: 400;
  --message-text-line-height: 20px;
  --message-text-font-size: 16px;
  --message-text-letter-spacing: 0em;
  --message-icon-size: 20px;
  --message-gap: 4px;
  --accordion-border-color: #3F72B1;
  --accordion-border-width: 1px;
  --accordion-headline-text-font-family: 'Allianz Neo';
  --accordion-headline-text-font-weight: 400;
  --accordion-headline-text-line-height: 32px;
  --accordion-headline-text-font-size: 24px;
  --accordion-headline-text-letter-spacing: 0em;
  --accordion-headline-font-weight-opened: 700;
  --accordion-headline-font-weight-closed: 400;
  --accordion-headline-color-resting: #8DAFD1;
  --accordion-headline-color-hover: #ADC6DC;
  --accordion-headline-color-active: #C3D7E9;
  --accordion-headline-color-disabled: #2F3C49;
  --accordion-headline-color-readonly: #2F3C49;
  --accordion-headline-color-resting-critical: #FD4369;
  --accordion-headline-color-hover-critical: #FF808A;
  --accordion-headline-color-active-critical: #FEA5AA;
  --accordion-headline-transition-color-default-duration: 0.15s;
  --accordion-headline-transition-color-default-easing: linear;
  --accordion-headline-transition-color-default-delay: 0s;
  --accordion-headline-transition-color-active-duration: 0.15s;
  --accordion-headline-transition-color-active-easing: linear;
  --accordion-headline-transition-color-active-delay: 0s;
  --accordion-headline-transition-font-weight-opened-duration: 0.15s;
  --accordion-headline-transition-font-weight-opened-easing: linear;
  --accordion-headline-transition-font-weight-opened-delay: 0s;
  --accordion-item-inset-all: 24px 0px;
  --accordion-item-inset-top: 24px;
  --accordion-item-inset-right: 0px;
  --accordion-item-inset-bottom: 24px;
  --accordion-item-inset-left: 0px;
  --accordion-item-gap: 48px;
  --accordion-item-headline-gap: 4px;
  --accordion-item-header-gap: 32px;
  --accordion-chevron-color-resting: #8DAFD1;
  --accordion-chevron-color-hover: #ADC6DC;
  --accordion-chevron-color-active: #C3D7E9;
  --accordion-chevron-color-disabled: #2F3C49;
  --accordion-chevron-color-readonly: #2F3C49;
  --accordion-chevron-color-resting-critical: #FD4369;
  --accordion-chevron-color-hover-critical: #FF808A;
  --accordion-chevron-color-active-critical: #FEA5AA;
  --accordion-chevron-transition-color-default-duration: 0.15s;
  --accordion-chevron-transition-color-default-easing: linear;
  --accordion-chevron-transition-color-default-delay: 0s;
  --accordion-chevron-transition-color-active-duration: 0.15s;
  --accordion-chevron-transition-color-active-easing: linear;
  --accordion-chevron-transition-color-active-delay: 0s;
  --accordion-chevron-transition-flip-start-duration: 0.06s;
  --accordion-chevron-transition-flip-start-easing: linear;
  --accordion-chevron-transition-flip-start-delay: 0s;
  --accordion-chevron-transition-flip-between-duration: 0.08s;
  --accordion-chevron-transition-flip-between-easing: linear;
  --accordion-chevron-transition-flip-between-delay: 0.06s;
  --accordion-chevron-transition-flip-end-duration: 0.06s;
  --accordion-chevron-transition-flip-end-easing: linear;
  --accordion-chevron-transition-flip-end-delay: 0.14s;
  --accordion-pane-surface-transition-height-fallback-closed-duration: 0.35s;
  --accordion-pane-surface-transition-height-fallback-closed-easing: cubic-bezier(0.8, 0, 0.2, 1);
  --accordion-pane-surface-transition-height-fallback-closed-delay: 0s;
  --accordion-pane-surface-transition-height-fallback-opened-duration: 0.35s;
  --accordion-pane-surface-transition-height-fallback-opened-easing: cubic-bezier(0.8, 0, 0.2, 1);
  --accordion-pane-surface-transition-height-fallback-opened-delay: 0s;
  --accordion-pane-surface-transition-height-closed-duration: 0.35s; /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-surface-transition-height-closed-easing: cubic-bezier(0.8, 0, 0.2, 1); /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-surface-transition-height-closed-delay: 0s; /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-surface-transition-height-opened-duration: 0.35s; /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-surface-transition-height-opened-easing: cubic-bezier(0.8, 0, 0.2, 1); /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-surface-transition-height-opened-delay: 0s; /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-content-color: #DBEAF5;
  --accordion-pane-content-transition-opacity-fallback-closed-duration: 0.25s;
  --accordion-pane-content-transition-opacity-fallback-closed-easing: cubic-bezier(0.65, 0, 0.35, 1);
  --accordion-pane-content-transition-opacity-fallback-closed-delay: 0.1s;
  --accordion-pane-content-transition-opacity-fallback-opened-duration: 0.25s;
  --accordion-pane-content-transition-opacity-fallback-opened-easing: cubic-bezier(0.65, 0, 0.35, 1);
  --accordion-pane-content-transition-opacity-fallback-opened-delay: 0s;
  --accordion-pane-content-transition-opacity-closed-duration: 0.25s; /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-content-transition-opacity-closed-easing: cubic-bezier(0.65, 0, 0.35, 1); /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-content-transition-opacity-closed-delay: 0.1s; /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-content-transition-opacity-opened-duration: 0.25s; /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-content-transition-opacity-opened-easing: cubic-bezier(0.65, 0, 0.35, 1); /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-content-transition-opacity-opened-delay: 0s; /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-content-transition-height-fallback-closed-duration: 0.35s;
  --accordion-pane-content-transition-height-fallback-closed-easing: cubic-bezier(0.4, 0.35, 0.2, 1);
  --accordion-pane-content-transition-height-fallback-closed-delay: 0s;
  --accordion-pane-content-transition-height-fallback-opened-duration: 0.35s;
  --accordion-pane-content-transition-height-fallback-opened-easing: cubic-bezier(0.4, 0.35, 0.2, 1);
  --accordion-pane-content-transition-height-fallback-opened-delay: 0s;
  --accordion-pane-content-transition-height-closed-duration: 0.35s; /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-content-transition-height-closed-easing: cubic-bezier(0.4, 0.35, 0.2, 1); /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-content-transition-height-closed-delay: 0s; /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-content-transition-height-opened-duration: 0.35s; /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-content-transition-height-opened-easing: cubic-bezier(0.4, 0.35, 0.2, 1); /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --accordion-pane-content-transition-height-opened-delay: 0s; /* This is also recommended to be used as a fallback, in case the height in livley is not known, cause there is maybe some lazy loading happening for the content of the accordion item. */
  --badge-height: 24px;
  --badge-text-font-family: 'Allianz Neo';
  --badge-text-font-weight: 400;
  --badge-text-line-height: 20px;
  --badge-text-font-size: 16px;
  --badge-text-letter-spacing: 0em;
  --badge-inset-all: 0px 10px;
  --badge-inset-top: 0px;
  --badge-inset-right: 10px;
  --badge-inset-bottom: 0px;
  --badge-inset-left: 10px;
  --badge-subtle-surface-yellow: #281D05;
  --badge-subtle-surface-orange: #361503;
  --badge-subtle-surface-red: #3F0C06;
  --badge-subtle-surface-purple: #430023;
  --badge-subtle-surface-blue: #0C1E3D;
  --badge-subtle-surface-aqua: #001E32;
  --badge-subtle-surface-teal: #012325;
  --badge-subtle-surface-green: #052409;
  --badge-subtle-surface-gray: #12202E;
  --badge-subtle-surface-disabled: #12202E;
  --badge-subtle-surface-read-only: #12202E;
  --badge-subtle-color-yellow: #B48602;
  --badge-subtle-color-orange: #EA6308;
  --badge-subtle-color-red: #FD4369;
  --badge-subtle-color-purple: #DC6597;
  --badge-subtle-color-blue: #6590BD;
  --badge-subtle-color-aqua: #0E98CC;
  --badge-subtle-color-teal: #1F9B9E;
  --badge-subtle-color-green: #10A251;
  --badge-subtle-color-gray: #888F96;
  --badge-subtle-color-disabled: #2F3C49;
  --badge-subtle-color-readonly: #888F96;
  --badge-attention-surface-yellow: #B48602;
  --badge-attention-surface-orange: #EA6308;
  --badge-attention-surface-red: #FD4369;
  --badge-attention-surface-purple: #DC6597;
  --badge-attention-surface-blue: #6590BD;
  --badge-attention-surface-aqua: #0E98CC;
  --badge-attention-surface-teal: #1F9B9E;
  --badge-attention-surface-green: #10A251;
  --badge-attention-surface-gray: #888F96;
  --badge-attention-surface-disabled: #202D3B;
  --badge-attention-surface-readonly: #202D3B;
  --badge-attention-color-resting: #000F26;
  --badge-attention-color-disabled: #495560;
  --badge-attention-color-readonly: #A7ACB1;
  --badge-character-width: 24px;
  --badge-border-radius: 12px;
  --button-contained-border-width: 1px;
  --button-contained-border-radius: 8px;
  --button-contained-m-inset-all: 16px 32px;
  --button-contained-m-inset-top: 16px;
  --button-contained-m-inset-right: 32px;
  --button-contained-m-inset-bottom: 16px;
  --button-contained-m-inset-left: 32px;
  --button-contained-m-icon-inset-all: 16px;
  --button-contained-m-icon-inset-top: 16px;
  --button-contained-m-icon-inset-right: 16px;
  --button-contained-m-icon-inset-bottom: 16px;
  --button-contained-m-icon-inset-left: 16px;
  --button-contained-m-icon-indicator-dot-start: 28px;
  --button-contained-m-icon-indicator-dot-bottom: 28px;
  --button-contained-m-icon-indicator-count-start: 26px;
  --button-contained-m-icon-indicator-count-bottom: 26px;
  --button-contained-m-icon-before-inset-all: 16px 32px 16px 28px;
  --button-contained-m-icon-before-inset-top: 16px;
  --button-contained-m-icon-before-inset-right: 32px;
  --button-contained-m-icon-before-inset-bottom: 16px;
  --button-contained-m-icon-before-inset-left: 28px;
  --button-contained-m-icon-after-inset-all: 16px 28px 16px 32px;
  --button-contained-m-icon-after-inset-top: 16px;
  --button-contained-m-icon-after-inset-right: 28px;
  --button-contained-m-icon-after-inset-bottom: 16px;
  --button-contained-m-icon-after-inset-left: 32px;
  --button-contained-s-inset-all: 8px 20px;
  --button-contained-s-inset-top: 8px;
  --button-contained-s-inset-right: 20px;
  --button-contained-s-inset-bottom: 8px;
  --button-contained-s-inset-left: 20px;
  --button-contained-s-icon-inset-all: 8px;
  --button-contained-s-icon-inset-top: 8px;
  --button-contained-s-icon-inset-right: 8px;
  --button-contained-s-icon-inset-bottom: 8px;
  --button-contained-s-icon-inset-left: 8px;
  --button-contained-s-icon-indicator-dot-start: 20px;
  --button-contained-s-icon-indicator-dot-bottom: 20px;
  --button-contained-s-icon-indicator-count-start: 18px;
  --button-contained-s-icon-indicator-count-bottom: 18px;
  --button-contained-s-icon-before-inset-all: 8px 20px 8px 16px;
  --button-contained-s-icon-before-inset-top: 8px;
  --button-contained-s-icon-before-inset-right: 20px;
  --button-contained-s-icon-before-inset-bottom: 8px;
  --button-contained-s-icon-before-inset-left: 16px;
  --button-contained-s-icon-after-inset-all: 8px 16px 8px 20px;
  --button-contained-s-icon-after-inset-top: 8px;
  --button-contained-s-icon-after-inset-right: 16px;
  --button-contained-s-icon-after-inset-bottom: 8px;
  --button-contained-s-icon-after-inset-left: 20px;
  --button-contained-icon-size: 20px;
  --button-contained-gap: 8px;
  --button-contained-text-font-family: 'Allianz Neo';
  --button-contained-text-font-weight: 700;
  --button-contained-text-line-height: 20px;
  --button-contained-text-font-size: 16px;
  --button-contained-text-letter-spacing: 0em;
  --button-contained-primary-surface-resting: #8DAFD1;
  --button-contained-primary-surface-hover: #ADC6DC;
  --button-contained-primary-surface-active: #C3D7E9;
  --button-contained-primary-surface-disabled: #2F3C49;
  --button-contained-primary-color-resting: #0C1E3D;
  --button-contained-primary-color-disabled: #12202E;
  --button-contained-primary-critical-surface-resting: #FD4369;
  --button-contained-primary-critical-surface-hover: #FF808A;
  --button-contained-primary-critical-surface-active: #FEA5AA;
  --button-contained-primary-critical-surface-disabled: #2F3C49;
  --button-contained-primary-critical-color-resting: #0C1E3D;
  --button-contained-primary-critical-color-disabled: #12202E;
  --button-contained-primary-attention-surface-resting: #10A251;
  --button-contained-primary-attention-surface-hover: #34C270;
  --button-contained-primary-attention-surface-active: #68D190;
  --button-contained-primary-attention-surface-disabled: #2F3C49;
  --button-contained-primary-attention-color-resting: #0C1E3D;
  --button-contained-primary-attention-color-disabled: #12202E;
  --button-contained-primary-inverse-surface-resting: #FFFFFFE6;
  --button-contained-primary-inverse-surface-hover: #FFFFFFB8;
  --button-contained-primary-inverse-surface-active: #FFFFFF7D;
  --button-contained-primary-inverse-surface-disabled: #FFFFFF3B;
  --button-contained-primary-inverse-color-resting: #000F26;
  --button-contained-primary-inverse-color-disabled: #495560;
  --button-contained-secondary-surface-hover: #ADC6DC;
  --button-contained-secondary-surface-active: #C3D7E9;
  --button-contained-secondary-color-resting: #8DAFD1;
  --button-contained-secondary-color-hover: #0C1E3D;
  --button-contained-secondary-color-active: #0C1E3D;
  --button-contained-secondary-color-disabled: #2F3C49;
  --button-contained-secondary-border-color-resting: #8DAFD1;
  --button-contained-secondary-border-color-disabled: #2F3C49;
  --button-contained-secondary-inverse-surface-hover: #FFFFFFB8;
  --button-contained-secondary-inverse-surface-active: #FFFFFF7D;
  --button-contained-secondary-inverse-color-resting: #FFFFFFE6;
  --button-contained-secondary-inverse-color-hover: #000F26;
  --button-contained-secondary-inverse-color-active: #000F26;
  --button-contained-secondary-inverse-color-disabled: #FFFFFF3B;
  --button-contained-secondary-inverse-border-color-resting: #FFFFFFB8;
  --button-contained-secondary-inverse-border-color-disabled: #FFFFFF3B;
  --button-contained-tertiary-surface-hover: #ADC6DC;
  --button-contained-tertiary-surface-active: #C3D7E9;
  --button-contained-tertiary-color-resting: #8DAFD1;
  --button-contained-tertiary-color-hover: #0C1E3D;
  --button-contained-tertiary-color-active: #0C1E3D;
  --button-contained-tertiary-color-disabled: #2F3C49;
  --button-contained-tertiary-text-decoration-resting: underline;
  --button-contained-tertiary-text-decoration-disabled: underline;
  --button-contained-tertiary-inverse-surface-hover: #FFFFFFB8;
  --button-contained-tertiary-inverse-surface-active: #FFFFFF7D;
  --button-contained-tertiary-inverse-color-resting: #FFFFFFE6;
  --button-contained-tertiary-inverse-color-hover: #000F26;
  --button-contained-tertiary-inverse-color-active: #000F26;
  --button-contained-tertiary-inverse-color-disabled: #FFFFFF3B;
  --button-contained-focus-border-radius: 10px;
  --button-contained-scale-active: 0.97;
  --button-contained-transition-color-default-duration: 0.15s;
  --button-contained-transition-color-default-easing: linear;
  --button-contained-transition-color-default-delay: 0s;
  --button-contained-transition-color-active-duration: 0.15s;
  --button-contained-transition-color-active-easing: linear;
  --button-contained-transition-color-active-delay: 0s;
  --button-contained-transition-surface-default-duration: 0.15s;
  --button-contained-transition-surface-default-easing: linear;
  --button-contained-transition-surface-default-delay: 0s;
  --button-contained-transition-surface-active-duration: 0.15s;
  --button-contained-transition-surface-active-easing: linear;
  --button-contained-transition-surface-active-delay: 0s;
  --button-contained-transition-scale-default-duration: 0.25s; /* Scales the whole contained button only on a longer press, because of super short delay */
  --button-contained-transition-scale-default-easing: cubic-bezier(0.65, 0, 0.35, 1); /* Scales the whole contained button only on a longer press, because of super short delay */
  --button-contained-transition-scale-default-delay: 0.01s; /* Scales the whole contained button only on a longer press, because of super short delay */
  --button-contained-transition-border-color-default-duration: 0.15s;
  --button-contained-transition-border-color-default-easing: linear;
  --button-contained-transition-border-color-default-delay: 0s;
  --button-contained-transition-border-color-active-duration: 0.15s;
  --button-contained-transition-border-color-active-easing: linear;
  --button-contained-transition-border-color-active-delay: 0s;
  --button-plain-focus-border-radius: 4px;
  --button-plain-s-icon-size: 20px;
  --button-plain-s-icon-indicator-dot-start: 12px;
  --button-plain-s-icon-indicator-dot-bottom: 12px;
  --button-plain-s-icon-indicator-count-start: 10px;
  --button-plain-s-icon-indicator-count-bottom: 10px;
  --button-plain-s-text-font-family: 'Allianz Neo';
  --button-plain-s-text-font-weight: 700;
  --button-plain-s-text-line-height: 20px;
  --button-plain-s-text-font-size: 16px;
  --button-plain-s-text-letter-spacing: 0em;
  --button-plain-m-icon-size: 24px;
  --button-plain-m-icon-indicator-dot-start: 16px;
  --button-plain-m-icon-indicator-dot-bottom: 16px;
  --button-plain-m-icon-indicator-count-start: 14px;
  --button-plain-m-icon-indicator-count-bottom: 14px;
  --button-plain-m-text-font-family: 'Allianz Neo';
  --button-plain-m-text-font-weight: 700;
  --button-plain-m-text-line-height: 24px;
  --button-plain-m-text-font-size: 20px;
  --button-plain-m-text-letter-spacing: 0em;
  --button-plain-primary-color-resting: #8DAFD1;
  --button-plain-primary-color-hover: #ADC6DC;
  --button-plain-primary-color-active: #C3D7E9;
  --button-plain-primary-color-disabled: #2F3C49;
  --button-plain-primary-critical-color-resting: #FD4369;
  --button-plain-primary-critical-color-hover: #FF808A;
  --button-plain-primary-critical-color-active: #FEA5AA;
  --button-plain-primary-critical-color-disabled: #2F3C49;
  --button-plain-primary-inverse-color-resting: #FFFFFFE6;
  --button-plain-primary-inverse-color-hover: #FFFFFFB8;
  --button-plain-primary-inverse-color-active: #FFFFFF7D;
  --button-plain-primary-inverse-color-disabled: #FFFFFF3B;
  --button-plain-secondary-color-resting: #6590BD;
  --button-plain-secondary-color-hover: #8DAFD1;
  --button-plain-secondary-color-active: #ADC6DC;
  --button-plain-secondary-color-disabled: #2F3C49;
  --button-plain-text-decoration-resting: underline;
  --button-plain-text-decoration-disabled: underline;
  --button-plain-gap: 4px;
  --button-plain-border-radius: 4px;
  --button-plain-scale-active: 0.97;
  --button-plain-transition-color-default-duration: 0.15s;
  --button-plain-transition-color-default-easing: linear;
  --button-plain-transition-color-default-delay: 0s;
  --button-plain-transition-color-active-duration: 0.15s;
  --button-plain-transition-color-active-easing: linear;
  --button-plain-transition-color-active-delay: 0s;
  --button-plain-transition-scale-default-duration: 0.15s;
  --button-plain-transition-scale-default-easing: linear;
  --button-plain-transition-scale-default-delay: 0s;
  --button-plain-secondary-inverse-color-resting: #FFFFFFAB;
  --button-plain-secondary-inverse-color-hover: #FFFFFF7D;
  --button-plain-secondary-inverse-color-active: #FFFFFF59;
  --button-plain-secondary-inverse-color-disabled: #495560;
  --callout-height: 24px;
  --callout-text-font-family: 'Allianz Neo';
  --callout-text-font-weight: 700;
  --callout-text-line-height: 20px;
  --callout-text-font-size: 16px;
  --callout-text-letter-spacing: 0em;
  --callout-info-inset-all: 0px 4px 0px 10px;
  --callout-info-inset-top: 0px;
  --callout-info-inset-right: 4px;
  --callout-info-inset-bottom: 0px;
  --callout-info-inset-left: 10px;
  --callout-info-size: 16px;
  --callout-surface-yellow: #B48602;
  --callout-surface-orange: #EA6308;
  --callout-surface-red: #FD4369;
  --callout-surface-purple: #DC6597;
  --callout-surface-teal: #1F9B9E;
  --callout-surface-green: #10A251;
  --callout-color: #000F26;
  --callout-gap: 4px;
  --callout-inset-all: 0px 12px;
  --callout-inset-top: 0px;
  --callout-inset-right: 12px;
  --callout-inset-bottom: 0px;
  --callout-inset-left: 12px;
  --callout-border-radius: 12px;
  --checkbox-border-width: 1px;
  --checkbox-border-radius: 4px;
  --checkbox-size: 24px;
  --checkbox-unselected-surface-resting: #000F26;
  --checkbox-unselected-surface-hover: #0C1E3D;
  --checkbox-unselected-surface-active: #122B54;
  --checkbox-unselected-surface-disabled: #12202E;
  --checkbox-unselected-surface-readonly: #12202E;
  --checkbox-unselected-border-color-resting: #3F72B1;
  --checkbox-unselected-border-color-hover: #6590BD;
  --checkbox-unselected-border-color-active: #8DAFD1;
  --checkbox-unselected-border-color-disabled: #202D3B;
  --checkbox-unselected-border-color-readonly: #202D3B;
  --checkbox-unselected-border-color-resting-critical: #FD4369;
  --checkbox-unselected-border-color-hover-critical: #FF808A;
  --checkbox-unselected-border-color-active-critical: #FEA5AA;
  --checkbox-gap: 12px;
  --checkbox-label-stack: 4px;
  --checkbox-selected-surface-resting: #8DAFD1;
  --checkbox-selected-surface-hover: #ADC6DC;
  --checkbox-selected-surface-active: #C3D7E9;
  --checkbox-selected-surface-disabled: #2F3C49;
  --checkbox-selected-surface-readonly: #2F3C49;
  --checkbox-selected-surface-resting-critical: #FD4369;
  --checkbox-selected-surface-hover-critical: #FF808A;
  --checkbox-selected-surface-active-critical: #FEA5AA;
  --checkbox-selected-color-resting: #0C1E3D;
  --checkbox-selected-color-disabled: #12202E;
  --checkbox-selected-color-readonly: #A7ACB1;
  --checkbox-focus-border-radius: 6px;
  --checkbox-group-items-gap: 32px;
  --checkbox-group-items-stack: 16px;
  --checkbox-group-label-stack: 4px;
  --checkbox-group-stack: 16px;
  --checkbox-icon-size: 20px;
  --checkbox-on-action-unselected-surface-resting: #000F26;
  --checkbox-on-action-unselected-surface-disabled: #12202E;
  --checkbox-on-action-unselected-surface-readonly: #12202E;
  --checkbox-on-action-unselected-border-color-resting: #3F72B1;
  --checkbox-on-action-unselected-border-color-hover: #6590BD;
  --checkbox-on-action-unselected-border-color-active: #8DAFD1;
  --checkbox-on-action-unselected-border-color-disabled: #202D3B;
  --checkbox-on-action-unselected-border-color-readonly: #202D3B;
  --checkbox-on-action-unselected-border-color-resting-critical: #FD4369;
  --checkbox-on-action-unselected-border-color-hover-critical: #FF808A;
  --checkbox-on-action-unselected-border-color-active-critical: #FEA5AA;
  --checkbox-on-action-selected-color-resting: #8DAFD1;
  --checkbox-on-action-selected-color-hover: #ADC6DC;
  --checkbox-on-action-selected-color-active: #C3D7E9;
  --checkbox-on-action-selected-color-disabled: #2F3C49;
  --checkbox-on-action-selected-color-readonly: #A7ACB1;
  --checkbox-on-action-selected-color-resting-critical: #FD4369;
  --checkbox-on-action-selected-color-hover-critical: #FF808A;
  --checkbox-on-action-selected-color-active-critical: #FEA5AA;
  --checkbox-on-action-selected-surface-resting: #0C1E3D;
  --checkbox-on-action-selected-surface-disabled: #12202E;
  --checkbox-on-action-selected-surface-readonly: #12202E;
  --checkbox-transition-surface-default-duration: 0.15s;
  --checkbox-transition-surface-default-easing: linear;
  --checkbox-transition-surface-default-delay: 0s;
  --checkbox-transition-surface-active-duration: 0.15s;
  --checkbox-transition-surface-active-easing: linear;
  --checkbox-transition-surface-active-delay: 0s;
  --checkbox-transition-border-color-default-duration: 0.15s;
  --checkbox-transition-border-color-default-easing: linear;
  --checkbox-transition-border-color-default-delay: 0s;
  --checkbox-transition-border-color-active-duration: 0.15s;
  --checkbox-transition-border-color-active-easing: linear;
  --checkbox-transition-border-color-active-delay: 0s;
  --checkbox-transition-border-width-default-duration: 0.15s;
  --checkbox-transition-border-width-default-easing: linear;
  --checkbox-transition-border-width-default-delay: 0s;
  --checkbox-transition-border-width-checked-duration: 0.05s;
  --checkbox-transition-border-width-checked-easing: linear;
  --checkbox-transition-border-width-checked-delay: 0s;
  --checkbox-transition-checkmark-default-duration: 0.15s;
  --checkbox-transition-checkmark-default-easing: linear;
  --checkbox-transition-checkmark-default-delay: 0s;
  --checkbox-transition-checkmark-checked-duration: 0.1s;
  --checkbox-transition-checkmark-checked-easing: linear;
  --checkbox-transition-checkmark-checked-delay: 0s;
  --choice-button-border-width: 1px;
  --choice-button-border-radius: 8px;
  --choice-button-text-font-family: 'Allianz Neo';
  --choice-button-text-font-weight: 400;
  --choice-button-text-line-height: 24px;
  --choice-button-text-font-size: 20px;
  --choice-button-text-letter-spacing: 0em;
  --choice-button-focus-border-radius: 10px;
  --choice-button-inset-all: 16px 32px;
  --choice-button-inset-top: 16px;
  --choice-button-inset-right: 32px;
  --choice-button-inset-bottom: 16px;
  --choice-button-inset-left: 32px;
  --choice-button-color-resting: #DBEAF5;
  --choice-button-color-disabled: #2F3C49;
  --choice-button-color-readonly: #A7ACB1;
  --choice-button-surface-resting: #000F26;
  --choice-button-surface-hover: #0C1E3D;
  --choice-button-surface-active: #122B54;
  --choice-button-surface-disabled: #12202E;
  --choice-button-surface-readonly: #12202E;
  --choice-button-border-color-resting: #3F72B1;
  --choice-button-border-color-hover: #6590BD;
  --choice-button-border-color-active: #8DAFD1;
  --choice-button-border-color-disabled: #202D3B;
  --choice-button-border-color-readonly: #202D3B;
  --choice-button-border-color-resting-critical: #FD4369;
  --choice-button-border-color-resting-hover: #FF808A;
  --choice-button-border-color-resting-active: #FEA5AA;
  --choice-button-selected-surface-resting: #8DAFD1;
  --choice-button-selected-surface-hover: #ADC6DC;
  --choice-button-selected-surface-active: #C3D7E9;
  --choice-button-selected-surface-disabled: #2F3C49;
  --choice-button-selected-surface-readonly: #2F3C49;
  --choice-button-selected-surface-resting-critical: #FD4369;
  --choice-button-selected-surface-hover-critical: #FF808A;
  --choice-button-selected-surface-active-critical: #FEA5AA;
  --choice-button-selected-color-resting: #0C1E3D;
  --choice-button-selected-color-disabled: #12202E;
  --choice-button-selected-color-readonly: #A7ACB1;
  --choice-button-group-stack: 16px;
  --choice-button-group-items-gap: 16px;
  --choice-button-group-label-stack: 4px;
  --divider-border-color: #122B54;
  --divider-border-width: 1px;
  --dropdown-group-headline-text-font-family: 'Allianz Neo';
  --dropdown-group-headline-text-font-weight: 700;
  --dropdown-group-headline-text-line-height: 24px;
  --dropdown-group-headline-text-font-size: 20px;
  --dropdown-group-headline-text-letter-spacing: 0em;
  --dropdown-group-headline-color: #DBEAF5;
  --dropdown-item-inset-all: 12px 20px;
  --dropdown-item-inset-top: 12px;
  --dropdown-item-inset-right: 20px;
  --dropdown-item-inset-bottom: 12px;
  --dropdown-item-inset-left: 20px;
  --dropdown-item-gap: 12px;
  --dropdown-item-surface-hover: #0C1E3D;
  --dropdown-item-surface-active: #122B54;
  --dropdown-flyout-inset-all: 8px 0px;
  --dropdown-flyout-inset-top: 8px;
  --dropdown-flyout-inset-right: 0px;
  --dropdown-flyout-inset-bottom: 8px;
  --dropdown-flyout-inset-left: 0px;
  --dropdown-flyout-gap: 0px;
  --dropdown-flyout-offset: 8px 0px 0px 0px;
  --dropdown-surface-color: #000F26;
  --dropdown-border-radius: 8px;
  --dropdown-focus-border-radius: 8px;
  --dropdown-elevation-1-x: 0px;
  --dropdown-elevation-1-y: 4px;
  --dropdown-elevation-1-blur: 8px;
  --dropdown-elevation-1-spread: 0px;
  --dropdown-elevation-1-color: #04132133;
  --dropdown-elevation-1-type: dropShadow;
  --dropdown-elevation-2-x: 0px;
  --dropdown-elevation-2-y: 4px;
  --dropdown-elevation-2-blur: 24px;
  --dropdown-elevation-2-spread: 0px;
  --dropdown-elevation-2-color: #0413212E;
  --dropdown-elevation-2-type: dropShadow;
  --dropdown-stack: 4px;
  --icon-plain-primary-color-resting: #DBEAF5;
  --icon-plain-primary-color-disabled: #2F3C49;
  --icon-plain-secondary-color-resting: #8DAFD1;
  --icon-plain-secondary-color-disabled: #202D3B;
  --icon-plain-primary-inverse-color-resting: #FFFFFFE6;
  --icon-plain-primary-inverse-color-disabled: #FFFFFF3B;
  --icon-status-color-critical: #FD4369;
  --icon-status-color-warning: #B48602;
  --icon-status-color-positive: #10A251;
  --icon-status-color-info: #6590BD;
  --icon-functional-m-size: 24px;
  --icon-functional-s-size: 20px;
  --icon-illustrative-plain-m-size: 56px;
  --icon-illustrative-plain-s-size: 40px;
  --icon-illustrative-contained-s-size: 32px;
  --icon-illustrative-contained-s-surface-size: 64px;
  --icon-illustrative-contained-s-border-radius: 32px;
  --icon-illustrative-contained-m-size: 48px;
  --icon-illustrative-contained-m-surface-size: 96px;
  --icon-illustrative-contained-m-border-radius: 48px;
  --icon-contained-primary-surface-resting: #001E32;
  --icon-contained-primary-surface-disabled: #202D3B;
  --icon-contained-primary-color-resting: #DBEAF5;
  --icon-contained-primary-color-disabled: #2F3C49;
  --icon-contained-primary-inverse-surface-resting: #FFFFFF17;
  --icon-contained-primary-inverse-surface-disabled: #2F3C49;
  --icon-contained-primary-inverse-color-resting: #FFFFFFE6;
  --icon-contained-primary-inverse-color-disabled: #FFFFFF3B;
  --link-primary-color-resting: #8DAFD1;
  --link-primary-color-hover: #ADC6DC;
  --link-primary-color-active: #C3D7E9;
  --link-primary-color-disabled: #2F3C49;
  --link-primary-inverse-color-resting: #FFFFFFE6;
  --link-primary-inverse-color-hover: #FFFFFFB8;
  --link-primary-inverse-color-active: #FFFFFF7D;
  --link-primary-inverse-color-disabled: #FFFFFF3B;
  --link-secondary-color-resting: #6590BD;
  --link-secondary-color-hover: #8DAFD1;
  --link-secondary-color-active: #ADC6DC;
  --link-secondary-color-disabled: #2F3C49;
  --link-m-text-font-family: 'Allianz Neo';
  --link-m-text-font-weight: 700;
  --link-m-text-line-height: 24px;
  --link-m-text-font-size: 20px;
  --link-m-text-letter-spacing: 0em;
  --link-m-icon-size: 24px;
  --link-text-decoration-resting: underline;
  --link-text-decoration-disabled: underline;
  --link-gap: 4px;
  --link-focus-border-radius: 4px;
  --link-s-text-font-family: 'Allianz Neo';
  --link-s-text-font-weight: 700;
  --link-s-text-line-height: 20px;
  --link-s-text-font-size: 16px;
  --link-s-text-letter-spacing: 0em;
  --link-s-icon-size: 20px;
  --link-secondary-inverse-color-resting: #FFFFFFAB;
  --link-secondary-inverse-color-hover: #FFFFFF7D;
  --link-secondary-inverse-color-active: #FFFFFF59;
  --link-secondary-inverse-color-disabled: #495560;
  --radio-button-border-width: 1px;
  --radio-button-unselected-surface-resting: #000F26;
  --radio-button-unselected-surface-hover: #0C1E3D;
  --radio-button-unselected-surface-active: #122B54;
  --radio-button-unselected-surface-disabled: #12202E;
  --radio-button-unselected-surface-readonly: #12202E;
  --radio-button-unselected-surface-size: 22px;
  --radio-button-unselected-surface-border-radius: 11px;
  --radio-button-unselected-border-color-resting: #3F72B1;
  --radio-button-unselected-border-color-hover: #6590BD;
  --radio-button-unselected-border-color-active: #8DAFD1;
  --radio-button-unselected-border-color-disabled: #202D3B;
  --radio-button-unselected-border-color-readonly: #202D3B;
  --radio-button-unselected-border-color-resting-critical: #FD4369;
  --radio-button-unselected-border-color-hover-critical: #FF808A;
  --radio-button-unselected-border-color-active-critical: #FEA5AA;
  --radio-button-border-radius: 12px;
  --radio-button-size: 24px;
  --radio-button-gap: 12px;
  --radio-button-label-stack: 4px;
  --radio-button-selected-surface-resting: #0C1E3D;
  --radio-button-selected-surface-disabled: #12202E;
  --radio-button-selected-surface-readonly: #A7ACB1;
  --radio-button-selected-surface-size: 10px;
  --radio-button-selected-surface-border-radius: 5px;
  --radio-button-selected-border-color-resting: #8DAFD1;
  --radio-button-selected-border-color-hover: #ADC6DC;
  --radio-button-selected-border-color-active: #C3D7E9;
  --radio-button-selected-border-color-disabled: #2F3C49;
  --radio-button-selected-border-color-readonly: #2F3C49;
  --radio-button-selected-border-color-resting-critical: #FD4369;
  --radio-button-selected-border-color-hover-critical: #FF808A;
  --radio-button-selected-border-color-active-critical: #FEA5AA;
  --radio-button-selected-border-width: 7px;
  --radio-button-focus-border-radius: 14px;
  --radio-button-group-items-gap: 32px;
  --radio-button-group-items-stack: 16px;
  --radio-button-group-label-stack: 4px;
  --radio-button-group-stack: 16px;
  --radio-button-on-action-unselected-surface-resting: #000F26;
  --radio-button-on-action-unselected-surface-disabled: #12202E;
  --radio-button-on-action-unselected-surface-readonly: #12202E;
  --radio-button-on-action-unselected-border-color-resting: #3F72B1;
  --radio-button-on-action-unselected-border-color-hover: #6590BD;
  --radio-button-on-action-unselected-border-color-active: #8DAFD1;
  --radio-button-on-action-unselected-border-color-disabled: #202D3B;
  --radio-button-on-action-unselected-border-color-readonly: #202D3B;
  --radio-button-on-action-unselected-border-color-resting-critical: #FD4369;
  --radio-button-on-action-unselected-border-color-hover-critical: #FF808A;
  --radio-button-on-action-unselected-border-color-active-critical: #FEA5AA;
  --radio-button-on-action-selected-surface-resting: #8DAFD1;
  --radio-button-on-action-selected-surface-hover: #ADC6DC;
  --radio-button-on-action-selected-surface-active: #C3D7E9;
  --radio-button-on-action-selected-surface-disabled: #2F3C49;
  --radio-button-on-action-selected-surface-readonly: #A7ACB1;
  --radio-button-on-action-selected-surface-resting-critical: #FD4369;
  --radio-button-on-action-selected-surface-hover-critical: #FF808A;
  --radio-button-on-action-selected-surface-active-critical: #FEA5AA;
  --radio-button-on-action-selected-border-color-resting: #0C1E3D;
  --radio-button-on-action-selected-border-color-disabled: #12202E;
  --radio-button-on-action-selected-border-color-readonly: #12202E;
  --radio-button-transition-border-color-default-duration: 0.15s;
  --radio-button-transition-border-color-default-easing: linear;
  --radio-button-transition-border-color-default-delay: 0s;
  --radio-button-transition-border-color-active-duration: 0.15s;
  --radio-button-transition-border-color-active-easing: linear;
  --radio-button-transition-border-color-active-delay: 0s;
  --radio-button-transition-border-color-checked-duration: 0.05s;
  --radio-button-transition-border-color-checked-easing: linear;
  --radio-button-transition-border-color-checked-delay: 0s;
  --radio-button-transition-surface-default-duration: 0.15s;
  --radio-button-transition-surface-default-easing: linear;
  --radio-button-transition-surface-default-delay: 0s;
  --radio-button-transition-surface-active-duration: 0.15s;
  --radio-button-transition-surface-active-easing: linear;
  --radio-button-transition-surface-active-delay: 0s;
  --radio-button-transition-surface-scale-checked-duration: 0.05s;
  --radio-button-transition-surface-scale-checked-easing: linear;
  --radio-button-transition-surface-scale-checked-delay: 0s;
  --switch-border-width: 1px;
  --switch-unselected-surface-resting: #000F26;
  --switch-unselected-surface-hover: #0C1E3D;
  --switch-unselected-surface-active: #122B54;
  --switch-unselected-surface-disabled: #12202E;
  --switch-unselected-surface-readonly: #12202E;
  --switch-unselected-color-resting: #8DAFD1;
  --switch-unselected-color-hover: #ADC6DC;
  --switch-unselected-color-active: #C3D7E9;
  --switch-unselected-color-disabled: #2F3C49;
  --switch-unselected-color-readonly: #A7ACB1;
  --switch-unselected-border-color-resting: #3F72B1;
  --switch-unselected-border-color-hover: #6590BD;
  --switch-unselected-border-color-active: #8DAFD1;
  --switch-unselected-border-color-disabled: #202D3B;
  --switch-unselected-border-color-readonly: #202D3B;
  --switch-unselected-border-color-resting-critical: #FD4369;
  --switch-unselected-border-color-hover-critical: #FF808A;
  --switch-unselected-border-color-active-critical: #FEA5AA;
  --switch-border-radius: 12px;
  --switch-height: 24px;
  --switch-width: 48px;
  --switch-gap: 12px;
  --switch-label-stack: 4px;
  --switch-selected-surface-resting: #8DAFD1;
  --switch-selected-surface-hover: #ADC6DC;
  --switch-selected-surface-active: #C3D7E9;
  --switch-selected-surface-disabled: #2F3C49;
  --switch-selected-surface-readonly: #2F3C49;
  --switch-selected-surface-resting-critical: #FD4369;
  --switch-selected-surface-hover-critical: #FF808A;
  --switch-selected-surface-active-critical: #FEA5AA;
  --switch-selected-color-resting: #0C1E3D;
  --switch-selected-color-disabled: #12202E;
  --switch-selected-color-readonly: #A7ACB1;
  --switch-focus-border-radius: 14px;
  --switch-knob-size: 16px;
  --switch-knob-border-radius: 8px;
  --switch-inset-all: 4px;
  --switch-inset-top: 4px;
  --switch-inset-right: 4px;
  --switch-inset-bottom: 4px;
  --switch-inset-left: 4px;
  --tab-label-resting: #8DAFD1;
  --tab-label-hover: #ADC6DC;
  --tab-label-active: #C3D7E9;
  --tab-label-disabled: #2F3C49;
  --tab-label-selected-font-family: 'Allianz Neo';
  --tab-label-selected-font-weight: 700;
  --tab-label-selected-line-height: 24px;
  --tab-label-selected-font-size: 20px;
  --tab-label-selected-letter-spacing: 0em;
  --tab-label-unselected-font-family: 'Allianz Neo';
  --tab-label-unselected-font-weight: 400;
  --tab-label-unselected-line-height: 24px;
  --tab-label-unselected-font-size: 20px;
  --tab-label-unselected-letter-spacing: 0em;
  --tab-inset-all: 0px 0px 16px 0px;
  --tab-inset-top: 0px;
  --tab-inset-right: 0px;
  --tab-inset-bottom: 16px;
  --tab-inset-left: 0px;
  --tag-border-width: 1px;
  --tag-unselected-surface-resting: #FFFFFF00;
  --tag-unselected-surface-hover: #0C1E3D;
  --tag-unselected-surface-active: #122B54;
  --tag-unselected-surface-disabled: #FFFFFF00;
  --tag-unselected-surface-readonly: #FFFFFF00;
  --tag-unselected-color-resting: #DBEAF5;
  --tag-unselected-color-disabled: #2F3C49;
  --tag-unselected-color-readonly: #A7ACB1;
  --tag-unselected-border-color-resting: #3F72B1;
  --tag-unselected-border-color-hover: #6590BD;
  --tag-unselected-border-color-active: #8DAFD1;
  --tag-unselected-border-color-disabled: #202D3B;
  --tag-unselected-border-color-readonly: #202D3B;
  --tag-unselected-count-color-resting: #8DAFD1;
  --tag-unselected-count-color-disabled: #202D3B;
  --tag-unselected-count-color-readonly: #68727B;
  --tag-border-radius: 16px;
  --tag-height: 32px;
  --tag-icon-size: 20px;
  --tag-gap: 8px;
  --tag-focus-border-radius: 14px;
  --tag-inset-all: 0px 12px;
  --tag-inset-top: 0px;
  --tag-inset-right: 12px;
  --tag-inset-bottom: 0px;
  --tag-inset-left: 12px;
  --tag-selected-inset-all: 0px 6px 0px 10px;
  --tag-selected-inset-top: 0px;
  --tag-selected-inset-right: 6px;
  --tag-selected-inset-bottom: 0px;
  --tag-selected-inset-left: 10px;
  --tag-selected-surface-resting: #8DAFD1;
  --tag-selected-surface-hover: #ADC6DC;
  --tag-selected-surface-active: #C3D7E9;
  --tag-selected-surface-disabled: #2F3C49;
  --tag-selected-surface-readonly: #2F3C49;
  --tag-selected-color-resting: #0C1E3D;
  --tag-selected-color-disabled: #12202E;
  --tag-selected-color-readonly: #A7ACB1;
  --tag-selected-count-color-resting: #122B54;
  --tag-selected-count-color-disabled: #202D3B;
  --tag-selected-count-color-readonly: #68727B;
  --tag-deletable-inset-all: 0px 8px 0px 12px;
  --tag-deletable-inset-top: 0px;
  --tag-deletable-inset-right: 8px;
  --tag-deletable-inset-bottom: 0px;
  --tag-deletable-inset-left: 12px;
  --tag-label-text-font-family: 'Allianz Neo';
  --tag-label-text-font-weight: 400;
  --tag-label-text-line-height: 20px;
  --tag-label-text-font-size: 16px;
  --tag-label-text-letter-spacing: 0em;
  --tag-count-text-font-family: 'Allianz Neo';
  --tag-count-text-font-weight: 400;
  --tag-count-text-line-height: 20px;
  --tag-count-text-font-size: 16px;
  --tag-count-text-letter-spacing: 0em;
  --tag-unselected-inverse-surface-resting: #FFFFFF00;
  --tag-unselected-inverse-surface-hover: #122B54;
  --tag-unselected-inverse-surface-active: #003781;
  --tag-unselected-inverse-surface-disabled: #FFFFFF00;
  --tag-unselected-inverse-surface-readonly: #FFFFFF00;
  --tag-unselected-inverse-color-resting: #FFFFFFE6;
  --tag-unselected-inverse-color-disabled: #FFFFFF3B;
  --tag-unselected-inverse-color-readonly: #C0C4C7;
  --tag-unselected-inverse-border-color-resting: #FFFFFFAB;
  --tag-unselected-inverse-border-color-hover: #FFFFFF7D;
  --tag-unselected-inverse-border-color-active: #FFFFFF59;
  --tag-unselected-inverse-border-color-disabled: #495560;
  --tag-unselected-inverse-border-color-readonly: #495560;
  --tag-unselected-inverse-count-color-resting: #FFFFFFAB;
  --tag-unselected-inverse-count-color-disabled: #495560;
  --tag-unselected-inverse-count-color-readonly: #A7ACB1;
  --tag-selected-inverse-surface-resting: #FFFFFFE6;
  --tag-selected-inverse-surface-hover: #FFFFFFB8;
  --tag-selected-inverse-surface-active: #FFFFFF7D;
  --tag-selected-inverse-surface-disabled: #FFFFFF3B;
  --tag-selected-inverse-surface-readonly: #FFFFFF3B;
  --tag-selected-inverse-color-resting: #000F26;
  --tag-selected-inverse-color-disabled: #495560;
  --tag-selected-inverse-color-readonly: #F4F4F5;
  --tag-selected-inverse-count-color-resting: #1A5393;
  --tag-selected-inverse-count-color-disabled: #68727B;
  --tag-selected-inverse-count-color-readonly: #D7D9DB;
  --text-area-stack: 4px;
  --text-area-message-inset-all: 2px 0px;
  --text-area-message-inset-top: 2px;
  --text-area-message-inset-right: 0px;
  --text-area-message-inset-bottom: 2px;
  --text-area-message-inset-left: 0px;
  --text-area-hint-inset-all: 2px 0px;
  --text-area-hint-inset-top: 2px;
  --text-area-hint-inset-right: 0px;
  --text-area-hint-inset-bottom: 2px;
  --text-area-hint-inset-left: 0px;
  --text-input-message-inset-all: 2px 0px;
  --text-input-message-inset-top: 2px;
  --text-input-message-inset-right: 0px;
  --text-input-message-inset-bottom: 2px;
  --text-input-message-inset-left: 0px;
  --text-input-hint-inset-all: 2px 0px;
  --text-input-hint-inset-top: 2px;
  --text-input-hint-inset-right: 0px;
  --text-input-hint-inset-bottom: 2px;
  --text-input-hint-inset-left: 0px;
  --text-input-stack: 4px;
  --tile-stack: 8px;
  --tile-gap: 16px;
  --tile-horizontal-inset-all: 28px 20px 24px 20px;
  --tile-horizontal-inset-top: 28px;
  --tile-horizontal-inset-right: 20px;
  --tile-horizontal-inset-bottom: 24px;
  --tile-horizontal-inset-left: 20px;
  --tile-horizontal-plain-inset-all: 16px 20px;
  --tile-horizontal-plain-inset-top: 16px;
  --tile-horizontal-plain-inset-right: 20px;
  --tile-horizontal-plain-inset-bottom: 16px;
  --tile-horizontal-plain-inset-left: 20px;
  --tile-horizontal-icon-size: 40px;
  --tile-vertical-inset-all: 16px 20px;
  --tile-vertical-inset-top: 16px;
  --tile-vertical-inset-right: 20px;
  --tile-vertical-inset-bottom: 16px;
  --tile-vertical-inset-left: 20px;
  --tile-vertical-icon-size: 32px;
  --tile-control-offset: 12px;
  --tile-label-stack: 4px;
  --tile-label-text-font-family: 'Allianz Neo';
  --tile-label-text-font-weight: 400;
  --tile-label-text-line-height: 24px;
  --tile-label-text-font-size: 20px;
  --tile-label-text-letter-spacing: 0em;
  --tile-border-width: 1px;
  --tile-border-radius: 8px;
  --tile-unselected-surface-resting: #000F26;
  --tile-unselected-surface-hover: #0C1E3D;
  --tile-unselected-surface-active: #122B54;
  --tile-unselected-surface-disabled: #12202E;
  --tile-unselected-surface-readonly: #12202E;
  --tile-unselected-border-color-resting: #3F72B1;
  --tile-unselected-border-color-hover: #6590BD;
  --tile-unselected-border-color-active: #8DAFD1;
  --tile-unselected-border-color-disabled: #202D3B;
  --tile-unselected-border-color-readonly: #202D3B;
  --tile-unselected-border-color-resting-critical: #FD4369;
  --tile-unselected-border-color-hover-critical: #FF808A;
  --tile-unselected-border-color-active-critical: #FEA5AA;
  --tile-unselected-color-resting: #DBEAF5;
  --tile-unselected-color-disabled: #2F3C49;
  --tile-unselected-color-read-only: #A7ACB1;
  --tile-unselected-hint-color-resting: #8DAFD1;
  --tile-unselected-hint-color-disabled: #202D3B;
  --tile-unselected-hint-color-read-only: #68727B;
  --tile-hint-text-font-family: 'Allianz Neo';
  --tile-hint-text-font-weight: 400;
  --tile-hint-text-line-height: 20px;
  --tile-hint-text-font-size: 16px;
  --tile-hint-text-letter-spacing: 0em;
  --tile-selected-surface-resting: #8DAFD1;
  --tile-selected-surface-hover: #ADC6DC;
  --tile-selected-surface-active: #C3D7E9;
  --tile-selected-surface-disabled: #2F3C49;
  --tile-selected-surface-readonly: #2F3C49;
  --tile-selected-surface-resting-critical: #FD4369;
  --tile-selected-surface-hover-critical: #FF808A;
  --tile-selected-surface-active-critical: #FEA5AA;
  --tile-selected-color-resting: #0C1E3D;
  --tile-selected-color-disabled: #12202E;
  --tile-selected-color-read-only: #A7ACB1;
  --tile-selected-hint-color-resting: #122B54;
  --tile-selected-hint-color-disabled: #202D3B;
  --tile-selected-hint-color-read-only: #68727B;
  --tile-focus-border-radius: 10px;
  --tile-group-stack: 16px;
  --tile-group-items-gap: 16px;
  --tile-group-items-stack: 8px;
  --tile-group-label-stack: 4px;
}