:root {
  --orange-400: rgba(251, 146, 60, 1);
  --blue-gray600: rgba(71, 85, 105, 1);
  --blue-gray900: rgba(15, 23, 42, 1);
  --white: rgba(255, 255, 255, 1);
  --orange-600: rgba(234, 88, 12, 1);
  --blue-gray500: rgba(100, 116, 139, 1);
  --blue-gray300: rgba(203, 213, 225, 1);
  --yellow-400: rgba(250, 204, 21, 1);
  --colorsyellow: rgba(255, 204, 0, 1);
  --blue-gray200: rgba(226, 232, 240, 1);
  --blue-gray400: rgba(148, 163, 184, 1);
  --blue-600: rgba(37, 99, 235, 1);
  --colorsorange: rgba(255, 149, 0, 1);
  --green-500: rgba(34, 197, 94, 1);
  --green-800: rgba(22, 101, 52, 1);
  --green-100: rgba(220, 252, 231, 1);
  --colorscyan: rgba(50, 173, 230, 1);
  --blue-gray100: rgba(241, 245, 249, 1);
  --defaultwhite: rgba(255, 255, 255, 1);
  --defaultalert: rgba(218, 30, 40, 1);
  --grayswhite: rgba(255, 255, 255, 1);
  --yellow-200: rgba(254, 240, 138, 1);
  --purple-400: rgba(192, 132, 252, 1);
  --purple-800: rgba(107, 33, 168, 1);
  --purple-100: rgba(243, 232, 255, 1);
  --blue-gray700: rgba(51, 65, 85, 1);
  --indigo-600: rgba(79, 70, 229, 1);
  --violet-300: rgba(196, 181, 253, 1);
  --black: rgba(0, 0, 0, 1);
  --red-400: rgba(248, 113, 113, 1);
  --red-800: rgba(153, 27, 27, 1);
  --red-100: rgba(254, 226, 226, 1);
  --caption-m-font-family: "Roboto", Helvetica;
  --caption-m-font-weight: 700;
  --caption-m-font-size: 20px;
  --caption-m-letter-spacing: 3px;
  --caption-m-line-height: 100%;
  --caption-m-font-style: normal;
  --heading-2-font-family: "Roboto", Helvetica;
  --heading-2-font-weight: 800;
  --heading-2-font-size: 56px;
  --heading-2-letter-spacing: 0px;
  --heading-2-line-height: 110%;
  --heading-2-font-style: normal;
  --button-XL-font-family: "Roboto", Helvetica;
  --button-XL-font-weight: 700;
  --button-XL-font-size: 24px;
  --button-XL-letter-spacing: 0.5px;
  --button-XL-line-height: 24px;
  --button-XL-font-style: normal;
  --body-m-font-family: "Roboto", Helvetica;
  --body-m-font-weight: 400;
  --body-m-font-size: 16px;
  --body-m-letter-spacing: 0px;
  --body-m-line-height: 140%;
  --body-m-font-style: normal;
  --heading-1-m-font-family: "Roboto", Helvetica;
  --heading-1-m-font-weight: 800;
  --heading-1-m-font-size: 72px;
  --heading-1-m-letter-spacing: 0px;
  --heading-1-m-line-height: 110%;
  --heading-1-m-font-style: normal;
  --button-m-font-family: "Roboto", Helvetica;
  --button-m-font-weight: 500;
  --button-m-font-size: 16px;
  --button-m-letter-spacing: 0.5px;
  --button-m-line-height: 24px;
  --button-m-font-style: normal;
  --button-l-font-family: "Roboto", Helvetica;
  --button-l-font-weight: 500;
  --button-l-font-size: 20px;
  --button-l-letter-spacing: 0.5px;
  --button-l-line-height: 24px;
  --button-l-font-style: normal;
  --subtitle-m-font-family: "Roboto", Helvetica;
  --subtitle-m-font-weight: 500;
  --subtitle-m-font-size: 16px;
  --subtitle-m-letter-spacing: 0px;
  --subtitle-m-line-height: 110%;
  --subtitle-m-font-style: normal;
  --subtitle-XL-font-family: "Roboto", Helvetica;
  --subtitle-XL-font-weight: 500;
  --subtitle-XL-font-size: 20px;
  --subtitle-XL-letter-spacing: 0px;
  --subtitle-XL-line-height: 110%;
  --subtitle-XL-font-style: normal;
  --body-s-font-family: "Roboto", Helvetica;
  --body-s-font-weight: 400;
  --body-s-font-size: 14px;
  --body-s-letter-spacing: 0px;
  --body-s-line-height: 140%;
  --body-s-font-style: normal;
  --body-l-font-family: "Roboto", Helvetica;
  --body-l-font-weight: 400;
  --body-l-font-size: 18px;
  --body-l-letter-spacing: 0px;
  --body-l-line-height: 160%;
  --body-l-font-style: normal;
  --body-XXL-font-family: "Roboto", Helvetica;
  --body-XXL-font-weight: 400;
  --body-XXL-font-size: 24px;
  --body-XXL-letter-spacing: 0px;
  --body-XXL-line-height: 160%;
  --body-XXL-font-style: normal;
  --body-XS-font-family: "Roboto", Helvetica;
  --body-XS-font-weight: 400;
  --body-XS-font-size: 12px;
  --body-XS-letter-spacing: 0px;
  --body-XS-line-height: 140%;
  --body-XS-font-style: normal;
  --body-XL-font-family: "Roboto", Helvetica;
  --body-XL-font-weight: 400;
  --body-XL-font-size: 20px;
  --body-XL-letter-spacing: 0px;
  --body-XL-line-height: 180%;
  --body-XL-font-style: normal;
  --heading-6-font-family: "Roboto", Helvetica;
  --heading-6-font-weight: 700;
  --heading-6-font-size: 24px;
  --heading-6-letter-spacing: 0px;
  --heading-6-line-height: 110%;
  --heading-6-font-style: normal;
  --shadow-dark-XL: 0px 0px 10px 0px rgba(0, 0, 0, 0.07), 0px 20px 25px -5px
    rgba(0, 0, 0, 0.1);
  --shadow-dark-XXL: 0px 0px 15px 0px rgba(0, 0, 0, 0.07), 0px 25px 50px -12px
    rgba(0, 0, 0, 0.25);
  --shadow-dark-m: 0px 0px 4px 0px rgba(0, 0, 0, 0.07), 0px 4px 6px -1px
    rgba(0, 0, 0, 0.1);
}