/**
 * THIS FILE WAS GENERATED AUTOMATICALLY AND SHOULD NOT BE EDITED MANUALLY!
 * 
 * Version 1.3.0
 * Generated on Mon Feb 09 2026 16:35:53 GMT+0000 (Coordinated Universal Time)
 * Copyright (c) Allianz Group
 * 
 * DISCLAIMER: While this major version represents a significant milestone in stability and
 * reliability, the Allianz A1 Design Tokens will continue to evolve. We are committed to
 * regularly expanding our A1 Design Token library to support additional components and use
 * cases. Our versioning strategy follows semantic versioning principles, with major releases
 * scheduled biannually to ensure predictability and minimize disruption to your projects.
 */

:root, :host {
  --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: #FFFFFF;
  --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-duration-0: 0s;
  --core-duration-100: 0.1s;
  --core-duration-250: 0.25s;
  --core-duration-500: 0.5s;
  --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-size-breakpoint-xs: 0;
  --core-size-breakpoint-s: 320px;
  --core-size-breakpoint-m: 704px;
  --core-size-breakpoint-l: 992px;
  --core-size-breakpoint-xl: 1280px;
  --core-size-breakpoint-2xl: 1472px;
  --core-size-breakpoint-3xl: 1760px;
  --core-size-grid-point: 4px; /** The 4-point grid system (1 rem which is by default 16px / 4 = 4) provides a structured approach to positioning and sizing ui elements. Key principle: any spacing between elements should be a multiple of 4. See also: https://www.designsystems.com/space-grids-and-layouts/. */
  --core-size-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-gap-horizontal-grid-xs: 16px; /** Space between vertical grid columns */
  --core-gap-horizontal-grid-s: 16px; /** Space between vertical grid columns */
  --core-gap-horizontal-grid-m: 32px; /** Space between vertical grid columns */
  --core-gap-horizontal-grid-l: 32px; /** Space between vertical grid columns */
  --core-gap-horizontal-grid-xl: 32px; /** Space between vertical grid columns */
  --core-gap-horizontal-grid-2xl: 32px; /** Space between vertical grid columns */
  --core-gap-horizontal-grid-3xl: 32px; /** Space between vertical grid columns */
  --core-inset-horizontal-grid-xs: 24px; /** Left and right spacing of the grid */
  --core-inset-horizontal-grid-s: 24px; /** Left and right spacing of the grid */
  --core-inset-horizontal-grid-m: 48px; /** Left and right spacing of the grid */
  --core-inset-horizontal-grid-l: 64px; /** Left and right spacing of the grid */
  --core-inset-horizontal-grid-xl: 64px; /** Left and right spacing of the grid */
  --core-inset-horizontal-grid-2xl: 64px; /** Left and right spacing of the grid */
  --core-inset-horizontal-grid-3xl: 64px; /** Left and right spacing of the grid */
  --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-text-decoration-none: none;
  --core-text-decoration-underline: underline;
  --semantic-color-brand-default-resting: #003781;
  --semantic-color-brand-default-hover: #00266D;
  --semantic-color-brand-default-active: #001955;
  --semantic-color-brand-default-disabled: #C1C5CF;
  --semantic-color-brand-default-inverse-resting: #FFFFFF;
  --semantic-color-brand-default-inverse-hover: #FFFFFFC2;
  --semantic-color-brand-default-inverse-active: #FFFFFF8F;
  --semantic-color-brand-default-inverse-disabled: #FFFFFF47;
  --semantic-color-brand-default-static-resting: #003781;
  --semantic-color-brand-default-static-hover: #00266D;
  --semantic-color-brand-default-static-active: #001955;
  --semantic-color-brand-default-static-disabled: #C1C5CF;
  --semantic-color-brand-default-static-inverse-resting: #FFFFFF;
  --semantic-color-brand-default-static-inverse-hover: #FFFFFFC2;
  --semantic-color-brand-default-static-inverse-active: #FFFFFF8F;
  --semantic-color-brand-default-static-inverse-disabled: #FFFFFF47;
  --semantic-color-on-brand-primary-resting: #FFFFFF;
  --semantic-color-on-brand-primary-hover: #FFFFFFC2;
  --semantic-color-on-brand-primary-active: #FFFFFF8F;
  --semantic-color-on-brand-primary-disabled: #9EA4B4;
  --semantic-color-on-brand-primary-inverse-resting: #003781;
  --semantic-color-on-brand-primary-inverse-hover: #00266D;
  --semantic-color-on-brand-primary-inverse-active: #001955;
  --semantic-color-on-brand-primary-inverse-disabled: #FFFFFF3C;
  --semantic-color-on-brand-primary-static-resting: #FFFFFF;
  --semantic-color-on-brand-primary-static-hover: #FFFFFFC2;
  --semantic-color-on-brand-primary-static-active: #FFFFFF8F;
  --semantic-color-on-brand-primary-static-disabled: #9EA4B4;
  --semantic-color-on-brand-primary-static-inverse-resting: #003781;
  --semantic-color-on-brand-primary-static-inverse-hover: #00266D;
  --semantic-color-on-brand-primary-static-inverse-active: #001955;
  --semantic-color-on-brand-primary-static-inverse-disabled: #FFFFFF3C;
  --semantic-color-background-default: #FFFFFF;
  --semantic-color-background-emphasis: #F0F7FC;
  --semantic-color-background-default-inverse: #122B54;
  --semantic-color-background-emphasis-inverse: #1C3A6C;
  --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: #FFFFFF1A;
  --semantic-color-surface-emphasis-inverse-resting: #1C3A6C;
  --semantic-color-surface-emphasis-inverse-hover: #335389;
  --semantic-color-surface-emphasis-inverse-active: #5371A4;
  --semantic-color-surface-emphasis-inverse-disabled: #FFFFFF1F;
  --semantic-color-surface-subtle-inverse-resting: #173360;
  --semantic-color-surface-subtle-inverse-hover: #27467A;
  --semantic-color-surface-subtle-inverse-active: #436297;
  --semantic-color-surface-subtle-inverse-disabled: #FFFFFF1A;
  --semantic-color-on-surface-primary-resting: #003781;
  --semantic-color-on-surface-primary-disabled: #C1C5CF;
  --semantic-color-on-surface-primary-readonly: #2F3C49;
  --semantic-color-on-surface-secondary-resting: #3F72B1;
  --semantic-color-on-surface-secondary-disabled: #CDD0D8;
  --semantic-color-on-surface-secondary-readonly: #68727B;
  --semantic-color-on-surface-primary-inverse-resting: #FFFFFF;
  --semantic-color-on-surface-primary-inverse-disabled: #FFFFFF47;
  --semantic-color-on-surface-primary-inverse-readonly: #FFFFFFC2;
  --semantic-color-on-surface-secondary-inverse-resting: #FFFFFF8F;
  --semantic-color-on-surface-secondary-inverse-disabled: #FFFFFF3D;
  --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: #C1C5CF;
  --semantic-color-border-secondary-resting: #6590BD;
  --semantic-color-border-secondary-hover: #3F72B1;
  --semantic-color-border-secondary-active: #1A5393;
  --semantic-color-border-secondary-disabled: #D2D5DC;
  --semantic-color-border-tertiary-resting: #C3D7E9;
  --semantic-color-border-tertiary-hover: #ADC6DC;
  --semantic-color-border-tertiary-active: #8DAFD1;
  --semantic-color-border-tertiary-disabled: #E4E5EA;
  --semantic-color-border-primary-inverse-resting: #FFFFFF;
  --semantic-color-border-primary-inverse-hover: #FFFFFFC2;
  --semantic-color-border-primary-inverse-active: #FFFFFF8F;
  --semantic-color-border-primary-inverse-disabled: #FFFFFF1D;
  --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: #FFFFFF29;
  --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: #FFFFFF34;
  --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: #CDD0D8;
  --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: #E9EBEE;
  --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: #FFFFFF24;
  --semantic-color-on-signal-attention-resting: #FFFFFF;
  --semantic-color-on-signal-attention-disabled: #9EA4B4;
  --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: #C2C5CF;
  --semantic-color-on-signal-attention-inverse-resting: #122B54;
  --semantic-color-on-signal-attention-inverse-disabled: #FFFFFF40;
  --semantic-color-on-signal-subtle-inverse-critical-resting: #FACAC6;
  --semantic-color-on-signal-subtle-inverse-warning-resting: #FAD066;
  --semantic-color-on-signal-subtle-inverse-positive-resting: #9AE5B4;
  --semantic-color-on-signal-subtle-inverse-info-resting: #C3D7E9;
  --semantic-color-on-signal-subtle-inverse-disabled: #FFFFFF25;
  --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: #CDD0D8;
  --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: #E9EBEE;
  --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: #FFFFFF24;
  --semantic-color-on-accent-attention-resting: #FFFFFF;
  --semantic-color-on-accent-attention-hover: #FFFFFFC2;
  --semantic-color-on-accent-attention-active: #FFFFFF8F;
  --semantic-color-on-accent-attention-disabled: #9EA4B4;
  --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: #C7CAD3;
  --semantic-color-on-accent-attention-inverse-resting: #122B54;
  --semantic-color-on-accent-attention-inverse-hover: #0F1F3A;
  --semantic-color-on-accent-attention-inverse-active: #091223;
  --semantic-color-on-accent-attention-inverse-disabled: #FFFFFF40;
  --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: #FFFFFF25;
  --semantic-color-action-primary-resting: #003781;
  --semantic-color-action-primary-hover: #00266D;
  --semantic-color-action-primary-active: #001955;
  --semantic-color-action-primary-disabled: #C1C5CF;
  --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: #CDD0D8;
  --semantic-color-action-secondary-readonly: #495560;
  --semantic-color-action-primary-inverse-resting: #FFFFFF;
  --semantic-color-action-primary-inverse-hover: #FFFFFFC2;
  --semantic-color-action-primary-inverse-active: #FFFFFF8F;
  --semantic-color-action-primary-inverse-disabled: #FFFFFF47;
  --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: #FFFFFF3D;
  --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: #C1C5CF;
  --semantic-color-action-surface-attention-inverse-resting: #FFFFFF;
  --semantic-color-action-surface-attention-inverse-hover: #FFFFFFC2;
  --semantic-color-action-surface-attention-inverse-active: #FFFFFF8F;
  --semantic-color-action-surface-attention-inverse-disabled: #FFFFFF47;
  --semantic-color-on-action-primary-resting: #FFFFFF;
  --semantic-color-on-action-primary-disabled: #9EA4B4;
  --semantic-color-on-action-primary-readonly: #2F3C49;
  --semantic-color-on-action-secondary-resting: #FFFFFF8F;
  --semantic-color-on-action-secondary-disabled: #A8ADBC;
  --semantic-color-on-action-secondary-readonly: #495560;
  --semantic-color-on-action-primary-inverse-resting: #003781;
  --semantic-color-on-action-primary-inverse-disabled: #FFFFFF3C;
  --semantic-color-on-action-primary-inverse-readonly: #FFFFFF;
  --semantic-color-on-action-secondary-inverse-resting: #3F72B1;
  --semantic-color-on-action-secondary-inverse-disabled: #FFFFFF34;
  --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: #C1C5CF;
  --semantic-color-selection-surface-attention-inverse-resting: #FFFFFF;
  --semantic-color-selection-surface-attention-inverse-hover: #FFFFFFC2;
  --semantic-color-selection-surface-attention-inverse-active: #FFFFFF8F;
  --semantic-color-selection-surface-attention-inverse-disabled: #FFFFFF47;
  --semantic-color-selection-surface-subtle-resting: #F0F7FC;
  --semantic-color-selection-surface-subtle-hover: #DBEAF5;
  --semantic-color-selection-surface-subtle-active: #C3D7E9;
  --semantic-color-selection-surface-subtle-disabled: #EFF0F3;
  --semantic-color-selection-surface-subtle-inverse-resting: #1C3A6C;
  --semantic-color-selection-surface-subtle-inverse-hover: #335389;
  --semantic-color-selection-surface-subtle-inverse-active: #5371A4;
  --semantic-color-selection-surface-subtle-inverse-disabled: #FFFFFF1F;
  --semantic-color-on-selection-primary-resting: #FFFFFF;
  --semantic-color-on-selection-primary-disabled: #9EA4B4;
  --semantic-color-on-selection-primary-readonly: #2F3C49;
  --semantic-color-on-selection-secondary-resting: #FFFFFF8F;
  --semantic-color-on-selection-secondary-disabled: #A8ADBC;
  --semantic-color-on-selection-secondary-readonly: #495560;
  --semantic-color-on-selection-primary-inverse-resting: #003781;
  --semantic-color-on-selection-primary-inverse-disabled: #FFFFFF3C;
  --semantic-color-on-selection-primary-inverse-readonly: #FFFFFF;
  --semantic-color-on-selection-secondary-inverse-resting: #3F72B1;
  --semantic-color-on-selection-secondary-inverse-disabled: #FFFFFF34;
  --semantic-color-on-selection-secondary-inverse-readonly: #FFFFFFC2;
  --semantic-color-elevation-surface-default-100-resting: #FFFFFF;
  --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: #FFFFFF;
  --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: #FFFFFF;
  --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: #FFFFFF;
  --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: #FFFFFF;
  --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-shadow-first: #122B5429;
  --semantic-color-shadow-second: #122B541F;
  --semantic-color-backdrop-attention: #122B54D9; /** Used for e.g. modal overlay with a visual focus on the overlaying content */
  --semantic-color-media-overlay-resting: #00378100; /** Color overlay for interactive media assets */
  --semantic-color-media-overlay-hover: #00378126; /** Color overlay for interactive media assets */
  --semantic-color-media-overlay-active: #0037814D; /** Color overlay for interactive media assets */
  --semantic-color-media-overlay-disabled: #00378100; /** Color overlay for interactive media assets */
  --semantic-color-mask-fade-start: linear-gradient(90DEG, #BFFF0000, #BFFF00);
  --semantic-color-mask-fade-end: linear-gradient(-90DEG, #BFFF0000, #BFFF00);
  --semantic-color-mask-full: #BFFF00;
  --semantic-blur-backdrop-attention: 8; /** Used for e.g. modal overlay with a background or backdrop blur type */
  --semantic-opacity-media-resting: 1;
  --semantic-opacity-media-hover: 1;
  --semantic-opacity-media-active: 1;
  --semantic-opacity-media-disabled: 0.3;
  --semantic-opacity-media-overlay-resting: 0; /** Opacity for interactive media color overlay */
  --semantic-opacity-media-overlay-hover: 0.15; /** Opacity for interactive media color overlay */
  --semantic-opacity-media-overlay-active: 0.3; /** Opacity for interactive media color overlay */
  --semantic-opacity-media-overlay-disabled: 0; /** Opacity for interactive media color overlay */
  --semantic-easing-coordinate-default-change-x1: 0.25;
  --semantic-easing-coordinate-default-change-y1: 0.1;
  --semantic-easing-coordinate-default-change-x2: 0.25;
  --semantic-easing-coordinate-default-change-y2: 1;
  --semantic-easing-coordinate-default-enter-x1: 0;
  --semantic-easing-coordinate-default-enter-y1: 0;
  --semantic-easing-coordinate-default-enter-x2: 0.58;
  --semantic-easing-coordinate-default-enter-y2: 1;
  --semantic-easing-coordinate-default-exit-x1: 0.42;
  --semantic-easing-coordinate-default-exit-y1: 0;
  --semantic-easing-coordinate-default-exit-x2: 1;
  --semantic-easing-coordinate-default-exit-y2: 1;
  --semantic-duration-static-fast: 0.1s;
  --semantic-duration-static-medium: 0.25s;
  --semantic-duration-static-slow: 0.5s;
  --semantic-duration-static-modifier-slow-to-fast: 1; /** Enables motion theming be changing (reducing) timings via calculations, similar to the spacing modification system */
  --semantic-duration-static-modifier-slow-to-medium: 1; /** Enables motion theming be changing (reducing) timings via calculations, similar to the spacing modification system */
  --semantic-duration-static-modifier-medium-to-fast: 1; /** Enables motion theming be changing (reducing) timings via calculations, similar to the spacing modification system */
  --semantic-duration-dynamic-slow-to-fast: 0.5s;
  --semantic-duration-dynamic-slow-to-medium: 0.5s;
  --semantic-duration-dynamic-medium-to-fast: 0.25s;
  --semantic-transition-focus-duration: 0.1s;
  --semantic-transition-focus-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
  --semantic-easing-default-change: cubic-bezier(0.25, 0.1, 0.25, 1);
  --semantic-easing-default-enter: cubic-bezier(0, 0, 0.58, 1);
  --semantic-easing-default-exit: cubic-bezier(0.42, 0, 1, 1);
  --semantic-scaling-initial: 1;
  --semantic-scaling-shrink-s: 0.99;
  --semantic-scaling-shrink-m: 0.975;
  --semantic-scaling-shrink-l: 0.95;
  --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-linear-400-1600: 48px;
  --semantic-dimension-linear-400-2000: 64px;
  --semantic-dimension-linear-400-2400: 80px;
  --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-shadow-first-100-x: 0px;
  --semantic-dimension-shadow-first-100-y: 1px;
  --semantic-dimension-shadow-first-100-blur: 4px;
  --semantic-dimension-shadow-first-100-spread: 0px;
  --semantic-dimension-shadow-first-200-x: 0px;
  --semantic-dimension-shadow-first-200-y: 2px;
  --semantic-dimension-shadow-first-200-blur: 8px;
  --semantic-dimension-shadow-first-200-spread: 0px;
  --semantic-dimension-shadow-first-300-x: 0px;
  --semantic-dimension-shadow-first-300-y: 4px;
  --semantic-dimension-shadow-first-300-blur: 16px;
  --semantic-dimension-shadow-first-300-spread: 0px;
  --semantic-dimension-shadow-first-400-x: 0px;
  --semantic-dimension-shadow-first-400-y: 8px;
  --semantic-dimension-shadow-first-400-blur: 32px;
  --semantic-dimension-shadow-first-400-spread: 0px;
  --semantic-dimension-shadow-first-500-x: 0px;
  --semantic-dimension-shadow-first-500-y: 16px;
  --semantic-dimension-shadow-first-500-blur: 64px;
  --semantic-dimension-shadow-first-500-spread: 0px;
  --semantic-dimension-shadow-second-100-x: 0px;
  --semantic-dimension-shadow-second-100-y: 4px;
  --semantic-dimension-shadow-second-100-blur: 16px;
  --semantic-dimension-shadow-second-100-spread: 0px;
  --semantic-dimension-shadow-second-200-x: 0px;
  --semantic-dimension-shadow-second-200-y: 8px;
  --semantic-dimension-shadow-second-200-blur: 24px;
  --semantic-dimension-shadow-second-200-spread: 0px;
  --semantic-dimension-shadow-second-300-x: 0px;
  --semantic-dimension-shadow-second-300-y: 16px;
  --semantic-dimension-shadow-second-300-blur: 32px;
  --semantic-dimension-shadow-second-300-spread: 0px;
  --semantic-dimension-shadow-second-400-x: 0px;
  --semantic-dimension-shadow-second-400-y: 20px;
  --semantic-dimension-shadow-second-400-blur: 40px;
  --semantic-dimension-shadow-second-400-spread: 0px;
  --semantic-dimension-shadow-second-500-x: 0px;
  --semantic-dimension-shadow-second-500-y: 24px;
  --semantic-dimension-shadow-second-500-blur: 48px;
  --semantic-dimension-shadow-second-500-spread: 0px;
  --semantic-border-radius-none: 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-selected: 2px;
  --semantic-border-width-focus: 2px;
  --semantic-border-width-bar: 4px;
  --semantic-size-content-s: 16px; /** Content size S matches semantic utility line-height S and allows to align component dimensions, e.g. text-icon combination */
  --semantic-size-content-m: 20px; /** Content size M matches semantic utility line-height M and allows to align component dimensions, e.g. text-icon combination, badge, checkbox, switch or radio-button */
  --semantic-size-content-l: 24px; /** Content size L matches semantic utility line-height L and allows to align component dimensions, e.g. accordion item content */
  --semantic-size-component-800: 28px; /** Component sizes define a uniform height system to achieve a more consistent layout structure. Size 800 is used e.g for the button, tag or the avatar. */
  --semantic-size-component-1000: 34px; /** Component sizes define a uniform height system to achieve a more consistent layout structure. Size 1000 is used e.g. for illustrative icons or the avatar. */
  --semantic-size-component-1200: 40px; /** Component sizes define a uniform height system to achieve a more consistent layout structure. Size 1200 is used e.g. for the button, input field, dropdown or the avatar. */
  --semantic-size-component-1400: 46px; /** Component sizes define a uniform height system to achieve a more consistent layout structure. Size 1400 is used e.g. for the illustrative icon. */
  --semantic-size-component-1600: 52px; /** Component sizes define a uniform height system to achieve a more consistent layout structure. Size 1600 is used e.g. for the avatar or illustrative contained icon. */
  --semantic-size-component-1800: 58px; /** Component sizes define a uniform height system to achieve a more consistent layout structure. */
  --semantic-size-component-2000: 64px; /** Component sizes define a uniform height system to achieve a more consistent layout structure. Size 2000 is used e.g. for the avatar or illustrative contained icon. */
  --semantic-inset-horizontal-square-content-s: 5px;
  --semantic-inset-horizontal-square-content-m: 7px;
  --semantic-inset-horizontal-square-component-800: 9px;
  --semantic-inset-horizontal-square-component-1000: 11px;
  --semantic-inset-horizontal-square-component-1200: 13px;
  --semantic-inset-horizontal-square-component-1400: 15px;
  --semantic-inset-horizontal-square-component-1600: 17px;
  --semantic-inset-horizontal-square-component-1800: 19px;
  --semantic-inset-horizontal-square-component-2000: 21px;
  --semantic-inset-horizontal-squish-content-s: 8px;
  --semantic-inset-horizontal-squish-content-m: 10px;
  --semantic-inset-horizontal-squish-component-800: 14px;
  --semantic-inset-horizontal-squish-component-1000: 17px;
  --semantic-inset-horizontal-squish-component-1200: 20px;
  --semantic-inset-horizontal-squish-component-1400: 23px;
  --semantic-inset-horizontal-squish-component-1600: 26px;
  --semantic-inset-horizontal-squish-component-1800: 29px;
  --semantic-inset-horizontal-squish-component-2000: 32px;
  --semantic-inset-horizontal-icon-adjustment-content-s: 2px; /** Functional icons need a visual adjustment (reduction of inset) when placed inside component alongside text (icons have an invisible bounding box). */
  --semantic-inset-horizontal-icon-adjustment-content-m: 2px; /** Functional icons need a visual adjustment (reduction of inset) when placed inside component alongside text (icons have an invisible bounding box). */
  --semantic-inset-horizontal-grid-default: 24px; /** Helper to provide the grid inset value based on the current breakpoint */
  --semantic-inset-horizontal-grid-functional: 20px; /** Helper to provide the grid inset value based on the current breakpoint */
  --semantic-inset-vertical-s-content-s: 0px;
  --semantic-inset-vertical-s-content-m: 2px;
  --semantic-inset-vertical-s-component-800: 6px;
  --semantic-inset-vertical-s-component-1000: 9px;
  --semantic-inset-vertical-s-component-1200: 12px;
  --semantic-inset-vertical-m-component-800: 4px;
  --semantic-inset-vertical-m-component-1000: 7px;
  --semantic-inset-vertical-m-component-1200: 10px;
  --semantic-inset-vertical-m-component-1400: 13px;
  --semantic-inset-vertical-m-component-1600: 16px;
  --semantic-inset-vertical-m-component-1800: 19px;
  --semantic-inset-vertical-m-component-2000: 22px;
  --semantic-inset-vertical-l-component-1400: 11px;
  --semantic-inset-vertical-l-component-1600: 14px;
  --semantic-inset-vertical-l-component-1800: 17px;
  --semantic-inset-vertical-l-component-2000: 20px;
  --semantic-inset-all-surface-static-200: 8px;
  --semantic-inset-all-surface-static-300: 12px;
  --semantic-inset-all-surface-static-400: 16px;
  --semantic-inset-all-surface-static-600: 24px;
  --semantic-inset-all-surface-static-800: 32px;
  --semantic-inset-all-surface-static-1000: 40px;
  --semantic-inset-all-surface-static-1200: 48px;
  --semantic-inset-all-surface-responsive-200: 4px;
  --semantic-inset-all-surface-responsive-300: 8px;
  --semantic-inset-all-surface-responsive-400: 12px;
  --semantic-inset-all-surface-responsive-600: 16px;
  --semantic-inset-all-surface-responsive-800: 24px;
  --semantic-inset-all-surface-responsive-1000: 24px;
  --semantic-inset-all-surface-responsive-1200: 32px;
  --semantic-inset-all-surface-linear-200: 6px;
  --semantic-inset-all-surface-linear-300: 10px;
  --semantic-inset-all-surface-linear-400: 14px;
  --semantic-inset-all-surface-linear-600: 20px;
  --semantic-inset-all-surface-linear-800: 28px;
  --semantic-inset-all-surface-linear-1000: 32px;
  --semantic-inset-all-surface-linear-1200: 40px;
  --semantic-inset-all-surface-linear-responsive-200: 2px;
  --semantic-inset-all-surface-linear-responsive-300: 6px;
  --semantic-inset-all-surface-linear-responsive-400: 10px;
  --semantic-inset-all-surface-linear-responsive-600: 14px;
  --semantic-inset-all-surface-linear-responsive-800: 20px;
  --semantic-inset-all-surface-linear-responsive-1000: 20px;
  --semantic-inset-all-surface-linear-responsive-1200: 28px;
  --semantic-gap-all-static-100: 4px;
  --semantic-gap-all-static-200: 8px;
  --semantic-gap-all-static-300: 12px;
  --semantic-gap-all-static-400: 16px;
  --semantic-gap-all-static-600: 24px;
  --semantic-gap-all-static-800: 32px;
  --semantic-gap-all-static-1000: 40px;
  --semantic-gap-all-static-1200: 48px;
  --semantic-gap-all-static-1400: 56px;
  --semantic-gap-all-static-1600: 64px;
  --semantic-gap-all-static-2000: 80px;
  --semantic-gap-all-static-2400: 96px;
  --semantic-gap-all-responsive-100: 4px;
  --semantic-gap-all-responsive-200: 8px;
  --semantic-gap-all-responsive-300: 8px;
  --semantic-gap-all-responsive-400: 12px;
  --semantic-gap-all-responsive-600: 16px;
  --semantic-gap-all-responsive-800: 24px;
  --semantic-gap-all-responsive-1000: 24px;
  --semantic-gap-all-responsive-1200: 32px;
  --semantic-gap-all-responsive-1400: 40px;
  --semantic-gap-all-responsive-1600: 48px;
  --semantic-gap-all-responsive-2000: 56px;
  --semantic-gap-all-responsive-2400: 64px;
  --semantic-gap-all-linear-100: 2px;
  --semantic-gap-all-linear-200: 6px;
  --semantic-gap-all-linear-300: 10px;
  --semantic-gap-all-linear-400: 12px;
  --semantic-gap-all-linear-600: 20px;
  --semantic-gap-all-linear-800: 24px;
  --semantic-gap-all-linear-1000: 32px;
  --semantic-gap-all-linear-1200: 36px;
  --semantic-gap-all-linear-1400: 44px;
  --semantic-gap-all-linear-1600: 48px;
  --semantic-gap-all-linear-2000: 64px;
  --semantic-gap-all-linear-2400: 80px;
  --semantic-gap-all-linear-responsive-100: 2px;
  --semantic-gap-all-linear-responsive-200: 6px;
  --semantic-gap-all-linear-responsive-300: 6px;
  --semantic-gap-all-linear-responsive-400: 8px;
  --semantic-gap-all-linear-responsive-600: 12px;
  --semantic-gap-all-linear-responsive-800: 20px;
  --semantic-gap-all-linear-responsive-1000: 20px;
  --semantic-gap-all-linear-responsive-1200: 24px;
  --semantic-gap-all-linear-responsive-1400: 32px;
  --semantic-gap-all-linear-responsive-1600: 36px;
  --semantic-gap-all-linear-responsive-2000: 44px;
  --semantic-gap-all-linear-responsive-2400: 48px;
  --semantic-gap-horizontal-content-plain-s: 4px; /** Gap between text (e.g. text and icon) for elements without surroundings (e.g. link) */
  --semantic-gap-horizontal-content-plain-m: 4px; /** Gap between text (e.g. text and icon) for elements without surroundings (e.g. link) */
  --semantic-gap-horizontal-content-contained-s: 6px; /** Gap between text (e.g. text and icon) for elements with surroundings (e.g. button) */
  --semantic-gap-horizontal-content-contained-m: 6px; /** Gap between text (e.g. text and icon) for elements with surroundings (e.g. button) */
  --semantic-gap-horizontal-grid-default: 16px; /** Helper to provide the grid gap value based on the current breakpoint */
  --semantic-gap-horizontal-grid-functional: 12px; /** Helper to provide the grid gap value based on the current breakpoint */
  --semantic-offset-all-focus: 2px; /** Distance of the focus ring to the component */
  --semantic-max-width-content: 1344px; /** Max-width for the content area of a website. Use from breakpoint 2xl on and larger, centered horizontally. */
  --semantic-font-size-body-s: 0.875rem;
  --semantic-font-size-body-m: 1rem;
  --semantic-font-size-body-l: 1.1875rem;
  --semantic-font-size-utility-s: 0.875rem;
  --semantic-font-size-utility-m: 1rem;
  --semantic-font-size-utility-l: 1.1875rem;
  --semantic-font-size-headline-s: 0.875rem;
  --semantic-font-size-headline-m: 1rem;
  --semantic-font-size-headline-l: 1.125rem;
  --semantic-font-size-headline-xl: 1.3125rem;
  --semantic-font-size-headline-2xl: 1.5rem;
  --semantic-font-size-headline-3xl: 1.75rem;
  --semantic-font-size-headline-4xl: 2rem;
  --semantic-font-size-headline-5xl: 2.3125rem;
  --semantic-font-size-headline-6xl: 2.6875rem;
  --semantic-line-height-body-s: 1.25rem;
  --semantic-line-height-body-m: 1.375rem;
  --semantic-line-height-body-l: 1.5rem;
  --semantic-line-height-utility-s: 1rem;
  --semantic-line-height-utility-m: 1.25rem;
  --semantic-line-height-utility-l: 1.5rem;
  --semantic-line-height-headline-s: 1.25rem;
  --semantic-line-height-headline-m: 1.375rem;
  --semantic-line-height-headline-l: 1.5rem;
  --semantic-line-height-headline-xl: 1.625rem;
  --semantic-line-height-headline-2xl: 1.875rem;
  --semantic-line-height-headline-3xl: 2rem;
  --semantic-line-height-headline-4xl: 2.25rem;
  --semantic-line-height-headline-5xl: 2.625rem;
  --semantic-line-height-headline-6xl: 2.875rem;
  --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-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: 700;
  --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-l: 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;
  --semantic-letter-spacing-headline-4xl: 0;
  --semantic-letter-spacing-headline-5xl: -0.03125rem;
  --semantic-letter-spacing-headline-6xl: -0.03125rem;
  --semantic-text-decoration-action-none: none;
  --semantic-text-decoration-action-emphasis: underline;
  --semantic-text-body-s: 400 0.875rem/1.25rem 'Allianz Neo';
  --semantic-text-body-m: 400 1rem/1.375rem 'Allianz Neo';
  --semantic-text-body-l: 400 1.1875rem/1.5rem 'Allianz Neo';
  --semantic-text-utility-default-s: 400 0.875rem/1rem 'Allianz Neo';
  --semantic-text-utility-default-m: 400 1rem/1.25rem 'Allianz Neo';
  --semantic-text-utility-default-l: 400 1.1875rem/1.5rem 'Allianz Neo';
  --semantic-text-utility-attention-s: 700 0.875rem/1rem 'Allianz Neo';
  --semantic-text-utility-attention-m: 700 1rem/1.25rem 'Allianz Neo';
  --semantic-text-utility-attention-l: 700 1.1875rem/1.5rem 'Allianz Neo';
  --semantic-text-action-default-s: 400 0.875rem/1rem 'Allianz Neo';
  --semantic-text-action-default-m: 400 1rem/1.25rem 'Allianz Neo';
  --semantic-text-action-default-l: 400 1.1875rem/1.5rem 'Allianz Neo';
  --semantic-text-action-default-emphasis-s: 400 0.875rem/1rem 'Allianz Neo';
  --semantic-text-action-default-emphasis-m: 400 1rem/1.25rem 'Allianz Neo';
  --semantic-text-action-default-emphasis-l: 400 1.1875rem/1.5rem 'Allianz Neo';
  --semantic-text-action-attention-s: 700 0.875rem/1rem 'Allianz Neo';
  --semantic-text-action-attention-m: 700 1rem/1.25rem 'Allianz Neo';
  --semantic-text-action-attention-l: 700 1.1875rem/1.5rem 'Allianz Neo';
  --semantic-text-action-attention-emphasis-s: 700 0.875rem/1rem 'Allianz Neo';
  --semantic-text-action-attention-emphasis-m: 700 1rem/1.25rem 'Allianz Neo';
  --semantic-text-action-attention-emphasis-l: 700 1.1875rem/1.5rem 'Allianz Neo';
  --semantic-text-headline-s: 700 0.875rem/1.25rem 'Allianz Neo';
  --semantic-text-headline-m: 700 1rem/1.375rem 'Allianz Neo';
  --semantic-text-headline-l: 700 1.125rem/1.5rem 'Allianz Neo';
  --semantic-text-headline-xl: 700 1.3125rem/1.625rem 'Allianz Neo';
  --semantic-text-headline-2xl: 700 1.5rem/1.875rem 'Allianz Neo';
  --semantic-text-headline-3xl: 600 1.75rem/2rem 'Allianz Neo';
  --semantic-text-headline-4xl: 600 2rem/2.25rem 'Allianz Neo';
  --semantic-text-headline-5xl: 600 2.3125rem/2.625rem 'Allianz Neo';
  --semantic-text-headline-6xl: 600 2.6875rem/2.875rem 'Allianz Neo';
  --semantic-text-headline-eyebrow-s: 700 0.875rem/1.25rem 'Allianz Neo';
  --semantic-text-headline-eyebrow-m: 700 1rem/1.375rem 'Allianz Neo';
  --semantic-shadow-100: 0px 1px 4px 0px #122B5429, 0px 4px 16px 0px #122B541F;
  --semantic-shadow-200: 0px 2px 8px 0px #122B5429, 0px 8px 24px 0px #122B541F;
  --semantic-shadow-300: 0px 4px 16px 0px #122B5429, 0px 16px 32px 0px #122B541F;
  --semantic-shadow-400: 0px 8px 32px 0px #122B5429, 0px 20px 40px 0px #122B541F;
  --semantic-shadow-500: 0px 16px 64px 0px #122B5429, 0px 24px 48px 0px #122B541F;
  --indicator-component-800-size: 11px;
  --indicator-component-800-line-height: 0.6875rem;
  --indicator-component-800-countless-size: 9px;
  --indicator-component-800-font-size: 0.5625rem;
  --indicator-component-800-text: 600 0.5625rem/0.6875rem 'Allianz Neo';
  --indicator-component-800-inset-horizontal: 3.7px;
  --indicator-component-800-inset-vertical: 0;
  --indicator-component-800-inset-all: 0 3.7px;
  --indicator-component-1000-text: 600 0.625rem/0.78125rem 'Allianz Neo';
  --indicator-component-1000-size: 12.5px;
  --indicator-component-1000-line-height: 0.78125rem;
  --indicator-component-1000-countless-size: 10px;
  --indicator-component-1000-font-size: 0.625rem;
  --indicator-component-1000-inset-horizontal: 4.2px;
  --indicator-component-1000-inset-vertical: 0;
  --indicator-component-1000-inset-all: 0 4.2px;
  --indicator-component-1200-size: 14px;
  --indicator-component-1200-line-height: 0.875rem;
  --indicator-component-1200-countless-size: 11px;
  --indicator-component-1200-font-size: 0.6875rem;
  --indicator-component-1200-text: 600 0.6875rem/0.875rem 'Allianz Neo';
  --indicator-component-1200-inset-horizontal: 4.7px;
  --indicator-component-1200-inset-vertical: 0;
  --indicator-component-1200-inset-all: 0 4.7px;
  --indicator-component-1400-size: 15.5px;
  --indicator-component-1400-line-height: 0.96875rem;
  --indicator-component-1400-countless-size: 12px;
  --indicator-component-1400-font-size: 0.75rem;
  --indicator-component-1400-text: 600 0.75rem/0.96875rem 'Allianz Neo';
  --indicator-component-1400-inset-horizontal: 5.2px;
  --indicator-component-1400-inset-vertical: 0;
  --indicator-component-1400-inset-all: 0 5.2px;
  --indicator-component-1600-size: 17px;
  --indicator-component-1600-line-height: 1.0625rem;
  --indicator-component-1600-countless-size: 13px;
  --indicator-component-1600-font-size: 0.8125rem;
  --indicator-component-1600-text: 600 0.8125rem/1.0625rem 'Allianz Neo';
  --indicator-component-1600-inset-horizontal: 5.7px;
  --indicator-component-1600-inset-vertical: 0;
  --indicator-component-1600-inset-all: 0 5.7px;
  --indicator-component-1800-size: 18.5px;
  --indicator-component-1800-line-height: 1.15625rem;
  --indicator-component-1800-countless-size: 14px;
  --indicator-component-1800-font-size: 0.875rem;
  --indicator-component-1800-text: 600 0.875rem/1.15625rem 'Allianz Neo';
  --indicator-component-1800-inset-horizontal: 6.2px;
  --indicator-component-1800-inset-vertical: 0;
  --indicator-component-1800-inset-all: 0 6.2px;
  --indicator-component-2000-size: 20px;
  --indicator-component-2000-line-height: 1.25rem;
  --indicator-component-2000-countless-size: 15px;
  --indicator-component-2000-font-size: 0.9375rem;
  --indicator-component-2000-text: 600 0.9375rem/1.25rem 'Allianz Neo';
  --indicator-component-2000-inset-horizontal: 6.7px;
  --indicator-component-2000-inset-vertical: 0;
  --indicator-component-2000-inset-all: 0 6.7px;
  --indicator-content-s-line-height: 0.875rem;
  --indicator-content-s-size: 14px;
  --indicator-content-s-countless-size: 8px;
  --indicator-content-s-font-size: 0.6875rem;
  --indicator-content-s-text: 600 0.6875rem/0.875rem 'Allianz Neo';
  --indicator-content-s-inset-horizontal: 4.7px;
  --indicator-content-s-inset-vertical: 0;
  --indicator-content-s-inset-all: 0 4.7px;
  --indicator-content-m-size: 15px;
  --indicator-content-m-countless-size: 9px;
  --indicator-content-m-line-height: 0.9375rem;
  --indicator-content-m-font-size: 0.6875rem;
  --indicator-content-m-text: 600 0.6875rem/0.9375rem 'Allianz Neo';
  --indicator-content-m-inset-horizontal: 5px;
  --indicator-content-m-inset-vertical: 0;
  --indicator-content-m-inset-all: 0 5px;
  --info-size: 16px;
  --input-field-m-gap-horizontal: 6px;
  --input-field-m-inset-horizontal: 13px;
  --input-field-m-inset-vertical: 10px;
  --input-field-m-inset-all: 10px 13px;
  --input-field-m-height: 40px; /** Fixed height for single line input fields */
  --input-field-m-icon-inset-start: 13px;
  --input-field-m-icon-inset-end: 11px;
  --input-field-m-icon-inset-vertical: 10px;
  --input-field-m-icon-inset-all: 10px 11px 10px 13px;
  --input-field-s-gap-horizontal: 6px;
  --input-field-s-height: 28px; /** Fixed height for single line input fields */
  --input-field-s-inset-horizontal: 9px;
  --input-field-s-inset-vertical: 4px;
  --input-field-s-inset-all: 4px 9px;
  --input-field-s-icon-inset-start: 9px;
  --input-field-s-icon-inset-end: 7px;
  --input-field-s-icon-inset-vertical: 4px;
  --input-field-s-icon-inset-all: 4px 7px 4px 9px;
  --label-m-gap-vertical: 2px; /** Vertical spacing between the label and the hint or other elements */
  --label-m-gap-horizontal: 8px; /** Horizontal spacing between the label and control elements or other elements */
  --accordion-l-item-inset-vertical: 17px;
  --accordion-l-item-inset-horizontal: 0;
  --accordion-l-item-inset-all: 17px 0;
  --accordion-l-item-headline-gap-horizontal: 16px; /** Spacing between headline and optional slot (e.g. for icons) */
  --accordion-l-item-header-gap-horizontal: 32px; /** Spacing between headline and control */
  --accordion-m-item-inset-vertical: 13px;
  --accordion-m-item-inset-horizontal: 0;
  --accordion-m-item-inset-all: 13px 0;
  --accordion-m-item-headline-gap-horizontal: 12px; /** Spacing between headline and optional slot (e.g. for icons) */
  --accordion-m-item-header-gap-horizontal: 24px; /** Spacing between headline and control */
  --avatar-s-size: 28px;
  --avatar-s-icon-size: 16px;
  --avatar-s-font-size: 0.8125rem;
  --avatar-s-text: 600 0.8125rem/1.75rem 'Allianz Neo';
  --avatar-m-size: 40px;
  --avatar-m-icon-size: 22px;
  --avatar-m-font-size: 1.125rem;
  --avatar-m-text: 400 1.125rem/2.5rem 'Allianz Neo';
  --avatar-l-size: 52px;
  --avatar-l-icon-size: 29px;
  --avatar-l-font-size: 1.5rem;
  --avatar-l-text: 400 1.5rem/3.25rem 'Allianz Neo';
  --avatar-xl-size: 64px;
  --avatar-xl-icon-size: 36px;
  --avatar-xl-font-size: 1.8125rem;
  --avatar-xl-text: 400 1.8125rem/4rem 'Allianz Neo';
  --badge-inset-horizontal: 7px;
  --badge-inset-vertical: 2px;
  --badge-inset-all: 2px 7px;
  --badge-size: 20px;
  --breadcrumb-gap-horizontal: 6px;
  --button-indicator-countless-adjustment: 2px;
  --button-contained-m-inset-horizontal: 20px;
  --button-contained-m-inset-vertical: 12px;
  --button-contained-m-inset-all: 12px 20px;
  --button-contained-m-icon-inset-all: 12px;
  --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: 18px;
  --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 18px;
  --button-contained-m-icon-after-inset-start: 20px;
  --button-contained-m-icon-after-inset-end: 18px;
  --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 18px 12px 20px;
  --button-contained-s-inset-horizontal: 14px;
  --button-contained-s-inset-vertical: 6px;
  --button-contained-s-inset-all: 6px 14px;
  --button-contained-s-icon-inset-all: 6px;
  --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: 12px;
  --button-contained-s-icon-before-inset-end: 14px;
  --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 14px 6px 12px;
  --button-contained-s-icon-after-inset-start: 14px;
  --button-contained-s-icon-after-inset-end: 12px;
  --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 12px 6px 14px;
  --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-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);
  --checkbox-size: 20px;
  --divider-height: 1px;
  --dropdown-item-inset-horizontal: 13px;
  --dropdown-item-inset-vertical: 10px;
  --dropdown-item-inset-all: 10px 13px;
  --dropdown-flyout-inset-vertical: 3px;
  --dropdown-flyout-inset-horizontal: 0;
  --dropdown-flyout-inset-all: 3px 0;
  --form-field-gap-vertical: 4px; /** Distance between label and input field as well as message or hint and input field */
  --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-contained-s-size: 16px;
  --icon-contained-s-surface-size: 28px;
  --icon-contained-m-size: 19px;
  --icon-contained-m-surface-size: 34px;
  --icon-contained-l-size: 22px;
  --icon-contained-l-surface-size: 40px;
  --icon-contained-xl-size: 29px;
  --icon-contained-xl-surface-size: 52px;
  --icon-contained-2xl-size: 36px;
  --icon-contained-2xl-surface-size: 64px;
  --icon-plain-s-size: 16px;
  --icon-plain-m-size: 20px;
  --icon-plain-l-size: 28px;
  --icon-plain-xl-size: 34px;
  --icon-plain-2xl-size: 46px;
  --license-plate-gap-horizontal: 8px;
  --license-plate-region-inset-horizontal: 8px;
  --license-plate-region-inset-vertical: 0;
  --license-plate-region-inset-all: 0 8px;
  --license-plate-season-gap-vertical: 1px;
  --license-plate-season-line-height: 0.875rem;
  --license-plate-season-font-size: 0.625rem;
  --license-plate-season-letter-spacing: 0rem;
  --license-plate-season-font-weight: 600;
  --license-plate-season-text: 600 0.625rem/0.875rem 'Allianz Neo';
  --list-m-gap-vertical: 12px;
  --list-m-item-gap-horizontal: 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-gap-vertical: 8px;
  --list-s-item-gap-horizontal: 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;
  --modal-inset-all: 20px; /** Distance between label and input field as well as message or hint and input field */
  --modal-header-gap-vertical: 12px;
  --modal-header-control-gap-horizontal: 6px;
  --modal-footer-actions-gap-all: 12px;
  --pagination-button-size: 28px;
  --pagination-label-gap-horizontal: 6px;
  --pagination-navigation-gap-horizontal: 6px;
  --pagination-controls-gap-horizontal: 6px;
  --pagination-grouped-navigation-gap-horizontal: 6px;
  --pagination-grouped-label-gap-horizontal: 12px;
  --popover-inset-all: 20px; /** Distance between label and input field as well as message or hint and input field */
  --popover-offset-all: 8px;
  --popover-gap-vertical: 14px;
  --popover-header-control-gap-horizontal: 20px;
  --popover-header-headline-gap-horizontal: 8px;
  --popover-footer-actions-gap-all: 10px;
  --popover-pointer-width: 16px;
  --popover-pointer-height: 8px;
  --price-affix-primary-2xl-font-size: 0.6rem;
  --price-affix-primary-2xl-line-height: 0.6rem;
  --price-affix-primary-2xl-text: 700 0.6rem/0.6rem 'Allianz Neo';
  --price-affix-primary-2xl-inset-vertical: 9.6px;
  --price-affix-primary-2xl-inset-horizontal: 0;
  --price-affix-primary-2xl-inset-all: 9.6px 0;
  --price-affix-primary-2xl-gap-horizontal: 2px;
  --price-affix-primary-3xl-font-size: 0.7rem;
  --price-affix-primary-3xl-line-height: 0.7rem;
  --price-affix-primary-3xl-text: 700 0.7rem/0.7rem 'Allianz Neo';
  --price-affix-primary-3xl-inset-vertical: 11.2px;
  --price-affix-primary-3xl-inset-horizontal: 0;
  --price-affix-primary-3xl-inset-all: 11.2px 0;
  --price-affix-primary-3xl-gap-horizontal: 2px;
  --price-affix-primary-4xl-font-size: 0.8rem;
  --price-affix-primary-4xl-line-height: 0.8rem;
  --price-affix-primary-4xl-text: 700 0.8rem/0.8rem 'Allianz Neo';
  --price-affix-primary-4xl-inset-vertical: 12.8px;
  --price-affix-primary-4xl-inset-horizontal: 0;
  --price-affix-primary-4xl-inset-all: 12.8px 0;
  --price-affix-primary-4xl-gap-horizontal: 3px;
  --price-affix-primary-5xl-font-size: 0.925rem;
  --price-affix-primary-5xl-line-height: 0.925rem;
  --price-affix-primary-5xl-text: 700 0.925rem/0.925rem 'Allianz Neo';
  --price-affix-primary-5xl-inset-vertical: 14.8px;
  --price-affix-primary-5xl-inset-horizontal: 0;
  --price-affix-primary-5xl-inset-all: 14.8px 0;
  --price-affix-primary-5xl-gap-horizontal: 3px;
  --price-affix-primary-6xl-font-size: 1.075rem;
  --price-affix-primary-6xl-line-height: 1.075rem;
  --price-affix-primary-6xl-text: 700 1.075rem/1.075rem 'Allianz Neo';
  --price-affix-primary-6xl-inset-vertical: 17.2px;
  --price-affix-primary-6xl-inset-horizontal: 0;
  --price-affix-primary-6xl-inset-all: 17.2px 0;
  --price-affix-primary-6xl-gap-horizontal: 4px;
  --price-affix-secondary-s-font-size: 0.71875rem;
  --price-affix-secondary-s-line-height: 0.47554rem;
  --price-affix-secondary-s-text: 600 0.71875rem/0.47554rem 'Allianz Neo';
  --price-affix-secondary-s-inset-bottom: 5.3687px;
  --price-affix-secondary-s-inset-top: 0;
  --price-affix-secondary-s-inset-horizontal: 0;
  --price-affix-secondary-s-inset-all: 0 0 5.3687px;
  --price-affix-secondary-s-gap-horizontal: 4px;
  --price-affix-secondary-s-gap-vertical: 1px;
  --price-affix-secondary-m-font-size: 0.75rem;
  --price-affix-secondary-m-line-height: 0.49622rem;
  --price-affix-secondary-m-text: 600 0.75rem/0.49622rem 'Allianz Neo';
  --price-affix-secondary-m-inset-bottom: 5.707px;
  --price-affix-secondary-m-inset-top: 0;
  --price-affix-secondary-m-inset-horizontal: 0;
  --price-affix-secondary-m-inset-all: 0 0 5.707px;
  --price-affix-secondary-m-gap-horizontal: 5px;
  --price-affix-secondary-m-gap-vertical: 1px;
  --price-affix-secondary-l-font-size: 0.78125rem;
  --price-affix-secondary-l-line-height: 0.51689rem;
  --price-affix-secondary-l-text: 600 0.78125rem/0.51689rem 'Allianz Neo';
  --price-affix-secondary-l-inset-bottom: 6.0454px;
  --price-affix-secondary-l-inset-top: 0;
  --price-affix-secondary-l-inset-horizontal: 0;
  --price-affix-secondary-l-inset-all: 0 0 6.0454px;
  --price-affix-secondary-l-gap-horizontal: 5px;
  --price-affix-secondary-l-gap-vertical: 1px;
  --price-affix-secondary-xl-font-size: 0.82813rem;
  --price-affix-secondary-xl-line-height: 0.54791rem;
  --price-affix-secondary-xl-text: 600 0.82813rem/0.54791rem 'Allianz Neo';
  --price-affix-secondary-xl-inset-bottom: 6.053px;
  --price-affix-secondary-xl-inset-top: 0;
  --price-affix-secondary-xl-inset-horizontal: 0;
  --price-affix-secondary-xl-inset-all: 0 0 6.053px;
  --price-affix-secondary-xl-gap-horizontal: 5px;
  --price-affix-secondary-xl-gap-vertical: 1px;
  --price-affix-secondary-2xl-font-size: 0.875rem;
  --price-affix-secondary-2xl-line-height: 0.57892rem;
  --price-affix-secondary-2xl-text: 600 0.875rem/0.57892rem 'Allianz Neo';
  --price-affix-secondary-2xl-inset-bottom: 7.0605px;
  --price-affix-secondary-2xl-inset-top: 0;
  --price-affix-secondary-2xl-inset-horizontal: 0;
  --price-affix-secondary-2xl-inset-all: 0 0 7.0605px;
  --price-affix-secondary-2xl-gap-horizontal: 6px;
  --price-affix-secondary-2xl-gap-vertical: 1px;
  --price-affix-secondary-3xl-font-size: 0.9375rem;
  --price-affix-secondary-3xl-line-height: 0.62027rem;
  --price-affix-secondary-3xl-text: 600 0.9375rem/0.62027rem 'Allianz Neo';
  --price-affix-secondary-3xl-inset-bottom: 6.7373px;
  --price-affix-secondary-3xl-inset-top: 0;
  --price-affix-secondary-3xl-inset-horizontal: 0;
  --price-affix-secondary-3xl-inset-all: 0 0 6.7373px;
  --price-affix-secondary-3xl-gap-horizontal: 5px;
  --price-affix-secondary-3xl-gap-vertical: 1px;
  --price-affix-secondary-4xl-font-size: 1rem;
  --price-affix-secondary-4xl-line-height: 0.66162rem;
  --price-affix-secondary-4xl-text: 600 1rem/0.66162rem 'Allianz Neo';
  --price-affix-secondary-4xl-inset-bottom: 7.4141px;
  --price-affix-secondary-4xl-inset-top: 0;
  --price-affix-secondary-4xl-inset-horizontal: 0;
  --price-affix-secondary-4xl-inset-all: 0 0 7.4141px;
  --price-affix-secondary-4xl-gap-horizontal: 6px;
  --price-affix-secondary-4xl-gap-vertical: 1px;
  --price-affix-secondary-5xl-font-size: 1.07813rem;
  --price-affix-secondary-5xl-line-height: 0.71331rem;
  --price-affix-secondary-5xl-text: 600 1.07813rem/0.71331rem 'Allianz Neo';
  --price-affix-secondary-5xl-inset-bottom: 8.76px;
  --price-affix-secondary-5xl-inset-top: 0;
  --price-affix-secondary-5xl-inset-horizontal: 0;
  --price-affix-secondary-5xl-inset-all: 0 0 8.76px;
  --price-affix-secondary-5xl-gap-horizontal: 7px;
  --price-affix-secondary-5xl-gap-vertical: 1px;
  --price-affix-secondary-6xl-font-size: 1.17188rem;
  --price-affix-secondary-6xl-line-height: 0.77534rem;
  --price-affix-secondary-6xl-text: 600 1.17188rem/0.77534rem 'Allianz Neo';
  --price-affix-secondary-6xl-inset-bottom: 8.7751px;
  --price-affix-secondary-6xl-inset-top: 0;
  --price-affix-secondary-6xl-inset-horizontal: 0;
  --price-affix-secondary-6xl-inset-all: 0 0 8.7751px;
  --price-affix-secondary-6xl-gap-horizontal: 7px;
  --price-affix-secondary-6xl-gap-vertical: 1px;
  --radio-button-selected-border-width: 6px;
  --radio-button-size: 20px;
  --rating-star-color: #B48602;
  --rating-interactive-s-gap-horizontal: 6px;
  --rating-interactive-s-label-gap-vertical: 10px;
  --rating-interactive-m-gap-horizontal: 10px;
  --rating-interactive-m-label-gap-vertical: 10px;
  --rating-static-s-gap-horizontal: 1px;
  --rating-static-m-gap-horizontal: 3px;
  --segmented-control-m-gap-horizontal: 4px;
  --segmented-control-m-inset-all: 4px;
  --segmented-control-m-height: 40px;
  --segmented-control-m-button-inset-horizontal: 11px;
  --segmented-control-m-button-inset-vertical: 6px; /** Substracts the component padding and text height from the size to derive the button inset */
  --segmented-control-m-button-inset-all: 6px 11px;
  --segmented-control-s-gap-horizontal: 3px;
  --segmented-control-s-inset-all: 3px;
  --segmented-control-s-height: 28px;
  --segmented-control-s-button-inset-horizontal: 9px;
  --segmented-control-s-button-inset-vertical: 3px; /** Substracts the component padding and text height from the size to derive the button inset */
  --segmented-control-s-button-inset-all: 3px 9px;
  --switch-width: 40px;
  --switch-knob-size: 12px;
  --switch-inset-all: 4px;
  --tab-gap-horizontal: 20px;
  --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-horizontal: 2px;
  --tab-mask-inset-horizontal: 20px;
  --tab-mask-inset-vertical: 0;
  --tab-mask-inset-all: 0 20px;
  --tab-mask-fade-width: 20px;
  --tag-height: 28px;
  --tag-inset-horizontal: 9px;
  --tag-inset-vertical: 6px;
  --tag-inset-all: 6px 9px;
  --tag-selected-inset-start: 7px;
  --tag-selected-inset-end: 9px;
  --tag-selected-inset-vertical: 6px;
  --tag-selected-inset-all: 6px 9px 6px 7px;
  --tag-deletable-inset-start: 9px;
  --tag-deletable-inset-end: 7px;
  --tag-deletable-inset-vertical: 6px;
  --tag-deletable-inset-all: 6px 7px 6px 9px;
  --tile-gap-vertical: 8px;
  --tile-gap-horizontal: 14px;
  --tile-vertical-inset-horizontal: 14px;
  --tile-vertical-inset-vertical: 14px;
  --tile-vertical-inset-all: 14px 14px;
  --tile-vertical-icon-inset-horizontal: 14px;
  --tile-vertical-icon-inset-top: 21px;
  --tile-vertical-icon-inset-bottom: 14px;
  --tile-vertical-icon-inset-all: 21px 14px 14px;
  --tile-vertical-icon-size: 34px;
  --tile-vertical-control-offset-top: 14px;
  --tile-vertical-control-offset-end: 14px;
  --tile-horizontal-inset-horizontal: 14px;
  --tile-horizontal-inset-vertical: 14px;
  --tile-horizontal-inset-all: 14px 14px;
  --tile-horizontal-icon-size: 28px;
  --toggle-button-inset-horizontal: 20px;
  --toggle-button-inset-vertical: 10px;
  --toggle-button-inset-all: 10px 20px;
  --tooltip-inset-horizontal: 7px;
  --tooltip-inset-vertical: 2px;
  --tooltip-inset-all: 2px 7px;
  --tooltip-pointer-width: 12px;
  --tooltip-pointer-height: 6px;
  --tooltip-offset-all: 4px;
}

@media screen and (min-width: 704px) {
  :root, :host {
    --semantic-inset-horizontal-grid-default: 48px; /** Helper to provide the grid inset value based on the current breakpoint */
    --semantic-inset-horizontal-grid-functional: 28px; /** Helper to provide the grid inset value based on the current breakpoint */
    --semantic-inset-all-surface-responsive-200: 6px;
    --semantic-inset-all-surface-responsive-300: 10px;
    --semantic-inset-all-surface-responsive-400: 14px;
    --semantic-inset-all-surface-responsive-600: 20px;
    --semantic-inset-all-surface-responsive-800: 28px;
    --semantic-inset-all-surface-responsive-1000: 32px;
    --semantic-inset-all-surface-responsive-1200: 40px;
    --semantic-inset-all-surface-linear-responsive-200: 4px;
    --semantic-inset-all-surface-linear-responsive-300: 8px;
    --semantic-inset-all-surface-linear-responsive-400: 12px;
    --semantic-inset-all-surface-linear-responsive-600: 18px;
    --semantic-inset-all-surface-linear-responsive-800: 24px;
    --semantic-inset-all-surface-linear-responsive-1000: 28px;
    --semantic-inset-all-surface-linear-responsive-1200: 32px;
    --semantic-gap-all-responsive-300: 10px;
    --semantic-gap-all-responsive-400: 14px;
    --semantic-gap-all-responsive-600: 20px;
    --semantic-gap-all-responsive-800: 28px;
    --semantic-gap-all-responsive-1000: 32px;
    --semantic-gap-all-responsive-1200: 40px;
    --semantic-gap-all-responsive-1400: 48px;
    --semantic-gap-all-responsive-1600: 56px;
    --semantic-gap-all-responsive-2000: 64px;
    --semantic-gap-all-responsive-2400: 80px;
    --semantic-gap-all-linear-responsive-300: 8px;
    --semantic-gap-all-linear-responsive-400: 12px;
    --semantic-gap-all-linear-responsive-600: 16px;
    --semantic-gap-all-linear-responsive-800: 24px;
    --semantic-gap-all-linear-responsive-1000: 24px;
    --semantic-gap-all-linear-responsive-1200: 32px;
    --semantic-gap-all-linear-responsive-1400: 36px;
    --semantic-gap-all-linear-responsive-1600: 44px;
    --semantic-gap-all-linear-responsive-2000: 48px;
    --semantic-gap-all-linear-responsive-2400: 64px;
    --semantic-gap-horizontal-grid-default: 32px; /** Helper to provide the grid gap value based on the current breakpoint */
    --semantic-gap-horizontal-grid-functional: 24px; /** Helper to provide the grid gap value based on the current breakpoint */
    --semantic-font-size-headline-l: 1.25rem;
    --semantic-font-size-headline-xl: 1.5625rem;
    --semantic-font-size-headline-2xl: 1.9375rem;
    --semantic-font-size-headline-3xl: 2.4375rem;
    --semantic-font-size-headline-4xl: 3.0625rem;
    --semantic-font-size-headline-5xl: 3.8125rem;
    --semantic-font-size-headline-6xl: 4.75rem;
    --semantic-line-height-headline-l: 1.625rem;
    --semantic-line-height-headline-xl: 1.875rem;
    --semantic-line-height-headline-2xl: 2.25rem;
    --semantic-line-height-headline-3xl: 2.625rem;
    --semantic-line-height-headline-4xl: 3.25rem;
    --semantic-line-height-headline-5xl: 4rem;
    --semantic-line-height-headline-6xl: 4.75rem;
    --semantic-font-weight-headline-2xl: 600;
    --semantic-letter-spacing-headline-3xl: -0.03125rem;
    --semantic-letter-spacing-headline-4xl: -0.03125rem;
    --semantic-letter-spacing-headline-6xl: -0.0625rem;
    --semantic-text-headline-l: 700 1.25rem/1.625rem 'Allianz Neo';
    --semantic-text-headline-xl: 700 1.5625rem/1.875rem 'Allianz Neo';
    --semantic-text-headline-2xl: 600 1.9375rem/2.25rem 'Allianz Neo';
    --semantic-text-headline-3xl: 600 2.4375rem/2.625rem 'Allianz Neo';
    --semantic-text-headline-4xl: 600 3.0625rem/3.25rem 'Allianz Neo';
    --semantic-text-headline-5xl: 600 3.8125rem/4rem 'Allianz Neo';
    --semantic-text-headline-6xl: 600 4.75rem/4.75rem 'Allianz Neo';
    --modal-inset-all: 24px; /** Distance between label and input field as well as message or hint and input field */
    --modal-header-gap-vertical: 16px;
    --price-affix-primary-2xl-font-size: 0.775rem;
    --price-affix-primary-2xl-line-height: 0.775rem;
    --price-affix-primary-2xl-text: 700 0.775rem/0.775rem 'Allianz Neo';
    --price-affix-primary-2xl-inset-vertical: 12.4px;
    --price-affix-primary-2xl-inset-all: 12.4px 0;
    --price-affix-primary-2xl-gap-horizontal: 3px;
    --price-affix-primary-3xl-font-size: 0.975rem;
    --price-affix-primary-3xl-line-height: 0.975rem;
    --price-affix-primary-3xl-text: 700 0.975rem/0.975rem 'Allianz Neo';
    --price-affix-primary-3xl-inset-vertical: 15.6px;
    --price-affix-primary-3xl-inset-all: 15.6px 0;
    --price-affix-primary-3xl-gap-horizontal: 3px;
    --price-affix-primary-4xl-font-size: 1.225rem;
    --price-affix-primary-4xl-line-height: 1.225rem;
    --price-affix-primary-4xl-text: 700 1.225rem/1.225rem 'Allianz Neo';
    --price-affix-primary-4xl-inset-vertical: 19.6px;
    --price-affix-primary-4xl-inset-all: 19.6px 0;
    --price-affix-primary-4xl-gap-horizontal: 4px;
    --price-affix-primary-5xl-font-size: 1.525rem;
    --price-affix-primary-5xl-line-height: 1.525rem;
    --price-affix-primary-5xl-text: 700 1.525rem/1.525rem 'Allianz Neo';
    --price-affix-primary-5xl-inset-vertical: 24.4px;
    --price-affix-primary-5xl-inset-all: 24.4px 0;
    --price-affix-primary-5xl-gap-horizontal: 5px;
    --price-affix-primary-6xl-font-size: 1.9rem;
    --price-affix-primary-6xl-line-height: 1.9rem;
    --price-affix-primary-6xl-text: 700 1.9rem/1.9rem 'Allianz Neo';
    --price-affix-primary-6xl-inset-vertical: 30.4px;
    --price-affix-primary-6xl-inset-all: 30.4px 0;
    --price-affix-primary-6xl-gap-horizontal: 6px;
    --price-affix-secondary-l-font-size: 0.8125rem;
    --price-affix-secondary-l-line-height: 0.53757rem;
    --price-affix-secondary-l-text: 600 0.8125rem/0.53757rem 'Allianz Neo';
    --price-affix-secondary-l-inset-bottom: 6.3838px;
    --price-affix-secondary-l-inset-all: 0 0 6.3838px;
    --price-affix-secondary-xl-font-size: 0.89063rem;
    --price-affix-secondary-xl-line-height: 0.58926rem;
    --price-affix-secondary-xl-text: 600 0.89063rem/0.58926rem 'Allianz Neo';
    --price-affix-secondary-xl-inset-bottom: 6.7297px;
    --price-affix-secondary-xl-inset-all: 0 0 6.7297px;
    --price-affix-secondary-2xl-font-size: 0.98438rem;
    --price-affix-secondary-2xl-line-height: 0.65128rem;
    --price-affix-secondary-2xl-text: 600 0.98438rem/0.65128rem 'Allianz Neo';
    --price-affix-secondary-2xl-inset-bottom: 7.7449px;
    --price-affix-secondary-2xl-inset-all: 0 0 7.7449px;
    --price-affix-secondary-3xl-font-size: 1.10938rem;
    --price-affix-secondary-3xl-line-height: 0.73399rem;
    --price-affix-secondary-3xl-text: 600 1.10938rem/0.73399rem 'Allianz Neo';
    --price-affix-secondary-3xl-inset-bottom: 8.0984px;
    --price-affix-secondary-3xl-inset-all: 0 0 8.0984px;
    --price-affix-secondary-3xl-gap-horizontal: 6px;
    --price-affix-secondary-4xl-font-size: 1.26563rem;
    --price-affix-secondary-4xl-line-height: 0.83736rem;
    --price-affix-secondary-4xl-text: 600 1.26563rem/0.83736rem 'Allianz Neo';
    --price-affix-secondary-4xl-inset-bottom: 9.7903px;
    --price-affix-secondary-4xl-inset-all: 0 0 9.7903px;
    --price-affix-secondary-4xl-gap-horizontal: 8px;
    --price-affix-secondary-5xl-font-size: 1.45313rem;
    --price-affix-secondary-5xl-line-height: 0.96142rem;
    --price-affix-secondary-5xl-text: 600 1.45313rem/0.96142rem 'Allianz Neo';
    --price-affix-secondary-5xl-inset-bottom: 11.8206px;
    --price-affix-secondary-5xl-inset-all: 0 0 11.8206px;
    --price-affix-secondary-5xl-gap-horizontal: 9px;
    --price-affix-secondary-6xl-font-size: 1.6875rem;
    --price-affix-secondary-6xl-line-height: 1.11649rem;
    --price-affix-secondary-6xl-text: 600 1.6875rem/1.11649rem 'Allianz Neo';
    --price-affix-secondary-6xl-inset-bottom: 12.8584px;
    --price-affix-secondary-6xl-inset-all: 0 0 12.8584px;
    --price-affix-secondary-6xl-gap-horizontal: 10px;
    --tab-gap-horizontal: 24px;
  }
}
@media screen and (min-width: 992px) {
  :root, :host {
    --semantic-inset-horizontal-grid-default: 64px; /** Helper to provide the grid inset value based on the current breakpoint */
    --semantic-inset-all-surface-responsive-200: 8px;
    --semantic-inset-all-surface-responsive-300: 12px;
    --semantic-inset-all-surface-responsive-400: 16px;
    --semantic-inset-all-surface-responsive-600: 24px;
    --semantic-inset-all-surface-responsive-800: 32px;
    --semantic-inset-all-surface-responsive-1000: 40px;
    --semantic-inset-all-surface-responsive-1200: 48px;
    --semantic-inset-all-surface-linear-responsive-200: 6px;
    --semantic-inset-all-surface-linear-responsive-300: 10px;
    --semantic-inset-all-surface-linear-responsive-400: 14px;
    --semantic-inset-all-surface-linear-responsive-600: 20px;
    --semantic-inset-all-surface-linear-responsive-800: 28px;
    --semantic-inset-all-surface-linear-responsive-1000: 32px;
    --semantic-inset-all-surface-linear-responsive-1200: 40px;
    --semantic-gap-all-responsive-300: 12px;
    --semantic-gap-all-responsive-400: 16px;
    --semantic-gap-all-responsive-600: 24px;
    --semantic-gap-all-responsive-800: 32px;
    --semantic-gap-all-responsive-1000: 40px;
    --semantic-gap-all-responsive-1200: 48px;
    --semantic-gap-all-responsive-1400: 56px;
    --semantic-gap-all-responsive-1600: 64px;
    --semantic-gap-all-responsive-2000: 80px;
    --semantic-gap-all-responsive-2400: 96px;
    --semantic-gap-all-linear-responsive-300: 10px;
    --semantic-gap-all-linear-responsive-600: 20px;
    --semantic-gap-all-linear-responsive-1000: 32px;
    --semantic-gap-all-linear-responsive-1200: 36px;
    --semantic-gap-all-linear-responsive-1400: 44px;
    --semantic-gap-all-linear-responsive-1600: 48px;
    --semantic-gap-all-linear-responsive-2000: 64px;
    --semantic-gap-all-linear-responsive-2400: 80px;
    --semantic-font-size-headline-l: 1.3125rem;
    --semantic-font-size-headline-xl: 1.6875rem;
    --semantic-font-size-headline-2xl: 2.1875rem;
    --semantic-font-size-headline-3xl: 2.875rem;
    --semantic-font-size-headline-4xl: 3.75rem;
    --semantic-font-size-headline-5xl: 4.875rem;
    --semantic-font-size-headline-6xl: 6.3125rem;
    --semantic-line-height-headline-xl: 2rem;
    --semantic-line-height-headline-2xl: 2.5rem;
    --semantic-line-height-headline-3xl: 3.125rem;
    --semantic-line-height-headline-4xl: 3.875rem;
    --semantic-line-height-headline-5xl: 4.875rem;
    --semantic-line-height-headline-6xl: 6.25rem;
    --semantic-letter-spacing-headline-5xl: -0.0625rem;
    --semantic-text-headline-l: 700 1.3125rem/1.625rem 'Allianz Neo';
    --semantic-text-headline-xl: 700 1.6875rem/2rem 'Allianz Neo';
    --semantic-text-headline-2xl: 600 2.1875rem/2.5rem 'Allianz Neo';
    --semantic-text-headline-3xl: 600 2.875rem/3.125rem 'Allianz Neo';
    --semantic-text-headline-4xl: 600 3.75rem/3.875rem 'Allianz Neo';
    --semantic-text-headline-5xl: 600 4.875rem/4.875rem 'Allianz Neo';
    --semantic-text-headline-6xl: 600 6.3125rem/6.25rem 'Allianz Neo';
    --modal-inset-all: 28px; /** Distance between label and input field as well as message or hint and input field */
    --modal-header-gap-vertical: 20px;
    --price-affix-primary-2xl-font-size: 0.875rem;
    --price-affix-primary-2xl-line-height: 0.875rem;
    --price-affix-primary-2xl-text: 700 0.875rem/0.875rem 'Allianz Neo';
    --price-affix-primary-2xl-inset-vertical: 14px;
    --price-affix-primary-2xl-inset-all: 14px 0;
    --price-affix-primary-3xl-font-size: 1.15rem;
    --price-affix-primary-3xl-line-height: 1.15rem;
    --price-affix-primary-3xl-text: 700 1.15rem/1.15rem 'Allianz Neo';
    --price-affix-primary-3xl-inset-vertical: 18.4px;
    --price-affix-primary-3xl-inset-all: 18.4px 0;
    --price-affix-primary-3xl-gap-horizontal: 4px;
    --price-affix-primary-4xl-font-size: 1.5rem;
    --price-affix-primary-4xl-line-height: 1.5rem;
    --price-affix-primary-4xl-text: 700 1.5rem/1.5rem 'Allianz Neo';
    --price-affix-primary-4xl-inset-vertical: 24px;
    --price-affix-primary-4xl-inset-all: 24px 0;
    --price-affix-primary-4xl-gap-horizontal: 5px;
    --price-affix-primary-5xl-font-size: 1.95rem;
    --price-affix-primary-5xl-line-height: 1.95rem;
    --price-affix-primary-5xl-text: 700 1.95rem/1.95rem 'Allianz Neo';
    --price-affix-primary-5xl-inset-vertical: 31.2px;
    --price-affix-primary-5xl-inset-all: 31.2px 0;
    --price-affix-primary-5xl-gap-horizontal: 7px;
    --price-affix-primary-6xl-font-size: 2.525rem;
    --price-affix-primary-6xl-line-height: 2.525rem;
    --price-affix-primary-6xl-text: 700 2.525rem/2.525rem 'Allianz Neo';
    --price-affix-primary-6xl-inset-vertical: 40.4px;
    --price-affix-primary-6xl-inset-all: 40.4px 0;
    --price-affix-primary-6xl-gap-horizontal: 8px;
    --price-affix-secondary-l-font-size: 0.82813rem;
    --price-affix-secondary-l-line-height: 0.54791rem;
    --price-affix-secondary-l-text: 600 0.82813rem/0.54791rem 'Allianz Neo';
    --price-affix-secondary-l-inset-bottom: 6.053px;
    --price-affix-secondary-l-inset-all: 0 0 6.053px;
    --price-affix-secondary-xl-font-size: 0.92188rem;
    --price-affix-secondary-xl-line-height: 0.60993rem;
    --price-affix-secondary-xl-text: 600 0.92188rem/0.60993rem 'Allianz Neo';
    --price-affix-secondary-xl-inset-bottom: 7.0681px;
    --price-affix-secondary-xl-inset-all: 0 0 7.0681px;
    --price-affix-secondary-xl-gap-horizontal: 6px;
    --price-affix-secondary-2xl-font-size: 1.04688rem;
    --price-affix-secondary-2xl-line-height: 0.69264rem;
    --price-affix-secondary-2xl-text: 600 1.04688rem/0.69264rem 'Allianz Neo';
    --price-affix-secondary-2xl-inset-bottom: 8.4216px;
    --price-affix-secondary-2xl-inset-all: 0 0 8.4216px;
    --price-affix-secondary-2xl-gap-horizontal: 7px;
    --price-affix-secondary-3xl-font-size: 1.21875rem;
    --price-affix-secondary-3xl-line-height: 0.80635rem;
    --price-affix-secondary-3xl-text: 600 1.21875rem/0.80635rem 'Allianz Neo';
    --price-affix-secondary-3xl-inset-bottom: 9.7827px;
    --price-affix-secondary-3xl-inset-all: 0 0 9.7827px;
    --price-affix-secondary-3xl-gap-horizontal: 8px;
    --price-affix-secondary-4xl-font-size: 1.4375rem;
    --price-affix-secondary-4xl-line-height: 0.95108rem;
    --price-affix-secondary-4xl-text: 600 1.4375rem/0.95108rem 'Allianz Neo';
    --price-affix-secondary-4xl-inset-bottom: 11.1514px;
    --price-affix-secondary-4xl-inset-all: 0 0 11.1514px;
    --price-affix-secondary-4xl-gap-horizontal: 9px;
    --price-affix-secondary-5xl-font-size: 1.71875rem;
    --price-affix-secondary-5xl-line-height: 1.13716rem;
    --price-affix-secondary-5xl-text: 600 1.71875rem/1.13716rem 'Allianz Neo';
    --price-affix-secondary-5xl-inset-bottom: 13.1968px;
    --price-affix-secondary-5xl-inset-all: 0 0 13.1968px;
    --price-affix-secondary-5xl-gap-horizontal: 11px;
    --price-affix-secondary-6xl-font-size: 2.07813rem;
    --price-affix-secondary-6xl-line-height: 1.37493rem;
    --price-affix-secondary-6xl-text: 600 2.07813rem/1.37493rem 'Allianz Neo';
    --price-affix-secondary-6xl-inset-bottom: 16.5881px;
    --price-affix-secondary-6xl-inset-all: 0 0 16.5881px;
    --price-affix-secondary-6xl-gap-horizontal: 13px;
  }
}