/* Figma Styles of your File */
:root {
  /* Colors */
  --null: transparent;
  --divider: rgba(145, 158, 171, 0.24);
  --button-and-input: rgba(145, 158, 171, 0.32);
  --gradient-gray: linear-gradient(
    135deg,
    rgba(99, 115, 129, 1) 0%,
    rgba(33, 43, 54, 1) 100%
  );
  --01-primary-01-lighter: #ffdbb0;
  --01-primary-02-light: #fda743;
  --01-primary-03-main: #ff8900;
  --01-primary-04-dark: #c86b00;
  --01-primary-05-darker: #8e4d00;
  --02-info-01-lighter: #d0f2ff;
  --02-info-02-light: #74caff;
  --02-info-03-main: #1890ff;
  --02-info-04-dark: #0c53b7;
  --02-info-05-darker: #04297a;
  --03-success-01-lighter: #e9fcd4;
  --03-success-02-light: #aaf27f;
  --03-success-03-main: #54d62c;
  --03-success-04-dark: #229a16;
  --03-success-05-darker: #08660d;
  --04-warning-01-lighter: #fff7cd;
  --04-warning-02-light: #ffe16a;
  --04-warning-03-main: #ffc107;
  --04-warning-04-dark: #b78103;
  --04-warning-05-darker: #7a4f01;
  --05-error-01-lighter: #ffe7d9;
  --05-error-02-light: #ffa48d;
  --05-error-03-main: #ff4842;
  --05-error-04-dark: #b72136;
  --05-error-05-darker: #7a0c2e;
  --06-grey-100: #f9fafb;
  --06-grey-200: #f4f6f8;
  --06-grey-300: #dfe3e8;
  --06-grey-400: #c4cdd5;
  --06-grey-500: #919eab;
  --06-grey-600: #637381;
  --06-grey-700: #454f5b;
  --06-grey-800: #212b36;
  --06-grey-900: #161c24;
  --07-common-01-white: #ffffff;
  --07-common-02-black: #000000;
  --08-transparent-01-primary-8: rgba(255, 137, 0, 0.08);
  --08-transparent-01-primary-12: rgba(255, 137, 0, 0.12);
  --08-transparent-01-primary-16: rgba(255, 137, 0, 0.16);
  --08-transparent-01-primary-24: rgba(255, 137, 0, 0.24);
  --08-transparent-01-primary-32: rgba(255, 137, 0, 0.32);
  --08-transparent-01-primary-48: rgba(255, 137, 0, 0.48);
  --08-transparent-02-info-8: rgba(24, 144, 255, 0.08);
  --08-transparent-02-info-12: rgba(24, 144, 255, 0.12);
  --08-transparent-02-info-16: rgba(24, 144, 255, 0.16);
  --08-transparent-02-info-24: rgba(24, 144, 255, 0.24);
  --08-transparent-02-info-32: rgba(24, 144, 255, 0.32);
  --08-transparent-02-info-48: rgba(24, 144, 255, 0.48);
  --08-transparent-03-success-8: rgba(84, 214, 44, 0.08);
  --08-transparent-03-success-12: rgba(84, 214, 44, 0.12);
  --08-transparent-03-success-16: rgba(84, 214, 44, 0.16);
  --08-transparent-03-success-24: rgba(84, 214, 44, 0.24);
  --08-transparent-03-success-32: rgba(84, 214, 44, 0.32);
  --08-transparent-03-success-48: rgba(84, 214, 44, 0.48);
  --08-transparent-04-warning-8: rgba(255, 193, 7, 0.08);
  --08-transparent-04-warning-12: rgba(255, 193, 7, 0.12);
  --08-transparent-04-warning-16: rgba(255, 193, 7, 0.16);
  --08-transparent-04-warning-24: rgba(255, 193, 7, 0.24);
  --08-transparent-04-warning-32: rgba(255, 193, 7, 0.32);
  --08-transparent-04-warning-48: rgba(255, 193, 7, 0.48);
  --08-transparent-05-error-8: rgba(255, 72, 66, 0.08);
  --08-transparent-05-error-12: rgba(255, 72, 66, 0.12);
  --08-transparent-05-error-16: rgba(255, 72, 66, 0.16);
  --08-transparent-05-error-24: rgba(255, 72, 66, 0.24);
  --08-transparent-05-error-32: rgba(255, 72, 66, 0.32);
  --08-transparent-05-error-48: rgba(255, 72, 66, 0.48);
  --08-transparent-06-grey-8: rgba(145, 158, 171, 0.08);
  --08-transparent-06-grey-12: rgba(145, 158, 171, 0.12);
  --08-transparent-06-grey-16: rgba(145, 158, 171, 0.16);
  --08-transparent-06-grey-24: rgba(145, 158, 171, 0.24);
  --08-transparent-06-grey-32: rgba(145, 158, 171, 0.32);
  --08-transparent-06-grey-48: rgba(145, 158, 171, 0.48);
  --08-transparent-07-white-48: rgba(255, 255, 255, 0.48);
  --08-transparent-08-black-48: rgba(0, 0, 0, 0.48);
  --09-gradient-01-primary: linear-gradient(
    135deg,
    rgba(253, 167, 67, 1) 0%,
    rgba(200, 107, 0, 1) 100%
  );
  --09-gradient-02-info: linear-gradient(
    135deg,
    rgba(116, 202, 255, 1) 0%,
    rgba(12, 83, 183, 1) 100%
  );
  --09-gradient-03-success: linear-gradient(
    135deg,
    rgba(170, 242, 127, 1) 0%,
    rgba(34, 154, 22, 1) 100%
  );
  --09-gradient-04-warning: linear-gradient(
    135deg,
    rgba(255, 225, 106, 1) 0%,
    rgba(183, 129, 3, 1) 100%
  );
  --09-gradient-05-error: linear-gradient(
    135deg,
    rgba(255, 164, 141, 1) 0%,
    rgba(183, 33, 54, 1) 100%
  );
  --10-text-color-a-light-mode-01-text-primary: #212b36;
  --10-text-color-a-light-mode-02-text-secondary: #637381;
  --10-text-color-a-light-mode-03-text-disabled: #919eab;
  --10-text-color-b-dark-mode-01-text-primary: #ffffff;
  --10-text-color-b-dark-mode-02-text-secondary: #919eab;
  --10-text-color-b-dark-mode-03-text-disabled: #637381;
  --11-background-a-light-mode-01-paper: #ffffff;
  --11-background-a-light-mode-02-default: #ffffff;
  --11-background-a-light-mode-03-neutral: #f4f6f8;
  --11-background-b-dark-mode-01-paper: #212b36;
  --11-background-b-dark-mode-02-default: #161c24;
  --11-background-b-dark-mode-03-neutral: rgba(145, 158, 171, 0.16);
  --11-background-c-overlay-01-dark: rgba(22, 28, 36, 0.72);
  --11-background-c-overlay-02-primary: rgba(0, 82, 73, 0.72);
  --12-action-states-a-light-mode-01-active: #637381;
  --12-action-states-a-light-mode-02-hover: rgba(145, 158, 171, 0.08);
  --12-action-states-a-light-mode-03-selected: rgba(145, 158, 171, 0.16);
  --12-action-states-a-light-mode-04-disabled: rgba(145, 158, 171, 0.8);
  --12-action-states-a-light-mode-05-disabled-background: rgba(
    145,
    158,
    171,
    0.24
  );
  --12-action-states-a-light-mode-06-focus: rgba(145, 158, 171, 0.24);
  --12-action-states-a-dark-mode-01-active: #919eab;
  --12-action-states-a-dark-mode-02-hover: rgba(145, 158, 171, 0.08);
  --12-action-states-a-dark-mode-03-selected: rgba(145, 158, 171, 0.16);
  --12-action-states-a-dark-mode-04-disabled: rgba(145, 158, 171, 0.8);
  --12-action-states-a-dark-mode-05-disabled-background: rgba(
    145,
    158,
    171,
    0.24
  );
  --12-action-states-a-dark-mode-06-focus: rgba(145, 158, 171, 0.24);
  --13-social-01-facebook: #1877f2;
  --13-social-02-instagram: #e02d69;
  --13-social-03-linkedin: #007ebb;
  --13-social-04-twitter: #00aaec;
  --14-chart-chart-01-01: #f7d2ff;
  --14-chart-chart-01-02: #d0aeff;
  --14-chart-chart-01-03: #9e86ff;
  --14-chart-chart-01-04: #826af9;
  --14-chart-chart-02-01: #ccfaff;
  --14-chart-chart-02-02: #a5f3ff;
  --14-chart-chart-02-03: #83cfff;
  --14-chart-chart-02-04: #2d99ff;
  --14-chart-chart-03-01: #c0f2dc;
  --14-chart-chart-03-02: #a4f7cc;
  --14-chart-chart-03-03: #60f1c8;
  --14-chart-chart-03-04: #2cd9c5;
  --14-chart-chart-04-01: #fff3d6;
  --14-chart-chart-04-02: #fff7ae;
  --14-chart-chart-04-03: #ffef5a;
  --14-chart-chart-04-04: #ffe700;
  --14-chart-chart-05-01: #fff2d4;
  --14-chart-chart-05-02: #ffbd98;
  --14-chart-chart-05-03: #ff8f6d;
  --14-chart-chart-05-04: #ff6c40;

  /* Fonts */
  --h1-heading-font-family: IbmPlexSerif-Bold, sans-serif;
  --h1-heading-font-size: 64px;
  --h1-heading-line-height: 80px;
  --h1-heading-font-weight: 700;
  --h1-heading-font-style: normal;
  --h2-heading-font-family: Satoshi-Bold, sans-serif;
  --h2-heading-font-size: 48px;
  --h2-heading-line-height: 64px;
  --h2-heading-font-weight: 700;
  --h2-heading-font-style: normal;
  --h3-heading-font-family: Satoshi-Bold, sans-serif;
  --h3-heading-font-size: 32px;
  --h3-heading-line-height: 48px;
  --h3-heading-font-weight: 700;
  --h3-heading-font-style: normal;
  --h4-heading-font-family: Satoshi-Bold, sans-serif;
  --h4-heading-font-size: 24px;
  --h4-heading-line-height: 36px;
  --h4-heading-font-weight: 700;
  --h4-heading-font-style: normal;
  --h5-heading-font-family: Satoshi-Bold, sans-serif;
  --h5-heading-font-size: 20px;
  --h5-heading-line-height: 30px;
  --h5-heading-font-weight: 700;
  --h5-heading-font-style: normal;
  --h6-heading-font-family: Satoshi-Bold, sans-serif;
  --h6-heading-font-size: 18px;
  --h6-heading-line-height: 28px;
  --h6-heading-font-weight: 700;
  --h6-heading-font-style: normal;
  --subtitle1-font-family: Satoshi-Medium, sans-serif;
  --subtitle1-font-size: 16px;
  --subtitle1-line-height: 24px;
  --subtitle1-font-weight: 500;
  --subtitle1-font-style: normal;
  --subtitle2-font-family: Satoshi-Medium, sans-serif;
  --subtitle2-font-size: 14px;
  --subtitle2-line-height: 22px;
  --subtitle2-font-weight: 500;
  --subtitle2-font-style: normal;
  --body1-font-family: Satoshi-Regular, sans-serif;
  --body1-font-size: 16px;
  --body1-line-height: 24px;
  --body1-font-weight: 400;
  --body1-font-style: normal;
  --body2-font-family: Satoshi-Regular, sans-serif;
  --body2-font-size: 14px;
  --body2-line-height: 22px;
  --body2-font-weight: 400;
  --body2-font-style: normal;
  --captiontext-font-family: Satoshi-Regular, sans-serif;
  --captiontext-font-size: 12px;
  --captiontext-line-height: 18px;
  --captiontext-font-weight: 400;
  --captiontext-font-style: normal;
  --overlinetext-font-family: Satoshi-Bold, sans-serif;
  --overlinetext-font-size: 12px;
  --overlinetext-line-height: 18px;
  --overlinetext-font-weight: 700;
  --overlinetext-font-style: normal;
  --h1-heading-mobile-font-family: IbmPlexSerif-Bold, sans-serif;
  --h1-heading-mobile-font-size: 36px;
  --h1-heading-mobile-line-height: 46px;
  --h1-heading-mobile-font-weight: 700;
  --h1-heading-mobile-font-style: normal;
  --h2-heading-mobile-font-family: Satoshi-Bold, sans-serif;
  --h2-heading-mobile-font-size: 30px;
  --h2-heading-mobile-line-height: normal;
  --h2-heading-mobile-font-weight: 700;
  --h2-heading-mobile-font-style: normal;
  --buttontext-01-large-font-family: Satoshi-Bold, sans-serif;
  --buttontext-01-large-font-size: 15px;
  --buttontext-01-large-line-height: 26px;
  --buttontext-01-large-font-weight: 700;
  --buttontext-01-large-font-style: normal;
  --buttontext-02-medium-font-family: Satoshi-Bold, sans-serif;
  --buttontext-02-medium-font-size: 14px;
  --buttontext-02-medium-line-height: 24px;
  --buttontext-02-medium-font-weight: 700;
  --buttontext-02-medium-font-style: normal;
  --buttontext-03-small-font-family: Satoshi-Bold, sans-serif;
  --buttontext-03-small-font-size: 13px;
  --buttontext-03-small-line-height: 22px;
  --buttontext-03-small-font-weight: 700;
  --buttontext-03-small-font-style: normal;

  /* Effects */
  --shadows-a-light-mode-z1-box-shadow: 0px 1px 2px 0px
    rgba(145, 158, 171, 0.24);
  --shadows-a-light-mode-z8-box-shadow: 0px 8px 16px 0px
    rgba(145, 158, 171, 0.24);
  --shadows-a-light-mode-z12-box-shadow: 0px 12px 24px 0px
      rgba(145, 158, 171, 0.24),
    0px 0px 2px 0px rgba(145, 158, 171, 0.24);
  --shadows-a-light-mode-z16-box-shadow: 0px 16px 32px -4px rgba(145, 158, 171, 0.24),
    0px 0px 2px 0px rgba(145, 158, 171, 0.24);
  --shadows-a-light-mode-z20-box-shadow: 0px 20px 40px -4px rgba(145, 158, 171, 0.24),
    0px 0px 2px 0px rgba(145, 158, 171, 0.24);
  --shadows-a-light-mode-z24-box-shadow: 0px 24px 48px 0px
      rgba(145, 158, 171, 0.24),
    0px 0px 4px 0px rgba(145, 158, 171, 0.24);
  --shadows-b-dark-mode-z1-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.24);
  --shadows-b-dark-mode-z8-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
  --shadows-b-dark-mode-z12-box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.24),
    0px 0px 2px 0px rgba(0, 0, 0, 0.24);
  --shadows-b-dark-mode-z16-box-shadow: 0px 16px 32px -4px rgba(0, 0, 0, 0.24),
    0px 0px 2px 0px rgba(0, 0, 0, 0.24);
  --shadows-b-dark-mode-z20-box-shadow: 0px 20px 40px -4px rgba(0, 0, 0, 0.24),
    0px 0px 2px 0px rgba(0, 0, 0, 0.24);
  --shadows-b-dark-mode-z24-box-shadow: 0px 24px 48px 0px rgba(0, 0, 0, 0.24),
    0px 0px 4px 0px rgba(0, 0, 0, 0.24);
  --shadows-c-color-01-primary-box-shadow: 0px 8px 16px 0px
    rgba(249, 192, 67, 0.24);
  --shadows-c-color-02-info-box-shadow: 0px 8px 16px 0px
    rgba(24, 144, 255, 0.24);
  --shadows-c-color-03-success-box-shadow: 0px 8px 16px 0px
    rgba(34, 154, 22, 0.24);
  --shadows-c-color-04-warning-box-shadow: 0px 8px 16px 0px
    rgba(255, 193, 7, 0.24);
  --shadows-c-color-05-error-box-shadow: 0px 8px 16px 0px
    rgba(255, 72, 66, 0.24);
  --border-01-top-box-shadow: inset 0px 1px 0px 0px rgba(145, 158, 171, 0.24);
  --border-02-right-box-shadow: inset -1px 0px 0px 0px rgba(145, 158, 171, 0.24);
  --border-03-bottom-box-shadow: inset 0px -1px 0px 0px rgba(145, 158, 171, 0.24);
  --border-04-left-box-shadow: inset 1px 0px 0px 0px rgba(145, 158, 171, 0.24);
  --filter-blur-backdrop-filter: blur(4px);
}
/* Figma Color Variables of your File */
[data-variable-collection-mode="mode-1"] {
  /* mode-1 */
  --navy: #22375d;
}