/**
 * @tokens 1. Colors
 * @presenter Color
 */
:root {
  --zds-color-primary: #005680;
  --zds-color-secondary: #417f7f;
  --zds-color-accent-01: #8fb6d5;
  --zds-color-accent-02: #74c9bb;
  --zds-color-accent-03: #6891a7;
  --zds-color-accent-04: #9e72b7;
  --zds-color-grey: #607d8b;
  --zds-color-grey-25: #f5f7f8;
  --zds-color-grey-50: #eceff1;
  --zds-color-grey-100: #cfd8dc;
  --zds-color-grey-200: #b0bec5;
  --zds-color-grey-300: #90a4ae;
  --zds-color-grey-400: #78909c;
  --zds-color-grey-500: #607d8b;
  --zds-color-grey-600: #546e7a;
  --zds-color-grey-700: #455a64;
  --zds-color-grey-800: #37474f;
  --zds-color-grey-900: #263238;
  --zds-color-white: #ffffff;
  --zds-color-black: #000000;
  --zds-color-danger: #c33a4f;
  --zds-color-info: #8fb6d5;
  --zds-color-success: #74c9bb;
  --zds-color-warning: #f18700;
  --zds-color-highlight: #d97da2;
  --zds-color-neutral: #607d8b;
  --zds-color-support-01: #343331;
  --zds-color-support-02: #b7b5b2;
  --zds-color-support-03: #dedad3;
  --zds-color-support-04: #f5f3f0;
  --zds-color-support-05: #f18700;
  --zds-color-support-06: #d97da2;
  --zds-color-primary-light: #0079b4;
  --zds-color-primary-dark: #023c59;
  --zds-color-primary-subtle: #ccdde6;
  --zds-color-secondary-dark: #374f4f;
  --zds-color-secondary-light: #4cadad;
  --zds-color-secondary-subtle: #d9e5e5;
  --zds-color-accent-01-dark: #5d809c;
  --zds-color-accent-01-light: #dbe9f4;
  --zds-color-accent-01-subtle: #e9f0f7;
  --zds-color-accent-02-dark: #548a81;
  --zds-color-accent-02-light: #b4e8df;
  --zds-color-accent-02-subtle: #e3f4f1;
  --zds-color-accent-03-dark: #51636d;
  --zds-color-accent-03-light: #97b8c9;
  --zds-color-accent-03-subtle: #e1e9ed;
  --zds-color-accent-04-dark: #6d557a;
  --zds-color-accent-04-light: #c8a9d9;
  --zds-color-accent-04-subtle: #ece3f1;
  --zds-color-danger-dark: #733e46;
  --zds-color-danger-light: #df6a7c;
  --zds-color-danger-subtle: #f3d8dc;
  --zds-color-info-dark: #5d809c;
  --zds-color-info-light: #dbe9f4;
  --zds-color-info-subtle: #e9f0f7;
  --zds-color-success-dark: #548a81;
  --zds-color-success-light: #b4e8df;
  --zds-color-success-subtle: #e3f4f1;
  --zds-color-warning-dark: #b76515;
  --zds-color-warning-light: #ffab27;
  --zds-color-warning-subtle: #fce7cc;
  --zds-color-highlight-dark: #9c5471;
  --zds-color-highlight-light: #f4c9da;
  --zds-color-highlight-subtle: #f7e5ec;
  --zds-color-neutral-dark: #4a555b;
  --zds-color-neutral-light: #82a1af;
  --zds-color-neutral-subtle: #dfe5e8;
  --zds-color-primary-foreground: #ffffff;
  --zds-color-primary-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-primary-light-foreground: #ffffff;
  --zds-color-primary-light-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-primary-dark-foreground: #ffffff;
  --zds-color-primary-dark-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-secondary-foreground: #ffffff;
  --zds-color-secondary-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-secondary-light-foreground: #ffffff;
  --zds-color-secondary-light-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-secondary-dark-foreground: #ffffff;
  --zds-color-secondary-dark-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-accent-01-foreground: #263238;
  --zds-color-accent-01-foreground-hover: #000000;
  --zds-color-accent-01-light-foreground: #263238;
  --zds-color-accent-01-light-foreground-hover: #000000;
  --zds-color-accent-01-dark-foreground: #263238;
  --zds-color-accent-01-dark-foreground-hover: #000000;
  --zds-color-accent-02-foreground: #263238;
  --zds-color-accent-02-foreground-hover: #000000;
  --zds-color-accent-02-light-foreground: #263238;
  --zds-color-accent-02-light-foreground-hover: #000000;
  --zds-color-accent-02-dark-foreground: #263238;
  --zds-color-accent-02-dark-foreground-hover: #000000;
  --zds-color-accent-03-foreground: #ffffff;
  --zds-color-accent-03-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-accent-03-light-foreground: #ffffff;
  --zds-color-accent-03-light-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-accent-03-dark-foreground: #ffffff;
  --zds-color-accent-03-dark-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-accent-04-foreground: #ffffff;
  --zds-color-accent-04-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-accent-04-light-foreground: #ffffff;
  --zds-color-accent-04-light-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-accent-04-dark-foreground: #ffffff;
  --zds-color-accent-04-dark-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-grey-foreground: #ffffff;
  --zds-color-grey-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-grey-25-foreground: #263238;
  --zds-color-grey-25-foreground-hover: #000000;
  --zds-color-grey-50-foreground: #263238;
  --zds-color-grey-50-foreground-hover: #000000;
  --zds-color-grey-100-foreground: #263238;
  --zds-color-grey-100-foreground-hover: #000000;
  --zds-color-grey-200-foreground: #263238;
  --zds-color-grey-200-foreground-hover: #000000;
  --zds-color-grey-300-foreground: #ffffff;
  --zds-color-grey-300-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-grey-400-foreground: #ffffff;
  --zds-color-grey-400-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-grey-500-foreground: #ffffff;
  --zds-color-grey-500-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-grey-600-foreground: #ffffff;
  --zds-color-grey-600-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-grey-700-foreground: #ffffff;
  --zds-color-grey-700-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-grey-800-foreground: #ffffff;
  --zds-color-grey-800-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-grey-900-foreground: #ffffff;
  --zds-color-grey-900-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-white-foreground: #263238;
  --zds-color-white-foreground-hover: #000000;
  --zds-color-black-foreground: #ffffff;
  --zds-color-black-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-danger-foreground: #ffffff;
  --zds-color-danger-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-danger-light-foreground: #ffffff;
  --zds-color-danger-light-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-danger-dark-foreground: #ffffff;
  --zds-color-danger-dark-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-info-foreground: #263238;
  --zds-color-info-foreground-hover: #000000;
  --zds-color-info-light-foreground: #263238;
  --zds-color-info-light-foreground-hover: #000000;
  --zds-color-info-dark-foreground: #263238;
  --zds-color-info-dark-foreground-hover: #000000;
  --zds-color-success-foreground: #263238;
  --zds-color-success-foreground-hover: #000000;
  --zds-color-success-light-foreground: #263238;
  --zds-color-success-light-foreground-hover: #000000;
  --zds-color-success-dark-foreground: #263238;
  --zds-color-success-dark-foreground-hover: #000000;
  --zds-color-warning-foreground: #ffffff;
  --zds-color-warning-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-warning-light-foreground: #ffffff;
  --zds-color-warning-light-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-warning-dark-foreground: #ffffff;
  --zds-color-warning-dark-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-highlight-foreground: #ffffff;
  --zds-color-highlight-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-highlight-light-foreground: #ffffff;
  --zds-color-highlight-light-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-highlight-dark-foreground: #ffffff;
  --zds-color-highlight-dark-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-neutral-foreground: #ffffff;
  --zds-color-neutral-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-neutral-light-foreground: #ffffff;
  --zds-color-neutral-light-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-neutral-dark-foreground: #ffffff;
  --zds-color-neutral-dark-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-support-01-foreground: #ffffff;
  --zds-color-support-01-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-support-02-foreground: #263238;
  --zds-color-support-02-foreground-hover: #000000;
  --zds-color-support-03-foreground: #263238;
  --zds-color-support-03-foreground-hover: #000000;
  --zds-color-support-04-foreground: #263238;
  --zds-color-support-04-foreground-hover: #000000;
  --zds-color-support-05-foreground: #ffffff;
  --zds-color-support-05-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-support-06-foreground: #ffffff;
  --zds-color-support-06-foreground-hover: rgba(255, 255, 255, 0.69);
  --zds-color-primary-subtle-foreground: #263238;
  --zds-color-primary-subtle-foreground-hover: #000000;
  --zds-color-secondary-subtle-foreground: #263238;
  --zds-color-secondary-subtle-foreground-hover: #000000;
  --zds-color-accent-01-subtle-foreground: #263238;
  --zds-color-accent-01-subtle-foreground-hover: #000000;
  --zds-color-accent-02-subtle-foreground: #263238;
  --zds-color-accent-02-subtle-foreground-hover: #000000;
  --zds-color-accent-03-subtle-foreground: #263238;
  --zds-color-accent-03-subtle-foreground-hover: #000000;
  --zds-color-accent-04-subtle-foreground: #263238;
  --zds-color-accent-04-subtle-foreground-hover: #000000;
  --zds-color-danger-subtle-foreground: #263238;
  --zds-color-danger-subtle-foreground-hover: #000000;
  --zds-color-info-subtle-foreground: #263238;
  --zds-color-info-subtle-foreground-hover: #000000;
  --zds-color-success-subtle-foreground: #263238;
  --zds-color-success-subtle-foreground-hover: #000000;
  --zds-color-warning-subtle-foreground: #263238;
  --zds-color-warning-subtle-foreground-hover: #000000;
  --zds-color-highlight-subtle-foreground: #263238;
  --zds-color-highlight-subtle-foreground-hover: #000000;
  --zds-color-neutral-subtle-foreground: #263238;
  --zds-color-neutral-subtle-foreground-hover: #000000;
  --zds-accordion-header-color: #263238;
  --zds-accordion-icon-color: #263238;
  --zds-accordion-indicator-color: #005680;
  --zds-avatar-color: #ffffff;
  --zds-badge-color: #ffffff;
  --zds-breadcrumb-color: #005680;
  --zds-button-preset-primary-contained-color: #ffffff;
  --zds-button-preset-primary-outlined-color: #005680;
  --zds-button-preset-primary-text-color: #005680;
  --zds-button-preset-secondary-contained-color: #ffffff;
  --zds-button-preset-secondary-outlined-color: #417f7f;
  --zds-button-preset-secondary-text-color: #417f7f;
  --zds-button-preset-accent-contained-color: #263238;
  --zds-button-preset-accent-outlined-color: color-mix(in srgb, #8fb6d5 80%, black);
  --zds-button-preset-accent-text-color: color-mix(in srgb, #8fb6d5 80%, black);
  --zds-button-preset-neutral-contained-color: #263238;
  --zds-button-preset-neutral-outlined-color: #263238;
  --zds-button-preset-neutral-text-color: #263238;
  --zds-calendar-button-color: #263238;
  --zds-calendar-header-color: #263238;
  --zds-card-border-color: #cfd8dc;
  --zds-card-color: #263238;
  --zds-card-status-color: #ffffff;
  --zds-card-icon-color: #8fb6d5;
  --zds-card-preheader-color: #263238;
  --zds-card-header-color: var(--zds-color-primary);
  --zds-card-subheader-color: #263238;
  --zds-card-footer-border-color: #cfd8dc;
  --zds-content-reveal-fade-color: #ffffffff;
  --zds-divider-color: #263238;
  --zds-input-color: #263238;
  --zds-input-placeholder-color: #78909c;
  --zds-link-cta-color: #005680;
  --zds-link-color: #005680;
  --zds-map-marker-color: #ffffff;
  --zds-modal-header-color: #263238;
  --zds-modal-scroll-shadow-color: #cfd8dc;
  --zds-navigation-color: #263238;
  --zds-navigation-link-color: #263238;
  --zds-navigation-body-link-color: #263238;
  --zds-navigation-title-color: var(--zds-color-primary);
  --zds-navigation-panel-link-color: #263238;
  --zds-navigation-panel-link-level-2-color: #263238;
  --zds-super-navigation-link-color: #005680;
  --zds-pagination-color: #263238;
  --zds-popout-border-color: #cfd8dc;
  --zds-progress-arrow-color: #263238;
  --zds-progress-bar-color: #005680;
  --zds-radio-panel-color: #263238;
  --zds-spinner-color: #005680;
  --zds-stepper-indicator-active-color: #ffffff;
  --zds-stepper-indicator-complete-color: #74c9bb;
  --zds-stepper-indicator-incomplete-color: #005680;
  --zds-stepper-indicator-unvisited-color: #78909c;
  --zds-tab-color: #263238;
  --zds-outline-color: #005680;
  --zds-typography-headline-xs-color: var(--zds-color-primary);
  --zds-typography-headline-sm-color: var(--zds-color-primary);
  --zds-typography-headline-md-color: var(--zds-color-primary);
  --zds-typography-headline-lg-color: var(--zds-color-primary);
  --zds-typography-headline-xl-color: var(--zds-color-primary);
  --zds-typography-headline-xxl-color: var(--zds-color-primary);
  --zds-typography-headline-color-primary-subtle-foreground: #005680;
  --zds-typography-headline-color-primary-subtle-foreground-hover: #005680;
  --zds-typography-headline-color-secondary-subtle-foreground: #417F7F;
  --zds-typography-headline-color-secondary-subtle-foreground-hover: #417F7F;
  --zds-typography-headline-color-accent-01-subtle-foreground: #5088B3;
  --zds-typography-headline-color-accent-01-subtle-foreground-hover: #5088B3;
  --zds-typography-headline-color-accent-02-subtle-foreground: #438E81;
  --zds-typography-headline-color-accent-02-subtle-foreground-hover: #438E81;
  --zds-typography-headline-color-accent-03-subtle-foreground: #5B8398;
  --zds-typography-headline-color-accent-03-subtle-foreground-hover: #5B8398;
  --zds-typography-headline-color-accent-04-subtle-foreground: #9060AB;
  --zds-typography-headline-color-accent-04-subtle-foreground-hover: #9060AB;
  --zds-typography-headline-color-danger-subtle-foreground: #C33A4F;
  --zds-typography-headline-color-danger-subtle-foreground-hover: #C33A4F;
  --zds-typography-headline-color-info-subtle-foreground: #5088B3;
  --zds-typography-headline-color-info-subtle-foreground-hover: #5088B3;
  --zds-typography-headline-color-success-subtle-foreground: #438E81;
  --zds-typography-headline-color-success-subtle-foreground-hover: #438E81;
  --zds-typography-headline-color-warning-subtle-foreground: #B96C09;
  --zds-typography-headline-color-warning-subtle-foreground-hover: #B96C09;
  --zds-typography-headline-color-highlight-subtle-foreground: #C45180;
  --zds-typography-headline-color-highlight-subtle-foreground-hover: #C45180;
  --zds-typography-headline-color-neutral-subtle-foreground: #607d8b;
  --zds-typography-headline-color-neutral-subtle-foreground-hover: #607d8b;
  --zds-typography-subheadline-sm-color: var(--zds-text-color-base);
  --zds-typography-subheadline-md-color: var(--zds-text-color-base);
  --zds-text-color-base: #263238;
  --zds-text-color-base-hover: #000000;
  --zds-text-color-muted: #78909c;
  --zds-text-color-loud: #000000;
  --zds-text-color-contrast: #ffffff;
  --zds-text-color-contrast-hover: #ffffffb0;
  --zds-text-color-danger: #C33A4F;
  --zds-text-color-info: #5088B3;
  --zds-text-color-success: #438E81;
  --zds-text-color-warning: #B96C09;
}

/**
 * @tokens 3. Border Radius
 * @presenter BorderRadius
 */
:root {
  --zds-card-border-radius: 24px;
  --zds-popout-border-radius: 24px;
  --zds-shape-radius-xs: 2px;
  --zds-shape-radius-sm: 8px;
  --zds-shape-radius-md: 16px;
  --zds-shape-radius-lg: 24px;
  --zds-shape-radius-xl: 40px;
  --zds-shape-radius-pill: 1000px;
  --zds-shape-radius-circle: 50%;
}

/**
 * @tokens 2. Spacing
 * @presenter Spacing
 */
:root {
  --zds-space-1: 4px;
  --zds-space-2: 8px;
  --zds-space-3: 12px;
  --zds-space-4: 16px;
  --zds-space-5: 20px;
  --zds-space-6: 24px;
  --zds-space-7: 28px;
  --zds-space-8: 32px;
  --zds-space-9: 36px;
  --zds-space-10: 40px;
  --zds-space-12: 48px;
  --zds-space-14: 56px;
  --zds-space-16: 64px;
  --zds-space-20: 80px;
  --zds-space-24: 96px;
  --zds-space-32: 128px;
  --zds-space-0_5: 2px;
  --zds-space-1_5: 6px;
  --zds-space-base: 16px;
}

/**
 * @tokens General
 */
:root {
  --zds-gradient-01-from: #005680;
  --zds-gradient-01-to: #023c59;
  --zds-gradient-01-foreground: #ffffff;
  --zds-gradient-01-foreground-hover: #ffffffb0;
  --zds-gradient-02-from: #ccdde6;
  --zds-gradient-02-to: #ffffff;
  --zds-gradient-02-foreground: #263238;
  --zds-gradient-02-foreground-hover: #000000;
  --zds-accordion-body-inset: 8px 0px 16px;
  --zds-accordion-divider-background: #3a3e4133;
  --zds-accordion-divider-height: 1px;
  --zds-accordion-header-background-hover: #f5f7f8;
  --zds-accordion-header-color-hover: #005680;
  --zds-accordion-header-color-active: #005680;
  --zds-accordion-header-font-family: Poppins, Arial, sans-serif;
  --zds-accordion-header-font-size: var(--zds-font-size-md);
  --zds-accordion-header-font-weight: 600;
  --zds-accordion-header-inset: 16px 0px 16px;
  --zds-accordion-header-text-decoration-hover: none;
  --zds-accordion-icon-color-hover: #005680;
  --zds-accordion-icon-color-active: #005680;
  --zds-accordion-icon-font-size: 1.25rem;
  --zds-accordion-inset-x: 16px;
  --zds-advanced-select-input-max-height: 160px;
  --zds-advanced-select-list-footer-inset-x: 8px;
  --zds-advanced-select-list-footer-inset-y: 8px;
  --zds-advanced-select-list-header-inset-x: 8px;
  --zds-advanced-select-list-header-inset-y: 8px;
  --zds-avatar-background: #005680;
  --zds-avatar-border-color: #005680;
  --zds-avatar-border-radius: 50%;
  --zds-avatar-border-width: 2px;
  --zds-backdrop-background: #2632383F;
  --zds-backdrop-blur: 3px;
  --zds-badge-background: #005680;
  --zds-badge-border-radius: 8px;
  --zds-badge-empty-size: 12px;
  --zds-badge-font-size: .75em;
  --zds-badge-font-weight: 400;
  --zds-badge-inset-x: .5em;
  --zds-badge-inset-y: .25em;
  --zds-breadcrumb-color-hover: #0079b4;
  --zds-breadcrumb-font-size: 1rem;
  --zds-breadcrumb-text-decoration: none;
  --zds-breadcrumb-text-decoration-hover: underline;
  --zds-button-border-radius: 8px;
  --zds-button-border-width: 1px;
  --zds-button-font-family: Poppins, Arial, sans-serif;
  --zds-button-font-style: normal;
  --zds-button-font-weight: 500;
  --zds-button-inset-x: 20px;
  --zds-button-inset-y: 12px;
  --zds-button-scale-hover: 1;
  --zds-button-shadow: none;
  --zds-button-text-transform: none;
  --zds-button-preset-primary-contained-background: #005680;
  --zds-button-preset-primary-contained-background-hover: #023c59;
  --zds-button-preset-primary-contained-border-color: #005680;
  --zds-button-preset-primary-contained-border-color-hover: #023c59;
  --zds-button-preset-primary-contained-color-hover: #ffffff;
  --zds-button-preset-primary-outlined-background-hover: color-mix(in srgb, #005680 10%, transparent);
  --zds-button-preset-primary-outlined-border-color: #005680;
  --zds-button-preset-primary-outlined-border-color-hover: #023c59;
  --zds-button-preset-primary-outlined-color-hover: #023c59;
  --zds-button-preset-primary-text-background-hover: color-mix(in srgb, #005680 10%, transparent);
  --zds-button-preset-primary-text-color-hover: #023c59;
  --zds-button-preset-secondary-contained-background: #417f7f;
  --zds-button-preset-secondary-contained-background-hover: #374f4f;
  --zds-button-preset-secondary-contained-border-color: #417f7f;
  --zds-button-preset-secondary-contained-border-color-hover: #374f4f;
  --zds-button-preset-secondary-contained-color-hover: #ffffff;
  --zds-button-preset-secondary-outlined-background-hover: color-mix(in srgb, #417f7f 10%, transparent);
  --zds-button-preset-secondary-outlined-border-color: #417f7f;
  --zds-button-preset-secondary-outlined-border-color-hover: #374f4f;
  --zds-button-preset-secondary-outlined-color-hover: #374f4f;
  --zds-button-preset-secondary-text-background-hover: color-mix(in srgb, #417f7f 10%, transparent);
  --zds-button-preset-secondary-text-color-hover: #374f4f;
  --zds-button-preset-accent-contained-background: #8fb6d5;
  --zds-button-preset-accent-contained-background-hover: #5d809c;
  --zds-button-preset-accent-contained-border-color: #8fb6d5;
  --zds-button-preset-accent-contained-border-color-hover: #5d809c;
  --zds-button-preset-accent-contained-color-hover: #263238;
  --zds-button-preset-accent-outlined-background-hover: color-mix(in srgb, #8fb6d5 20%, transparent);
  --zds-button-preset-accent-outlined-border-color: color-mix(in srgb, #8fb6d5 80%, black);
  --zds-button-preset-accent-outlined-border-color-hover: color-mix(in srgb, #5d809c 80%, black);
  --zds-button-preset-accent-outlined-color-hover: color-mix(in srgb, #5d809c 80%, black);
  --zds-button-preset-accent-text-background-hover: color-mix(in srgb, #8fb6d5 20%, transparent);
  --zds-button-preset-accent-text-color-hover: color-mix(in srgb, #5d809c 80%, black);
  --zds-button-preset-neutral-contained-background: #cfd8dc;
  --zds-button-preset-neutral-contained-background-hover: #b0bec5;
  --zds-button-preset-neutral-contained-border-color: #cfd8dc;
  --zds-button-preset-neutral-contained-border-color-hover: #b0bec5;
  --zds-button-preset-neutral-contained-color-hover: #000000;
  --zds-button-preset-neutral-outlined-background-hover: color-mix(in srgb, #cfd8dc 25%, transparent);
  --zds-button-preset-neutral-outlined-border-color: #cfd8dc;
  --zds-button-preset-neutral-outlined-border-color-hover: #b0bec5;
  --zds-button-preset-neutral-outlined-color-hover: #000000;
  --zds-button-preset-neutral-text-background-hover: color-mix(in srgb, #cfd8dc 25%, transparent);
  --zds-button-preset-neutral-text-color-hover: #000000;
  --zds-calendar-border-radius: 8px;
  --zds-calendar-button-background-active: #005680;
  --zds-calendar-button-background-hover: color-mix(in srgb, #005680 10%, transparent);
  --zds-calendar-button-border-radius: 8px;
  --zds-calendar-button-color-active: #ffffff;
  --zds-calendar-button-color-disabled: color-mix(in srgb, #78909c 50%, grey);
  --zds-calendar-button-color-hover: #023c59;
  --zds-card-background: #ffffff;
  --zds-card-border-color-hover: #b0bec5;
  --zds-card-border-width: 1px;
  --zds-card-box-shadow: 0 2px 12px rgba(38, 50, 56, 0.15), 0px 1px 3px rgba(38, 50, 56, 0.10);
  --zds-card-box-shadow-hover: none;
  --zds-card-transition: 300ms ease-out;
  --zds-card-status-background: #005680;
  --zds-card-status-text-align: center;
  --zds-card-status-text-transform: uppercase;
  --zds-card-body-inset: 12px;
  --zds-card-icon-color-hover: #5d809c;
  --zds-card-icon-transform-hover: translateY(-5px);
  --zds-card-header-color-hover: var(--zds-color-primary);
  --zds-card-header-font-size: var(--zds-font-size-xl);
  --zds-card-header-font-weight: var(--zds-typography-headline-font-weight);
  --zds-card-footer-border-width: 1px;
  --zds-carousel-pagination-color-active: #005680;
  --zds-carousel-close-button-offset-top: 0;
  --zds-checkbox-inset-x: 0px;
  --zds-checkbox-inset-y: 6px;
  --zds-chip-background: #ffffff;
  --zds-chip-background-hover: #eceff1;
  --zds-chip-border: #cfd8dc;
  --zds-chip-border-hover: #cfd8dc;
  --zds-chip-border-radius: 1000px;
  --zds-chip-font-size: 1rem;
  --zds-chip-font-weight: 400;
  --zds-chip-inset-x: .75em;
  --zds-chip-inset-y: .375em;
  --zds-data-table-header-cell-font-weight: normal;
  --zds-divider-color-light: #ffffff;
  --zds-divider-opacity: 0.2;
  --zds-drawer-border-radius: 24px;
  --zds-drawer-inset-x: 24px;
  --zds-drawer-body-inset-y: 24px;
  --zds-drawer-header-inset-y: 16px;
  --zds-drawer-size: auto;
  --zds-grid-gutter-x: 24px;
  --zds-grid-gutter-y: 24px;
  --zds-input-background: #ffffff;
  --zds-input-background-disabled: #eceff1;
  --zds-input-background-on: #005680;
  --zds-input-border-color: #cfd8dc;
  --zds-input-border-color-focus: #005680;
  --zds-input-border-color-invalid: #c33a4f;
  --zds-input-border-radius: 8px;
  --zds-input-border-width: 1px;
  --zds-input-box-shadow-focus: 0 0 0 0.25rem color-mix(in srgb, #005680 20%, transparent);
  --zds-input-box-shadow-invalid: 0 0 0 0.25rem color-mix(in srgb, #c33a4f 20%, transparent);
  --zds-input-font-size: 1rem;
  --zds-input-font-weight: 400;
  --zds-input-inset-x: 12px;
  --zds-input-inset-y: 6px;
  --zds-input-instant-save-background-focus: #ffffff;
  --zds-input-instant-save-background-hover: #f5f7f8;
  --zds-input-instant-save-border-color-hover: #cfd8dc;
  --zds-input-label-font-weight: 700;
  --zds-input-line-height: 1.5;
  --zds-input-placeholder-font-style: normal;
  --zds-input-text-align: left;
  --zds-item-background-color-hover: transparent;
  --zds-item-color-hover: #005680;
  --zds-item-inset-x: 0px;
  --zds-item-inset-y: 16px;
  --zds-item-label-color: #005680;
  --zds-link-cta-color-hover: #0079b4;
  --zds-link-cta-color-visited: #005680;
  --zds-link-cta-text-decoration: none;
  --zds-link-cta-text-decoration-hover: underline;
  --zds-link-color-hover: #0079b4;
  --zds-link-color-visited: #005680;
  --zds-link-text-decoration: none;
  --zds-link-text-decoration-hover: underline;
  --zds-map-marker-background: #005680;
  --zds-map-marker-background-hover: #023c59;
  --zds-map-marker-background-active: #023c59;
  --zds-map-marker-border-radius: 50%;
  --zds-map-marker-border-width: 2px;
  --zds-map-marker-box-shadow: 0px 3px 10px rgba(0, 0, 0, 50%);
  --zds-map-marker-box-shadow-hover: 0px 0px 0px 4px #00568070;
  --zds-map-marker-box-shadow-active: 0px 0px 0px 4px #00568070;
  --zds-map-marker-color-hover: #ffffff;
  --zds-map-marker-color-active: #ffffff;
  --zds-map-marker-font-weight: bold;
  --zds-map-marker-inset: 8px;
  --zds-map-marker-cluster-box-shadow: 0px 0px 0px 4px #005680A8;
  --zds-map-marker-cluster-box-shadow-hover: 0px 0px 0px 4px #005680A8;
  --zds-map-marker-cluster-box-shadow-active: 0px 0px 0px 4px #005680A8;
  --zds-map-marker-selected-border-color: #ffffff;
  --zds-map-marker-selected-border-style: solid;
  --zds-map-marker-selected-border-width: 2px;
  --zds-modal-background: #ffffff ;
  --zds-modal-border-radius: 24px;
  --zds-modal-header-font-family: Poppins, Arial, sans-serif;
  --zds-modal-header-font-size: 1.25rem;
  --zds-modal-header-font-weight: 600;
  --zds-modal-header-text-align: center;
  --zds-modal-inset: 16px;
  --zds-modal-max-height: 1000px;
  --zds-modal-scroll-shadow-blur-radius: 12px;
  --zds-modal-scroll-shadow-offset-y: 4px;
  --zds-modal-scroll-shadow-spread-radius: -8px;
  --zds-modal-width: 500px;
  --zds-navigation-background: #ffffff;
  --zds-navigation-link-color-active: #005680;
  --zds-navigation-link-color-hover: #005680;
  --zds-navigation-link-font-family: Poppins, Arial, sans-serif;
  --zds-navigation-link-font-weight: 700;
  --zds-navigation-link-size: 1rem;
  --zds-navigation-link-text-transform: none;
  --zds-navigation-logo-scale-hover: 1.02;
  --zds-navigation-body-link-color-active: #005680;
  --zds-navigation-body-link-color-hover: #005680;
  --zds-navigation-body-link-size: var(--zds-font-size-xl);
  --zds-navigation-body-link-icon-size: var(--zds-font-size-xl);
  --zds-navigation-title-size: var(--zds-font-size-xxxl);
  --zds-navigation-panel-link-color-hover: #263238;
  --zds-navigation-panel-link-size: var(--zds-font-size-xl);
  --zds-navigation-panel-link-font-weight: var(--zds-typography-headline-font-weight);
  --zds-navigation-panel-link-icon-size: var(--zds-font-size-xl);
  --zds-navigation-panel-link-level-2-color-hover: #263238;
  --zds-super-navigation-background: #ebe8e4;
  --zds-super-navigation-font-size: 1rem;
  --zds-super-navigation-link-color-hover: #0079b4;
  --zds-pagination-background-active: #005680;
  --zds-pagination-border-radius: 8px;
  --zds-pagination-color-active: #ffffff;
  --zds-pagination-font-weight: bold;
  --zds-pagination-inset-x: .75rem;
  --zds-pagination-inset-y: .5rem;
  --zds-pagination-text-decoration: none;
  --zds-pagination-text-decoration-hover: underline;
  --zds-pane-background: #ffffff;
  --zds-pane-border-color: #eceff1;
  --zds-pane-border-color-hover: #cfd8dc;
  --zds-pane-border-radius: 24px;
  --zds-pane-border-width: 1px;
  --zds-pane-box-shadow: 0 5px 16px rgba(38, 50, 56, 0.05);
  --zds-pane-box-shadow-hover: 0 5px 16px color-mix(in srgb, var(--zds-color-grey-900) 15%, transparent);
  --zds-pane-inset-x: 24px;
  --zds-pane-inset-y: 24px;
  --zds-popout-background: #ffffff;
  --zds-popout-border-width: 1px;
  --zds-popout-box-shadow: 0 1px 6px rgba(38, 50, 56, 0.15), 0px 0px 1px rgba(38, 50, 56, 0.10);
  --zds-popout-inset: 24px;
  --zds-progress-arrow-arrow-width: 20px;
  --zds-progress-arrow-background: #8fb6d5;
  --zds-progress-arrow-padding: 16px;
  --zds-progress-bar-background: rgba(0, 0, 0, 0.1);
  --zds-radio-panel-background: #eceff1;
  --zds-radio-panel-inset: 2px;
  --zds-radio-panel-item-inset-x: 16px;
  --zds-radio-panel-item-inset-y: 6px;
  --zds-radio-inset-x: 0px;
  --zds-radio-inset-y: 6px;
  --zds-range-slider-selected-background: #005680;
  --zds-range-slider-input-width: 6rem;
  --zds-selectable-preset-filled-background-active: #005680;
  --zds-selectable-preset-filled-background-active-hover: #0079b4;
  --zds-selectable-preset-filled-background-hover: #ccdde6;
  --zds-selectable-preset-filled-color-active: #ffffff;
  --zds-selectable-preset-subtle-background-active: #ccdde6;
  --zds-selectable-preset-subtle-color-active: #263238;
  --zds-selectable-border-radius: 16px;
  --zds-selectable-border-width: 1px;
  --zds-selectable-inset-x: 12px;
  --zds-selectable-inset-y: 16px;
  --zds-selectable-border-color-hover: #005680;
  --zds-side-sheet-box-shadow: 0 1px 6px rgba(38, 50, 56, 0.15), 0px 0px 1px rgba(38, 50, 56, 0.10);
  --zds-side-sheet-inset-x: 24px;
  --zds-side-sheet-inset-y: 24px;
  --zds-side-sheet-border: none;
  --zds-skeleton-background: #eceff1;
  --zds-stepper-indicator-active-background: #005680;
  --zds-stepper-indicator-active-border-color: transparent;
  --zds-stepper-indicator-complete-background: #e3f4f1;
  --zds-stepper-indicator-complete-border-color: transparent;
  --zds-stepper-indicator-incomplete-background: transparent;
  --zds-stepper-indicator-incomplete-border-color: #005680;
  --zds-stepper-indicator-unvisited-background: transparent;
  --zds-stepper-indicator-unvisited-border-color: #78909c;
  --zds-switch-inset-x: 0px;
  --zds-switch-inset-y: 10px;
  --zds-switch-box-shadow-off: 0 0 0 0.25rem #b0bec533;
  --zds-table-background-hover: #eceff1;
  --zds-table-border-color: #cfd8dc;
  --zds-table-header-border-color: #263238;
  --zds-table-vertical-align: top;
  --zds-tab-background: transparent;
  --zds-tab-background-hover: #f5f7f8;
  --zds-tab-border-radius: 8px;
  --zds-tab-color-active: #263238;
  --zds-tab-font-weight-active: 600;
  --zds-tab-max-width: 200px;
  --zds-tab-outline-offset-focus: -1px;
  --zds-tab-inset-x: 16px;
  --zds-tab-inset-y: 8px;
  --zds-tab-indicator-background: #005680;
  --zds-tab-indicator-spacing: 8px;
  --zds-textarea-border-radius: 8px;
  --zds-toast-max-width: none;
  --zds-toast-bottom-offset: 12px;
  --zds-toast-border-radius: 8px;
  --zds-outline-shape: solid 3px;
  --zds-outline-offset: 3px;
  --zds-shadow-softbox: 0 5px 16px rgba(38, 50, 56, 0.05);
  --zds-shadow-light-sm: 0 1px 6px rgba(38, 50, 56, 0.15), 0px 0px 1px rgba(38, 50, 56, 0.10);
  --zds-shadow-light-md: 0 2px 12px rgba(38, 50, 56, 0.15), 0px 1px 3px rgba(38, 50, 56, 0.10);
  --zds-shadow-light-lg: 0 4px 20px rgba(38, 50, 56, 0.15), 0px 2px 4px rgba(38, 50, 56, 0.10);
  --zds-shadow-light-xl: 0 8px 32px rgba(38, 50, 56, 0.15), 0px 4px 6px rgba(38, 50, 56, 0.10);
  --zds-shadow-dark-sm: 0 2px 3px rgba(38, 50, 56, 0.40), 0px 1px 3px 1px rgba(38, 50, 56, 0.30);
  --zds-shadow-dark-md: 0 3px 5px rgba(38, 50, 56, 0.40), 0px 2px 12px 0px rgba(38, 50, 56, 0.30);
  --zds-shadow-dark-lg: 0 4px 6px rgba(38, 50, 56, 0.40), 0px 4px 20px 0px rgba(38, 50, 56, 0.30);
  --zds-shadow-dark-xl: 0 6px 9px rgba(38, 50, 56, 0.40), 0px 8px 32px 0px rgba(38, 50, 56, 0.30);
  --zds-motion-image-hover-transform: scale(1.05);
  --zds-motion-image-hover-transition: 250ms ease-out;
  --zds-transition-sm: 200ms cubic-bezier(0.65, 0.04, 0.35, 1);
  --zds-transition-md: 300ms cubic-bezier(0.65, 0.04, 0.35, 1);
  --zds-transition-type-ease: cubic-bezier(0.65, 0.04, 0.35, 1);
  --zds-transition-type-ease-in: cubic-bezier(0.55, 0.05, 0.67, 0.19);
  --zds-transition-type-ease-out: cubic-bezier(0.22, 0.61, 0.35, 1);
  --zds-transition-type-ease-shake: cubic-bezier(0.32, -0.15, 0.38, 1.3);
  --zds-transition-type-ease-out-shake: cubic-bezier(0.175, 0.885, 0.32, 1.25);
  --zds-typography-body-font-family: Poppins, Arial, sans-serif;
  --zds-typography-body-font-style: normal;
  --zds-typography-body-font-weight: 400;
  --zds-typography-body-letter-spacing: 0px;
  --zds-typography-body-line-height: 1.5;
  --zds-typography-body-text-transform: none;
  --zds-typography-body-sm-font-family: var(--zds-typography-body-font-family);
  --zds-typography-body-sm-font-size: var(--zds-font-size-sm);
  --zds-typography-body-sm-font-style: var(--zds-typography-body-font-style);
  --zds-typography-body-sm-font-weight: var(--zds-typography-body-font-weight);
  --zds-typography-body-sm-letter-spacing: var(--zds-typography-body-letter-spacing);
  --zds-typography-body-sm-line-height: var(--zds-typography-body-line-height);
  --zds-typography-body-sm-text-transform: var(--zds-typography-body-text-transform);
  --zds-typography-body-md-font-family: var(--zds-typography-body-font-family);
  --zds-typography-body-md-font-size: var(--zds-font-size-md);
  --zds-typography-body-md-font-style: var(--zds-typography-body-font-style);
  --zds-typography-body-md-font-weight: var(--zds-typography-body-font-weight);
  --zds-typography-body-md-letter-spacing: var(--zds-typography-body-letter-spacing);
  --zds-typography-body-md-line-height: var(--zds-typography-body-line-height);
  --zds-typography-body-md-text-transform: var(--zds-typography-body-text-transform);
  --zds-typography-body-lg-font-family: var(--zds-typography-body-font-family);
  --zds-typography-body-lg-font-size: var(--zds-font-size-lg);
  --zds-typography-body-lg-font-style: var(--zds-typography-body-font-style);
  --zds-typography-body-lg-font-weight: var(--zds-typography-body-font-weight);
  --zds-typography-body-lg-letter-spacing: var(--zds-typography-body-letter-spacing);
  --zds-typography-body-lg-line-height: var(--zds-typography-body-line-height);
  --zds-typography-body-lg-text-transform: var(--zds-typography-body-text-transform);
  --zds-typography-caption-font-family: var(--zds-typography-body-font-family);
  --zds-typography-caption-font-style: var(--zds-typography-body-font-style);
  --zds-typography-caption-font-weight: var(--zds-typography-body-font-weight);
  --zds-typography-caption-letter-spacing: 0.3px;
  --zds-typography-caption-line-height: var(--zds-typography-body-line-height);
  --zds-typography-caption-text-transform: var(--zds-typography-body-text-transform);
  --zds-typography-caption-sm-font-family: var(--zds-typography-caption-font-family);
  --zds-typography-caption-sm-font-size: var(--zds-font-size-xs);
  --zds-typography-caption-sm-font-style: var(--zds-typography-caption-font-style);
  --zds-typography-caption-sm-font-weight: var(--zds-typography-caption-font-weight);
  --zds-typography-caption-sm-letter-spacing: var(--zds-typography-caption-letter-spacing);
  --zds-typography-caption-sm-line-height: var(--zds-typography-caption-line-height);
  --zds-typography-caption-sm-text-transform: var(--zds-typography-caption-text-transform);
  --zds-typography-caption-md-font-family: var(--zds-typography-caption-font-family);
  --zds-typography-caption-md-font-size: var(--zds-font-size-sm);
  --zds-typography-caption-md-font-style: var(--zds-typography-caption-font-style);
  --zds-typography-caption-md-font-weight: var(--zds-typography-caption-font-weight);
  --zds-typography-caption-md-letter-spacing: var(--zds-typography-caption-letter-spacing);
  --zds-typography-caption-md-line-height: var(--zds-typography-caption-line-height);
  --zds-typography-caption-md-text-transform: var(--zds-typography-caption-text-transform);
  --zds-typography-headline-font-family: Poppins, Arial, sans-serif;
  --zds-typography-headline-font-style: normal;
  --zds-typography-headline-font-weight: 600;
  --zds-typography-headline-letter-spacing: 0px;
  --zds-typography-headline-text-transform: none;
  --zds-typography-headline-xs-font-family: var(--zds-typography-headline-font-family);
  --zds-typography-headline-xs-font-size: var(--zds-font-size-md);
  --zds-typography-headline-xs-font-style: var(--zds-typography-headline-font-style);
  --zds-typography-headline-xs-font-weight: var(--zds-typography-headline-font-weight);
  --zds-typography-headline-xs-letter-spacing: var(--zds-typography-headline-letter-spacing);
  --zds-typography-headline-xs-line-height: 1.5;
  --zds-typography-headline-xs-text-transform: var(--zds-typography-headline-text-transform);
  --zds-typography-headline-sm-font-family: var(--zds-typography-headline-font-family);
  --zds-typography-headline-sm-font-size: var(--zds-font-size-lg);
  --zds-typography-headline-sm-font-style: var(--zds-typography-headline-font-style);
  --zds-typography-headline-sm-font-weight: var(--zds-typography-headline-font-weight);
  --zds-typography-headline-sm-letter-spacing: var(--zds-typography-headline-letter-spacing);
  --zds-typography-headline-sm-line-height: 1.5;
  --zds-typography-headline-sm-text-transform: var(--zds-typography-headline-text-transform);
  --zds-typography-headline-md-font-family: var(--zds-typography-headline-font-family);
  --zds-typography-headline-md-font-size: var(--zds-font-size-xl);
  --zds-typography-headline-md-font-style: var(--zds-typography-headline-font-style);
  --zds-typography-headline-md-font-weight: var(--zds-typography-headline-font-weight);
  --zds-typography-headline-md-letter-spacing: var(--zds-typography-headline-letter-spacing);
  --zds-typography-headline-md-line-height: 1.5;
  --zds-typography-headline-md-text-transform: var(--zds-typography-headline-text-transform);
  --zds-typography-headline-lg-font-family: var(--zds-typography-headline-font-family);
  --zds-typography-headline-lg-font-size: var(--zds-font-size-xxl);
  --zds-typography-headline-lg-font-style: var(--zds-typography-headline-font-style);
  --zds-typography-headline-lg-font-weight: var(--zds-typography-headline-font-weight);
  --zds-typography-headline-lg-letter-spacing: var(--zds-typography-headline-letter-spacing);
  --zds-typography-headline-lg-line-height: 1.4;
  --zds-typography-headline-lg-text-transform: var(--zds-typography-headline-text-transform);
  --zds-typography-headline-xl-font-family: var(--zds-typography-headline-font-family);
  --zds-typography-headline-xl-font-size: var(--zds-font-size-xxxl);
  --zds-typography-headline-xl-font-style: var(--zds-typography-headline-font-style);
  --zds-typography-headline-xl-font-weight: var(--zds-typography-headline-font-weight);
  --zds-typography-headline-xl-letter-spacing: var(--zds-typography-headline-letter-spacing);
  --zds-typography-headline-xl-line-height: 1.4;
  --zds-typography-headline-xl-text-transform: var(--zds-typography-headline-text-transform);
  --zds-typography-headline-xxl-font-family: var(--zds-typography-headline-font-family);
  --zds-typography-headline-xxl-font-size: var(--zds-font-size-xxxxl);
  --zds-typography-headline-xxl-font-style: var(--zds-typography-headline-font-style);
  --zds-typography-headline-xxl-font-weight: var(--zds-typography-headline-font-weight);
  --zds-typography-headline-xxl-letter-spacing: var(--zds-typography-headline-letter-spacing);
  --zds-typography-headline-xxl-line-height: 1.2;
  --zds-typography-headline-xxl-text-transform: var(--zds-typography-headline-text-transform);
  --zds-typography-label-font-family: var(--zds-typography-body-font-family);
  --zds-typography-label-font-size: var(--zds-font-size-xs);
  --zds-typography-label-font-style: var(--zds-typography-body-font-style);
  --zds-typography-label-font-weight: var(--zds-typography-body-font-weight);
  --zds-typography-label-letter-spacing: var(--zds-typography-body-letter-spacing);
  --zds-typography-label-line-height: var(--zds-typography-body-line-height);
  --zds-typography-label-text-transform: uppercase;
  --zds-typography-overline-font-family: var(--zds-typography-body-font-family);
  --zds-typography-overline-font-size: var(--zds-font-size-xs);
  --zds-typography-overline-font-style: var(--zds-typography-body-font-style);
  --zds-typography-overline-font-weight: var(--zds-typography-body-font-weight);
  --zds-typography-overline-letter-spacing: var(--zds-typography-body-letter-spacing);
  --zds-typography-overline-line-height: var(--zds-typography-body-line-height);
  --zds-typography-overline-text-transform: uppercase;
  --zds-typography-subheadline-font-family: var(--zds-typography-body-font-family);
  --zds-typography-subheadline-font-style: var(--zds-typography-body-font-style);
  --zds-typography-subheadline-font-weight: var(--zds-typography-headline-font-weight);
  --zds-typography-subheadline-letter-spacing: var(--zds-typography-body-letter-spacing);
  --zds-typography-subheadline-line-height: var(--zds-typography-body-line-height);
  --zds-typography-subheadline-text-transform: var(--zds-typography-body-text-transform);
  --zds-typography-subheadline-sm-font-family: var(--zds-typography-subheadline-font-family);
  --zds-typography-subheadline-sm-font-size: var(--zds-font-size-md);
  --zds-typography-subheadline-sm-font-style: var(--zds-typography-subheadline-font-style);
  --zds-typography-subheadline-sm-font-weight: var(--zds-typography-subheadline-font-weight);
  --zds-typography-subheadline-sm-letter-spacing: var(--zds-typography-subheadline-letter-spacing);
  --zds-typography-subheadline-sm-line-height: var(--zds-typography-subheadline-line-height);
  --zds-typography-subheadline-sm-text-transform: var(--zds-typography-subheadline-text-transform);
  --zds-typography-subheadline-md-font-family: var(--zds-typography-subheadline-font-family);
  --zds-typography-subheadline-md-font-size: var(--zds-font-size-lg);
  --zds-typography-subheadline-md-font-style: var(--zds-typography-subheadline-font-style);
  --zds-typography-subheadline-md-font-weight: var(--zds-typography-subheadline-font-weight);
  --zds-typography-subheadline-md-letter-spacing: var(--zds-typography-subheadline-letter-spacing);
  --zds-typography-subheadline-md-line-height: var(--zds-typography-subheadline-line-height);
  --zds-typography-subheadline-md-text-transform: var(--zds-typography-subheadline-text-transform);
  --zds-typography-uniwidth-font-family: pt-root-ui, sans-serif;
  --zds-text-shadow-base: 0px 1px 5px #0000004d;
  --zds-font-size-xxs: 0.702rem;
  --zds-font-size-xs: 0.79rem;
  --zds-font-size-sm: 0.889rem;
  --zds-font-size-md: 1rem;
  --zds-font-size-lg: 1.25rem;
  --zds-font-size-xl: 1.56rem;
  --zds-font-size-xxl: 1.95rem;
  --zds-font-size-xxxl: 2.44rem;
  --zds-font-size-xxxxl: 3.05rem;
  --zds-font-size-base: 1rem;
}

@media (min-width: 0) and (max-width: 599.98px) { :root {
  --zds-pane-inset-x: 16px;
  --zds-pane-inset-y: 16px;
  --zds-progress-arrow-padding: 12px 8px;
  --zds-font-size-xxs: 0.702rem;
  --zds-font-size-xs: 0.79rem;
  --zds-font-size-sm: 0.889rem;
  --zds-font-size-md: 1rem;
  --zds-font-size-lg: 1.125rem;
  --zds-font-size-xl: 1.226rem;
  --zds-font-size-xxl: 1.424rem;
  --zds-font-size-xxxl: 1.602rem;
  --zds-font-size-xxxxl: 1.802rem;
  --zds-font-size-base: 1rem;
} }

@media (min-width: 600px) and (max-width: 839.98px) { :root {
  --zds-pane-inset-x: 16px;
  --zds-pane-inset-y: 16px;
  --zds-progress-arrow-padding: 12px 8px;
} }

@media (min-width: 840px) and (max-width: 1279.98px) { :root {
  --zds-card-body-inset: 16px;
  --zds-grid-gutter-x: 32px;
  --zds-grid-gutter-y: 32px;
  --zds-modal-inset: 24px;
} }

@media (min-width: 1280px) and (max-width: 1499.98px) { :root {
  --zds-card-body-inset: 24px;
  --zds-grid-gutter-x: 32px;
  --zds-grid-gutter-y: 32px;
  --zds-modal-inset: 32px;
} }

@media (min-width: 1500px) { :root {
  --zds-card-body-inset: 32px;
  --zds-grid-gutter-x: 48px;
  --zds-grid-gutter-y: 48px;
  --zds-modal-inset: 32px;
} }