/**
 * THIS FILE WAS GENERATED AUTOMATICALLY AND SHOULD NOT BE EDITED MANUALLY!
 * 
 * Version 0.6.2
 * Generated on Tue Mar 18 2025 23:04:35 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: #00266D;
  --core-color-blue-1100: #001955;
  --core-color-blue-1200: #000F39;
  --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-darkblue-100: #F2F4F9;
  --core-color-darkblue-200: #E4EAF3;
  --core-color-darkblue-300: #CFD9EA;
  --core-color-darkblue-400: #B6C5DE;
  --core-color-darkblue-500: #98ACCF;
  --core-color-darkblue-600: #758FBB;
  --core-color-darkblue-700: #5371A4;
  --core-color-darkblue-800: #335389;
  --core-color-darkblue-900: #1C3A6C;
  --core-color-darkblue-1000: #122B54;
  --core-color-darkblue-1100: #0F1F3A;
  --core-color-darkblue-1200: #091223;
  --core-color-inverse-100: #FFF;
  --core-color-inverse-200: #FFFFFFC2;
  --core-color-inverse-300: #FFFFFF8F;
  --core-color-inverse-400: #FFFFFF66;
  --core-color-inverse-500: #FFFFFF45;
  --core-color-inverse-600: #FFFFFF2B;
  --core-color-inverse-700: #FFFFFF1A;
  --core-color-inverse-800: #FFFFFF0A;
  --core-color-inverse-900: #FFFFFF00;
  --core-color-inverse-1000: #0000001F;
  --core-color-inverse-1100: #0000004F;
  --core-color-inverse-1200: #0000009E;
  --core-color-black: #000000;
  --core-color-white: #FFFFFF;
  --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-300: 3px;
  --core-border-width-400: 4px;
  --core-border-radius-0: 0px;
  --core-border-radius-50: 4px;
  --core-border-radius-100: 8px;
  --core-border-radius-150: 12px;
  --core-border-radius-200: 16px;
  --core-scaling-25: 0.95;
  --core-scaling-50: 0.975;
  --core-scaling-75: 0.99;
  --core-scaling-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; /* Used for non-mobile first and other tool scenarios */
  --core-breakpoint-max-width-s: 703px; /* Used for non-mobile first and other tool scenarios */
  --core-breakpoint-max-width-m: 991px; /* Used for non-mobile first and other tool scenarios */
  --core-breakpoint-max-width-l: 1279px; /* Used for non-mobile first and other tool scenarios */
  --core-breakpoint-max-width-xl: 1471px; /* Used for non-mobile first and other tool scenarios */
  --core-breakpoint-max-width-2xl: 1759px; /* Used for non-mobile first and other tool scenarios */
  --core-grid-column-gap-xs: 16px; /* Space between vertical grid columns */
  --core-grid-column-gap-s: 16px; /* Space between vertical grid columns */
  --core-grid-column-gap-m: 32px; /* Space between vertical grid columns */
  --core-grid-column-gap-l: 32px; /* Space between vertical grid columns */
  --core-grid-column-gap-xl: 32px; /* Space between vertical grid columns */
  --core-grid-column-gap-2xl: 32px; /* Space between vertical grid columns */
  --core-grid-column-gap-3xl: 32px; /* Space between vertical grid columns */
  --core-grid-inset-horizontal-xs: 24px; /* Left and right spacing of the grid */
  --core-grid-inset-horizontal-s: 24px; /* Left and right spacing of the grid */
  --core-grid-inset-horizontal-m: 48px; /* Left and right spacing of the grid */
  --core-grid-inset-horizontal-l: 64px; /* Left and right spacing of the grid */
  --core-grid-inset-horizontal-xl: 64px; /* Left and right spacing of the grid */
  --core-grid-inset-horizontal-2xl: 64px; /* Left and right spacing of the grid */
  --core-grid-inset-horizontal-3xl: 64px; /* Left and right spacing of the grid */
  --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-grid-baseline: 4px; /* Definition of the baseline grid size (horizontal grid rows). Main usage is to align the lineheight of typographic styles to a definined vertical rythm. */
  --core-motion-duration-0: 0s;
  --core-motion-duration-100: 0.1s;
  --core-motion-duration-250: 0.25s;
  --core-motion-duration-500: 0.5s;
  --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-user-agent: 16px; /* Value for 1rem based on user's browser settings */
  --core-text-decoration-none: none;
  --core-text-decoration-underline: underline;
  --semantic-color-background-default: #FFFFFF;
  --semantic-color-background-default-inverse: #122B54;
  --semantic-color-brand-primary-resting: #003781;
  --semantic-color-brand-primary-hover: #00266D;
  --semantic-color-brand-primary-active: #001955;
  --semantic-color-brand-primary-disabled: #C2C5CF;
  --semantic-color-brand-primary-static-resting: #003781;
  --semantic-color-brand-primary-static-hover: #00266D;
  --semantic-color-brand-primary-static-active: #001955;
  --semantic-color-brand-primary-static-disabled: #C2C5CF;
  --semantic-color-brand-primary-inverse-resting: #FFF;
  --semantic-color-brand-primary-inverse-hover: #FFFFFFC2;
  --semantic-color-brand-primary-inverse-active: #FFFFFF8F;
  --semantic-color-brand-primary-inverse-disabled: #FFFFFF4D;
  --semantic-color-surface-none: #FFFFFF00;
  --semantic-color-surface-default-resting: #FFFFFF;
  --semantic-color-surface-default-hover: #F0F7FC;
  --semantic-color-surface-default-active: #DBEAF5;
  --semantic-color-surface-default-disabled: #F5F5F7;
  --semantic-color-surface-emphasis-resting: #EEF6F6;
  --semantic-color-surface-emphasis-hover: #DFEFF2;
  --semantic-color-surface-emphasis-active: #B2DCEA;
  --semantic-color-surface-emphasis-disabled: #EFF0F3;
  --semantic-color-surface-subtle-resting: #F7FAFA;
  --semantic-color-surface-subtle-hover: #E6F2F4;
  --semantic-color-surface-subtle-active: #C8E6EE;
  --semantic-color-surface-subtle-disabled: #F2F2F5;
  --semantic-color-surface-default-inverse-resting: #122B54;
  --semantic-color-surface-default-inverse-hover: #0F1F3A;
  --semantic-color-surface-default-inverse-active: #091223;
  --semantic-color-surface-default-inverse-disabled: #FFFFFF13;
  --semantic-color-surface-emphasis-inverse-resting: #1C3A6C;
  --semantic-color-surface-emphasis-inverse-hover: #122B54;
  --semantic-color-surface-emphasis-inverse-active: #0F1F3A;
  --semantic-color-surface-emphasis-inverse-disabled: #FFFFFF1A;
  --semantic-color-surface-subtle-inverse-resting: #173360;
  --semantic-color-surface-subtle-inverse-hover: #173360;
  --semantic-color-surface-subtle-inverse-active: #112547;
  --semantic-color-surface-subtle-inverse-disabled: #FFFFFF14;
  --semantic-color-on-surface-primary-resting: #003781;
  --semantic-color-on-surface-primary-disabled: #C2C5CF;
  --semantic-color-on-surface-primary-readonly: #2F3C49;
  --semantic-color-on-surface-secondary-resting: #3F72B1;
  --semantic-color-on-surface-secondary-disabled: #B8BCC8;
  --semantic-color-on-surface-secondary-readonly: #68727B;
  --semantic-color-on-surface-primary-inverse-resting: #FFF;
  --semantic-color-on-surface-primary-inverse-disabled: #FFFFFF4D;
  --semantic-color-on-surface-primary-inverse-readonly: #FFFFFFC2;
  --semantic-color-on-surface-secondary-inverse-resting: #FFFFFF8F;
  --semantic-color-on-surface-secondary-inverse-disabled: #FFFFFF40;
  --semantic-color-on-surface-secondary-inverse-readonly: #FFFFFF8F;
  --semantic-color-border-primary-resting: #003781;
  --semantic-color-border-primary-hover: #00266D;
  --semantic-color-border-primary-active: #001955;
  --semantic-color-border-primary-disabled: #C2C5CF;
  --semantic-color-border-secondary-resting: #6590BD;
  --semantic-color-border-secondary-hover: #3F72B1;
  --semantic-color-border-secondary-active: #1A5393;
  --semantic-color-border-secondary-disabled: #B3B7C4;
  --semantic-color-border-tertiary-resting: #C3D7E9;
  --semantic-color-border-tertiary-hover: #ADC6DC;
  --semantic-color-border-tertiary-active: #8DAFD1;
  --semantic-color-border-tertiary-disabled: #A3A9B8;
  --semantic-color-border-primary-inverse-resting: #FFF;
  --semantic-color-border-primary-inverse-hover: #FFFFFFC2;
  --semantic-color-border-primary-inverse-active: #FFFFFF8F;
  --semantic-color-border-primary-inverse-disabled: #FFFFFF4D;
  --semantic-color-border-secondary-inverse-resting: #FFFFFF66;
  --semantic-color-border-secondary-inverse-hover: #FFFFFF45;
  --semantic-color-border-secondary-inverse-active: #FFFFFF2B;
  --semantic-color-border-secondary-inverse-disabled: #FFFFFF39;
  --semantic-color-border-tertiary-inverse-resting: #FFFFFF1A;
  --semantic-color-border-tertiary-inverse-hover: #FFFFFF0A;
  --semantic-color-border-tertiary-inverse-active: #FFFFFF00;
  --semantic-color-border-tertiary-inverse-disabled: #FFFFFF26;
  --semantic-color-border-focus: #0E98CC;
  --semantic-color-signal-attention-critical-resting: #DD0A42;
  --semantic-color-signal-attention-critical-hover: #AA001B;
  --semantic-color-signal-attention-critical-active: #7C0007;
  --semantic-color-signal-attention-warning-resting: #8F6A00;
  --semantic-color-signal-attention-warning-hover: #6A4E00;
  --semantic-color-signal-attention-warning-active: #4B3701;
  --semantic-color-signal-attention-positive-resting: #05813C;
  --semantic-color-signal-attention-positive-hover: #006028;
  --semantic-color-signal-attention-positive-active: #00450F;
  --semantic-color-signal-attention-info-resting: #3F72B1;
  --semantic-color-signal-attention-info-hover: #1A5393;
  --semantic-color-signal-attention-info-active: #003781;
  --semantic-color-signal-attention-disabled: #B8BCC8;
  --semantic-color-signal-subtle-critical-resting: #FAE2E3;
  --semantic-color-signal-subtle-critical-hover: #FACAC6;
  --semantic-color-signal-subtle-critical-active: #FEA5AA;
  --semantic-color-signal-subtle-warning-resting: #FBE6A7;
  --semantic-color-signal-subtle-warning-hover: #FAD066;
  --semantic-color-signal-subtle-warning-active: #FAB600;
  --semantic-color-signal-subtle-positive-resting: #C0F3D1;
  --semantic-color-signal-subtle-positive-hover: #9AE5B4;
  --semantic-color-signal-subtle-positive-active: #68D190;
  --semantic-color-signal-subtle-info-resting: #DBEAF5;
  --semantic-color-signal-subtle-info-hover: #C3D7E9;
  --semantic-color-signal-subtle-info-active: #ADC6DC;
  --semantic-color-signal-subtle-disabled: #9EA4B4;
  --semantic-color-signal-attention-inverse-critical-resting: #FF808A;
  --semantic-color-signal-attention-inverse-critical-hover: #FD4369;
  --semantic-color-signal-attention-inverse-critical-active: #DD0A42;
  --semantic-color-signal-attention-inverse-warning-resting: #DBA103;
  --semantic-color-signal-attention-inverse-warning-hover: #B48602;
  --semantic-color-signal-attention-inverse-warning-active: #8F6A00;
  --semantic-color-signal-attention-inverse-positive-resting: #34C270;
  --semantic-color-signal-attention-inverse-positive-hover: #10A251;
  --semantic-color-signal-attention-inverse-positive-active: #05813C;
  --semantic-color-signal-attention-inverse-info-resting: #8DAFD1;
  --semantic-color-signal-attention-inverse-info-hover: #6590BD;
  --semantic-color-signal-attention-inverse-info-active: #3F72B1;
  --semantic-color-signal-attention-inverse-disabled: #FFFFFF33;
  --semantic-color-signal-subtle-inverse-critical-resting: #AA001B;
  --semantic-color-signal-subtle-inverse-critical-hover: #7C0007;
  --semantic-color-signal-subtle-inverse-critical-active: #5C0906;
  --semantic-color-signal-subtle-inverse-warning-resting: #6A4E00;
  --semantic-color-signal-subtle-inverse-warning-hover: #4B3701;
  --semantic-color-signal-subtle-inverse-warning-active: #382A04;
  --semantic-color-signal-subtle-inverse-positive-resting: #006028;
  --semantic-color-signal-subtle-inverse-positive-hover: #00450F;
  --semantic-color-signal-subtle-inverse-positive-active: #023409;
  --semantic-color-signal-subtle-inverse-info-resting: #1A5393;
  --semantic-color-signal-subtle-inverse-info-hover: #003781;
  --semantic-color-signal-subtle-inverse-info-active: #00266D;
  --semantic-color-signal-subtle-inverse-disabled: #FFFFFF20;
  --semantic-color-on-signal-attention-resting: #FFF;
  --semantic-color-on-signal-attention-disabled: #999FB0;
  --semantic-color-on-signal-subtle-critical-resting: #AA001B;
  --semantic-color-on-signal-subtle-warning-resting: #6A4E00;
  --semantic-color-on-signal-subtle-positive-resting: #006028;
  --semantic-color-on-signal-subtle-info-resting: #1A5393;
  --semantic-color-on-signal-subtle-disabled: #BDC1CC;
  --semantic-color-on-signal-attention-inverse-resting: #122B54;
  --semantic-color-on-signal-attention-inverse-disabled: #FFFFFF3D;
  --semantic-color-on-signal-subtle-inverse-warning-resting: #FAD066;
  --semantic-color-on-signal-subtle-inverse-critical-resting: #FACAC6;
  --semantic-color-on-signal-subtle-inverse-info-resting: #C3D7E9;
  --semantic-color-on-signal-subtle-inverse-positive-resting: #9AE5B4;
  --semantic-color-on-signal-subtle-inverse-disabled: #FFFFFF2B;
  --semantic-color-accent-attention-yellow-resting: #8F6A00;
  --semantic-color-accent-attention-yellow-hover: #6A4E00;
  --semantic-color-accent-attention-yellow-active: #4B3701;
  --semantic-color-accent-attention-orange-resting: #C34800;
  --semantic-color-accent-attention-orange-hover: #933400;
  --semantic-color-accent-attention-orange-active: #682500;
  --semantic-color-accent-attention-red-resting: #DD0A42;
  --semantic-color-accent-attention-red-hover: #AA001B;
  --semantic-color-accent-attention-red-active: #7C0007;
  --semantic-color-accent-attention-purple-resting: #962165;
  --semantic-color-accent-attention-purple-hover: #720849;
  --semantic-color-accent-attention-purple-active: #5B0037;
  --semantic-color-accent-attention-aqua-resting: #0377A8;
  --semantic-color-accent-attention-aqua-hover: #005885;
  --semantic-color-accent-attention-aqua-active: #003D63;
  --semantic-color-accent-attention-blue-resting: #3F72B1;
  --semantic-color-accent-attention-blue-hover: #1A5393;
  --semantic-color-accent-attention-blue-active: #003781;
  --semantic-color-accent-attention-teal-resting: #057C85;
  --semantic-color-accent-attention-teal-hover: #005C64;
  --semantic-color-accent-attention-teal-active: #014248;
  --semantic-color-accent-attention-green-resting: #05813C;
  --semantic-color-accent-attention-green-hover: #006028;
  --semantic-color-accent-attention-green-active: #00450F;
  --semantic-color-accent-attention-gray-resting: #68727B;
  --semantic-color-accent-attention-gray-hover: #495560;
  --semantic-color-accent-attention-gray-active: #2F3C49;
  --semantic-color-accent-attention-disabled: #B8BCC8;
  --semantic-color-accent-subtle-yellow-resting: #FBE6A7;
  --semantic-color-accent-subtle-yellow-hover: #FAD066;
  --semantic-color-accent-subtle-yellow-active: #FAB600;
  --semantic-color-accent-subtle-orange-resting: #FCE2C8;
  --semantic-color-accent-subtle-orange-hover: #FECA91;
  --semantic-color-accent-subtle-orange-active: #FFA456;
  --semantic-color-accent-subtle-red-resting: #FAE2E3;
  --semantic-color-accent-subtle-red-hover: #FACAC6;
  --semantic-color-accent-subtle-red-active: #FEA5AA;
  --semantic-color-accent-subtle-purple-resting: #F9E1ED;
  --semantic-color-accent-subtle-purple-hover: #F4C9DF;
  --semantic-color-accent-subtle-purple-active: #EEAECB;
  --semantic-color-accent-subtle-blue-resting: #DBEAF5;
  --semantic-color-accent-subtle-blue-hover: #C3D7E9;
  --semantic-color-accent-subtle-blue-active: #ADC6DC;
  --semantic-color-accent-subtle-aqua-resting: #DFEFF2;
  --semantic-color-accent-subtle-aqua-hover: #B2DCEA;
  --semantic-color-accent-subtle-aqua-active: #83CBE5;
  --semantic-color-accent-subtle-teal-resting: #C2F0EF;
  --semantic-color-accent-subtle-teal-hover: #8DE3E2;
  --semantic-color-accent-subtle-teal-active: #6DD2D0;
  --semantic-color-accent-subtle-green-resting: #C0F3D1;
  --semantic-color-accent-subtle-green-hover: #9AE5B4;
  --semantic-color-accent-subtle-green-active: #68D190;
  --semantic-color-accent-subtle-gray-resting: #E9EAEB;
  --semantic-color-accent-subtle-gray-hover: #D7D9DB;
  --semantic-color-accent-subtle-gray-active: #C0C4C7;
  --semantic-color-accent-subtle-disabled: #9EA4B4;
  --semantic-color-accent-attention-inverse-yellow-resting: #DBA103;
  --semantic-color-accent-attention-inverse-yellow-hover: #B48602;
  --semantic-color-accent-attention-inverse-yellow-active: #8F6A00;
  --semantic-color-accent-attention-inverse-orange-resting: #FF8939;
  --semantic-color-accent-attention-inverse-orange-hover: #EA6308;
  --semantic-color-accent-attention-inverse-orange-active: #C34800;
  --semantic-color-accent-attention-inverse-red-resting: #FF808A;
  --semantic-color-accent-attention-inverse-red-hover: #FD4369;
  --semantic-color-accent-attention-inverse-red-active: #DD0A42;
  --semantic-color-accent-attention-inverse-purple-resting: #E78EB3;
  --semantic-color-accent-attention-inverse-purple-hover: #DC6597;
  --semantic-color-accent-attention-inverse-purple-active: #BD417F;
  --semantic-color-accent-attention-inverse-aqua-resting: #51B6DD;
  --semantic-color-accent-attention-inverse-aqua-hover: #0E98CC;
  --semantic-color-accent-attention-inverse-aqua-active: #0377A8;
  --semantic-color-accent-attention-inverse-blue-resting: #8DAFD1;
  --semantic-color-accent-attention-inverse-blue-hover: #6590BD;
  --semantic-color-accent-attention-inverse-blue-active: #3F72B1;
  --semantic-color-accent-attention-inverse-teal-resting: #46BAB8;
  --semantic-color-accent-attention-inverse-teal-hover: #1F9B9E;
  --semantic-color-accent-attention-inverse-teal-active: #057C85;
  --semantic-color-accent-attention-inverse-green-resting: #34C270;
  --semantic-color-accent-attention-inverse-green-hover: #10A251;
  --semantic-color-accent-attention-inverse-green-active: #05813C;
  --semantic-color-accent-attention-inverse-gray-resting: #A7ACB1;
  --semantic-color-accent-attention-inverse-gray-hover: #888F96;
  --semantic-color-accent-attention-inverse-gray-active: #68727B;
  --semantic-color-accent-attention-inverse-disabled: #FFFFFF33;
  --semantic-color-accent-subtle-inverse-yellow-resting: #6A4E00;
  --semantic-color-accent-subtle-inverse-yellow-hover: #4B3701;
  --semantic-color-accent-subtle-inverse-yellow-active: #382A04;
  --semantic-color-accent-subtle-inverse-orange-resting: #933400;
  --semantic-color-accent-subtle-inverse-orange-hover: #682500;
  --semantic-color-accent-subtle-inverse-orange-active: #4E1D01;
  --semantic-color-accent-subtle-inverse-red-resting: #AA001B;
  --semantic-color-accent-subtle-inverse-red-hover: #7C0007;
  --semantic-color-accent-subtle-inverse-red-active: #5C0906;
  --semantic-color-accent-subtle-inverse-purple-resting: #962165;
  --semantic-color-accent-subtle-inverse-purple-hover: #720849;
  --semantic-color-accent-subtle-inverse-purple-active: #5B0037;
  --semantic-color-accent-subtle-inverse-aqua-resting: #005885;
  --semantic-color-accent-subtle-inverse-aqua-hover: #003D63;
  --semantic-color-accent-subtle-inverse-aqua-active: #002F4B;
  --semantic-color-accent-subtle-inverse-blue-resting: #1A5393;
  --semantic-color-accent-subtle-inverse-blue-hover: #003781;
  --semantic-color-accent-subtle-inverse-blue-active: #00266D;
  --semantic-color-accent-subtle-inverse-teal-resting: #005C64;
  --semantic-color-accent-subtle-inverse-teal-hover: #014248;
  --semantic-color-accent-subtle-inverse-teal-active: #013134;
  --semantic-color-accent-subtle-inverse-green-resting: #006028;
  --semantic-color-accent-subtle-inverse-green-hover: #00450F;
  --semantic-color-accent-subtle-inverse-green-active: #023409;
  --semantic-color-accent-subtle-inverse-gray-resting: #495560;
  --semantic-color-accent-subtle-inverse-gray-hover: #2F3C49;
  --semantic-color-accent-subtle-inverse-gray-active: #202D3B;
  --semantic-color-accent-subtle-inverse-disabled: #FFFFFF20;
  --semantic-color-on-accent-attention-resting: #FFF;
  --semantic-color-on-accent-attention-disabled: #999FB0;
  --semantic-color-on-accent-subtle-yellow-resting: #6A4E00;
  --semantic-color-on-accent-subtle-orange-resting: #933400;
  --semantic-color-on-accent-subtle-red-resting: #AA001B;
  --semantic-color-on-accent-subtle-purple-resting: #962165;
  --semantic-color-on-accent-subtle-blue-resting: #1A5393;
  --semantic-color-on-accent-subtle-aqua-resting: #005885;
  --semantic-color-on-accent-subtle-teal-resting: #005C64;
  --semantic-color-on-accent-subtle-green-resting: #006028;
  --semantic-color-on-accent-subtle-gray-resting: #495560;
  --semantic-color-on-accent-subtle-disabled: #BDC1CC;
  --semantic-color-on-accent-attention-inverse-resting: #122B54;
  --semantic-color-on-accent-attention-inverse-disabled: #FFFFFF3D;
  --semantic-color-on-accent-subtle-inverse-yellow-resting: #FAD066;
  --semantic-color-on-accent-subtle-inverse-orange-resting: #FECA91;
  --semantic-color-on-accent-subtle-inverse-red-resting: #FACAC6;
  --semantic-color-on-accent-subtle-inverse-purple-resting: #F4C9DF;
  --semantic-color-on-accent-subtle-inverse-blue-resting: #C3D7E9;
  --semantic-color-on-accent-subtle-inverse-aqua-resting: #B2DCEA;
  --semantic-color-on-accent-subtle-inverse-teal-resting: #8DE3E2;
  --semantic-color-on-accent-subtle-inverse-green-resting: #9AE5B4;
  --semantic-color-on-accent-subtle-inverse-gray-resting: #D7D9DB;
  --semantic-color-on-accent-subtle-inverse-disabled: #FFFFFF2B;
  --semantic-color-action-primary-resting: #003781;
  --semantic-color-action-primary-hover: #00266D;
  --semantic-color-action-primary-active: #001955;
  --semantic-color-action-primary-disabled: #C2C5CF;
  --semantic-color-action-primary-readonly: #2F3C49;
  --semantic-color-action-secondary-resting: #3F72B1;
  --semantic-color-action-secondary-hover: #1A5393;
  --semantic-color-action-secondary-active: #003781;
  --semantic-color-action-secondary-disabled: #B8BCC8;
  --semantic-color-action-secondary-readonly: #495560;
  --semantic-color-action-primary-inverse-resting: #FFF;
  --semantic-color-action-primary-inverse-hover: #FFFFFFC2;
  --semantic-color-action-primary-inverse-active: #FFFFFF8F;
  --semantic-color-action-primary-inverse-disabled: #FFFFFF4D;
  --semantic-color-action-primary-inverse-readonly: #FFFFFFC2;
  --semantic-color-action-secondary-inverse-resting: #FFFFFF8F;
  --semantic-color-action-secondary-inverse-hover: #FFFFFF66;
  --semantic-color-action-secondary-inverse-active: #FFFFFF45;
  --semantic-color-action-secondary-inverse-disabled: #FFFFFF40;
  --semantic-color-action-secondary-inverse-readonly: #FFFFFF8F;
  --semantic-color-action-surface-attention-resting: #003781;
  --semantic-color-action-surface-attention-hover: #00266D;
  --semantic-color-action-surface-attention-active: #001955;
  --semantic-color-action-surface-attention-disabled: #C2C5CF;
  --semantic-color-action-surface-attention-inverse-resting: #FFF;
  --semantic-color-action-surface-attention-inverse-hover: #FFFFFFC2;
  --semantic-color-action-surface-attention-inverse-active: #FFFFFF8F;
  --semantic-color-action-surface-attention-inverse-disabled: #FFFFFF4D;
  --semantic-color-on-action-primary-resting: #FFF;
  --semantic-color-on-action-primary-disabled: #999FB0;
  --semantic-color-on-action-primary-readonly: #2F3C49;
  --semantic-color-on-action-secondary-resting: #FFFFFF8F;
  --semantic-color-on-action-secondary-disabled: #A3A9B8;
  --semantic-color-on-action-secondary-readonly: #495560;
  --semantic-color-on-action-primary-inverse-resting: #003781;
  --semantic-color-on-action-primary-inverse-disabled: #FFFFFF3B;
  --semantic-color-on-action-primary-inverse-readonly: #FFF;
  --semantic-color-on-action-secondary-inverse-resting: #3F72B1;
  --semantic-color-on-action-secondary-inverse-disabled: #FFFFFF36;
  --semantic-color-on-action-secondary-inverse-readonly: #FFFFFFC2;
  --semantic-color-selection-surface-attention-resting: #003781;
  --semantic-color-selection-surface-attention-hover: #00266D;
  --semantic-color-selection-surface-attention-active: #001955;
  --semantic-color-selection-surface-attention-disabled: #C2C5CF;
  --semantic-color-selection-surface-attention-inverse-resting: #FFF;
  --semantic-color-selection-surface-attention-inverse-hover: #FFFFFFC2;
  --semantic-color-selection-surface-attention-inverse-active: #FFFFFF8F;
  --semantic-color-selection-surface-attention-inverse-disabled: #FFFFFF4D;
  --semantic-color-on-selection-primary-resting: #FFF;
  --semantic-color-on-selection-primary-disabled: #999FB0;
  --semantic-color-on-selection-primary-readonly: #2F3C49;
  --semantic-color-on-selection-secondary-resting: #FFFFFF8F;
  --semantic-color-on-selection-secondary-disabled: #A3A9B8;
  --semantic-color-on-selection-secondary-readonly: #495560;
  --semantic-color-on-selection-primary-inverse-resting: #003781;
  --semantic-color-on-selection-primary-inverse-disabled: #FFFFFF3B;
  --semantic-color-on-selection-primary-inverse-readonly: #FFF;
  --semantic-color-on-selection-secondary-inverse-resting: #3F72B1;
  --semantic-color-on-selection-secondary-inverse-disabled: #FFFFFF36;
  --semantic-color-on-selection-secondary-inverse-readonly: #FFFFFFC2;
  --semantic-color-elevation-surface-default-100-resting: #FFF;
  --semantic-color-elevation-surface-default-100-hover: #F0F7FC;
  --semantic-color-elevation-surface-default-100-active: #DBEAF5;
  --semantic-color-elevation-surface-default-100-disabled: #F5F5F7;
  --semantic-color-elevation-surface-default-200-resting: #FFF;
  --semantic-color-elevation-surface-default-200-hover: #F0F7FC;
  --semantic-color-elevation-surface-default-200-active: #DBEAF5;
  --semantic-color-elevation-surface-default-200-disabled: #F5F5F7;
  --semantic-color-elevation-surface-default-300-resting: #FFF;
  --semantic-color-elevation-surface-default-300-hover: #F0F7FC;
  --semantic-color-elevation-surface-default-300-active: #DBEAF5;
  --semantic-color-elevation-surface-default-300-disabled: #F5F5F7;
  --semantic-color-elevation-surface-default-400-resting: #FFF;
  --semantic-color-elevation-surface-default-400-hover: #F0F7FC;
  --semantic-color-elevation-surface-default-400-active: #DBEAF5;
  --semantic-color-elevation-surface-default-400-disabled: #F5F5F7;
  --semantic-color-elevation-surface-default-500-resting: #FFF;
  --semantic-color-elevation-surface-default-500-hover: #F0F7FC;
  --semantic-color-elevation-surface-default-500-active: #DBEAF5;
  --semantic-color-elevation-surface-default-500-disabled: #F5F5F7;
  --semantic-color-elevation-shadow-core: #122B5429;
  --semantic-color-elevation-shadow-cast: #122B541F;
  --semantic-dimension-static-0: 0px;
  --semantic-dimension-static-25: 1px;
  --semantic-dimension-static-50: 2px;
  --semantic-dimension-static-100: 4px;
  --semantic-dimension-static-150: 6px;
  --semantic-dimension-static-200: 8px;
  --semantic-dimension-static-250: 10px;
  --semantic-dimension-static-300: 12px;
  --semantic-dimension-static-350: 14px;
  --semantic-dimension-static-400: 16px;
  --semantic-dimension-static-450: 18px;
  --semantic-dimension-static-500: 20px;
  --semantic-dimension-static-600: 24px;
  --semantic-dimension-static-700: 28px;
  --semantic-dimension-static-800: 32px;
  --semantic-dimension-static-900: 36px;
  --semantic-dimension-static-1000: 40px;
  --semantic-dimension-static-1200: 48px;
  --semantic-dimension-static-1400: 56px;
  --semantic-dimension-static-1600: 64px;
  --semantic-dimension-static-2000: 80px;
  --semantic-dimension-static-2400: 96px;
  --semantic-dimension-linear-25-50: 1px;
  --semantic-dimension-linear-25-100: 3px;
  --semantic-dimension-linear-25-150: 5px;
  --semantic-dimension-linear-25-200: 7px;
  --semantic-dimension-linear-50-100: 2px;
  --semantic-dimension-linear-50-150: 4px;
  --semantic-dimension-linear-50-200: 6px;
  --semantic-dimension-linear-50-250: 8px;
  --semantic-dimension-linear-50-300: 10px;
  --semantic-dimension-linear-50-350: 12px;
  --semantic-dimension-linear-50-400: 14px;
  --semantic-dimension-linear-50-450: 16px;
  --semantic-dimension-linear-50-500: 18px;
  --semantic-dimension-linear-100-200: 4px;
  --semantic-dimension-linear-100-250: 6px;
  --semantic-dimension-linear-100-300: 8px;
  --semantic-dimension-linear-100-350: 10px;
  --semantic-dimension-linear-100-400: 12px;
  --semantic-dimension-linear-100-500: 16px;
  --semantic-dimension-linear-100-600: 20px;
  --semantic-dimension-linear-100-700: 24px;
  --semantic-dimension-linear-100-800: 28px;
  --semantic-dimension-linear-100-900: 32px;
  --semantic-dimension-linear-100-1000: 36px;
  --semantic-dimension-linear-200-400: 8px;
  --semantic-dimension-linear-200-600: 16px;
  --semantic-dimension-linear-200-800: 24px;
  --semantic-dimension-linear-200-1000: 32px;
  --semantic-dimension-linear-200-1200: 40px;
  --semantic-dimension-linear-200-1400: 48px;
  --semantic-dimension-linear-200-1600: 56px;
  --semantic-dimension-linear-300-1200: 36px;
  --semantic-dimension-linear-300-1400: 44px;
  --semantic-dimension-linear-300-1600: 52px;
  --semantic-dimension-linear-300-2000: 68px;
  --semantic-dimension-linear-300-2400: 84px;
  --semantic-dimension-clamp-smaller-25-25: 0px;
  --semantic-dimension-clamp-smaller-25-50: 1px;
  --semantic-dimension-clamp-smaller-25-100: 3px;
  --semantic-dimension-clamp-smaller-25-150: 5px;
  --semantic-dimension-clamp-smaller-25-200: 7px;
  --semantic-dimension-clamp-smaller-50-50: 0px;
  --semantic-dimension-clamp-smaller-50-100: 2px;
  --semantic-dimension-clamp-smaller-50-150: 4px;
  --semantic-dimension-clamp-smaller-50-200: 6px;
  --semantic-dimension-clamp-smaller-50-250: 8px;
  --semantic-dimension-clamp-smaller-50-300: 10px;
  --semantic-dimension-clamp-smaller-50-350: 12px;
  --semantic-dimension-clamp-smaller-50-400: 14px;
  --semantic-dimension-clamp-smaller-50-450: 16px;
  --semantic-dimension-clamp-smaller-50-500: 18px;
  --semantic-dimension-clamp-smaller-100-100: 0px;
  --semantic-dimension-clamp-smaller-100-150: 2px;
  --semantic-dimension-clamp-smaller-100-200: 4px;
  --semantic-dimension-clamp-smaller-100-250: 6px;
  --semantic-dimension-clamp-smaller-100-300: 8px;
  --semantic-dimension-clamp-smaller-100-350: 10px;
  --semantic-dimension-clamp-smaller-100-400: 12px;
  --semantic-dimension-clamp-smaller-100-500: 16px;
  --semantic-dimension-clamp-smaller-100-600: 20px;
  --semantic-dimension-clamp-smaller-100-700: 24px;
  --semantic-dimension-clamp-smaller-100-800: 28px;
  --semantic-dimension-clamp-smaller-100-900: 32px;
  --semantic-dimension-clamp-smaller-100-1000: 36px;
  --semantic-dimension-clamp-smaller-200-200: 0px;
  --semantic-dimension-clamp-smaller-200-400: 8px;
  --semantic-dimension-clamp-smaller-200-600: 16px;
  --semantic-dimension-clamp-smaller-200-800: 24px;
  --semantic-dimension-clamp-smaller-200-1000: 32px;
  --semantic-dimension-clamp-smaller-200-1200: 40px;
  --semantic-dimension-clamp-smaller-200-1400: 48px;
  --semantic-dimension-clamp-smaller-200-1600: 56px;
  --semantic-dimension-clamp-smaller-300-1200: 36px;
  --semantic-dimension-clamp-smaller-300-1400: 44px;
  --semantic-dimension-clamp-smaller-300-1600: 52px;
  --semantic-dimension-clamp-smaller-300-2000: 68px;
  --semantic-dimension-clamp-smaller-300-2400: 84px;
  --semantic-dimension-elevation-core-100-x: 0px;
  --semantic-dimension-elevation-core-100-y: 1px;
  --semantic-dimension-elevation-core-100-blur: 4px;
  --semantic-dimension-elevation-core-100-spread: 0px;
  --semantic-dimension-elevation-core-200-x: 0px;
  --semantic-dimension-elevation-core-200-y: 2px;
  --semantic-dimension-elevation-core-200-blur: 8px;
  --semantic-dimension-elevation-core-200-spread: 0px;
  --semantic-dimension-elevation-core-300-x: 0px;
  --semantic-dimension-elevation-core-300-y: 4px;
  --semantic-dimension-elevation-core-300-blur: 16px;
  --semantic-dimension-elevation-core-300-spread: 0px;
  --semantic-dimension-elevation-core-400-x: 0px;
  --semantic-dimension-elevation-core-400-y: 8px;
  --semantic-dimension-elevation-core-400-blur: 32px;
  --semantic-dimension-elevation-core-400-spread: 0px;
  --semantic-dimension-elevation-core-500-x: 0px;
  --semantic-dimension-elevation-core-500-y: 16px;
  --semantic-dimension-elevation-core-500-blur: 64px;
  --semantic-dimension-elevation-core-500-spread: 0px;
  --semantic-dimension-elevation-cast-100-x: 0px;
  --semantic-dimension-elevation-cast-100-y: 4px;
  --semantic-dimension-elevation-cast-100-blur: 16px;
  --semantic-dimension-elevation-cast-100-spread: 0px;
  --semantic-dimension-elevation-cast-200-x: 0px;
  --semantic-dimension-elevation-cast-200-y: 8px;
  --semantic-dimension-elevation-cast-200-blur: 24px;
  --semantic-dimension-elevation-cast-200-spread: 0px;
  --semantic-dimension-elevation-cast-300-x: 0px;
  --semantic-dimension-elevation-cast-300-y: 16px;
  --semantic-dimension-elevation-cast-300-blur: 32px;
  --semantic-dimension-elevation-cast-300-spread: 0px;
  --semantic-dimension-elevation-cast-400-x: 0px;
  --semantic-dimension-elevation-cast-400-y: 20px;
  --semantic-dimension-elevation-cast-400-blur: 40px;
  --semantic-dimension-elevation-cast-400-spread: 0px;
  --semantic-dimension-elevation-cast-500-x: 0px;
  --semantic-dimension-elevation-cast-500-y: 24px;
  --semantic-dimension-elevation-cast-500-blur: 48px;
  --semantic-dimension-elevation-cast-500-spread: 0px;
  --semantic-border-radius-s: 4px;
  --semantic-border-radius-m: 7px;
  --semantic-border-radius-l: 10px;
  --semantic-border-radius-round: 999px;
  --semantic-border-width-static: 1px;
  --semantic-border-width-action: 1px;
  --semantic-border-width-focus: 2px;
  --semantic-border-width-selected: 2px;
  --semantic-border-width-bar: 4px;
  --semantic-size-content-s: 16px; /* Default line height to derive uniform component sizes. Also used to align icon sizes to texts based on line height. */
  --semantic-size-content-m: 20px; /* Default line height to derive uniform component sizes. Also used to align icon sizes to texts based on line height. */
  --semantic-size-content-l: 36px; /* size for e.g. illustrative icons */
  --semantic-size-content-xl: 48px; /* size for e.g. illustrative icons */
  --semantic-size-component-s: 28px; /* The size of an s-sized button. Derived from line-height s and padding top and bottom. */
  --semantic-size-component-m: 40px; /* The size of an m-sized button. Derived from line-height s and padding top and bottom. */
  --semantic-size-component-l: 56px; /* For e.g. contained icons and avatars */
  --semantic-size-component-xl: 68px; /* For e.g. contained icons and avatars */
  --semantic-spacing-dynamic-s-100: 0px;
  --semantic-spacing-dynamic-s-200: 4px;
  --semantic-spacing-dynamic-s-300: 8px;
  --semantic-spacing-dynamic-s-400: 12px;
  --semantic-spacing-dynamic-s-600: 16px;
  --semantic-spacing-dynamic-s-800: 24px;
  --semantic-spacing-dynamic-s-1200: 32px;
  --semantic-spacing-dynamic-s-1400: 48px;
  --semantic-spacing-dynamic-s-1600: 56px;
  --semantic-spacing-dynamic-s-2400: 64px;
  --semantic-spacing-dynamic-m-100: 0px;
  --semantic-spacing-dynamic-m-200: 0px;
  --semantic-spacing-dynamic-m-300: 4px;
  --semantic-spacing-dynamic-m-400: 8px;
  --semantic-spacing-dynamic-m-600: 12px;
  --semantic-spacing-dynamic-m-800: 16px;
  --semantic-spacing-dynamic-m-1200: 24px;
  --semantic-spacing-dynamic-m-1400: 32px;
  --semantic-spacing-dynamic-m-1600: 48px;
  --semantic-spacing-dynamic-m-2400: 56px;
  --semantic-spacing-dynamic-l-100: 0px;
  --semantic-spacing-dynamic-l-200: 0px;
  --semantic-spacing-dynamic-l-300: 0px;
  --semantic-spacing-dynamic-l-400: 4px;
  --semantic-spacing-dynamic-l-600: 8px;
  --semantic-spacing-dynamic-l-800: 12px;
  --semantic-spacing-dynamic-l-1200: 16px;
  --semantic-spacing-dynamic-l-1400: 24px;
  --semantic-spacing-dynamic-l-1600: 32px;
  --semantic-spacing-dynamic-l-2400: 48px;
  --semantic-spacing-icon-s-adjustment: 4px; /* Due to different renderings of text and icon combinations in components with insets, functional icons need a visual adjustment (reduction of inset). */
  --semantic-spacing-icon-m-adjustment: 4px; /* Due to different renderings of text and icon combinations in components with insets, functional icons need a visual adjustment (reduction of inset). */
  --semantic-spacing-content-s-gap-plain: 4px; /* Gap between text (e.g. text and icon) for elements without surroundings (e.g. link) */
  --semantic-spacing-content-s-gap-contained: 6px; /* Gap between text (e.g. text and icon) for elements with surroundings (e.g. button) */
  --semantic-spacing-content-m-gap-plain: 4px; /* Gap between text (e.g. text and icon) for elements without surroundings (e.g. link) */
  --semantic-spacing-content-m-gap-contained: 6px; /* Gap between text (e.g. text and icon) for elements with surroundings (e.g. button) */
  --semantic-spacing-focus-offset: 2px;
  --semantic-spacing-label-m-stack: 2px; /* Used to space the label and its associated hint message */
  --semantic-spacing-label-m-gap: 8px; /* Used to space the label and its distance to e.g. control elements */
  --semantic-spacing-list-xs: 6px;
  --semantic-spacing-list-s: 8px;
  --semantic-spacing-list-m: 12px;
  --semantic-spacing-list-l: 16px;
  --semantic-spacing-list-xl: 20px;
  --semantic-max-width-text: 1088px;
  --semantic-font-size-body-s: 14px;
  --semantic-font-size-body-m: 16px;
  --semantic-font-size-body-l: 19px;
  --semantic-font-size-utility-s: 14px;
  --semantic-font-size-utility-m: 16px;
  --semantic-font-size-utility-indication: 10px;
  --semantic-font-size-headline-s: 14px;
  --semantic-font-size-headline-m: 16px;
  --semantic-font-size-headline-l: 20px;
  --semantic-font-size-headline-xl: 25px;
  --semantic-font-size-headline-2xl: 31px;
  --semantic-font-size-headline-3xl: 39px;
  --semantic-font-size-headline-4xl: 49px;
  --semantic-font-size-headline-5xl: 61px;
  --semantic-font-size-headline-6xl: 76px;
  --semantic-line-height-body-s: 20px;
  --semantic-line-height-body-m: 22px;
  --semantic-line-height-body-l: 24px;
  --semantic-line-height-utility-s: 16px;
  --semantic-line-height-utility-m: 20px;
  --semantic-line-height-utility-indication: 14px;
  --semantic-line-height-headline-s: 20px;
  --semantic-line-height-headline-m: 22px;
  --semantic-line-height-headline-l: 26px;
  --semantic-line-height-headline-xl: 30px;
  --semantic-line-height-headline-2xl: 36px;
  --semantic-line-height-headline-3xl: 42px;
  --semantic-line-height-headline-4xl: 52px;
  --semantic-line-height-headline-5xl: 64px;
  --semantic-line-height-headline-6xl: 76px;
  --semantic-font-family-body: 'Allianz Neo';
  --semantic-font-family-utility: 'Allianz Neo';
  --semantic-font-family-headline: 'Allianz Neo';
  --semantic-font-weight-body: 400;
  --semantic-font-weight-utility-default: 400;
  --semantic-font-weight-utility-attention: 700;
  --semantic-font-weight-utility-indication: 600;
  --semantic-font-weight-headline-s: 700;
  --semantic-font-weight-headline-m: 700;
  --semantic-font-weight-headline-l: 700;
  --semantic-font-weight-headline-xl: 700;
  --semantic-font-weight-headline-2xl: 600;
  --semantic-font-weight-headline-3xl: 600;
  --semantic-font-weight-headline-4xl: 600;
  --semantic-font-weight-headline-5xl: 600;
  --semantic-font-weight-headline-6xl: 600;
  --semantic-letter-spacing-body-s: 0;
  --semantic-letter-spacing-body-m: 0;
  --semantic-letter-spacing-body-l: 0;
  --semantic-letter-spacing-utility-s: 0;
  --semantic-letter-spacing-utility-m: 0;
  --semantic-letter-spacing-utility-indication: 0;
  --semantic-letter-spacing-headline-s: 0;
  --semantic-letter-spacing-headline-m: 0;
  --semantic-letter-spacing-headline-l: 0;
  --semantic-letter-spacing-headline-xl: 0;
  --semantic-letter-spacing-headline-2xl: 0;
  --semantic-letter-spacing-headline-3xl: -0.5px;
  --semantic-letter-spacing-headline-4xl: -0.5px;
  --semantic-letter-spacing-headline-5xl: -0.5px;
  --semantic-letter-spacing-headline-6xl: -1px;
  --semantic-scaling-initial: 1;
  --semantic-scaling-shrink-s: 0.99;
  --semantic-scaling-shrink-m: 0.975;
  --semantic-scaling-shrink-l: 0.95;
  --semantic-text-decoration-none: none;
  --semantic-text-decoration-action-resting: underline;
  --semantic-text-decoration-action-hover: none;
  --semantic-text-decoration-action-active: none;
  --semantic-text-decoration-action-disabled: underline;
  --semantic-text-body-s: 400 14px/20px 'Allianz Neo';
  --semantic-text-body-m: 400 16px/22px 'Allianz Neo';
  --semantic-text-body-l: 400 19px/24px 'Allianz Neo';
  --semantic-text-utility-indication: 600 10px/14px 'Allianz Neo';
  --semantic-text-utility-default-s: 400 14px/16px 'Allianz Neo';
  --semantic-text-utility-default-m: 400 16px/20px 'Allianz Neo';
  --semantic-text-utility-attention-s: 700 14px/16px 'Allianz Neo';
  --semantic-text-utility-attention-m: 700 16px/20px 'Allianz Neo';
  --semantic-text-utility-action-s-resting: 700 14px/16px 'Allianz Neo';
  --semantic-text-utility-action-s-hover: 700 14px/16px 'Allianz Neo';
  --semantic-text-utility-action-s-active: 700 14px/16px 'Allianz Neo';
  --semantic-text-utility-action-s-disabled: 700 14px/16px 'Allianz Neo';
  --semantic-text-utility-action-m-resting: 700 16px/20px 'Allianz Neo';
  --semantic-text-utility-action-m-hover: 700 16px/20px 'Allianz Neo';
  --semantic-text-utility-action-m-active: 700 16px/20px 'Allianz Neo';
  --semantic-text-utility-action-m-disabled: 700 16px/20px 'Allianz Neo';
  --semantic-text-headline-s: 700 14px/20px 'Allianz Neo';
  --semantic-text-headline-m: 700 16px/22px 'Allianz Neo';
  --semantic-text-headline-l: 700 20px/26px 'Allianz Neo';
  --semantic-text-headline-xl: 700 25px/30px 'Allianz Neo';
  --semantic-text-headline-2xl: 600 31px/36px 'Allianz Neo';
  --semantic-text-headline-3xl: 600 39px/42px 'Allianz Neo';
  --semantic-text-headline-4xl: 600 49px/52px 'Allianz Neo';
  --semantic-text-headline-5xl: 600 61px/64px 'Allianz Neo';
  --semantic-text-headline-6xl: 600 76px/76px 'Allianz Neo';
  --semantic-elevation-100: 0px 1px 4px 0px #122B5429, 0px 4px 16px 0px #122B541F;
  --semantic-elevation-200: 0px 2px 8px 0px #122B5429, 0px 8px 24px 0px #122B541F;
  --semantic-elevation-300: 0px 4px 16px 0px #122B5429, 0px 16px 32px 0px #122B541F;
  --semantic-elevation-400: 0px 8px 32px 0px #122B5429, 0px 20px 40px 0px #122B541F;
  --semantic-elevation-500: 0px 16px 64px 0px #122B5429, 0px 24px 48px 0px #122B541F;
  --semantic-motion-curves-default-change-x1: 0.25;
  --semantic-motion-curves-default-change-y1: 0.1;
  --semantic-motion-curves-default-change-x2: 0.25;
  --semantic-motion-curves-default-change-y2: 1;
  --semantic-motion-curves-default-enter-x1: 0;
  --semantic-motion-curves-default-enter-y1: 0;
  --semantic-motion-curves-default-enter-x2: 0.58;
  --semantic-motion-curves-default-enter-y2: 1;
  --semantic-motion-curves-default-exit-x1: 0.42;
  --semantic-motion-curves-default-exit-y1: 0;
  --semantic-motion-curves-default-exit-x2: 1;
  --semantic-motion-curves-default-exit-y2: 1;
  --semantic-motion-duration-static-fast: 0.1s;
  --semantic-motion-duration-static-medium: 0.25s;
  --semantic-motion-duration-static-slow: 0.5s;
  --semantic-motion-duration-static-modifier-slow-to-fast: 1; /* Enables motion theming be changing (reducing) timings via calculations, similar to the spacing modification system */
  --semantic-motion-duration-static-modifier-slow-to-medium: 1; /* Enables motion theming be changing (reducing) timings via calculations, similar to the spacing modification system */
  --semantic-motion-duration-static-modifier-medium-to-fast: 1; /* Enables motion theming be changing (reducing) timings via calculations, similar to the spacing modification system */
  --semantic-motion-duration-dynamic-slow-to-fast: 0.5s;
  --semantic-motion-duration-dynamic-slow-to-medium: 0.5s;
  --semantic-motion-duration-dynamic-medium-to-fast: 0.25s;
  --semantic-motion-transition-focus-duration: 0.1s;
  --semantic-motion-transition-focus-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
  --semantic-motion-easing-default-change: cubic-bezier(0.25, 0.1, 0.25, 1);
  --semantic-motion-easing-default-enter: cubic-bezier(0, 0, 0.58, 1);
  --semantic-motion-easing-default-exit: cubic-bezier(0.42, 0, 1, 1);
  --indicator-count-min-width: 14px;
  --indicator-count-height: 14px;
  --indicator-count-inset-horizontal: 3px;
  --indicator-count-inset-vertical: 0px;
  --indicator-count-inset-all: 0px 3px;
  --indicator-countless-size: 8px;
  --indicator-icon-s-size: 10px;
  --indicator-icon-m-size: 12px;
  --indicator-icon-l-size: 16px;
  --indicator-icon-xl-size: 18px;
  --info-size: 16px;
  --input-field-gap: 6px;
  --input-field-inset-horizontal: 12px;
  --input-field-inset-vertical: 10px; /* Derives the vertical inset from the standard component size (origin: button sizes) and the line-height of the applied text style */
  --input-field-inset-all: 10px 12px;
  --input-field-min-height: 40px; /* Prevents a zero height input field in an unfilled state. Allows multi-line capability for text areas set as min-height. */
  --accordion-l-title-text-opened: 700 20px/26px 'Allianz Neo';
  --accordion-l-title-text-closed: 400 20px/26px 'Allianz Neo';
  --accordion-l-item-inset-vertical: 20px;
  --accordion-l-item-inset-horizontal: 0;
  --accordion-l-item-inset-all: 20px 0;
  --accordion-l-item-gap: 40px;
  --accordion-l-item-header-gap: 32px;
  --accordion-m-item-inset-vertical: 12px;
  --accordion-m-item-inset-horizontal: 0;
  --accordion-m-item-inset-all: 12px 0;
  --accordion-m-item-gap: 24px;
  --accordion-m-item-header-gap: 24px;
  --accordion-m-title-text-opened: 700 16px/22px 'Allianz Neo';
  --accordion-m-title-text-closed: 400 16px/22px 'Allianz Neo';
  --avatar-s-icon-size: 15.4px;
  --avatar-s-font-size: 12.6px;
  --avatar-s-text: 600 12.6px/28px 'Allianz Neo';
  --avatar-m-icon-size: 22px;
  --avatar-m-font-size: 18px;
  --avatar-m-text: 400 18px/40px 'Allianz Neo';
  --avatar-l-icon-size: 30.8px;
  --avatar-l-font-size: 25.2px;
  --avatar-l-text: 400 25.2px/56px 'Allianz Neo';
  --avatar-xl-icon-size: 37.4px;
  --avatar-xl-font-size: 30.6px;
  --avatar-xl-text: 400 30.6px/68px 'Allianz Neo';
  --badge-inset-horizontal: 8px;
  --badge-inset-vertical: 2px;
  --badge-inset-all: 2px 8px;
  --button-contained-m-inset-horizontal: 20px;
  --button-contained-m-inset-vertical: 12px; /* Derives the vertical inset from the standard component sizes and the line-height of the applied text style */
  --button-contained-m-inset-all: 12px 20px;
  --button-contained-m-icon-inset-all: 12px; /* Derives the vertical inset from the standard component sizes and the line-height of the applied text style */
  --button-contained-m-icon-indicator-countless-offset-start: 22px;
  --button-contained-m-icon-indicator-countless-offset-bottom: 22px;
  --button-contained-m-icon-indicator-count-offset-start: 20px;
  --button-contained-m-icon-indicator-count-offset-bottom: 20px;
  --button-contained-m-icon-before-inset-start: 16px;
  --button-contained-m-icon-before-inset-end: 20px;
  --button-contained-m-icon-before-inset-vertical: 12px; /* Derives the vertical inset from the standard component sizes and the line-height of the applied text style */
  --button-contained-m-icon-before-inset-all: 12px 20px 12px 16px;
  --button-contained-m-icon-after-inset-start: 20px;
  --button-contained-m-icon-after-inset-end: 16px;
  --button-contained-m-icon-after-inset-vertical: 12px; /* Derives the vertical inset from the standard component sizes and the line-height of the applied text style */
  --button-contained-m-icon-after-inset-all: 12px 16px 12px 20px;
  --button-contained-s-inset-horizontal: 12px;
  --button-contained-s-inset-vertical: 6px; /* Derives the vertical inset from the standard component sizes and the line-height of the applied text style */
  --button-contained-s-inset-all: 6px 12px;
  --button-contained-s-icon-inset-all: 6px; /* Derives the vertical inset from the standard component sizes and the line-height of the applied text style */
  --button-contained-s-icon-indicator-countless-offset-start: 16px;
  --button-contained-s-icon-indicator-countless-offset-bottom: 16px;
  --button-contained-s-icon-indicator-count-offset-start: 14px;
  --button-contained-s-icon-indicator-count-offset-bottom: 14px;
  --button-contained-s-icon-before-inset-start: 8px;
  --button-contained-s-icon-before-inset-end: 12px;
  --button-contained-s-icon-before-inset-vertical: 6px; /* Derives the vertical inset from the standard component sizes and the line-height of the applied text style */
  --button-contained-s-icon-before-inset-all: 6px 12px 6px 8px;
  --button-contained-s-icon-after-inset-start: 12px;
  --button-contained-s-icon-after-inset-end: 8px;
  --button-contained-s-icon-after-inset-vertical: 6px; /* Derives the vertical inset from the standard component sizes and the line-height of the applied text style */
  --button-contained-s-icon-after-inset-all: 6px 8px 6px 12px;
  --button-contained-scaling-resting: 1;
  --button-contained-scaling-active: 0.99;
  --button-contained-transition-duration: 0.25s;
  --button-contained-transition-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
  --button-indicator-countless-adjustment: 2px;
  --button-plain-s-icon-indicator-countless-offset-start: 10px;
  --button-plain-s-icon-indicator-countless-offset-bottom: 10px;
  --button-plain-s-icon-indicator-count-offset-start: 8px;
  --button-plain-s-icon-indicator-count-offset-bottom: 8px;
  --button-plain-m-icon-indicator-countless-offset-start: 12px;
  --button-plain-m-icon-indicator-countless-offset-bottom: 12px;
  --button-plain-m-icon-indicator-count-offset-start: 10px;
  --button-plain-m-icon-indicator-count-offset-bottom: 10px;
  --button-plain-scaling-resting: 1;
  --button-plain-scaling-active: 0.99;
  --button-plain-transition-duration: 0.25s;
  --button-plain-transition-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
  --divider-height: 1px;
  --dropdown-item-inset-horizontal: 12px;
  --dropdown-item-inset-vertical: 8px;
  --dropdown-item-inset-all: 8px 12px;
  --dropdown-flyout-inset-vertical: 6px;
  --dropdown-flyout-inset-horizontal: 0;
  --dropdown-flyout-inset-all: 6px 0;
  --form-field-stack: 4px;
  --form-field-message-inset-vertical: 2px;
  --form-field-message-inset-horizontal: 0;
  --form-field-message-inset-all: 2px 0;
  --form-field-hint-inset-vertical: 2px;
  --form-field-hint-inset-horizontal: 0;
  --form-field-hint-inset-all: 2px 0;
  --icon-illustrative-contained-l-size: 30.8px;
  --icon-illustrative-contained-xl-size: 37.4px;
  --list-m-item-gap: 8px;
  --list-m-item-bullet-inset-top: 1px;
  --list-m-item-bullet-inset-bottom: 0;
  --list-m-item-bullet-inset-horizontal: 0;
  --list-m-item-bullet-inset-all: 1px 0 0;
  --list-m-ordered-item-min-width: 14px;
  --list-m-level-2-ordered-inset-start: 22px;
  --list-m-level-2-ordered-inset-end: 0;
  --list-m-level-2-ordered-inset-vertical: 0;
  --list-m-level-2-ordered-inset-all: 0 0 0 22px;
  --list-m-level-2-ordered-contained-inset-start: 28px;
  --list-m-level-2-ordered-contained-inset-end: 0;
  --list-m-level-2-ordered-contained-inset-vertical: 0;
  --list-m-level-2-ordered-contained-inset-all: 0 0 0 28px;
  --list-m-level-2-unordered-inset-start: 16px;
  --list-m-level-2-unordered-inset-end: 0;
  --list-m-level-2-unordered-inset-vertical: 0;
  --list-m-level-2-unordered-inset-all: 0 0 0 16px;
  --list-m-level-2-icon-inset-start: 28px;
  --list-m-level-2-icon-inset-end: 0;
  --list-m-level-2-icon-inset-vertical: 0;
  --list-m-level-2-icon-inset-all: 0 0 0 28px;
  --list-m-unordered-item-min-width: 8px;
  --list-s-item-gap: 8px;
  --list-s-item-bullet-inset-top: 2px;
  --list-s-item-bullet-inset-bottom: 0;
  --list-s-item-bullet-inset-horizontal: 0;
  --list-s-item-bullet-inset-all: 2px 0 0;
  --list-s-level-2-ordered-inset-start: 20px;
  --list-s-level-2-ordered-inset-end: 0;
  --list-s-level-2-ordered-inset-vertical: 0;
  --list-s-level-2-ordered-inset-all: 0 0 0 20px;
  --list-s-level-2-ordered-contained-inset-start: 24px;
  --list-s-level-2-ordered-contained-inset-end: 0;
  --list-s-level-2-ordered-contained-inset-vertical: 0;
  --list-s-level-2-ordered-contained-inset-all: 0 0 0 24px;
  --list-s-level-2-unordered-inset-start: 16px;
  --list-s-level-2-unordered-inset-end: 0;
  --list-s-level-2-unordered-inset-vertical: 0;
  --list-s-level-2-unordered-inset-all: 0 0 0 16px;
  --list-s-level-2-icon-inset-start: 24px;
  --list-s-level-2-icon-inset-end: 0;
  --list-s-level-2-icon-inset-vertical: 0;
  --list-s-level-2-icon-inset-all: 0 0 0 24px;
  --list-s-ordered-item-min-width: 12px;
  --list-s-unordered-item-min-width: 8px;
  --radio-button-selected-border-width: 6px;
  --segmented-control-m-button-inset-all: 6px;
  --segmented-control-m-inset-all: 4px;
  --segmented-control-m-gap: 4px;
  --segmented-control-s-button-inset-all: 3px;
  --segmented-control-s-inset-all: 3px;
  --segmented-control-s-gap: 3px;
  --switch-width: 40px;
  --switch-knob-size: 12px;
  --switch-inset-all: 4px;
  --tab-gap: 24px;
  --tab-item-inset-bottom: 8px;
  --tab-item-inset-top: 0;
  --tab-item-inset-horizontal: 0;
  --tab-item-inset-all: 0 0 8px;
  --tab-item-label-gap: 2px;
  --tab-mask-inset-horizontal: 20px;
  --tab-mask-inset-vertical: 0;
  --tab-mask-inset-all: 0 20px;
  --tab-mask-fade-width: 20px;
  --tag-height: 24px;
  --tag-inset-horizontal: 10px;
  --tag-inset-vertical: 4px;
  --tag-inset-all: 4px 10px;
  --tag-selected-inset-start: 6px;
  --tag-selected-inset-end: 10px;
  --tag-selected-inset-vertical: 4px;
  --tag-selected-inset-all: 4px 10px 4px 6px;
  --tag-deletable-inset-start: 10px;
  --tag-deletable-inset-end: 6px;
  --tag-deletable-inset-vertical: 4px;
  --tag-deletable-inset-all: 4px 6px 4px 10px;
  --tile-stack: 8px;
  --tile-gap: 14px;
  --tile-horizontal-inset-horizontal: 14px;
  --tile-horizontal-inset-vertical: 12px;
  --tile-horizontal-inset-all: 12px 14px;
  --tile-horizontal-icon-inset-horizontal: 14px;
  --tile-horizontal-icon-inset-top: 20px;
  --tile-horizontal-icon-inset-bottom: 12px;
  --tile-horizontal-icon-inset-all: 20px 14px 12px;
  --tile-horizontal-icon-size: 32px;
  --tile-vertical-inset-horizontal: 14px;
  --tile-vertical-inset-vertical: 12px;
  --tile-vertical-inset-all: 12px 14px;
  --tile-vertical-icon-size: 28px;
  --tile-control-offset-top: 10px;
  --tile-control-offset-end: 10px;
  --toggle-button-inset-horizontal: 20px;
  --toggle-button-inset-vertical: 12px;
  --toggle-button-inset-all: 12px 20px;
}