@font-face {
    font-family: 'Encode Sans Wide';
	src: url('/assets/EncodeSansWide-Thin-kyhTWHTK.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'Encode Sans Wide';
	src: url('/assets/EncodeSansWide-ExtraLight-DA6pL1LD.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Encode Sans Wide';
	src: url('/assets/EncodeSansWide-Light-BLbQxbDF.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Encode Sans Wide';
	src: url('/assets/EncodeSansWide-Regular-BV2rZuMY.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Encode Sans Wide';
	src: url('/assets/EncodeSansWide-Medium-DTW4rGsA.ttf') format('truetype');
	font-weight: 500;
}

@font-face {
    font-family: 'Encode Sans Wide';
	src: url('/assets/EncodeSansWide-SemiBold-CA1WytvA.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Encode Sans Wide';
    src: url('/assets/EncodeSansWide-Bold-Ccza8_7b.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Encode Sans Wide';
	src: url('/assets/EncodeSansWide-ExtraBold-DoOXre1n.ttf') format('truetype');
    font-weight: 800;
}

@font-face {
    font-family: 'Encode Sans Wide';
    src: url('/assets/EncodeSansWide-Black-Cv7bsIXK.ttf') format('truetype');
    font-weight: 900;
}
@font-face {
    font-family: 'Inter';
	src: url('/assets/Inter-Thin-bzxNE8mh.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'Inter';
	src: url('/assets/Inter-ExtraLight-CRTYLXAS.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Inter';
	src: url('/assets/Inter-Light-DhAqtaZH.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Inter';
	src: url('/assets/Inter-Regular-CKX1N0ak.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Inter';
	src: url('/assets/Inter-Medium-DmUT3eZm.ttf') format('truetype');
	font-weight: 500;
}

@font-face {
    font-family: 'Inter';
	src: url('/assets/Inter-SemiBold-DtdDzxp6.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/Inter-Bold-BwjTkqu6.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Inter';
	src: url('/assets/Inter-ExtraBold-CD6gQVl_.ttf') format('truetype');
    font-weight: 800;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/Inter-Black-CJszdI8j.ttf') format('truetype');
    font-weight: 900;
}

html{
	font-size: min(100%, 24px);
}

@media screen and (max-width: 1200px) {
	html {
	  font-size: 87.5%;
	}
  }

body {
	margin: 0;
	/* font-family: Encode Sans Wide !important; */
	font-family: Inter, Encode Sans Wide, Arial, Helvetica, sans-serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #E5ECED !important;
	color: #646567 !important;
}

code {
	font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
		monospace;
}
:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.expand-alert {
  width: 552px;
}
.expand-alert.MuiAlert-root {
  width: 552px;
  padding: 24px, 24px, 24px, 16px;
}
.expand-alert.MuiAlert-root.success-border {
  border: 2px solid #83be90;
}
.expand-alert.MuiAlert-root.error-border {
  border: 2px solid #d68985;
}
.expand-alert.MuiAlert-root.info-border {
  border: 2px solid #abc2ef;
}
.expand-alert .MuiAlert-action {
  column-gap: 12px;
  padding: 0px;
}
.expand-alert .navigate {
  font-size: min(1rem, 32px);
  font-weight: 500;
  margin: auto;
}
.expand-alert .MuiAlertTitle-root {
  margin: 0px 16px 0px 0px;
  text-overflow: ellipsis;
  /* Needed to make it work */
  overflow: hidden;
  white-space: nowrap;
}
.expand-alert .MuiAlert-message {
  font-size: min(1rem, 32px);
  color: #00444b;
  font-weight: 700;
  padding: 0px;
}
.expand-alert .MuiAlert-icon {
  padding: 0px;
}
.expand-alert .MuiSvgIcon-root.news {
  color: #309346;
}
.expand-alert .MuiSvgIcon-root.warn {
  color: #bb3a33;
}
.expand-alert .MuiSvgIcon-root.info {
  color: #2d67d7;
}
.expand-alert .MuiIconButton-root {
  padding: 0px;
}
.expand-alert.large .MuiAlert-message {
  font-size: min(1.5rem, 48px);
  color: #00444b;
}
.expand-alert.large .MuiSvgIcon-root {
  width: 24px;
  height: 24px;
}
.expand-alert.large .MuiAlert-icon {
  padding: 0;
  margin-right: 16px;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.button {
  min-width: 0 !important;
}
.button.primary {
  background: #00444b;
  color: #ffffff;
  border: 2px solid #00444b;
}
.button.primary.MuiButton-root:hover {
  background: #33696f;
  border-color: #33696f;
}
.button.primary.MuiButton-root:focus {
  border-color: #c8d865;
}
.button.primary.MuiButton-root.Mui-disabled, .button.primary.MuiButton-root:hover:disabled {
  background: #99b4b7;
  border-color: #99b4b7;
  color: #ffffff;
}
.button.primary.MuiButton-root:active {
  background: #33696f;
  border-color: #33696f;
}
.button.secondary {
  background: #e5eced;
  color: #00444b;
  border: 2px solid #e5eced;
}
.button.secondary.MuiButton-root:hover {
  background: #CCDADB;
  border-color: #CCDADB;
}
.button.secondary.MuiButton-root:focus {
  border-color: #c8d865;
}
.button.secondary.MuiButton-root.Mui-disabled, .button.secondary.MuiButton-root:hover:disabled {
  background: #e5eced;
  border-color: #e5eced;
  color: #668f93;
}
.button.secondary.MuiButton-root:active {
  background: #CCDADB;
  border-color: #CCDADB;
}
.button.secondary.MuiButton-root:focus-visible {
  outline: #00444b auto 1px;
}
.button.ghost {
  background: transparent;
  color: #00444b;
  border: 2px solid #CCDADB;
}
.button.ghost.MuiButton-root:hover {
  background: transparent;
  border-color: #99b4b7;
}
.button.ghost.MuiButton-root:focus {
  border-color: #c8d865;
}
.button.ghost.MuiButton-root.Mui-disabled, .button.ghost.MuiButton-root:hover:disabled {
  background: transparent;
  border-color: #e5eced;
  color: #668f93;
}
.button.ghost.MuiButton-root:active {
  background: transparent;
  border-color: #99b4b7;
}
.button.ghost.MuiButton-root:focus-visible {
  outline: #00444b auto 1px;
}
.button.lime {
  background: #c8d865;
  color: #00444b;
  border: 2px solid #c8d865;
}
.button.lime.MuiButton-root:hover {
  background: #dee8a3;
  border-color: #dee8a3;
}
.button.lime.MuiButton-root:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.button.fullGhost {
  background: transparent;
  color: #ffffff;
  border: 2px solid transparent;
}
.button.fullGhost.MuiButton-root:hover {
  background: #33696f;
  border-color: #33696f;
}
.button.fullGhost.MuiButton-root:focus {
  border-color: #33696f;
}
.button.fullGhost.MuiButton-root:focus-visible {
  outline: #99b4b7 auto 1px;
}
.button.whiteGhost {
  background: transparent;
  color: #ffffff;
  border: 2px solid #668f93;
}
.button.whiteGhost.MuiButton-root:hover {
  background: transparent;
  border-color: #33696f;
}
.button.salmon {
  background: #ef776e;
  color: #ffffff;
  border: 2px solid #ef776e;
}
.button.salmon.MuiButton-root:hover {
  background: #f2928b;
  border-color: #f2928b;
}
.button.salmon.MuiButton-root:focus-visible {
  outline: #d68985 auto 1px;
}
.button.small {
  font-size: min(0.88rem, 28px);
  border-radius: 6px;
  padding: 8px 16px;
  height: 36px;
}
.button.small.start-icon {
  padding: 8px 16px 8px 8px;
}
.button.small.end-icon {
  padding: 8px 8px 8px 16px;
}
.button.small.start-and-end-icon {
  padding: 8px;
}
.button.small.circle {
  border-radius: 40px;
  padding: 8px;
}
.button.small.rounded {
  padding: 8px;
}
.button.small .title {
  font-weight: 700;
}
.button.small .title.title-start-icon {
  padding-left: 8px;
}
.button.small .title.title-end-icon {
  padding-right: 8px;
}
.button.medium {
  font-size: min(1rem, 32px);
  border-radius: 8px;
  padding: 12px 24px;
  height: 48px;
}
.button.medium.start-icon {
  padding: 12px 24px 12px 12px;
}
.button.medium.end-icon {
  padding: 12px 12px 12px 24px;
}
.button.medium.start-and-end-icon {
  padding: 12px;
}
.button.medium.circle {
  border-radius: 40px;
  padding: 12px;
}
.button.medium.rounded {
  padding: 12px;
}
.button.medium .title {
  font-weight: 700;
}
.button.medium .title.title-start-icon {
  padding-left: 12px;
}
.button.medium .title.title-end-icon {
  padding-right: 12px;
}
.button.large {
  font-size: min(1rem, 32px);
  border-radius: 8px;
  padding: 16px 32px;
  height: 56px;
}
.button.large.start-icon {
  padding: 16px 32px 16px 16px;
}
.button.large.end-icon {
  padding: 16px 16px 16px 32px;
}
.button.large.start-and-end-icon {
  padding: 16px;
}
.button.large.circle {
  border-radius: 40px;
  padding: 16px;
}
.button.large.rounded {
  padding: 16px;
}
.button.large .title {
  font-weight: 700;
}
.button.large .title.title-start-icon {
  padding-left: 16px;
}
.button.large .title.title-end-icon {
  padding-right: 16px;
}
.button.large .title.title-start-icon {
  padding-left: 12px;
}
.button.large .title.title-end-icon {
  padding-right: 12px;
}
.button .MuiButton-startIcon, .button .MuiButton-endIcon {
  margin: 0;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.ContactContent {
  align-items: left;
  justify-content: left;
  color: #00444b;
  margin: auto;
}
.ContactContent a {
  color: #00444b !important;
  font-weight: 500;
}
.ContactContent ul {
  margin-block-start: 0;
  margin-block-end: 0;
}
.ContactContent .subtitle {
  font-weight: 700;
  text-transform: uppercase;
  color: #646567;
  margin: 0;
  font-size: min(0.88rem, 28px);
}
.ContactContent .phone-numbers {
  flex-wrap: nowrap;
  column-gap: 45px;
  align-items: center;
  text-align: center;
}
.ContactContent .green-background {
  padding: 12px 24px 12px 12px;
  background-color: #00444b;
  border: 2px solid #00444b;
  border-radius: 8px;
  color: #ffffff;
  margin: 32px 0 32px 0;
  font-weight: 600;
  justify-content: center;
}
.ContactContent .green-background * {
  vertical-align: middle;
  background-color: #00444b;
  color: #ffffff;
}
.ContactContent .green-background:hover {
  background: #33696f;
  border-color: #33696f;
}
.ContactContent .green-background:hover * {
  vertical-align: middle;
  background-color: #33696f;
  color: #ffffff;
}
.ContactContent .green-background span {
  padding-left: 10px;
}
.ContactContent .phone-number {
  font-size: min(0.88rem, 28px);
}
.ContactContent .description {
  color: #646567;
  font-weight: 400;
  font-size: min(0.88rem, 28px);
}
.ContactContent .part3 {
  border-top: 2px solid #e5eced;
  padding-top: 32px;
}
.ContactContent .part2 {
  padding-bottom: 32px;
}
@media screen and (max-width: 1200px) {
  .ContactContent .phone-numbers {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

#mak-modal {
  overflow: scroll;
  overflow-x: hidden;
}
@media screen and (max-width: 640px) {
  #mak-modal {
    overflow-y: hidden;
  }
}
#mak-modal .MuiPaper-root {
  -ms-overflow-style: none;
  /* firefox */
  scrollbar-width: none;
  /* ie */
}
#mak-modal ::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, and Opera */
}
#mak-modal .MuiBackdrop-root {
  background: rgba(0, 68, 75, 0.8);
}
#mak-modal .MuiDialog-container {
  overflow: unset;
  align-items: center;
}
#mak-modal .MuiDialog-container .MuiPaper-root {
  max-width: 752px;
  border-radius: 8px;
}
@media screen and (max-width: 640px) {
  #mak-modal .MuiDialog-container .MuiPaper-root {
    border-radius: 0;
  }
}

.mak-modal .dialog-title {
  color: #00444b;
  font-weight: 700;
  font-size: min(1.5rem, 48px);
  padding: 24px 32px;
  border-bottom: 2px solid #e5eced;
  display: flex;
  justify-content: space-between;
}
.mak-modal .dialog-title .subtitle {
  font-size: min(0.88rem, 28px);
  color: #33696f;
  line-height: 20px;
}
.mak-modal .dialog-title .close-icon {
  font-size: min(1.5rem, 48px);
  color: #00444b;
}
.mak-modal .dialog-content {
  padding: 40px 32px;
  color: #00444b;
  display: flex;
  align-items: left;
  flex-direction: column;
}
.mak-modal .dialog-content.MuiDialogContent-root {
  padding-top: 40px;
}
.mak-modal .dialog-content.less-padding-top {
  padding-top: 10px;
}
.mak-modal .dialog-actions {
  padding: 16px 32px 32px 24px;
}
.mak-modal .dialog-actions.less-padding-top {
  padding-top: 0;
}
.mak-modal .dialog-actions .confirm-button {
  margin-left: 16px;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

.customerServiceMenu .link {
  text-decoration: none;
  color: unset;
}
.customerServiceMenu .MuiPopover-paper {
  border-radius: 8px;
}
.customerServiceMenu .MuiMenu-list {
  padding-top: 0px;
  padding-bottom: 0px;
}
.customerServiceMenu .menu-item {
  font-weight: 500;
  color: #00444b;
  min-height: 48px;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

.nav-guidance-btn {
  padding: 34px 20px !important;
  border-color: transparent !important;
}
.nav-guidance-btn .title {
  font-weight: 500 !important;
}

.helpMenu .link {
  text-decoration: none;
  color: unset;
}
.helpMenu .MuiPopover-paper {
  border-radius: 8px;
}
.helpMenu .MuiMenu-list {
  padding-top: 0px;
  padding-bottom: 0px;
}
.helpMenu .menu-item {
  font-weight: 500;
  color: #00444b;
  min-height: 48px;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

.modal-demo {
  padding: 0;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.content-header {
  line-height: 32px;
  background-color: #ffffff;
  border-radius: 8px 8px 0 0 !important;
  padding: 24px 40px;
  display: flex;
  width: 100%;
  align-items: center;
}
.content-header.show-border {
  border-bottom: 2px solid #e5eced;
}
.content-header.disabled {
  opacity: 0.4;
  border-radius: 8px !important;
}
.content-header .additional-component {
  justify-self: flex-end;
  margin-left: auto;
}
.content-header .additional-component a {
  font-size: min(1rem, 32px);
  font-weight: 500;
  line-height: 24px;
  color: #00444b;
}
.content-header .header-title {
  display: flex;
  font-size: min(1.5rem, 48px);
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  color: #00444b;
  justify-self: flex-start;
}
.content-header .header-title .additional-component *:first-child {
  width: 100%;
  height: 32px;
  border-radius: 3px;
}
.content-header .header-title .loading-text {
  color: #ced5db;
  font-size: min(0.94rem, 30px);
  line-height: 18px;
  font-weight: 500;
  flex-grow: 1;
  margin-left: 20px;
}
.content-header .header-title a span {
  font-weight: 500;
  text-decoration: underline;
  color: #00444b;
  line-height: 24px;
  font-size: min(1rem, 32px);
}
.content-header .title-component {
  display: flex;
  flex: 1;
  padding-left: 8px;
  align-self: center;
  justify-self: flex-start;
}
.content-header .step-component {
  display: flex;
  align-items: center;
  margin-right: 20px;
  border-radius: 24px;
  border: 3px solid;
  border-color: #c8d865;
  width: 48px;
  height: 48px;
  justify-self: flex-start;
}
.content-header .step-component.disabled {
  border-color: #99b4b7;
  color: #668f93;
}
.content-header .step-component.success {
  background-color: #309346;
  border: none;
  color: #ffffff;
}
.content-header .step-component .step-number {
  margin: 0 auto;
  font-weight: 700;
  font-size: min(1rem, 32px);
  line-height: 24px;
  text-align: center;
}
.content-header .step-component .step-number.success {
  padding-top: 5px;
}

@media screen and (max-width: 832px) {
  .content-header {
    padding: 16px;
  }
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.Dropdown {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.Dropdown .dropdown-title {
  font-size: min(0.88rem, 28px);
  font-weight: 700;
  color: #00444b;
  padding-bottom: 8px;
}
.Dropdown .MuiFormLabel-root.MuiInputLabel-root {
  color: #33696f;
  line-height: 19px;
  padding-left: 4px;
}
.Dropdown .dropdown-select {
  border: 2px solid #e5eced;
  background-color: #ffffff;
}
.Dropdown .dropdown-select .MuiSelect-select.MuiInputBase-input.MuiOutlinedInput-input {
  padding: 12px 32px 12px 16px;
}
.Dropdown .dropdown-select.MuiInputBase-root {
  border-radius: 8px;
}
.Dropdown .dropdown-select.disabled {
  background-color: #e5eced;
}
.Dropdown .dropdown-select.error {
  border: 3px solid #bb3a33;
}
.Dropdown .dropdown-select.error.Mui-focused {
  border: 3px solid #bb3a33;
}
.Dropdown .dropdown-select.Mui-focused {
  border: 3px solid #c8d865;
}
.Dropdown .dropdown-select .MuiOutlinedInput-notchedOutline {
  border: none;
}
.Dropdown .dropdown-select .MuiSvgIcon-root {
  fill: #00444b;
}
.Dropdown .dropdown-select .label {
  color: #00444b;
}
.Dropdown .dropdown-select .label.disabled {
  -webkit-text-fill-color: #33696f;
}
.Dropdown .error-text {
  color: #bb3a33;
  font-size: min(0.75rem, 24px);
  margin-top: 4px;
}

.dropdown-menu-item {
  padding: 12px 16px !important;
}
.dropdown-menu-item.multi-line {
  max-width: 400px;
  white-space: normal !important;
}
.dropdown-menu-item:hover {
  background-color: #e5eced !important;
}
.dropdown-menu-item.Mui-selected {
  background-color: #ffffff !important;
  font-weight: 700;
}
.dropdown-menu-item.Mui-focusVisible {
  outline: #00444b auto 1px;
}

.dropdown-select-root {
  max-height: 60%;
}
.dropdown-select-root .dropdown-select-paper {
  color: #00444b;
  margin-top: 4px;
  border-radius: 8px;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.flex {
  display: flex;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-vertical {
  display: flex;
  align-items: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
}

.grid-legacy, .text-field .input-container {
  flex-grow: 1;
  width: 100%;
}

.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: 16px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.loading-center {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}

.radius-8 {
  border-radius: 8px;
}

.radius-top-8 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.radius-bottom-8 {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.radius-top-left-8 {
  border-top-left-radius: 8px;
}

.radius-top-right-8 {
  border-top-right-radius: 8px;
}

.radius-bottom-left-8 {
  border-bottom-left-radius: 8px;
}

.radius-bottom-right-8 {
  border-bottom-right-radius: 8px;
}

.text-success {
  color: #309346;
}

.text-error {
  color: #bb3a33;
}

.cursor-pointer {
  cursor: pointer;
}

.hidden {
  display: none;
}

.text-field {
  font-size: min(0.88rem, 28px);
  font-style: normal;
}
.text-field .title {
  font-weight: 700;
  line-height: 20px;
  color: #00444b;
}
.text-field .icon-container {
  color: #00444b;
  vertical-align: middle;
}
.text-field .icon-container .error {
  font-size: min(1.5rem, 48px);
  color: #bb3a33;
}
.text-field .icon-container .info {
  vertical-align: middle;
  font-size: min(1.25rem, 40px);
}
.text-field .icon-container .action {
  cursor: pointer;
}
.text-field .icon-container .currency {
  margin: 0;
  font-size: min(1rem, 32px);
  font-weight: 400;
  line-height: 24px;
}
.text-field .icon-container .tooltip-error {
  color: #bb3a33;
}
.text-field .input-container {
  outline: 2px solid #e5eced;
  border-radius: 8px;
  background: #ffffff;
}
.text-field .input-container .icon-container {
  padding: 0 16px 0 0;
}
.text-field .input-container.info-helper .icon-container {
  align-items: flex-start;
  padding: 0 16px 12px 0;
}
.text-field .input-container.info-helper input {
  padding-bottom: 2px !important;
}
.text-field .input-container.error, .text-field .input-container.error:focus-within {
  outline: 3px solid #bb3a33;
}
.text-field .input-container.disabled {
  background: #e5eced;
}
.text-field .input-container.disabled .MuiOutlinedInput-input.Mui-disabled {
  -webkit-text-fill-color: #33696f !important;
}
.text-field .input-container.disabled .MuiOutlinedInput-input.Mui-disabled::-webkit-autofill {
  background: #e5eced;
}
.text-field .input-container.disabled .icon-container {
  color: #33696f;
}
.text-field .input-container.disabled .helper-text {
  font-size: min(0.88rem, 28px);
  font-weight: 500;
  line-height: 16px;
  color: #33696f;
}
.text-field .input-container:focus-within {
  outline: 3px solid #c8d865;
}
.text-field .input-container .MuiInputBase-root {
  padding: 0;
  border-radius: 8px;
}
.text-field .input-container input {
  height: 24px;
  color: #00444b;
  font-size: min(1rem, 32px);
  font-weight: 400;
  line-height: 24px;
  padding: 12px 16px;
}
.text-field .input-container input.end-adorment {
  padding: 12px 0 12px 16px;
}
.text-field .input-container input.strong {
  font-weight: 700;
}
.text-field .input-container input fieldset {
  border: none !important;
}
.text-field .input-container input::placeholder {
  color: #33696f;
  opacity: 1;
  font-size: min(1rem, 32px);
  font-weight: 400;
  line-height: 24px;
}
.text-field .input-container input:-webkit-autofill:not(.Mui-disabled), .text-field .input-container input:-webkit-autofill:focus:not(.Mui-disabled) {
  background: unset;
  -webkit-text-fill-color: #00444b;
}
.text-field fieldset {
  border: none !important;
}
.text-field .error-text {
  color: #bb3a33;
  font-weight: 400;
  line-height: 20px;
}
.text-field .helper-text {
  padding: 0 0 12px 16px;
  font-weight: 400;
  line-height: 20px;
  color: #33696f;
}
.text-field .helper-text.small {
  font-size: min(0.75rem, 24px);
}
.text-field input::-ms-reveal,
.text-field input::-ms-clear {
  display: none;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.new-datepicker .datepicker-title {
  font-size: min(0.88rem, 28px);
  font-weight: 700;
  color: #00444b;
  padding-bottom: 8px;
  display: flex;
}
.new-datepicker #datepicker-textfield {
  cursor: pointer;
}
.new-datepicker .datepicker-input .MuiButtonBase-root.MuiIconButton-root {
  margin: 0;
}
.new-datepicker .datepicker-input .MuiSvgIcon-root {
  color: #00444b;
}
.new-datepicker .tooltip-icon {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}

.tooltip-popper .tooltip-arrow {
  margin-left: 5px;
}
.tooltip-popper .tooltip-body {
  margin-bottom: 13px !important;
}

.mobile-dialog .MuiDialogContent-root {
  -ms-overflow-style: none;
  /* firefox */
  scrollbar-width: none;
  /* ie */
}
.mobile-dialog ::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, and Opera */
}
.mobile-dialog .MuiPaper-root {
  min-height: 80vh;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

.content-box {
  width: 100%;
  background-color: #ffffff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.content-box.content-padding {
  padding: 40px;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

.securities-exhange-data-container {
  padding: 0 40px 40px 40px;
}
.securities-exhange-data-container .securities-exhange-data-box {
  padding: 40px;
}
.securities-exhange-data-container .securities-exhange-data-box .exhange-container {
  gap: 24px;
  display: flex;
}
.securities-exhange-data-container .securities-exhange-data-box .exhange-container .dropdown-with-title-container {
  flex-basis: 300px;
}
.securities-exhange-data-container .securities-exhange-data-box .exhange-container .dropdown-with-title-container .dropdown-with-title {
  height: 48px;
}
.securities-exhange-data-container .securities-exhange-data-box .exhange-container .datepicker-container {
  flex-basis: 300px;
}
.securities-exhange-data-container .securities-exhange-data-box .exhange-container .datepicker-container .datepicker-with-title {
  height: 48px;
}
.securities-exhange-data-container .securities-exhange-data-box .exhange-container .report-button-grid {
  display: flex;
  align-items: flex-end;
}
.securities-exhange-data-container .securities-exhange-data-box .exhange-container .report-button {
  height: 48px;
  display: flex;
  padding: 12px 24px 12px 24px;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

.modal-securities-exchange-rate {
  padding: 0px !important;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.flex {
  display: flex;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-vertical {
  display: flex;
  align-items: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
}

.grid-legacy, .first-slide .login-header, .first-slide .landing-content {
  flex-grow: 1;
  width: 100%;
}

.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: 16px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.loading-center {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}

.radius-8 {
  border-radius: 8px;
}

.radius-top-8 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.radius-bottom-8 {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.radius-top-left-8 {
  border-top-left-radius: 8px;
}

.radius-top-right-8 {
  border-top-right-radius: 8px;
}

.radius-bottom-left-8 {
  border-bottom-left-radius: 8px;
}

.radius-bottom-right-8 {
  border-bottom-right-radius: 8px;
}

.text-success {
  color: #309346;
}

.text-error {
  color: #bb3a33;
}

.cursor-pointer {
  cursor: pointer;
}

.hidden {
  display: none;
}

#logo-img {
  height: 40px;
}

.first-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-position: right;
  background-image: url("/assets/login-web-background-C_rHaQke.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-color: #00444b;
}
.first-slide.small-screen {
  background-image: none;
}
.first-slide .login-header {
  justify-content: space-between;
  padding: 36px 32px 70px 56px;
}
@media screen and (max-width: 900px) {
  .first-slide .login-header {
    padding: 36px 32px 70px 32px;
  }
}
.first-slide .login-header .login-header-logo {
  align-items: center;
}
.first-slide .landing-content {
  padding-left: 120px;
  padding-bottom: 100px;
}
@media screen and (max-width: 900px) {
  .first-slide .landing-content {
    text-align: center;
    padding-left: 32px;
    padding-right: 32px;
  }
}
.first-slide .background {
  position: absolute;
  right: 0;
  top: 200px;
  height: 500px;
}
@media screen and (max-width: 1200px) {
  .first-slide .background {
    height: 0;
  }
}
.first-slide .login-title {
  font-size: min(3rem, 96px);
  font-weight: 700;
  line-height: 60px;
  color: #ffffff;
}
@media screen and (max-width: 600px) {
  .first-slide .login-title {
    text-align: center;
    font-size: min(2rem, 64px);
  }
}
.first-slide .subtitle {
  color: #ffffff;
  margin: 32px 0 24px;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.LoginPageFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #00444b;
  color: #668f93;
  height: 70px;
  font-size: min(0.88rem, 28px);
}
.LoginPageFooter .version {
  padding-left: 60px;
}
@media screen and (max-width: 600px) {
  .LoginPageFooter .version {
    padding-left: 0;
  }
}
.LoginPageFooter .logos {
  display: flex;
  align-items: center;
}
.LoginPageFooter .logos .netlock {
  padding-right: 12px;
  display: flex;
}
.LoginPageFooter .logos .simple {
  padding: 0 60px 0 48px;
}
@media screen and (max-width: 600px) {
  .LoginPageFooter .logos .simple {
    padding: 0 0 0 32px;
  }
}
.LoginPageFooter .logos .privacy-policy {
  color: #668f93;
  padding-right: 20px;
}
@media screen and (max-width: 600px) {
  .LoginPageFooter .logos {
    align-items: center;
  }
}
@media screen and (max-width: 600px) {
  .LoginPageFooter {
    height: auto;
    flex-direction: column;
    align-items: center;
    row-gap: 16px;
  }
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.LoginPageMobileRow {
  background-color: #e5eced;
  padding: 32px 56px 56px;
  display: grid;
  gap: 16px;
}
.LoginPageMobileRow .appointment-and-mobile {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 900px) {
  .LoginPageMobileRow .appointment-and-mobile {
    grid-template-columns: auto;
  }
}
@media screen and (max-width: 600px) {
  .LoginPageMobileRow {
    padding: 32px 8px 56px;
  }
}
.LoginPageMobileRow .card {
  background-color: #ffffff;
  border-radius: 16px;
  color: #00444b;
  padding: 40px;
}
.LoginPageMobileRow .card.first {
  padding: 40px 0 0 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.LoginPageMobileRow .card.first .demo-logo {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .LoginPageMobileRow .card.first.first {
    padding: 40px;
  }
  .LoginPageMobileRow .card.first.first .demo-logo {
    display: none;
  }
}
.LoginPageMobileRow .card .card-title {
  font-size: min(1.5rem, 48px);
  font-weight: 700;
  padding-bottom: 16px;
}
.LoginPageMobileRow .card .webkincstar-btn {
  margin-top: 24px;
}
.LoginPageMobileRow .card .appointment-btn {
  margin-top: 52px;
}
.LoginPageMobileRow .card .mobile-card-text {
  padding-bottom: 19px;
}
.LoginPageMobileRow .card .links-wrapper {
  display: flex;
  gap: 13px;
}
.LoginPageMobileRow .card .links-wrapper .store-wrapper {
  display: flex;
  flex-direction: column;
}
.LoginPageMobileRow .card .links-wrapper .store-wrapper .app-store {
  margin: 10px 0 0 10px;
}
@media screen and (max-width: 600px) {
  .LoginPageMobileRow .card .links-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.login-dap-modal {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 400px;
  color: #00444b;
  align-items: center;
}
@media screen and (max-width: 400px) {
  .login-dap-modal {
    width: 250px;
  }
}
.login-dap-modal .login-dap-modal-title {
  font-size: min(1.5rem, 48px);
  font-weight: 700;
  text-align: center;
}
.login-dap-modal .login-qr-modal {
  align-items: center;
  padding: 20px;
}
.login-dap-modal .login-qr-image {
  max-width: 226px;
}
.login-dap-modal .login-dap-modal-error-slot {
  width: 100%;
  min-height: 72px;
}
.login-dap-modal .status-indicator .status-circle {
  height: auto;
  width: auto;
}
.login-dap-modal .status-indicator .status-circle.status-error {
  background-color: transparent;
}
.login-dap-modal .link {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: min(0.88rem, 28px);
  font-weight: 500;
  cursor: pointer;
}

.login-main {
  width: 400px;
}
@media screen and (max-width: 400px) {
  .login-main {
    width: 250px;
  }
}
.login-main .main-title {
  color: #00444b;
  font-size: min(1.5rem, 48px);
  font-weight: 700;
  line-height: 32px;
  padding-bottom: 16px;
}
.login-main .registration-text {
  color: #33696f;
  padding-bottom: 32px;
  font-size: min(0.88rem, 28px);
}
.login-main .registration-btn {
  font-weight: 500;
  cursor: pointer;
}
.login-main .text-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
.login-main .forgotten-password-btn {
  cursor: pointer;
  font-weight: 500;
}
.login-main .buttons {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 32px;
}
.login-main .buttons .line {
  text-align: center;
  color: #99b4b7;
  font-size: min(0.88rem, 28px);
  overflow: hidden;
}
.login-main .buttons .line:before,
.login-main .buttons .line:after {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 50%;
  border-bottom: 2px dashed #CCDADB;
  margin: 0 8px 0 -55%;
}
.login-main .buttons .line:after {
  margin: 0 -55% 0 8px;
}
.login-main .dap-login {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-main .dap-login .dap-logo {
  height: 32px;
  width: 32px;
}
.login-main .dap-login .dap-login-button {
  background-color: #4258ed;
  color: #ffffff;
  border-radius: 8px;
  flex: 1;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.login-main .dap-login .dap-login-button.disabled {
  background-color: #99b4b7;
  color: #99b4b7;
  cursor: not-allowed;
  pointer-events: none;
}
.login-main .dap-login .dap-login-button .dap-login-content {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  justify-content: center;
}
.login-main .dap-login .dap-login-button .dap-login-text {
  font-family: Inter, Encode Sans Wide, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 700;
}

.login-e-id-screen {
  width: 400px;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  text-align: center;
  color: #00444b;
}
@media screen and (max-width: 400px) {
  .login-e-id-screen {
    width: 250px;
  }
}
.login-e-id-screen .eid-reading-message {
  font-weight: 500;
}
.login-e-id-screen .eid-buttons {
  display: flex;
  column-gap: 16px;
}

.login-choose-notification {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 400px;
  color: #00444b;
}
@media screen and (max-width: 400px) {
  .login-choose-notification {
    width: 250px;
  }
}
.login-choose-notification .notification-title {
  font-size: min(1.5rem, 48px);
  font-weight: 700;
}
.login-choose-notification .buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.login-save-notification {
  width: 400px;
  color: #00444b;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 60px;
}
@media screen and (max-width: 400px) {
  .login-save-notification {
    width: 250px;
  }
}
.login-save-notification .buttons {
  display: flex;
  column-gap: 16px;
}

.login-final-push {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 400px;
  color: #00444b;
}
@media screen and (max-width: 400px) {
  .login-final-push {
    width: 250px;
  }
}
.login-final-push .push-title {
  font-size: min(1.5rem, 48px);
  font-weight: 700;
}
.login-final-push .alert {
  padding: 16px;
}
.login-final-push .alert a {
  color: unset;
}
.login-final-push .links {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: min(0.88rem, 28px);
}
.login-final-push .links .sms-push-button {
  font-weight: 500;
  cursor: pointer;
}

.login-final-sms {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 400px;
  color: #00444b;
}
@media screen and (max-width: 400px) {
  .login-final-sms {
    width: 250px;
  }
}
.login-final-sms .sms-title {
  font-size: min(1.5rem, 48px);
  font-weight: 700;
}
.login-final-sms .sms-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.login-final-sms .sms-content .otp-title {
  font-weight: 700;
  font-size: min(0.88rem, 28px);
}
.login-final-sms .sms-content .otp-error {
  color: #bb3a33;
  font-size: min(0.88rem, 28px);
}
.login-final-sms .sms-content .otp-container {
  gap: 8px;
  margin: 8px 0;
}
.login-final-sms .sms-content .otp-input {
  height: 48px;
  width: 40px !important;
  font-size: min(1rem, 32px);
  color: #00444b;
  border-radius: 8px;
  border: 2px solid #e5eced;
}
@media screen and (max-width: 400px) {
  .login-final-sms .sms-content .otp-input {
    height: 36px;
    width: 28px !important;
  }
}
.login-final-sms .sms-content .otp-input.error {
  border: 3px solid #bb3a33;
}
.login-final-sms .sms-content .otp-input.error:focus {
  border: 3px solid #bb3a33;
}
.login-final-sms .sms-content .otp-input:focus {
  border: 3px solid #c8d865;
}
.login-final-sms .sms-content .otp-input:focus-visible {
  outline: none;
}
.login-final-sms .sms-content .submit {
  display: none;
}
.login-final-sms .sms-content .new-sms {
  font-size: min(0.88rem, 28px);
  padding-bottom: 20px;
}
.login-final-sms .sms-content .new-sms .new-sms-button {
  font-weight: 500;
  cursor: pointer;
}

.login-forgotten-password {
  width: 400px;
  color: #00444b;
}
@media screen and (max-width: 400px) {
  .login-forgotten-password {
    width: 250px;
  }
}
.login-forgotten-password .forgotten-pw-title {
  font-weight: 700;
  font-size: min(1.5rem, 48px);
  line-height: 32px;
  margin-bottom: 32px;
}
.login-forgotten-password .fields {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.login-forgotten-password .fields .textFields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.login-forgotten-password .fields .recaptcha-error {
  color: #bb3a33;
}
.login-forgotten-password .fields .alert {
  padding: 16px;
}
.login-forgotten-password .fields .alert a {
  color: unset;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.custom-alert {
  overflow: visible;
}
.custom-alert .MuiAlert-message {
  padding: 0;
  font-size: min(0.88rem, 28px);
  color: #00444b;
  overflow: visible;
  white-space: normal;
  word-break: break-word;
}
.custom-alert .MuiAlert-icon {
  padding: 0;
  overflow: visible;
}
.custom-alert .MuiSvgIcon-root.success {
  color: #309346;
}
.custom-alert .MuiSvgIcon-root.error {
  color: #bb3a33;
}
.custom-alert .MuiSvgIcon-root.warning {
  color: #d86b00;
}
.custom-alert .MuiSvgIcon-root.info {
  color: #2d67d7;
}
.custom-alert.large .MuiAlert-message {
  padding: 10px 10px 10px 0;
  font-size: min(1.5rem, 48px);
  color: #00444b;
}
.custom-alert.large .MuiSvgIcon-root {
  width: 40px;
  height: 40px;
}
.custom-alert.large .MuiAlert-icon {
  padding: 0;
  margin-right: 16px;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

.status-indicator .status-circle {
  border-radius: 50%;
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-indicator .status-circle.status-success {
  background-color: #eaf4ec;
}
.status-indicator .status-circle.status-error {
  background-color: #f8ebeb;
}
.status-indicator .status-circle.status-empty {
  background-color: #eaf0fb;
}
.status-indicator .status-circle.status-pending {
  background-color: #eaf0fb;
}
.status-indicator .status-circle .status-icon {
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-indicator .status-circle .status-icon .success-icon {
  color: #309346;
}
.status-indicator .status-circle .status-icon .error-icon {
  color: #bb3a33;
}
.status-indicator .status-circle .status-icon .empty-icon {
  color: #2d67d7;
}
.status-indicator .status-circle .status-icon .pending-icon {
  color: #2d67d7;
  animation: pending-rotation 2s linear 0s infinite;
}
.status-indicator .status-circle .status-icon .MuiSvgIcon-root {
  width: 48px;
  height: 48px;
}

@keyframes pending-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.flex {
  display: flex;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-vertical {
  display: flex;
  align-items: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
}

.grid-legacy, .LoginModal .login-modal-container {
  flex-grow: 1;
  width: 100%;
}

.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: 16px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.loading-center {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}

.radius-8 {
  border-radius: 8px;
}

.radius-top-8 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.radius-bottom-8 {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.radius-top-left-8 {
  border-top-left-radius: 8px;
}

.radius-top-right-8 {
  border-top-right-radius: 8px;
}

.radius-bottom-left-8 {
  border-bottom-left-radius: 8px;
}

.radius-bottom-right-8 {
  border-bottom-right-radius: 8px;
}

.text-success {
  color: #309346;
}

.text-error {
  color: #bb3a33;
}

.cursor-pointer {
  cursor: pointer;
}

.hidden {
  display: none;
}

.LoginModal {
  overflow: hidden;
  overflow-x: hidden;
}
.LoginModal ::-webkit-scrollbar {
  display: none;
}
.LoginModal .MuiDialog-container {
  overflow: unset;
}
.LoginModal .MuiDialog-paper {
  flex-direction: column;
}
.LoginModal .icons .icon {
  position: absolute;
  top: 40px;
  padding: 0;
  z-index: 1;
}
.LoginModal .icons .icon.previous {
  color: #00444b;
  left: 40px;
}
@media screen and (max-width: 750px) {
  .LoginModal .icons .icon.previous {
    position: absolute;
    top: 10px;
    left: 10px;
  }
}
.LoginModal .icons .icon.close {
  position: fixed;
  color: #ffffff;
  right: 40px;
}
@media screen and (max-width: 750px) {
  .LoginModal .icons .icon.close {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
@media screen and (max-width: 900px) {
  .LoginModal .icons .icon.close {
    color: #00444b;
  }
}
.LoginModal .logo {
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 1;
}
@media screen and (max-width: 900px) {
  .LoginModal .logo {
    width: 0;
    height: 0;
  }
}
.LoginModal .login-modal-container .background {
  position: fixed;
  background-position: right;
  background-color: #00444b;
  background-image: url("/assets/mak-login-modal-bg-DdsDyAqF.png");
  background-size: cover;
  height: 100vh;
  right: 0;
}
@media screen and (max-width: 900px) {
  .LoginModal .login-modal-container .background {
    width: 0;
    height: 0;
  }
}
.LoginModal .login-modal-container .login-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-basis: 100%;
  padding: 40px 0;
}
.LoginModal .login-modal-container .login-body .alert {
  width: 400px;
  padding: 16px;
  margin-top: 16px;
}
@media screen and (max-width: 400px) {
  .LoginModal .login-modal-container .login-body .alert {
    width: auto;
  }
}
.LoginModal .login-modal-container .login-body .recaptcha-error {
  margin-top: 16px;
  color: #bb3a33;
}

.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
  z-index: 2000;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.title-and-value .title {
  color: #33696f;
  font-size: min(0.88rem, 28px);
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.title-and-value .value-row {
  display: flex;
}
.title-and-value .value-row .value {
  color: #00444b;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.title-and-value .value-row .copy-icon {
  cursor: pointer;
  font-size: 18px;
  margin-left: 6px;
}
.title-and-value .highlightened {
  font-size: min(1rem, 32px);
  font-weight: 700;
  line-height: 24px;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.flex {
  display: flex;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-vertical {
  display: flex;
  align-items: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
}

.grid-legacy, .modal-instrument-category .legacy-grid {
  flex-grow: 1;
  width: 100%;
}

.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: 16px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.loading-center {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}

.radius-8 {
  border-radius: 8px;
}

.radius-top-8 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.radius-bottom-8 {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.radius-top-left-8 {
  border-top-left-radius: 8px;
}

.radius-top-right-8 {
  border-top-right-radius: 8px;
}

.radius-bottom-left-8 {
  border-bottom-left-radius: 8px;
}

.radius-bottom-right-8 {
  border-bottom-right-radius: 8px;
}

.text-success {
  color: #309346;
}

.text-error {
  color: #bb3a33;
}

.cursor-pointer {
  cursor: pointer;
}

.hidden {
  display: none;
}

.modal-instrument-category .modal-body {
  display: flex;
  align-items: flex-start;
  color: #00444b;
  flex-direction: column;
}
.modal-instrument-category .modal-body .category-title-with-icon {
  display: flex;
  flex: 1;
  width: 100%;
  padding-bottom: 24px;
  align-items: center;
  gap: 16px;
  border-bottom: 2px dashed #CCDADB;
}
.modal-instrument-category .modal-body .category-title-with-icon .icon {
  display: flex;
  width: 56px;
  height: 56px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 8px;
}
.modal-instrument-category .modal-body .category-title-with-icon .title {
  font-size: min(1.25rem, 40px);
  font-weight: 700;
  line-height: 28px;
}
.modal-instrument-category .modal-body .modal-content {
  display: flex;
  padding: 24px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

.SecurityLogoRow {
  background-color: #ffffff;
  height: 80px;
  padding: 22px 56px;
}
.SecurityLogoRow .img-container {
  column-gap: calc(12.5% - 156px);
}
@media (max-width: 1368px) {
  .SecurityLogoRow .img-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-items: center;
  }
}
@media (max-width: 767px) {
  .SecurityLogoRow .img-container {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}
@media (max-width: 499px) {
  .SecurityLogoRow .img-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
.SecurityLogoRow .img-wrapper {
  display: flex;
  justify-content: center;
  flex: 1;
  min-width: 138px;
}
@media (max-width: 1368px) {
  .SecurityLogoRow .img-wrapper {
    justify-content: flex-start;
    min-width: 160px;
  }
}
.SecurityLogoRow .img-wrapper .logo {
  cursor: pointer;
}
.SecurityLogoRow .img-wrapper .logo:hover {
  opacity: 0.5;
}
@media (max-width: 1368px) {
  .SecurityLogoRow {
    height: auto;
  }
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.MuiRadio-root {
  padding: 8px !important;
}

.radio-list-item {
  color: #00444b;
  font-style: normal;
}
.radio-list-item .margin-bottom-0 {
  margin-bottom: 0px;
}
.radio-list-item .margin-bottom-8 {
  margin-bottom: 8px;
}
.radio-list-item .title {
  font-size: min(0.88rem, 28px);
  font-weight: 700;
  line-height: 20px;
  padding-right: 8px;
}
.radio-list-item .MuiFormControlLabel-label {
  font-size: min(1rem, 32px) !important;
  font-weight: 400;
  line-height: 24px;
}
.radio-list-item .MuiFormControlLabel-label.Mui-disabled {
  color: #668f93 !important;
}
.radio-list-item .tooltip {
  vertical-align: middle;
  cursor: pointer;
}
.radio-list-item .tooltip.icon {
  font-size: min(1.25rem, 40px);
  color: #00444b;
}
.radio-list-item .tooltip.disabled {
  cursor: default;
  opacity: 0.6;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.reg-modal-part-zero {
  width: 400px;
  color: #00444b;
}
@media screen and (max-width: 400px) {
  .reg-modal-part-zero {
    width: 250px;
  }
}
.reg-modal-part-zero .part-zero-title {
  font-size: min(1.5rem, 48px);
  font-weight: 700;
  padding-bottom: 32px;
}
.reg-modal-part-zero .juridical-radio {
  margin-right: 0;
}
.reg-modal-part-zero .divider {
  border: 1px solid #e5eced;
  margin: 16px 0 24px;
}
.reg-modal-part-zero .divider.foreign-start-margin {
  margin-bottom: 0;
}
.reg-modal-part-zero .alert {
  padding: 16px;
}
.reg-modal-part-zero .alert a {
  color: unset;
}
.reg-modal-part-zero .footer-button {
  width: 400px;
  margin-top: 40px;
}
@media screen and (max-width: 400px) {
  .reg-modal-part-zero .footer-button {
    width: 250px;
  }
}
.reg-modal-part-zero .footer-button.focusOn:focus {
  border-color: #c8d865 !important;
}
.reg-modal-part-zero .footer-button.focusOff:focus {
  border-color: #00444b !important;
}
.reg-modal-part-zero .footer-button.focusOff:hover {
  border-color: #33696f !important;
}

.reg-modal-part-one {
  width: 400px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  color: #00444b;
}
@media screen and (max-width: 400px) {
  .reg-modal-part-one {
    width: 250px;
  }
}
.reg-modal-part-one .part-one-title {
  font-size: min(1.5rem, 48px);
  font-weight: 700;
}
.reg-modal-part-one .login-text {
  font-size: min(0.88rem, 28px);
  color: #33696f;
}
.reg-modal-part-one .login-text .login-btn {
  font-weight: 500;
  cursor: pointer;
}
.reg-modal-part-one .line {
  text-align: center;
  color: #668f93;
  font-size: min(0.88rem, 28px);
  overflow: hidden;
}
.reg-modal-part-one .line:before,
.reg-modal-part-one .line:after {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 50%;
  border-bottom: 2px dashed #CCDADB;
  margin: 0 8px 0 -55%;
}
.reg-modal-part-one .line:after {
  margin: 0 -55% 0 8px;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.flex {
  display: flex;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-vertical {
  display: flex;
  align-items: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
}

.grid-legacy, .registration-modal .registration-modal-container {
  flex-grow: 1;
  width: 100%;
}

.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: 16px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.loading-center {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}

.radius-8 {
  border-radius: 8px;
}

.radius-top-8 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.radius-bottom-8 {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.radius-top-left-8 {
  border-top-left-radius: 8px;
}

.radius-top-right-8 {
  border-top-right-radius: 8px;
}

.radius-bottom-left-8 {
  border-bottom-left-radius: 8px;
}

.radius-bottom-right-8 {
  border-bottom-right-radius: 8px;
}

.text-success {
  color: #309346;
}

.text-error {
  color: #bb3a33;
}

.cursor-pointer {
  cursor: pointer;
}

.hidden {
  display: none;
}

.registration-modal ::-webkit-scrollbar {
  background-color: #33696f;
  width: 10px;
}
.registration-modal ::-webkit-scrollbar-thumb {
  background-color: #99b4b7;
  border-radius: 8px;
}
@media screen and (max-width: 900px) {
  .registration-modal ::-webkit-scrollbar {
    background-color: #e5eced;
    width: 10px;
    border-radius: 8px;
  }
  .registration-modal ::-webkit-scrollbar-thumb {
    background-color: #668f93;
    border-radius: 8px;
  }
}
.registration-modal .icons .icon {
  position: absolute;
  top: 40px;
  padding: 0;
  z-index: 1;
}
.registration-modal .icons .icon.previous {
  color: #00444b;
  left: 40px;
}
@media screen and (max-width: 750px) {
  .registration-modal .icons .icon.previous {
    position: absolute;
    top: 10px;
    left: 10px;
  }
}
.registration-modal .icons .icon.close {
  position: fixed;
  color: #ffffff;
  right: 40px;
}
@media screen and (max-width: 750px) {
  .registration-modal .icons .icon.close {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
@media screen and (max-width: 900px) {
  .registration-modal .icons .icon.close {
    color: #00444b;
  }
}
.registration-modal .logo {
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 1;
}
@media screen and (max-width: 900px) {
  .registration-modal .logo {
    width: 0;
    height: 0;
  }
}
.registration-modal .registration-modal-container .reg-modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  flex-basis: 100%;
  overflow-y: auto;
}
@media screen and (max-width: 1024px) {
  .registration-modal .registration-modal-container .reg-modal-body {
    padding: 80px 0;
  }
}
@media screen and (max-width: 400px) {
  .registration-modal .registration-modal-container .reg-modal-body {
    width: 250px;
  }
}
.registration-modal .registration-modal-container .background {
  position: fixed;
  background-position: right;
  background-color: #00444b;
  background-image: url("/assets/mak_reg_bg-Dl7z_ZtA.png");
  background-size: cover;
  height: 100vh;
  right: 0;
}
@media screen and (max-width: 900px) {
  .registration-modal .registration-modal-container .background {
    width: 0;
    height: 0;
  }
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.initial-loading-indicator {
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.modal-session-expired {
  padding: 32px !important;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.MobilLoginPage {
  background-color: #00444b;
  color: #ffffff;
}
.MobilLoginPage .main-row {
  height: 760px;
  padding: 16px 24px 0;
  background-image: url("/assets/login-mobile-background-D37rZ3nC.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  position: relative;
}
.MobilLoginPage .main-row .header-row {
  display: flex;
  justify-content: space-between;
  padding-bottom: 32px;
}
.MobilLoginPage .main-row .header-row .logo {
  height: 35px;
}
.MobilLoginPage .main-row .login-title {
  font-size: min(2rem, 64px);
  font-weight: 700;
  line-height: 44px;
}
.MobilLoginPage .main-row .subtitle {
  font-weight: 500;
  line-height: 24px;
  padding: 24px 0 32px;
}
.MobilLoginPage .main-row .download-btn {
  margin-top: 16px;
}
.MobilLoginPage .main-row .background {
  display: flex;
  justify-content: center;
}
.MobilLoginPage .main-row .background .image {
  position: absolute;
  bottom: 0;
}
.MobilLoginPage .appointment-row {
  padding: 48px 24px;
  background-color: #ffffff;
  color: #00444b;
  border-bottom: 2px solid #e5eced;
}
.MobilLoginPage .appointment-row .appointment-title {
  font-size: min(1.5rem, 48px);
  font-weight: 700;
  padding-bottom: 24px;
}
.MobilLoginPage .appointment-row .appointment-btn {
  margin-top: 40px;
}
.MobilLoginPage .store-row {
  padding: 48px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  background-color: #ffffff;
  position: relative;
}
.MobilLoginPage .store-row .title {
  font-size: min(1.5rem, 48px);
  font-weight: 700;
  line-height: 32px;
  color: #00444b;
}
.MobilLoginPage .store-row .stores {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.MobilLoginPage .store-row .stores .app-store {
  margin-top: 10px;
}
@media screen and (max-width: 330px) {
  .MobilLoginPage .store-row .stores {
    flex-direction: column;
  }
  .MobilLoginPage .store-row .stores .app-store {
    margin-left: 10px;
  }
}
.MobilLoginPage .login-mobile-footer {
  padding: 40px 24px;
  font-size: min(0.88rem, 28px);
}
.MobilLoginPage .login-mobile-footer .contacts {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 64px;
  font-weight: 500;
}
.MobilLoginPage .login-mobile-footer .contacts .link {
  text-decoration: none;
  color: unset;
}
.MobilLoginPage .login-mobile-footer .logos {
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: #668f93;
}
.MobilLoginPage .login-mobile-footer .logos .netlock {
  display: flex;
  align-items: center;
}
.MobilLoginPage .login-mobile-footer .logos .netlock .logo {
  padding-right: 12px;
}:export {
  lightPink: #fbe3e2;
  darkForestGreen: #243a43;
  forestGreen: #00454a;
  mediumForestGreen: #32696d;
  lightForestGreen: #668f92;
  lighterForestGreen: #99b4b6;
  lightestForestGreen: #ccdadb;
  tableGreenLight: #e7eced;
  tableGreenDark: #cfdadb;
  darkLime: #C8D965;
  lime: #d2df83;
  lightLime: #dde7a1;
  lighterGrey2: #acacb1;
  modalBorderGrey: #979797;
  darkGold: #deb306;
  basicGold: #e3bd32;
  mediumGrey: #6d7479;
  greyGreen: #9fb5b7;
  headingDarkGrey: #2c333a;
  white: #d9e0e7;
  culturedWhite: #f7f7f7;
  fontWhite: #cccccc;
  graniteGrey: #676664;
  fontGrey: #555555;
  darkSlateGrey: #2c3339;
  lightGrey1: #ced5db;
  lightGrey2: #b8c0cb;
  lightGrey3: #d4dadf;
  lighterGrey: #a5acb1;
  borderGrey: #c2c6c9;
  labelGrey: #525252;
  cellBorderGrey: #c5ced4;
  borderBottomGrey: #d0d0d0;
  black: #24282d;
  maxBlack: #000000;
  mirage: #10181f;
  grey67: #646567;
  grey69: #696969;
  menuBlack: #1a2229;
  menuGrey: #a8acb1;
  cadetGrey: #98abad;
  gunMetal: #26373a;
  outerSpace: #2d353c;
  bleuDeFrance: #348fe2;
  textBlue: #59a4e8;
  gainsboro: #dcdcdc;
  red: #ff0000;
  rossoCorsa: #da0101;
  crimson: #dc143c;
  sunray: #edb95e;
  royalBlue: #4169e1;
  successGreen: #4bb543;
  lightGreen: #b8ffb8;
  aliceBlue: #f0f3f4;
  smaltBlue: #475f63;
  whisper: #eeeeee;
  teal: #03847b;
  seaShell: #fff5ee;
  whiteSmoke: #f5f5f5;
  cyanBlue: #eff2f5;
  lightCyanBlue: #e2e7eb;
  autumnFog: #bbbbbb;
  lightRed: #ffb7ab;
  disabledTextFieldGrey: #e5e9ed;
  inputBorderGrey: #ccd0d4;
  grey12: #9fa2a5;
  lightSlateGrey: #778899;
  darkCharcoal: #333333;
  blueCharcoal: #242a30;
  darkPastelRed: #bc361f;
  grapefruit: #d63a20;
  yellowOchre: #c8a105;
  mercury: #e5e5e5;
  dune: #363f2a;
  heather: #b6c2c9;
  starDust: #929ba1;
  silverChalice: #a9a9a9;
  silver: #c8c6c6;
  separator: #d2d3d4;
  offWhite: #f8f0e3;
  chocolate: #d2691e;
  mediumTeal: #045f5f;
  osloGrey: #8a8a8a;
  alabaster: #fafafa;
  brightGrey: #e5eaed;
  arsenic: #3c4349;
  greyX11: #bab9b9;
  pastelGrey: #cccccd;
  paleSky: #707478;
  lightBeige: #f2ecde;
  brownBeige: #8a6d3b;
  rustRed: #a94442;
  porcelain: #eef2f5;
  quillGrey: #d4d5d6;
  persianGreen: #009f98;
  concord: #7d7b7b;
  beige: #f4f7e0;
  black01opacity: rgba(0, 0, 0, 0.1019607843);
  forestGreen_0: #00444b;
  forestGreen_800: #33696f;
  forestGreen_600: #668f93;
  forestGreen_400: #99b4b7;
  forestGreen_200: #CCDADB;
  forestGreen_100: #e5eced;
  forestGreen_50: #EFF4F4;
  lime_0: #c8d865;
  lime_800: #d3E084;
  lime_600: #dee8a3;
  lime_400: #e9efc1;
  lime_200: #f4f7e0;
  salmon_0: #ef776e;
  salmon_800: #f2928b;
  salmon_600: #f5ada8;
  salmon_400: #f9c9c5;
  salmon_200: #fce4e2;
  gold_0: #deb306;
  gold_800: #e5c238;
  gold_600: #ebd16a;
  gold_400: #f2e19b;
  gold_200: #f8f0cd;
  gold_100: #fcf7e6;
  orange_0: #d86b00;
  orange_800: #e08933;
  orange_600: #e8a666;
  orange_400: #efc499;
  orange_200: #f7e1cc;
  red_0: #bb3a33;
  red_800: #c9615c;
  red_600: #d68985;
  red_400: #e4b0ad;
  red_200: #f1d8d6;
  red_100: #f8ebeb;
  green_0: #309346;
  green_800: #59a96b;
  green_600: #83be90;
  green_400: #acd4b5;
  green_200: #d6e9da;
  green_100: #eaf4ec;
  blue_0: #2d67d7;
  blue_800: #5785df;
  blue_600: #81a4e7;
  blue_400: #abc2ef;
  blue_200: #d5e1f7;
  blue_100: #eaf0fb;
  maxWhite: #ffffff;
  dkj_0: #077cab;
  dkj_800: #3997bc;
  dkj_600: #6bb1cd;
  dkj_400: #9ccbdd;
  dkj_200: #cee5ee;
  dkj_100: #e6f2f7;
  pmap_0: #f0b323;
  pmap_800: #33c0c8;
  pmap_600: #66d0d6;
  pmap_400: #99dfe3;
  pmap_200: #cceff1;
  pmap_100: #e5f7f8;
  emap_0: #f0b323;
  emap_800: #f3c250;
  emap_600: #f6d17b;
  emap_400: #f9e0a7;
  emap_200: #fcf0d3;
  emap_100: #fdf7e9;
  bmap_0: #c0d600;
  bmap_800: #cdde33;
  bmap_600: #d9e766;
  bmap_400: #e6ef99;
  bmap_200: #f3f7cc;
  bmap_100: #f9fbe5;
  pemap_0: #f0b323;
  pemap_800: #f3c250;
  pemap_600: #f6d17b;
  pemap_400: #f9e0a7;
  pemap_200: #fcf0d3;
  pemap_100: #fdf7e9;
  mak_0: #ff8200;
  mak_800: #ff9b33;
  mak_600: #ffb466;
  mak_400: #ffcd99;
  mak_200: #ffe6cc;
  mak_100: #fff2e5;
  bk_0: #e4003a;
  bk_800: #e93362;
  bk_600: #ee6689;
  bk_400: #f499b0;
  bk_200: #f9ccd8;
  bk_100: #fce5eb;
  kkj_0: #79c000;
  kkj_800: #8bc542;
  kkj_600: #aed966;
  kkj_400: #c9e599;
  kkj_200: #e4f2cc;
  kkj_100: #f2f9e5;
  dap_primary: #4258ed;
}

:export {
  fontSize_10: min(0.63rem, 20px);
  fontSize_12: min(0.75rem, 24px);
  fontSize_13: min(0.81rem, 26px);
  fontSize_14: min(0.88rem, 28px);
  fontSize_15: min(0.94rem, 30px);
  fontSize_16: min(1rem, 32px);
  fontSize_18: min(1.13rem, 36px);
  fontSize_20: min(1.25rem, 40px);
  fontSize_24: min(1.5rem, 48px);
  fontSize_28: min(1.75rem, 56px);
  fontSize_32: min(2rem, 64px);
  fontSize_40: min(2.5rem, 80px);
  fontSize_48: min(3rem, 96px);
}

.Checkbox .checkbox-title {
  padding-bottom: 8px;
}
.Checkbox .title {
  font-size: min(0.88rem, 28px);
  font-weight: 700;
  padding-right: 8px;
  color: #00444b;
}
.Checkbox .title-tooltip {
  vertical-align: middle;
  cursor: pointer;
}
.Checkbox .title-tooltip.title-icon {
  font-size: min(1.25rem, 40px);
  color: #00444b;
}
.Checkbox .form-control-label {
  margin-right: 8px;
}
.Checkbox .form-control-label.multiple-line .MuiFormControlLabel-label {
  transform: translateY(10px);
}
.Checkbox .form-control-label .checkbox-label {
  font-size: min(1rem, 32px);
  color: #00444b;
}
.Checkbox .form-control-label .checkbox-label.disabled {
  color: #668f93;
}
.Checkbox .form-control-label .checkbox-icon {
  padding: 8px 8px 8px 9px;
}
.Checkbox .label-tooltip {
  vertical-align: middle;
  cursor: pointer;
}
.Checkbox .label-tooltip.label-icon {
  color: #33696f;
}