:root {
  /* ========================================================================= */
  /* THE VALUES OF THE CSS VARIABLES BELOW CAN BE CUSTOMIZED FOR A TARGET APP  */
  /* DO NOT INTRODUCE OR REMOVE VARIABLES AS THERE ARE AUTOMATICALLY GENERATED */
  /* ========================================================================= */
  /* */
  /* ====================== Global variables ================================ */
  /* Border */
  --global-border-width: 1px;
  --global-border-radius: 8px;
  --global-border-color: #002C5233;
  --brand-border-radius: 6px;
  /* Color */
  --brand-primary-color: #0046FE;
  --brand-primary-color-rgb: 0, 70, 254;
  --brand-primary-color-error: #B20F2D;
  --brand-background-primary-light: #F7F9FE;
  /* Spacing */
  --global-spacing-0: 0;
  --global-spacing-1: 4px;
  --global-spacing-2: 8px;
  --global-spacing-3: 12px;
  --global-spacing-4: 16px;
  --global-spacing-5: 20px;
  --global-spacing-6: 24px;
  --global-spacing-7: 28px;
  --global-spacing-8: 32px;
  --global-spacing-9: 36px;
  --global-spacing-10: 40px;
  --global-spacing-11: 44px;
  --global-spacing-12: 48px;
  --global-spacing-13: 52px;
  --global-spacing-14: 56px;
  --global-spacing-15: 60px;
  --global-spacing-16: 64px;
  --global-spacing-17: 68px;
  --global-spacing-18: 72px;
  --global-spacing-19: 76px;
  --global-spacing-20: 80px;
  /* Typography */
  --global-font-primary: 'Roboto', 'Helvetica', 'Arial', sans-serif;;
  --global-font-secondary: 'Poppins', 'Helvetica', 'Arial', sans-serif;
  --global-text-color-dark: #002C52;
  --global-text-color-light: #FFFFFF;
  --global-font-size-small: 10px;
  --global-font-size-normal: 12px;
  --global-font-size-large: 14px;
  --global-font-size-xlarge: 16px;
  --default-font-family: var(--global-font-primary);
  --default-font-size: 14px;
  --default-line-height: 16px;
  --default-text-color: var(--global-text-color-dark);
  /* Layout */
  /* Sizing */
  --global-sizing-0: 8rem;
  --global-sizing-1: 10rem;
  --global-sizing-2: 12rem;
  --global-sizing-3: 14rem;
  --global-sizing-4: 16rem;
  --global-sizing-5: 18rem;
  --global-sizing-6: 20rem;
  --global-sizing-7: 25rem;
  --global-sizing-8: 30rem;
  --global-sizing-9: 35rem;
  --global-sizing-10: 40rem;
  /* */
  /* ====================== Components variables ============================ */
  /* Field */
  --field-height: 30px;
  --field-label-mandatory-font-weight: 500;
  --field-label-mandatory-text-color: var(--brand-primary-color);
  --field-control-height: 26px;
  --field-control-padding-x: var(--global-spacing-2);
  --field-control-border-width: var(--global-border-width);
  --field-control-border-radius: 6px;
  --field-control-border-color: var(--global-border-color);
  --field-control-disabled-opacity: 0.5;
  --field-control-disabled-background-color: #F7F8F9;
  --checkbox-sizing: 14px;
  --checkbox-border-radius: 4px;
  --checkbox-default-background-color: #FFFFFF;
  --checkbox-default-border-color: var(--field-control-border-color);
  --checkbox-checked-background-color: var(--brand-primary-color);
  --checkbox-checked-border-color: var(--checkbox-checked-background-color);
  --checkbox-indeterminate-background-color: var(--checkbox-checked-background-color);
  --checkbox-indeterminate-border-color: var(--checkbox-checked-border-color);
  --radio-sizing: 14px;
  --radio-border-radius: 50%;
  --radio-default-background-color: #FFFFFF;
  --radio-default-border-color: var(--field-control-border-color);
  --radio-checked-background-color: var(--brand-primary-color);
  --radio-checked-border-color: var(--radio-checked-background-color);
  --field-textarea-background-color: #ffffff;
  --field-textarea-control-padding-y: 4px;
  --field-textarea-control-padding-x: 8px;
  /* Heading */
  --heading-text-color: var(--global-text-color-dark);
  --heading-font-family: var(--global-font-secondary);
  --heading-1-font-size: 13px;
  --heading-1-font-weight: 600;
  --heading-1-text-decoration: none;
  --heading-2-font-size: 14px;
  --heading-2-font-weight: 700;
  --heading-2-text-decoration: none;
  --heading-3-font-size: 14px;
  --heading-3-font-weight: 700;
  --heading-3-text-decoration: none;
  /* Help */
  --help-icon-color: var(--CdsColorActionNeutralInactive);
  /* Search */
  --search-background-color: var(--brand-background-primary-light);
  --search-border-radius: var(--brand-border-radius);
  --search-margin-bottom: var(--global-spacing-8);
  --search-icon-color: var(--brand-primary-color);
  /* Icon */
  --icon-default-color: #4D4D4D;
  --icon-sizing-sm: 12px;
  --icon-sizing-md: 16px;
  --icon-sizing-lg: 32px;
  --icon-sizing-xl: 64px;
  --icon-sizing-help: 14px;
  --icon-sizing-export: 32px;
  /* Toolbar */
  --toolbar-gap: var(--global-spacing-2);
  /* Form */
  --layout-form-row-gap: var(--global-spacing-1);
  /* Block */
  /* Section */
  /* Modal */
  --modal-overlay-background-color: rgba(43, 46, 56, 0.7);
  --modal-background-color: #fff;
  --modal-highlight-color: var(--brand-primary-color);
  --modal-title-font-size: var(--global-font-size-xlarge);
  --modal-title-font-family: var(global-font-secondary);
  --modal-border-radius: 16px;
  --modal-padding: var(--global-spacing-0) var(--global-spacing-12);
  --modal-title-weight: 800;
  --modal-close-btn-color: #ede9e9;
  --modal-close-btn-hover-color: #999;
  --modal-content-max-height: 250px;
  --modal-content-text-size: var(--global-font-size-normal);
  --modal-content-font-family: var(--global-font-primary);
  --modal-icon-padding: var(--global-spacing-3);
  --modal-content-text-padding: var(--global-spacing-8);
  --modal-error-border-radius: var(--global-border-radius);
  --modal-eror-line-height: 1.5;
  --modal-actions-gap: var(--global-spacing-4);
}