:root {
  /* Primitive */
  --Color-Primitive-Gray-50: #ededee;
  --Color-Primitive-Gray-100: #c6c7ca;
  --Color-Primitive-Gray-200: #aaacb0;
  --Color-Primitive-Gray-300: #83868c;
  --Color-Primitive-Gray-400: #6b6e75;
  --Color-Primitive-Gray-500: #464a53;
  --Color-Primitive-Gray-600: #40434c;
  --Color-Primitive-Gray-700: #32353b;
  --Color-Primitive-Gray-800: #27292e;
  --Color-Primitive-Gray-900: #1d1f23;
  --Color-Primitive-White: #ffffff;
  --Color-Primitive-Black: #000000;
  --Color-Primitive-Green-50: #e6f8f2;
  --Color-Primitive-Green-100: #b0e9d8;
  --Color-Primitive-Green-200: #8adec5;
  --Color-Primitive-Green-300: #54cfab;
  --Color-Primitive-Green-400: #33c69a;
  --Color-Primitive-Green-500: #00b881;
  --Color-Primitive-Green-600: #00a775;
  --Color-Primitive-Green-700: #00835c;
  --Color-Primitive-Green-800: #006547;
  --Color-Primitive-Green-900: #12453d;
  --Color-Primitive-Red-50: #fceced;
  --Color-Primitive-Red-100: #f5c3c7;
  --Color-Primitive-Red-200: #f0a5ac;
  --Color-Primitive-Red-300: #e97c86;
  --Color-Primitive-Red-400: #e5636f;
  --Color-Primitive-Red-500: #de3c4b;
  --Color-Primitive-Red-600: #ca3744;
  --Color-Primitive-Red-700: #9e2b35;
  --Color-Primitive-Red-800: #7a2129;
  --Color-Primitive-Red-900: #5d1920;
  --Color-Primitive-WhiteAlpha-50: #ffffff0c;
  --Color-Primitive-WhiteAlpha-100: #ffffff19;
  --Color-Primitive-WhiteAlpha-200: #ffffff33;
  --Color-Primitive-WhiteAlpha-300: #ffffff4c;
  --Color-Primitive-WhiteAlpha-400: #ffffff66;
  --Color-Primitive-WhiteAlpha-500: #ffffff7f;
  --Color-Primitive-WhiteAlpha-600: #ffffff99;
  --Color-Primitive-WhiteAlpha-700: #ffffffb2;
  --Color-Primitive-WhiteAlpha-800: #ffffffcc;
  --Color-Primitive-WhiteAlpha-900: #ffffffe5;
  --Color-Primitive-BlackAlpha-50: #00000011;
  --Color-Primitive-BlackAlpha-100: #00000019;
  --Color-Primitive-BlackAlpha-200: #00000033;
  --Color-Primitive-BlackAlpha-300: #0000004c;
  --Color-Primitive-BlackAlpha-400: #00000066;
  --Color-Primitive-BlackAlpha-500: #0000007f;
  --Color-Primitive-BlackAlpha-600: #00000099;
  --Color-Primitive-BlackAlpha-700: #000000b2;
  --Color-Primitive-BlackAlpha-800: #000000cc;
  --Color-Primitive-BlackAlpha-900: #000000e5;
  --Color-Primitive-Blue-50: #e6effb;
  --Color-Primitive-Blue-100: #b0cdf2;
  --Color-Primitive-Blue-200: #8ab4ec;
  --Color-Primitive-Blue-300: #5492e4;
  --Color-Primitive-Blue-400: #337dde;
  --Color-Primitive-Blue-500: #005dd6;
  --Color-Primitive-Blue-600: #0055c3;
  --Color-Primitive-Blue-700: #004298;
  --Color-Primitive-Blue-800: #003376;
  --Color-Primitive-Blue-900: #00275a;
  --Color-Primitive-Yellow-50: #fef3e6;
  --Color-Primitive-Yellow-100: #fbdbb1;
  --Color-Primitive-Yellow-200: #f9c98b;
  --Color-Primitive-Yellow-300: #f6b155;
  --Color-Primitive-Yellow-400: #f5a135;
  --Color-Primitive-Yellow-500: #f28a02;
  --Color-Primitive-Yellow-600: #dc7e02;
  --Color-Primitive-Yellow-700: #ac6201;
  --Color-Primitive-Yellow-800: #854c01;
  --Color-Primitive-Yellow-900: #663a01;
  --Color-Primitive-Gray-10: #f6f7f8;
  --Color-Primitive-Navy-50: #e7e9ec;
  --Color-Primitive-Navy-100: #b4bac5;
  --Color-Primitive-Navy-200: #9098a9;
  --Color-Primitive-Navy-300: #5d6a82;
  --Color-Primitive-Navy-400: #3d4d6a;
  --Color-Primitive-Navy-500: #0d2045;
  --Color-Primitive-Navy-600: #0c1d3f;
  --Color-Primitive-Navy-700: #091731;
  --Color-Primitive-Navy-800: #071226;
  --Color-Primitive-Navy-900: #0c1d33;
  --Color-Primitive-Gray-5: #fafbfb;
  --Color-Primitive-Navy-10: #eff2f6;
  --Color-Primitive-Color: #ffffff;

  /* Semantic */
  --Color-Semantic-Primary-50: #e6effb;
  --Color-Semantic-Primary-100: #b0cdf2;
  --Color-Semantic-Primary-200: #8ab4ec;
  --Color-Semantic-Primary-300: #5492e4;
  --Color-Semantic-Primary-400: #337dde;
  --Color-Semantic-Primary-500: #005dd6;
  --Color-Semantic-Primary-600: #0055c3;
  --Color-Semantic-Primary-700: #004298;
  --Color-Semantic-Primary-800: #003376;
  --Color-Semantic-Primary-900: #00275a;
  --Color-Semantic-Neutral-50: #ededee;
  --Color-Semantic-Neutral-100: #c6c7ca;
  --Color-Semantic-Neutral-200: #aaacb0;
  --Color-Semantic-Neutral-300: #83868c;
  --Color-Semantic-Neutral-400: #6b6e75;
  --Color-Semantic-Neutral-500: #464a53;
  --Color-Semantic-Neutral-600: #40434c;
  --Color-Semantic-Neutral-700: #32353b;
  --Color-Semantic-Neutral-800: #27292e;
  --Color-Semantic-Neutral-900: #1d1f23;
  --Color-Semantic-Info-50: #e6effb;
  --Color-Semantic-Info-100: #b0cdf2;
  --Color-Semantic-Info-200: #8ab4ec;
  --Color-Semantic-Info-300: #5492e4;
  --Color-Semantic-Info-400: #337dde;
  --Color-Semantic-Info-500: #005dd6;
  --Color-Semantic-Info-600: #0055c3;
  --Color-Semantic-Info-700: #004298;
  --Color-Semantic-Info-800: #003376;
  --Color-Semantic-Info-900: #00275a;
  --Color-Semantic-Danger-50: #fceced;
  --Color-Semantic-Danger-100: #f5c3c7;
  --Color-Semantic-Danger-200: #f0a5ac;
  --Color-Semantic-Danger-300: #e97c86;
  --Color-Semantic-Danger-400: #e5636f;
  --Color-Semantic-Danger-500: #de3c4b;
  --Color-Semantic-Danger-600: #ca3744;
  --Color-Semantic-Danger-700: #9e2b35;
  --Color-Semantic-Danger-800: #7a2129;
  --Color-Semantic-Danger-900: #5d1920;
  --Color-Semantic-Success-50: #e6f8f2;
  --Color-Semantic-Success-100: #b0e9d8;
  --Color-Semantic-Success-200: #8adec5;
  --Color-Semantic-Success-300: #54cfab;
  --Color-Semantic-Success-400: #33c69a;
  --Color-Semantic-Success-500: #00b881;
  --Color-Semantic-Success-600: #00a775;
  --Color-Semantic-Success-700: #00835c;
  --Color-Semantic-Success-800: #006547;
  --Color-Semantic-Success-900: #12453d;
  --Color-Semantic-Warning-50: #fef3e6;
  --Color-Semantic-Warning-100: #fbdbb1;
  --Color-Semantic-Warning-200: #f9c98b;
  --Color-Semantic-Warning-300: #f6b155;
  --Color-Semantic-Warning-400: #f5a135;
  --Color-Semantic-Warning-500: #f28a02;
  --Color-Semantic-Warning-600: #dc7e02;
  --Color-Semantic-Warning-700: #ac6201;
  --Color-Semantic-Warning-800: #854c01;
  --Color-Semantic-Warning-900: #663a01;
  --Color-Semantic-Secondary-50: #e7e9ec;
  --Color-Semantic-Secondary-100: #b4bac5;
  --Color-Semantic-Secondary-200: #9098a9;
  --Color-Semantic-Secondary-300: #5d6a82;
  --Color-Semantic-Secondary-400: #3d4d6a;
  --Color-Semantic-Secondary-500: #0d2045;
  --Color-Semantic-Secondary-600: #0c1d3f;
  --Color-Semantic-Secondary-700: #091731;
  --Color-Semantic-Secondary-800: #071226;
  --Color-Semantic-Secondary-900: #0c1d33;
  --Color-Semantic-Interaction-50: #e6effb;
  --Color-Semantic-Interaction-100: #b0cdf2;
  --Color-Semantic-Interaction-200: #8ab4ec;
  --Color-Semantic-Interaction-300: #5492e4;
  --Color-Semantic-Interaction-400: #337dde;
  --Color-Semantic-Interaction-500: #005dd6;
  --Color-Semantic-Interaction-600: #0055c3;
  --Color-Semantic-Interaction-700: #004298;
  --Color-Semantic-Interaction-800: #003376;
  --Color-Semantic-Interaction-900: #00275a;
  --Color-Semantic-Neutral-10: #f6f7f8;
  --Color-Semantic-Secondary-10: #f6f7f8;
  --Color-Semantic-Accent-50: #fceced;
  --Color-Semantic-Accent-100: #f5c3c7;
  --Color-Semantic-Accent-200: #f0a5ac;
  --Color-Semantic-Accent-300: #e97c86;
  --Color-Semantic-Accent-400: #e5636f;
  --Color-Semantic-Accent-500: #de3c4b;
  --Color-Semantic-Accent-600: #ca3744;
  --Color-Semantic-Accent-700: #9e2b35;
  --Color-Semantic-Accent-800: #7a2129;
  --Color-Semantic-Accent-900: #5d1920;

  /* Background */
  --Color-Functional-Background-Primary: #ffffff;
  --Color-Functional-Background-Secondary: #f6f7f8;
  --Color-Functional-Background-Thirtiary: #ededee;
  --Color-Functional-Background-Base: #f6f7f8;
  --Color-Functional-Background-Modal: #0000007f;
  --Color-Functional-Background-Deprecated_Secondary: #f6f7f8;

  /* Surface */
  --Color-Functional-Surface-Primary-Fill: #005dd6;
  --Color-Functional-Surface-Primary-Light: #e6effb;
  --Color-Functional-Surface-Danger-Fill: #de3c4b;
  --Color-Functional-Surface-Danger-Light: #fceced;
  --Color-Functional-Surface-Success-Fill: #00a775;
  --Color-Functional-Surface-Success-Light: #e6f8f2;
  --Color-Functional-Surface-Info-Fill: #005dd6;
  --Color-Functional-Surface-Info-Light: #e6effb;
  --Color-Functional-Surface-Secondary-Fill: #0d2045;
  --Color-Functional-Surface-Secondary-Light: #f6f7f8;
  --Color-Functional-Surface-Warning-Fill: #ac6201;
  --Color-Functional-Surface-Warning-Light: #fef3e6;
  --Color-Functional-Surface-Interaction-Fill: #005dd6;
  --Color-Functional-Surface-Interaction-Light: #e6effb;
  --Color-Functional-Surface-Accent-Fill: #de3c4b;
  --Color-Functional-Surface-Accent-Light: #fceced;
  --Color-Functional-Surface-Base-Primary: #ffffff;
  --Color-Functional-Surface-Base-Secondary: #fafbfb;
  --Color-Functional-Surface-Base-Tertiary: #f6f7f8;

  /* Border */
  --Color-Functional-Border-Neutral-High: #00000033;
  --Color-Functional-Border-Neutral-Middle: #00000019;
  --Color-Functional-Border-Neutral-Low: #00000011;
  --Color-Functional-Border-Primary-High: #0055c3;
  --Color-Functional-Border-Primary-Middle: #337dde;
  --Color-Functional-Border-Primary-Low: #8ab4ec;
  --Color-Functional-Border-Danger-High: #de3c4b;
  --Color-Functional-Border-Danger-Middle: #e97c86;
  --Color-Functional-Border-Danger-Low: #f5c3c7;
  --Color-Functional-Border-Success-High: #00a775;
  --Color-Functional-Border-Success-Middle: #33c69a;
  --Color-Functional-Border-Success-Low: #8adec5;
  --Color-Functional-Border-Secondary-High: #5d6a82;
  --Color-Functional-Border-Secondary-Middle: #b4bac5;
  --Color-Functional-Border-Secondary-Low: #e7e9ec;
  --Color-Functional-Border-Info-High: #005dd6;
  --Color-Functional-Border-Info-Middle: #5492e4;
  --Color-Functional-Border-Info-Low: #b0cdf2;
  --Color-Functional-Border-Warning-High: #f28a02;
  --Color-Functional-Border-Warning-Middle: #f6b155;
  --Color-Functional-Border-Warning-Low: #fbdbb1;
  --Color-Functional-Border-Interaction-High: #005dd6;
  --Color-Functional-Border-Interaction-Middle: #5492e4;
  --Color-Functional-Border-Interaction-Low: #b0cdf2;
  --Color-Functional-Border-Accent-High: #de3c4b;
  --Color-Functional-Border-Accent-Middle: #e97c86;
  --Color-Functional-Border-Accent-Low: #f5c3c7;
  --Color-Functional-Border-Inverse-High: #ffffffe5;
  --Color-Functional-Border-Inverse-Middle: #ffffff99;
  --Color-Functional-Border-Inverse-Low: #ffffff4c;

  /* Text */
  --Color-Functional-Text-Default-Low: #626a67;
  --Color-Functional-Text-Neutral-High: #1d1f23;
  --Color-Functional-Text-Neutral-Middle: #27292e;
  --Color-Functional-Text-Neutral-Low: #40434c;
  --Color-Functional-Text-Inverse-High: #ffffff;
  --Color-Functional-Text-Primary-High: #004298;
  --Color-Functional-Text-Primary-Middle: #0055c3;
  --Color-Functional-Text-Primary-Low: #005dd6;
  --Color-Functional-Text-Neutral-Disabled: #aaacb0;
  --Color-Functional-Text-Primary-Disabled: #8ab4ec;
  --Color-Functional-Text-Danger-High: #9e2b35;
  --Color-Functional-Text-Danger-Middle: #ca3744;
  --Color-Functional-Text-Danger-Low: #de3c4b;
  --Color-Functional-Text-Success-High: #00835c;
  --Color-Functional-Text-Success-Middle: #00a775;
  --Color-Functional-Text-Success-Low: #00b881;
  --Color-Functional-Text-Success-Disabled: #8adec5;
  --Color-Functional-Text-Info-High: #004298;
  --Color-Functional-Text-Info-Middle: #0055c3;
  --Color-Functional-Text-Info-Low: #005dd6;
  --Color-Functional-Text-Warning-High: #854c01;
  --Color-Functional-Text-Warning-Middle: #ac6201;
  --Color-Functional-Text-Warning-Low: #dc7e02;
  --Color-Functional-Text-Interaction-High: #004298;
  --Color-Functional-Text-Interaction-Middle: #0055c3;
  --Color-Functional-Text-Interaction-Low: #005dd6;
  --Color-Functional-Text-Danger-Disabled: #f0a5ac;
  --Color-Functional-Text-Info-Disabled: #8ab4ec;
  --Color-Functional-Text-Warning-Disabled: #f9c98b;
  --Color-Functional-Text-Interaction-Disabled: #8ab4ec;
  --Color-Functional-Text-Secondary-High: #091731;
  --Color-Functional-Text-Secondary-Middle: #0c1d3f;
  --Color-Functional-Text-Secondary-Low: #0d2045;
  --Color-Functional-Text-Secondary-Disabled: #9098a9;
  --Color-Functional-Text-Inverse-Middle: #ffffffe5;
  --Color-Functional-Text-Inverse-Low: #ffffffcc;
  --Color-Functional-Text-Inverse-Disabled: #ffffff7f;
  --Color-Functional-Text-Accent-High: #9e2b35;
  --Color-Functional-Text-Accent-Middle: #ca3744;
  --Color-Functional-Text-Accent-Low: #de3c4b;
  --Color-Functional-Text-Accent-Disabled: #f0a5ac;

  /* Icon */
  --Color-Functional-Icon-Primary: #0055c3;
  --Color-Functional-Icon-Neutral: #6b6e75;
  --Color-Functional-Icon-Inverse: #ffffff;
  --Color-Functional-Icon-Disabled: #aaacb0;
  --Color-Functional-Icon-Success: #00a775;
  --Color-Functional-Icon-Danger: #ca3744;
  --Color-Functional-Icon-Secondary: #3d4d6a;
  --Color-Functional-Icon-Info: #0055c3;
  --Color-Functional-Icon-Warning: #dc7e02;
  --Color-Functional-Icon-Accent: #ca3744;

  --Foundation-Blue-blue-600: #089ae8;
  --Foundation-Blue-blue-500: #09a9ff;
  --Foundation-Blue-blue-200: #8ed7ff;
  --Foundation-Blue-blue-700: #0678b5;
  --Foundation-Blue-blue-300: #5ac5ff;
}

:root {
  --Border-Radius-Round: 9999px;
  --App-Max-Width: 424px;
  --App-Header-Height: 52px;

  /* Box Shadow */
  --Box-Shadow: 0px 2px 14px -0.34px #00000008;
}

body {
  color: var(--Color-Functional-Text-Neutral-Middle);
  font-size: 12px;
  line-height: 1.25;
  padding-right: 0 !important;
}

.full-width {
  width: 100%;
}

html {
  scroll-behavior: smooth;
}