:root {
  --globalwhite: var(--colors-global-white);
  --globalblack: var(--colors-global-black);
  --primaryprimary-50: var(--colors-primary-primary-50);
  --primaryprimary-100: var(--colors-primary-primary-100);
  --primaryprimary-200: var(--colors-primary-primary-200);
  --primaryprimary-300: var(--colors-primary-primary-300);
  --primaryprimary-400: var(--colors-primary-primary-400);
  --primaryprimary-500: var(--colors-primary-primary-500);
  --primaryprimary-600: var(--colors-primary-primary-600);
  --primaryprimary-700: var(--colors-primary-primary-700);
  --primaryprimary-800: var(--colors-primary-primary-800);
  --primaryprimary-900: var(--colors-primary-primary-900);
  --secondarysecondary-50: var(--colors-secondary-primary-50);
  --secondarysecondary-100: var(--colors-secondary-primary-100);
  --secondarysecondary-200: var(--colors-secondary-primary-200);
  --secondarysecondary-300: var(--colors-secondary-primary-300);
  --secondarysecondary-400: var(--colors-secondary-primary-400);
  --secondarysecondary-500: var(--colors-secondary-primary-500);
  --secondarysecondary-600: var(--colors-secondary-primary-600);
  --secondarysecondary-700: var(--colors-secondary-primary-700);
  --secondarysecondary-800: var(--colors-secondary-primary-800);
  --secondarysecondary-900: var(--colors-secondary-primary-900);
  --tertiarytertiary-50: var(--colors-tertiary-tertiary-50);
  --tertiarytertiary-100: var(--colors-tertiary-tertiary-100);
  --tertiarytertiary-200: var(--colors-tertiary-tertiary-200);
  --tertiarytertiary-300: var(--colors-tertiary-tertiary-300);
  --tertiarytertiary-400: var(--colors-tertiary-tertiary-400);
  --tertiarytertiary-500: var(--colors-tertiary-tertiary-500);
  --tertiarytertiary-600: var(--colors-tertiary-tertiary-600);
  --tertiarytertiary-700: var(--colors-tertiary-tertiary-700);
  --tertiarytertiary-800: var(--colors-tertiary-tertiary-800);
  --tertiarytertiary-900: var(--colors-tertiary-tertiary-900);
  --neutralneutral-50: var(--colors-nuetral-nuetral-50);
  --neutralneutral-100: var(--colors-nuetral-nuetral-100);
  --neutralneutral-200: var(--colors-nuetral-nuetral-200);
  --neutralneutral-300: var(--colors-nuetral-nuetral-300);
  --neutralneutral-400: var(--colors-nuetral-nuetral-400);
  --neutralneutral-500: var(--colors-nuetral-nuetral-500);
  --neutralneutral-600: var(--colors-nuetral-nuetral-600);
  --neutralneutral-700: var(--colors-nuetral-nuetral-700);
  --neutralneutral-800: var(--colors-nuetral-nuetral-800);
  --neutralneutral-900: var(--colors-nuetral-nuetral-900);
  --successsuccess-50: var(--colors-success-success-50);
  --successsuccess-100: var(--colors-success-success-100);
  --successsuccess-200: var(--colors-success-success-200);
  --successsuccess-300: var(--colors-success-success-300);
  --successsuccess-400: var(--colors-success-success-400);
  --successsuccess-500: var(--colors-success-success-500);
  --successsuccess-600: var(--colors-success-success-600);
  --successsuccess-700: var(--colors-success-success-700);
  --successsuccess-800: var(--colors-success-success-800);
  --successsuccess-900: var(--colors-success-success-900);
  --informationinfo-50: var(--colors-information-information-50);
  --informationinfo-100: var(--colors-information-information-100);
  --informationinfo-200: var(--colors-information-information-200);
  --informationinfo-300: var(--colors-information-information-300);
  --informationinfo-400: var(--colors-information-information-400);
  --informationinfo-500: var(--colors-information-information-500);
  --informationinfo-600: var(--colors-information-information-600);
  --informationinfo-700: var(--colors-information-information-700);
  --informationinfo-800: var(--colors-information-information-800);
  --informationinfo-900: var(--colors-information-information-900);
  --warningwarning-50: var(--colors-warning-warning-50);
  --warningwarning-100: var(--colors-warning-warning-100);
  --warningwarning-200: var(--colors-warning-warning-200);
  --warningwarning-300: var(--colors-warning-warning-300);
  --warningwarning-400: var(--colors-warning-warning-400);
  --warningwarning-500: var(--colors-warning-warning-500);
  --warningwarning-600: var(--colors-warning-warning-600);
  --warningwarning-700: var(--colors-warning-warning-700);
  --warningwarning-800: var(--colors-warning-warning-800);
  --warningwarning-900: var(--colors-warning-warning-900);
  --errorerror-50: var(--colors-error-error-50);
  --errorerror-100: var(--colors-error-error-100);
  --errorerror-200: var(--colors-error-error-200);
  --errorerror-300: var(--colors-error-error-300);
  --errorerror-400: var(--colors-error-error-400);
  --errorerror-500: var(--colors-error-error-500);
  --errorerror-600: var(--colors-error-error-600);
  --errorerror-700: var(--colors-error-error-700);
  --errorerror-800: var(--colors-error-error-800);
  --errorerror-900: var(--colors-error-error-900);
  --gray-400: rgba(152, 162, 179, 1);
  --display-2xl-regular-font-family: "Roboto", Helvetica;
  --display-2xl-regular-font-weight: 400;
  --display-2xl-regular-font-size: 72px;
  --display-2xl-regular-letter-spacing: -1.44px;
  --display-2xl-regular-line-height: 90px;
  --display-2xl-regular-font-style: normal;
  --display-2xl-medium-font-family: "Roboto", Helvetica;
  --display-2xl-medium-font-weight: 500;
  --display-2xl-medium-font-size: 72px;
  --display-2xl-medium-letter-spacing: -1.44px;
  --display-2xl-medium-line-height: 90px;
  --display-2xl-medium-font-style: normal;
  --display-2xl-semibold-font-family: "Inter", Helvetica;
  --display-2xl-semibold-font-weight: 600;
  --display-2xl-semibold-font-size: 72px;
  --display-2xl-semibold-letter-spacing: -1.44px;
  --display-2xl-semibold-line-height: 90px;
  --display-2xl-semibold-font-style: normal;
  --display-2xl-bold-font-family: "Roboto", Helvetica;
  --display-2xl-bold-font-weight: 700;
  --display-2xl-bold-font-size: 72px;
  --display-2xl-bold-letter-spacing: -1.44px;
  --display-2xl-bold-line-height: 90px;
  --display-2xl-bold-font-style: normal;
  --display-xl-regular-font-family: "Roboto", Helvetica;
  --display-xl-regular-font-weight: 400;
  --display-xl-regular-font-size: 60px;
  --display-xl-regular-letter-spacing: -1.2px;
  --display-xl-regular-line-height: 72px;
  --display-xl-regular-font-style: normal;
  --display-xl-medium-font-family: "Roboto", Helvetica;
  --display-xl-medium-font-weight: 500;
  --display-xl-medium-font-size: 60px;
  --display-xl-medium-letter-spacing: -1.2px;
  --display-xl-medium-line-height: 72px;
  --display-xl-medium-font-style: normal;
  --display-xl-semibold-font-family: "Inter", Helvetica;
  --display-xl-semibold-font-weight: 600;
  --display-xl-semibold-font-size: 60px;
  --display-xl-semibold-letter-spacing: -1.2px;
  --display-xl-semibold-line-height: 72px;
  --display-xl-semibold-font-style: normal;
  --display-xl-bold-font-family: "Roboto", Helvetica;
  --display-xl-bold-font-weight: 700;
  --display-xl-bold-font-size: 60px;
  --display-xl-bold-letter-spacing: -1.2px;
  --display-xl-bold-line-height: 72px;
  --display-xl-bold-font-style: normal;
  --display-lg-regular-font-family: "Roboto", Helvetica;
  --display-lg-regular-font-weight: 400;
  --display-lg-regular-font-size: 48px;
  --display-lg-regular-letter-spacing: -0.96px;
  --display-lg-regular-line-height: 60px;
  --display-lg-regular-font-style: normal;
  --display-lg-medium-font-family: "Roboto", Helvetica;
  --display-lg-medium-font-weight: 500;
  --display-lg-medium-font-size: 48px;
  --display-lg-medium-letter-spacing: -0.96px;
  --display-lg-medium-line-height: 60px;
  --display-lg-medium-font-style: normal;
  --display-lg-semibold-font-family: "Inter", Helvetica;
  --display-lg-semibold-font-weight: 600;
  --display-lg-semibold-font-size: 48px;
  --display-lg-semibold-letter-spacing: -0.96px;
  --display-lg-semibold-line-height: 60px;
  --display-lg-semibold-font-style: normal;
  --display-lg-bold-font-family: "Roboto", Helvetica;
  --display-lg-bold-font-weight: 700;
  --display-lg-bold-font-size: 48px;
  --display-lg-bold-letter-spacing: -0.96px;
  --display-lg-bold-line-height: 60px;
  --display-lg-bold-font-style: normal;
  --display-md-regular-font-family: "Roboto", Helvetica;
  --display-md-regular-font-weight: 400;
  --display-md-regular-font-size: 36px;
  --display-md-regular-letter-spacing: -0.72px;
  --display-md-regular-line-height: 44px;
  --display-md-regular-font-style: normal;
  --display-md-medium-font-family: "Roboto", Helvetica;
  --display-md-medium-font-weight: 500;
  --display-md-medium-font-size: 36px;
  --display-md-medium-letter-spacing: -0.72px;
  --display-md-medium-line-height: 44px;
  --display-md-medium-font-style: normal;
  --display-md-semibold-font-family: "Inter", Helvetica;
  --display-md-semibold-font-weight: 600;
  --display-md-semibold-font-size: 36px;
  --display-md-semibold-letter-spacing: -0.72px;
  --display-md-semibold-line-height: 44px;
  --display-md-semibold-font-style: normal;
  --display-md-bold-font-family: "Roboto", Helvetica;
  --display-md-bold-font-weight: 700;
  --display-md-bold-font-size: 36px;
  --display-md-bold-letter-spacing: -0.72px;
  --display-md-bold-line-height: 44px;
  --display-md-bold-font-style: normal;
  --display-sm-regular-font-family: "Roboto", Helvetica;
  --display-sm-regular-font-weight: 400;
  --display-sm-regular-font-size: 30px;
  --display-sm-regular-letter-spacing: 0px;
  --display-sm-regular-line-height: 38px;
  --display-sm-regular-font-style: normal;
  --display-sm-medium-font-family: "Roboto", Helvetica;
  --display-sm-medium-font-weight: 500;
  --display-sm-medium-font-size: 30px;
  --display-sm-medium-letter-spacing: 0px;
  --display-sm-medium-line-height: 38px;
  --display-sm-medium-font-style: normal;
  --display-sm-semibold-font-family: "Inter", Helvetica;
  --display-sm-semibold-font-weight: 600;
  --display-sm-semibold-font-size: 30px;
  --display-sm-semibold-letter-spacing: 0px;
  --display-sm-semibold-line-height: 38px;
  --display-sm-semibold-font-style: normal;
  --display-sm-bold-font-family: "Roboto", Helvetica;
  --display-sm-bold-font-weight: 700;
  --display-sm-bold-font-size: 30px;
  --display-sm-bold-letter-spacing: 0px;
  --display-sm-bold-line-height: 38px;
  --display-sm-bold-font-style: normal;
  --display-xs-regular-font-family: "Roboto", Helvetica;
  --display-xs-regular-font-weight: 400;
  --display-xs-regular-font-size: 24px;
  --display-xs-regular-letter-spacing: 0px;
  --display-xs-regular-line-height: 32px;
  --display-xs-regular-font-style: normal;
  --display-xs-medium-font-family: "Roboto", Helvetica;
  --display-xs-medium-font-weight: 500;
  --display-xs-medium-font-size: 24px;
  --display-xs-medium-letter-spacing: 0px;
  --display-xs-medium-line-height: 32px;
  --display-xs-medium-font-style: normal;
  --display-xs-semibold-font-family: "Inter", Helvetica;
  --display-xs-semibold-font-weight: 600;
  --display-xs-semibold-font-size: 24px;
  --display-xs-semibold-letter-spacing: 0px;
  --display-xs-semibold-line-height: 32px;
  --display-xs-semibold-font-style: normal;
  --display-xs-bold-font-family: "Roboto", Helvetica;
  --display-xs-bold-font-weight: 700;
  --display-xs-bold-font-size: 24px;
  --display-xs-bold-letter-spacing: 0px;
  --display-xs-bold-line-height: 32px;
  --display-xs-bold-font-style: normal;
  --text-xl-regular-font-family: "Roboto", Helvetica;
  --text-xl-regular-font-weight: 400;
  --text-xl-regular-font-size: 20px;
  --text-xl-regular-letter-spacing: 0px;
  --text-xl-regular-line-height: 30px;
  --text-xl-regular-font-style: normal;
  --text-xl-medium-font-family: "Roboto", Helvetica;
  --text-xl-medium-font-weight: 500;
  --text-xl-medium-font-size: 20px;
  --text-xl-medium-letter-spacing: 0px;
  --text-xl-medium-line-height: 30px;
  --text-xl-medium-font-style: normal;
  --text-xl-semibold-font-family: "Inter", Helvetica;
  --text-xl-semibold-font-weight: 600;
  --text-xl-semibold-font-size: 20px;
  --text-xl-semibold-letter-spacing: 0px;
  --text-xl-semibold-line-height: 30px;
  --text-xl-semibold-font-style: normal;
  --text-xl-bold-font-family: "Roboto", Helvetica;
  --text-xl-bold-font-weight: 700;
  --text-xl-bold-font-size: 20px;
  --text-xl-bold-letter-spacing: 0px;
  --text-xl-bold-line-height: 30px;
  --text-xl-bold-font-style: normal;
  --text-lg-regular-font-family: "Roboto", Helvetica;
  --text-lg-regular-font-weight: 400;
  --text-lg-regular-font-size: 18px;
  --text-lg-regular-letter-spacing: 0px;
  --text-lg-regular-line-height: 28px;
  --text-lg-regular-font-style: normal;
  --text-lg-medium-font-family: "Roboto", Helvetica;
  --text-lg-medium-font-weight: 500;
  --text-lg-medium-font-size: 18px;
  --text-lg-medium-letter-spacing: 0px;
  --text-lg-medium-line-height: 28px;
  --text-lg-medium-font-style: normal;
  --text-lg-semibold-font-family: "Inter", Helvetica;
  --text-lg-semibold-font-weight: 600;
  --text-lg-semibold-font-size: 18px;
  --text-lg-semibold-letter-spacing: 0px;
  --text-lg-semibold-line-height: 28px;
  --text-lg-semibold-font-style: normal;
  --text-lg-bold-font-family: "Roboto", Helvetica;
  --text-lg-bold-font-weight: 700;
  --text-lg-bold-font-size: 18px;
  --text-lg-bold-letter-spacing: 0px;
  --text-lg-bold-line-height: 28px;
  --text-lg-bold-font-style: normal;
  --text-md-regular-font-family: "Roboto", Helvetica;
  --text-md-regular-font-weight: 400;
  --text-md-regular-font-size: 16px;
  --text-md-regular-letter-spacing: 0px;
  --text-md-regular-line-height: 24px;
  --text-md-regular-font-style: normal;
  --text-md-medium-font-family: "Roboto", Helvetica;
  --text-md-medium-font-weight: 500;
  --text-md-medium-font-size: 16px;
  --text-md-medium-letter-spacing: 0px;
  --text-md-medium-line-height: 24px;
  --text-md-medium-font-style: normal;
  --text-md-semibold-font-family: "Inter", Helvetica;
  --text-md-semibold-font-weight: 600;
  --text-md-semibold-font-size: 16px;
  --text-md-semibold-letter-spacing: 0px;
  --text-md-semibold-line-height: 24px;
  --text-md-semibold-font-style: normal;
  --text-md-bold-font-family: "Roboto", Helvetica;
  --text-md-bold-font-weight: 700;
  --text-md-bold-font-size: 16px;
  --text-md-bold-letter-spacing: 0px;
  --text-md-bold-line-height: 24px;
  --text-md-bold-font-style: normal;
  --text-sm-regular-font-family: "Roboto", Helvetica;
  --text-sm-regular-font-weight: 400;
  --text-sm-regular-font-size: 14px;
  --text-sm-regular-letter-spacing: 0px;
  --text-sm-regular-line-height: 20px;
  --text-sm-regular-font-style: normal;
  --text-sm-medium-font-family: "Roboto", Helvetica;
  --text-sm-medium-font-weight: 500;
  --text-sm-medium-font-size: 14px;
  --text-sm-medium-letter-spacing: 0px;
  --text-sm-medium-line-height: 20px;
  --text-sm-medium-font-style: normal;
  --text-sm-semibold-font-family: "Inter", Helvetica;
  --text-sm-semibold-font-weight: 600;
  --text-sm-semibold-font-size: 14px;
  --text-sm-semibold-letter-spacing: 0px;
  --text-sm-semibold-line-height: 20px;
  --text-sm-semibold-font-style: normal;
  --text-sm-bold-font-family: "Roboto", Helvetica;
  --text-sm-bold-font-weight: 700;
  --text-sm-bold-font-size: 14px;
  --text-sm-bold-letter-spacing: 0px;
  --text-sm-bold-line-height: 20px;
  --text-sm-bold-font-style: normal;
  --text-xs-regular-font-family: "Roboto", Helvetica;
  --text-xs-regular-font-weight: 400;
  --text-xs-regular-font-size: 12px;
  --text-xs-regular-letter-spacing: 0px;
  --text-xs-regular-line-height: 18px;
  --text-xs-regular-font-style: normal;
  --text-xs-medium-font-family: "Roboto", Helvetica;
  --text-xs-medium-font-weight: 500;
  --text-xs-medium-font-size: 12px;
  --text-xs-medium-letter-spacing: 0px;
  --text-xs-medium-line-height: 18px;
  --text-xs-medium-font-style: normal;
  --text-xs-semibold-font-family: "Inter", Helvetica;
  --text-xs-semibold-font-weight: 600;
  --text-xs-semibold-font-size: 12px;
  --text-xs-semibold-letter-spacing: 0px;
  --text-xs-semibold-line-height: 18px;
  --text-xs-semibold-font-style: normal;
  --text-xs-bold-font-family: "Roboto", Helvetica;
  --text-xs-bold-font-weight: 700;
  --text-xs-bold-font-size: 12px;
  --text-xs-bold-letter-spacing: 0px;
  --text-xs-bold-line-height: 18px;
  --text-xs-bold-font-style: normal;
  --h1-regular-font-family: "Inter", Helvetica;
  --h1-regular-font-weight: 600;
  --h1-regular-font-size: 54px;
  --h1-regular-letter-spacing: 0px;
  --h1-regular-line-height: normal;
  --h1-regular-font-style: normal;
  --h1-medium-font-family: "Matter", Helvetica;
  --h1-medium-font-weight: 500;
  --h1-medium-font-size: 54px;
  --h1-medium-letter-spacing: 0px;
  --h1-medium-line-height: normal;
  --h1-medium-font-style: normal;
  --shadows-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  --colors-global-white: rgba(255, 255, 255, 1);
  --colors-global-black: rgba(3, 3, 3, 1);
  --colors-primary-primary-50: rgba(239, 242, 245, 1);
  --colors-primary-primary-100: rgba(204, 215, 223, 1);
  --colors-primary-primary-200: rgba(180, 195, 208, 1);
  --colors-primary-primary-300: rgba(145, 168, 187, 1);
  --colors-primary-primary-400: rgba(124, 151, 173, 1);
  --colors-primary-primary-500: rgba(91, 125, 153, 1);
  --colors-primary-primary-600: rgba(83, 114, 139, 1);
  --colors-primary-primary-700: rgba(65, 89, 109, 1);
  --colors-primary-primary-800: rgba(50, 69, 84, 1);
  --colors-primary-primary-900: rgba(38, 53, 64, 1);
  --colors-secondary-primary-50: rgba(230, 234, 238, 1);
  --colors-secondary-primary-100: rgba(176, 190, 203, 1);
  --colors-secondary-primary-200: rgba(138, 158, 178, 1);
  --colors-secondary-primary-300: rgba(84, 114, 143, 1);
  --colors-secondary-primary-400: rgba(51, 86, 121, 1);
  --colors-secondary-primary-500: rgba(0, 44, 88, 1);
  --colors-secondary-primary-600: rgba(0, 40, 80, 1);
  --colors-secondary-primary-700: rgba(0, 31, 62, 1);
  --colors-secondary-primary-800: rgba(0, 24, 48, 1);
  --colors-secondary-primary-900: rgba(0, 18, 37, 1);
  --colors-tertiary-tertiary-50: rgba(237, 252, 234, 1);
  --colors-tertiary-tertiary-100: rgba(200, 247, 191, 1);
  --colors-tertiary-tertiary-200: rgba(174, 243, 160, 1);
  --colors-tertiary-tertiary-300: rgba(137, 238, 117, 1);
  --colors-tertiary-tertiary-400: rgba(114, 234, 90, 1);
  --colors-tertiary-tertiary-500: rgba(79, 229, 49, 1);
  --colors-tertiary-tertiary-600: rgba(72, 208, 45, 1);
  --colors-tertiary-tertiary-700: rgba(56, 163, 35, 1);
  --colors-tertiary-tertiary-800: rgba(43, 126, 27, 1);
  --colors-tertiary-tertiary-900: rgba(33, 96, 21, 1);
  --colors-nuetral-nuetral-50: rgba(243, 243, 245, 1);
  --colors-nuetral-nuetral-100: rgba(217, 218, 223, 1);
  --colors-nuetral-nuetral-200: rgba(198, 200, 208, 1);
  --colors-nuetral-nuetral-300: rgba(172, 175, 187, 1);
  --colors-nuetral-nuetral-400: rgba(156, 159, 173, 1);
  --colors-nuetral-nuetral-500: rgba(131, 135, 153, 1);
  --colors-nuetral-nuetral-600: rgba(119, 123, 139, 1);
  --colors-nuetral-nuetral-700: rgba(93, 96, 109, 1);
  --colors-nuetral-nuetral-800: rgba(72, 74, 84, 1);
  --colors-nuetral-nuetral-900: rgba(55, 57, 64, 1);
  --colors-success-success-50: rgba(233, 247, 238, 1);
  --colors-success-success-100: rgba(186, 231, 203, 1);
  --colors-success-success-200: rgba(152, 220, 177, 1);
  --colors-success-success-300: rgba(105, 204, 142, 1);
  --colors-success-success-400: rgba(76, 194, 120, 1);
  --colors-success-success-500: rgba(31, 179, 86, 1);
  --colors-success-success-600: rgba(28, 163, 78, 1);
  --colors-success-success-700: rgba(22, 127, 61, 1);
  --colors-success-success-800: rgba(17, 98, 47, 1);
  --colors-success-success-900: rgba(13, 75, 36, 1);
  --colors-information-information-50: rgba(230, 246, 253, 1);
  --colors-information-information-100: rgba(176, 227, 248, 1);
  --colors-information-information-200: rgba(138, 214, 244, 1);
  --colors-information-information-300: rgba(84, 195, 240, 1);
  --colors-information-information-400: rgba(51, 184, 237, 1);
  --colors-information-information-500: rgba(0, 166, 232, 1);
  --colors-information-information-600: rgba(0, 151, 211, 1);
  --colors-information-information-700: rgba(0, 118, 165, 1);
  --colors-information-information-800: rgba(0, 91, 128, 1);
  --colors-information-information-900: rgba(0, 70, 97, 1);
  --colors-warning-warning-50: rgba(253, 247, 230, 1);
  --colors-warning-warning-100: rgba(248, 230, 176, 1);
  --colors-warning-warning-200: rgba(244, 217, 138, 1);
  --colors-warning-warning-300: rgba(240, 200, 84, 1);
  --colors-warning-warning-400: rgba(237, 189, 51, 1);
  --colors-warning-warning-500: rgba(232, 173, 0, 1);
  --colors-warning-warning-600: rgba(211, 157, 0, 1);
  --colors-warning-warning-700: rgba(165, 123, 0, 1);
  --colors-warning-warning-800: rgba(128, 95, 0, 1);
  --colors-warning-warning-900: rgba(97, 73, 0, 1);
  --colors-error-error-50: rgba(253, 234, 234, 1);
  --colors-error-error-100: rgba(247, 190, 190, 1);
  --colors-error-error-200: rgba(244, 159, 159, 1);
  --colors-error-error-300: rgba(238, 115, 115, 1);
  --colors-error-error-400: rgba(235, 88, 88, 1);
  --colors-error-error-500: rgba(230, 46, 46, 1);
  --colors-error-error-600: rgba(209, 42, 42, 1);
  --colors-error-error-700: rgba(163, 33, 33, 1);
  --colors-error-error-800: rgba(127, 25, 25, 1);
  --colors-error-error-900: rgba(97, 19, 19, 1);
  --colors-nuetral-nuetral-900-duplicate: rgba(55, 57, 64, 1);
  --colors-colors-primary-50: rgba(240, 253, 249, 1);
  --layout-scale-values-0: 0px;
  --layout-scale-spacing-spacing-0: var(--layout-scale-values-0);
  --layout-scale-spacing-spacing-2: var(--layout-scale-values-1);
  --layout-scale-spacing-spacing-4: var(--layout-scale-values-2);
  --layout-scale-spacing-spacing-6: var(--layout-scale-values-3);
  --layout-scale-spacing-spacing-8: var(--layout-scale-values-4);
  --layout-scale-spacing-spacing-12: var(--layout-scale-values-5);
  --layout-scale-spacing-spacing-16: var(--layout-scale-values-6);
  --layout-scale-spacing-spacing-20: var(--layout-scale-values-7);
  --layout-scale-spacing-spacing-24: var(--layout-scale-values-8);
  --layout-scale-spacing-spacing-32: var(--layout-scale-values-9);
  --layout-scale-spacing-spacing-40: var(--layout-scale-values-10);
  --layout-scale-spacing-spacing-48: var(--layout-scale-values-11);
  --layout-scale-spacing-spacing-56: var(--layout-scale-values-12);
  --layout-scale-spacing-spacing-64: var(--layout-scale-values-14);
  --layout-scale-spacing-spacing-72: var(--layout-scale-values-15);
  --layout-scale-spacing-spacing-80: var(--layout-scale-values-16);
  --layout-scale-values-1: 2px;
  --layout-scale-values-2: 4px;
  --layout-scale-values-3: 6px;
  --layout-scale-values-4: 8px;
  --layout-scale-values-5: 12px;
  --layout-scale-values-6: 16px;
  --layout-scale-values-7: 20px;
  --layout-scale-values-8: 24px;
  --layout-scale-values-9: 32px;
  --layout-scale-values-10: 40px;
  --layout-scale-values-11: 48px;
  --layout-scale-values-12: 56px;
  --layout-scale-values-13: 60px;
  --layout-scale-values-14: 64px;
  --layout-scale-values-15: 72px;
  --layout-scale-values-16: 80px;
  --layout-scale-values-17: 100px;
  --layout-scale-values-18: 120px;
  --layout-scale-border-redius-xxsm: var(--layout-scale-values-2);
  --layout-scale-border-redius-xsm: var(--layout-scale-values-3);
  --layout-scale-border-redius-sm: var(--layout-scale-values-4);
  --layout-scale-border-redius-md: var(--layout-scale-values-5);
  --layout-scale-border-redius-lg: var(--layout-scale-values-6);
  --layout-scale-border-redius-xlg: var(--layout-scale-values-7);
  --layout-scale-border-redius-xxlg: var(--layout-scale-values-8);
  --layout-scale-icon-size-xxsm: var(--layout-scale-values-4);
  --layout-scale-margin-margin-40px: var(--layout-scale-values-10);
  --layout-scale-margin-margin-60px: var(--layout-scale-values-13);
  --layout-scale-margin-margin-80px: var(--layout-scale-values-16);
  --layout-scale-margin-margin-100px: var(--layout-scale-values-17);
  --layout-scale-margin-margin-120px: var(--layout-scale-values-18);
  --layout-scale-icon-size-xsm: var(--layout-scale-values-5);
  --layout-scale-icon-size-sm: var(--layout-scale-values-6);
  --layout-scale-icon-size-md: var(--layout-scale-values-7);
  --layout-scale-icon-size-lg: var(--layout-scale-values-8);
  --layout-scale-icon-size-xlg: var(--layout-scale-values-9);
  --layout-scale-icon-size-xxlg: var(--layout-scale-values-10);
  --layout-scale-number: 393px;
  --1-color-modes-component-colors-components-buttons-primary-button-primary-fg: var(
    --primitives-colors-base-white
  );
  --1-color-modes-colors-text-text-secondary-700: var(
    --primitives-colors-gray-light-mode-700
  );
  --1-color-modes-colors-text-text-primary-900: var(
    --primitives-colors-gray-light-mode-900
  );
  --1-color-modes-colors-text-text-tertiary-600: var(
    --primitives-colors-gray-light-mode-600
  );
  --1-color-modes-component-colors-components-avatars-avatar-contrast-border: rgba(
    0,
    0,
    0,
    0.08
  );
  --product-theme-white: rgba(255, 255, 255, 1);
  --primitives-light-500: rgba(209, 209, 209, 1);
  --primitives-main-white: rgba(255, 255, 255, 1);
  --2-radius-radius-full: 9999px;
  --2-radius-radius-md: 8px;
  --3-spacing-spacing-lg: var(--primitives-spacing-3-12px);
  --3-spacing-spacing-xxs: var(--primitives-spacing-0-5-2px);
  --3-spacing-spacing-xs: var(--primitives-spacing-1-4px);
  --3-spacing-spacing-xl: var(--primitives-spacing-4-16px);
  --3-spacing-spacing-sm: var(--primitives-spacing-1-5-6px);
  --3-spacing-spacing-4xl: var(--primitives-spacing-8-32px);
  --primitives-colors-base-white: rgba(255, 255, 255, 1);
  --primitives-colors-gray-light-mode-700: rgba(52, 64, 84, 1);
  --primitives-colors-gray-light-mode-900: rgba(16, 24, 40, 1);
  --primitives-colors-gray-light-mode-600: rgba(71, 84, 103, 1);
  --primitives-spacing-3-12px: 12px;
  --primitives-spacing-0-5-2px: 2px;
  --primitives-colors-gray-dark-mode-300: rgba(206, 207, 210, 1);
  --primitives-colors-gray-dark-mode-50: rgba(245, 245, 246, 1);
  --primitives-colors-gray-dark-mode-400: rgba(148, 150, 156, 1);
  --primitives-spacing-1-4px: 4px;
  --primitives-spacing-4-16px: 16px;
  --primitives-spacing-1-5-6px: 6px;
  --primitives-spacing-8-32px: 32px;
}

/*

To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:

<body data-colors-mode="mode-1">
    <!-- the rest of your content -->
</body>

You can apply the theme on any DOM node, not just the `body`

*/

[data-colors-mode="mode-1"] {
  --colors-primary-primary-50: rgba(239, 242, 245, 1);
  --colors-primary-primary-100: rgba(204, 215, 223, 1);
  --colors-primary-primary-200: rgba(180, 195, 208, 1);
  --colors-primary-primary-300: rgba(145, 168, 187, 1);
  --colors-primary-primary-400: rgba(124, 151, 173, 1);
  --colors-primary-primary-500: rgba(91, 125, 153, 1);
  --colors-primary-primary-600: rgba(83, 114, 139, 1);
  --colors-primary-primary-700: rgba(65, 89, 109, 1);
  --colors-primary-primary-800: rgba(50, 69, 84, 1);
  --colors-primary-primary-900: rgba(38, 53, 64, 1);
}

[data-colors-mode="mode-2"] {
  --colors-primary-primary-50: rgba(230, 243, 235, 1);
  --colors-primary-primary-100: rgba(176, 217, 192, 1);
  --colors-primary-primary-200: rgba(138, 198, 161, 1);
  --colors-primary-primary-300: rgba(84, 173, 118, 1);
  --colors-primary-primary-400: rgba(51, 157, 92, 1);
  --colors-primary-primary-500: rgba(0, 132, 51, 1);
  --colors-primary-primary-600: rgba(0, 120, 46, 1);
  --colors-primary-primary-700: rgba(0, 94, 36, 1);
  --colors-primary-primary-800: rgba(0, 73, 28, 1);
  --colors-primary-primary-900: rgba(0, 55, 21, 1);
}

[data-1-color-modes-mode="light-mode"] {
  --1-color-modes-colors-text-text-secondary-700: var(
    --primitives-colors-gray-light-mode-700
  );
  --1-color-modes-colors-text-text-primary-900: var(
    --primitives-colors-gray-light-mode-900
  );
  --1-color-modes-colors-text-text-tertiary-600: var(
    --primitives-colors-gray-light-mode-600
  );
  --1-color-modes-component-colors-components-avatars-avatar-contrast-border: rgba(
    0,
    0,
    0,
    0.08
  );
}

[data-1-color-modes-mode="dark-mode"] {
  --1-color-modes-colors-text-text-secondary-700: var(
    --primitives-colors-gray-dark-mode-300
  );
  --1-color-modes-colors-text-text-primary-900: var(
    --primitives-colors-gray-dark-mode-50
  );
  --1-color-modes-colors-text-text-tertiary-600: var(
    --primitives-colors-gray-dark-mode-400
  );
  --1-color-modes-component-colors-components-avatars-avatar-contrast-border: rgba(
    255,
    255,
    255,
    0.12
  );
}

[data-product-theme-mode="light-mode"] {
  --product-theme-white: rgba(255, 255, 255, 1);
}

[data-product-theme-mode="dark-mode"] {
  --product-theme-white: rgba(23, 23, 23, 1);
}

:root {
    --globalwhite: var(--colors-global-white);
    --globalblack: var(--colors-global-black);
    --primaryprimary-50: var(--colors-primary-primary-50);
    --primaryprimary-100: var(--colors-primary-primary-100);
    --primaryprimary-200: var(--colors-primary-primary-200);
    --primaryprimary-300: var(--colors-primary-primary-300);
    --primaryprimary-400: var(--colors-primary-primary-400);
    --primaryprimary-500: var(--colors-primary-primary-500);
    --primaryprimary-600: var(--colors-primary-primary-600);
    --primaryprimary-700: var(--colors-primary-primary-700);
    --primaryprimary-800: var(--colors-primary-primary-800);
    --primaryprimary-900: var(--colors-primary-primary-900);
    --secondarysecondary-50: var(--colors-secondary-primary-50);
    --secondarysecondary-100: var(--colors-secondary-primary-100);
    --secondarysecondary-200: var(--colors-secondary-primary-200);
    --secondarysecondary-300: var(--colors-secondary-primary-300);
    --secondarysecondary-400: var(--colors-secondary-primary-400);
    --secondarysecondary-500: var(--colors-secondary-primary-500);
    --secondarysecondary-600: var(--colors-secondary-primary-600);
    --secondarysecondary-700: var(--colors-secondary-primary-700);
    --secondarysecondary-800: var(--colors-secondary-primary-800);
    --secondarysecondary-900: var(--colors-secondary-primary-900);
    --tertiarytertiary-50: var(--colors-tertiary-tertiary-50);
    --tertiarytertiary-100: var(--colors-tertiary-tertiary-100);
    --tertiarytertiary-200: var(--colors-tertiary-tertiary-200);
    --tertiarytertiary-300: var(--colors-tertiary-tertiary-300);
    --tertiarytertiary-400: var(--colors-tertiary-tertiary-400);
    --tertiarytertiary-500: var(--colors-tertiary-tertiary-500);
    --tertiarytertiary-600: var(--colors-tertiary-tertiary-600);
    --tertiarytertiary-700: var(--colors-tertiary-tertiary-700);
    --tertiarytertiary-800: var(--colors-tertiary-tertiary-800);
    --tertiarytertiary-900: var(--colors-tertiary-tertiary-900);
    --neutralneutral-50: var(--colors-nuetral-nuetral-50);
    --neutralneutral-100: var(--colors-nuetral-nuetral-100);
    --neutralneutral-200: var(--colors-nuetral-nuetral-200);
    --neutralneutral-300: var(--colors-nuetral-nuetral-300);
    --neutralneutral-400: var(--colors-nuetral-nuetral-400);
    --neutralneutral-500: var(--colors-nuetral-nuetral-500);
    --neutralneutral-600: var(--colors-nuetral-nuetral-600);
    --neutralneutral-700: var(--colors-nuetral-nuetral-700);
    --neutralneutral-800: var(--colors-nuetral-nuetral-800);
    --neutralneutral-900: var(--colors-nuetral-nuetral-900);
    --successsuccess-50: var(--colors-success-success-50);
    --successsuccess-100: var(--colors-success-success-100);
    --successsuccess-200: var(--colors-success-success-200);
    --successsuccess-300: var(--colors-success-success-300);
    --successsuccess-400: var(--colors-success-success-400);
    --successsuccess-500: var(--colors-success-success-500);
    --successsuccess-600: var(--colors-success-success-600);
    --successsuccess-700: var(--colors-success-success-700);
    --successsuccess-800: var(--colors-success-success-800);
    --successsuccess-900: var(--colors-success-success-900);
    --informationinfo-50: var(--colors-information-information-50);
    --informationinfo-100: var(--colors-information-information-100);
    --informationinfo-200: var(--colors-information-information-200);
    --informationinfo-300: var(--colors-information-information-300);
    --informationinfo-400: var(--colors-information-information-400);
    --informationinfo-500: var(--colors-information-information-500);
    --informationinfo-600: var(--colors-information-information-600);
    --informationinfo-700: var(--colors-information-information-700);
    --informationinfo-800: var(--colors-information-information-800);
    --informationinfo-900: var(--colors-information-information-900);
    --warningwarning-50: var(--colors-warning-warning-50);
    --warningwarning-100: var(--colors-warning-warning-100);
    --warningwarning-200: var(--colors-warning-warning-200);
    --warningwarning-300: var(--colors-warning-warning-300);
    --warningwarning-400: var(--colors-warning-warning-400);
    --warningwarning-500: var(--colors-warning-warning-500);
    --warningwarning-600: var(--colors-warning-warning-600);
    --warningwarning-700: var(--colors-warning-warning-700);
    --warningwarning-800: var(--colors-warning-warning-800);
    --warningwarning-900: var(--colors-warning-warning-900);
    --errorerror-50: var(--colors-error-error-50);
    --errorerror-100: var(--colors-error-error-100);
    --errorerror-200: var(--colors-error-error-200);
    --errorerror-300: var(--colors-error-error-300);
    --errorerror-400: var(--colors-error-error-400);
    --errorerror-500: var(--colors-error-error-500);
    --errorerror-600: var(--colors-error-error-600);
    --errorerror-700: var(--colors-error-error-700);
    --errorerror-800: var(--colors-error-error-800);
    --errorerror-900: var(--colors-error-error-900);
    --gray-400: rgba(152, 162, 179, 1);
    --display-2xl-regular-font-family: "Roboto", Helvetica;
    --display-2xl-regular-font-weight: 400;
    --display-2xl-regular-font-size: 72px;
    --display-2xl-regular-letter-spacing: -1.44px;
    --display-2xl-regular-line-height: 90px;
    --display-2xl-regular-font-style: normal;
    --display-2xl-medium-font-family: "Roboto", Helvetica;
    --display-2xl-medium-font-weight: 500;
    --display-2xl-medium-font-size: 72px;
    --display-2xl-medium-letter-spacing: -1.44px;
    --display-2xl-medium-line-height: 90px;
    --display-2xl-medium-font-style: normal;
    --display-2xl-semibold-font-family: "Inter", Helvetica;
    --display-2xl-semibold-font-weight: 600;
    --display-2xl-semibold-font-size: 72px;
    --display-2xl-semibold-letter-spacing: -1.44px;
    --display-2xl-semibold-line-height: 90px;
    --display-2xl-semibold-font-style: normal;
    --display-2xl-bold-font-family: "Roboto", Helvetica;
    --display-2xl-bold-font-weight: 700;
    --display-2xl-bold-font-size: 72px;
    --display-2xl-bold-letter-spacing: -1.44px;
    --display-2xl-bold-line-height: 90px;
    --display-2xl-bold-font-style: normal;
    --display-xl-regular-font-family: "Roboto", Helvetica;
    --display-xl-regular-font-weight: 400;
    --display-xl-regular-font-size: 60px;
    --display-xl-regular-letter-spacing: -1.2px;
    --display-xl-regular-line-height: 72px;
    --display-xl-regular-font-style: normal;
    --display-xl-medium-font-family: "Roboto", Helvetica;
    --display-xl-medium-font-weight: 500;
    --display-xl-medium-font-size: 60px;
    --display-xl-medium-letter-spacing: -1.2px;
    --display-xl-medium-line-height: 72px;
    --display-xl-medium-font-style: normal;
    --display-xl-semibold-font-family: "Inter", Helvetica;
    --display-xl-semibold-font-weight: 600;
    --display-xl-semibold-font-size: 60px;
    --display-xl-semibold-letter-spacing: -1.2px;
    --display-xl-semibold-line-height: 72px;
    --display-xl-semibold-font-style: normal;
    --display-xl-bold-font-family: "Roboto", Helvetica;
    --display-xl-bold-font-weight: 700;
    --display-xl-bold-font-size: 60px;
    --display-xl-bold-letter-spacing: -1.2px;
    --display-xl-bold-line-height: 72px;
    --display-xl-bold-font-style: normal;
    --display-lg-regular-font-family: "Roboto", Helvetica;
    --display-lg-regular-font-weight: 400;
    --display-lg-regular-font-size: 48px;
    --display-lg-regular-letter-spacing: -0.96px;
    --display-lg-regular-line-height: 60px;
    --display-lg-regular-font-style: normal;
    --display-lg-medium-font-family: "Roboto", Helvetica;
    --display-lg-medium-font-weight: 500;
    --display-lg-medium-font-size: 48px;
    --display-lg-medium-letter-spacing: -0.96px;
    --display-lg-medium-line-height: 60px;
    --display-lg-medium-font-style: normal;
    --display-lg-semibold-font-family: "Inter", Helvetica;
    --display-lg-semibold-font-weight: 600;
    --display-lg-semibold-font-size: 48px;
    --display-lg-semibold-letter-spacing: -0.96px;
    --display-lg-semibold-line-height: 60px;
    --display-lg-semibold-font-style: normal;
    --display-lg-bold-font-family: "Roboto", Helvetica;
    --display-lg-bold-font-weight: 700;
    --display-lg-bold-font-size: 48px;
    --display-lg-bold-letter-spacing: -0.96px;
    --display-lg-bold-line-height: 60px;
    --display-lg-bold-font-style: normal;
    --display-md-regular-font-family: "Roboto", Helvetica;
    --display-md-regular-font-weight: 400;
    --display-md-regular-font-size: 36px;
    --display-md-regular-letter-spacing: -0.72px;
    --display-md-regular-line-height: 44px;
    --display-md-regular-font-style: normal;
    --display-md-medium-font-family: "Roboto", Helvetica;
    --display-md-medium-font-weight: 500;
    --display-md-medium-font-size: 36px;
    --display-md-medium-letter-spacing: -0.72px;
    --display-md-medium-line-height: 44px;
    --display-md-medium-font-style: normal;
    --display-md-semibold-font-family: "Inter", Helvetica;
    --display-md-semibold-font-weight: 600;
    --display-md-semibold-font-size: 36px;
    --display-md-semibold-letter-spacing: -0.72px;
    --display-md-semibold-line-height: 44px;
    --display-md-semibold-font-style: normal;
    --display-md-bold-font-family: "Roboto", Helvetica;
    --display-md-bold-font-weight: 700;
    --display-md-bold-font-size: 36px;
    --display-md-bold-letter-spacing: -0.72px;
    --display-md-bold-line-height: 44px;
    --display-md-bold-font-style: normal;
    --display-sm-regular-font-family: "Roboto", Helvetica;
    --display-sm-regular-font-weight: 400;
    --display-sm-regular-font-size: 30px;
    --display-sm-regular-letter-spacing: 0px;
    --display-sm-regular-line-height: 38px;
    --display-sm-regular-font-style: normal;
    --display-sm-medium-font-family: "Roboto", Helvetica;
    --display-sm-medium-font-weight: 500;
    --display-sm-medium-font-size: 30px;
    --display-sm-medium-letter-spacing: 0px;
    --display-sm-medium-line-height: 38px;
    --display-sm-medium-font-style: normal;
    --display-sm-semibold-font-family: "Inter", Helvetica;
    --display-sm-semibold-font-weight: 600;
    --display-sm-semibold-font-size: 30px;
    --display-sm-semibold-letter-spacing: 0px;
    --display-sm-semibold-line-height: 38px;
    --display-sm-semibold-font-style: normal;
    --display-sm-bold-font-family: "Roboto", Helvetica;
    --display-sm-bold-font-weight: 700;
    --display-sm-bold-font-size: 30px;
    --display-sm-bold-letter-spacing: 0px;
    --display-sm-bold-line-height: 38px;
    --display-sm-bold-font-style: normal;
    --display-xs-regular-font-family: "Roboto", Helvetica;
    --display-xs-regular-font-weight: 400;
    --display-xs-regular-font-size: 24px;
    --display-xs-regular-letter-spacing: 0px;
    --display-xs-regular-line-height: 32px;
    --display-xs-regular-font-style: normal;
    --display-xs-medium-font-family: "Roboto", Helvetica;
    --display-xs-medium-font-weight: 500;
    --display-xs-medium-font-size: 24px;
    --display-xs-medium-letter-spacing: 0px;
    --display-xs-medium-line-height: 32px;
    --display-xs-medium-font-style: normal;
    --display-xs-semibold-font-family: "Inter", Helvetica;
    --display-xs-semibold-font-weight: 600;
    --display-xs-semibold-font-size: 24px;
    --display-xs-semibold-letter-spacing: 0px;
    --display-xs-semibold-line-height: 32px;
    --display-xs-semibold-font-style: normal;
    --display-xs-bold-font-family: "Roboto", Helvetica;
    --display-xs-bold-font-weight: 700;
    --display-xs-bold-font-size: 24px;
    --display-xs-bold-letter-spacing: 0px;
    --display-xs-bold-line-height: 32px;
    --display-xs-bold-font-style: normal;
    --text-xl-regular-font-family: "Roboto", Helvetica;
    --text-xl-regular-font-weight: 400;
    --text-xl-regular-font-size: 20px;
    --text-xl-regular-letter-spacing: 0px;
    --text-xl-regular-line-height: 30px;
    --text-xl-regular-font-style: normal;
    --text-xl-medium-font-family: "Roboto", Helvetica;
    --text-xl-medium-font-weight: 500;
    --text-xl-medium-font-size: 20px;
    --text-xl-medium-letter-spacing: 0px;
    --text-xl-medium-line-height: 30px;
    --text-xl-medium-font-style: normal;
    --text-xl-semibold-font-family: "Inter", Helvetica;
    --text-xl-semibold-font-weight: 600;
    --text-xl-semibold-font-size: 20px;
    --text-xl-semibold-letter-spacing: 0px;
    --text-xl-semibold-line-height: 30px;
    --text-xl-semibold-font-style: normal;
    --text-xl-bold-font-family: "Roboto", Helvetica;
    --text-xl-bold-font-weight: 700;
    --text-xl-bold-font-size: 20px;
    --text-xl-bold-letter-spacing: 0px;
    --text-xl-bold-line-height: 30px;
    --text-xl-bold-font-style: normal;
    --text-lg-regular-font-family: "Roboto", Helvetica;
    --text-lg-regular-font-weight: 400;
    --text-lg-regular-font-size: 18px;
    --text-lg-regular-letter-spacing: 0px;
    --text-lg-regular-line-height: 28px;
    --text-lg-regular-font-style: normal;
    --text-lg-medium-font-family: "Roboto", Helvetica;
    --text-lg-medium-font-weight: 500;
    --text-lg-medium-font-size: 18px;
    --text-lg-medium-letter-spacing: 0px;
    --text-lg-medium-line-height: 28px;
    --text-lg-medium-font-style: normal;
    --text-lg-semibold-font-family: "Inter", Helvetica;
    --text-lg-semibold-font-weight: 600;
    --text-lg-semibold-font-size: 18px;
    --text-lg-semibold-letter-spacing: 0px;
    --text-lg-semibold-line-height: 28px;
    --text-lg-semibold-font-style: normal;
    --text-lg-bold-font-family: "Roboto", Helvetica;
    --text-lg-bold-font-weight: 700;
    --text-lg-bold-font-size: 18px;
    --text-lg-bold-letter-spacing: 0px;
    --text-lg-bold-line-height: 28px;
    --text-lg-bold-font-style: normal;
    --text-md-regular-font-family: "Roboto", Helvetica;
    --text-md-regular-font-weight: 400;
    --text-md-regular-font-size: 16px;
    --text-md-regular-letter-spacing: 0px;
    --text-md-regular-line-height: 24px;
    --text-md-regular-font-style: normal;
    --text-md-medium-font-family: "Roboto", Helvetica;
    --text-md-medium-font-weight: 500;
    --text-md-medium-font-size: 16px;
    --text-md-medium-letter-spacing: 0px;
    --text-md-medium-line-height: 24px;
    --text-md-medium-font-style: normal;
    --text-md-semibold-font-family: "Inter", Helvetica;
    --text-md-semibold-font-weight: 600;
    --text-md-semibold-font-size: 16px;
    --text-md-semibold-letter-spacing: 0px;
    --text-md-semibold-line-height: 24px;
    --text-md-semibold-font-style: normal;
    --text-md-bold-font-family: "Roboto", Helvetica;
    --text-md-bold-font-weight: 700;
    --text-md-bold-font-size: 16px;
    --text-md-bold-letter-spacing: 0px;
    --text-md-bold-line-height: 24px;
    --text-md-bold-font-style: normal;
    --text-sm-regular-font-family: "Roboto", Helvetica;
    --text-sm-regular-font-weight: 400;
    --text-sm-regular-font-size: 14px;
    --text-sm-regular-letter-spacing: 0px;
    --text-sm-regular-line-height: 20px;
    --text-sm-regular-font-style: normal;
    --text-sm-medium-font-family: "Roboto", Helvetica;
    --text-sm-medium-font-weight: 500;
    --text-sm-medium-font-size: 14px;
    --text-sm-medium-letter-spacing: 0px;
    --text-sm-medium-line-height: 20px;
    --text-sm-medium-font-style: normal;
    --text-sm-semibold-font-family: "Inter", Helvetica;
    --text-sm-semibold-font-weight: 600;
    --text-sm-semibold-font-size: 14px;
    --text-sm-semibold-letter-spacing: 0px;
    --text-sm-semibold-line-height: 20px;
    --text-sm-semibold-font-style: normal;
    --text-sm-bold-font-family: "Roboto", Helvetica;
    --text-sm-bold-font-weight: 700;
    --text-sm-bold-font-size: 14px;
    --text-sm-bold-letter-spacing: 0px;
    --text-sm-bold-line-height: 20px;
    --text-sm-bold-font-style: normal;
    --text-xs-regular-font-family: "Roboto", Helvetica;
    --text-xs-regular-font-weight: 400;
    --text-xs-regular-font-size: 12px;
    --text-xs-regular-letter-spacing: 0px;
    --text-xs-regular-line-height: 18px;
    --text-xs-regular-font-style: normal;
    --text-xs-medium-font-family: "Roboto", Helvetica;
    --text-xs-medium-font-weight: 500;
    --text-xs-medium-font-size: 12px;
    --text-xs-medium-letter-spacing: 0px;
    --text-xs-medium-line-height: 18px;
    --text-xs-medium-font-style: normal;
    --text-xs-semibold-font-family: "Inter", Helvetica;
    --text-xs-semibold-font-weight: 600;
    --text-xs-semibold-font-size: 12px;
    --text-xs-semibold-letter-spacing: 0px;
    --text-xs-semibold-line-height: 18px;
    --text-xs-semibold-font-style: normal;
    --text-xs-bold-font-family: "Roboto", Helvetica;
    --text-xs-bold-font-weight: 700;
    --text-xs-bold-font-size: 12px;
    --text-xs-bold-letter-spacing: 0px;
    --text-xs-bold-line-height: 18px;
    --text-xs-bold-font-style: normal;
    --h1-regular-font-family: "Inter", Helvetica;
    --h1-regular-font-weight: 600;
    --h1-regular-font-size: 54px;
    --h1-regular-letter-spacing: 0px;
    --h1-regular-line-height: normal;
    --h1-regular-font-style: normal;
    --h1-medium-font-family: "Matter", Helvetica;
    --h1-medium-font-weight: 500;
    --h1-medium-font-size: 54px;
    --h1-medium-letter-spacing: 0px;
    --h1-medium-line-height: normal;
    --h1-medium-font-style: normal;
    --shadows-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    --colors-global-white: rgba(255, 255, 255, 1);
    --colors-global-black: rgba(3, 3, 3, 1);
    --colors-primary-primary-50: rgba(239, 242, 245, 1);
    --colors-primary-primary-100: rgba(204, 215, 223, 1);
    --colors-primary-primary-200: rgba(180, 195, 208, 1);
    --colors-primary-primary-300: rgba(145, 168, 187, 1);
    --colors-primary-primary-400: rgba(124, 151, 173, 1);
    --colors-primary-primary-500: rgba(91, 125, 153, 1);
    --colors-primary-primary-600: rgba(83, 114, 139, 1);
    --colors-primary-primary-700: rgba(65, 89, 109, 1);
    --colors-primary-primary-800: rgba(50, 69, 84, 1);
    --colors-primary-primary-900: rgba(38, 53, 64, 1);
    --colors-secondary-primary-50: rgba(230, 234, 238, 1);
    --colors-secondary-primary-100: rgba(176, 190, 203, 1);
    --colors-secondary-primary-200: rgba(138, 158, 178, 1);
    --colors-secondary-primary-300: rgba(84, 114, 143, 1);
    --colors-secondary-primary-400: rgba(51, 86, 121, 1);
    --colors-secondary-primary-500: rgba(0, 44, 88, 1);
    --colors-secondary-primary-600: rgba(0, 40, 80, 1);
    --colors-secondary-primary-700: rgba(0, 31, 62, 1);
    --colors-secondary-primary-800: rgba(0, 24, 48, 1);
    --colors-secondary-primary-900: rgba(0, 18, 37, 1);
    --colors-tertiary-tertiary-50: rgba(237, 252, 234, 1);
    --colors-tertiary-tertiary-100: rgba(200, 247, 191, 1);
    --colors-tertiary-tertiary-200: rgba(174, 243, 160, 1);
    --colors-tertiary-tertiary-300: rgba(137, 238, 117, 1);
    --colors-tertiary-tertiary-400: rgba(114, 234, 90, 1);
    --colors-tertiary-tertiary-500: rgba(79, 229, 49, 1);
    --colors-tertiary-tertiary-600: rgba(72, 208, 45, 1);
    --colors-tertiary-tertiary-700: rgba(56, 163, 35, 1);
    --colors-tertiary-tertiary-800: rgba(43, 126, 27, 1);
    --colors-tertiary-tertiary-900: rgba(33, 96, 21, 1);
    --colors-nuetral-nuetral-50: rgba(243, 243, 245, 1);
    --colors-nuetral-nuetral-100: rgba(217, 218, 223, 1);
    --colors-nuetral-nuetral-200: rgba(198, 200, 208, 1);
    --colors-nuetral-nuetral-300: rgba(172, 175, 187, 1);
    --colors-nuetral-nuetral-400: rgba(156, 159, 173, 1);
    --colors-nuetral-nuetral-500: rgba(131, 135, 153, 1);
    --colors-nuetral-nuetral-600: rgba(119, 123, 139, 1);
    --colors-nuetral-nuetral-700: rgba(93, 96, 109, 1);
    --colors-nuetral-nuetral-800: rgba(72, 74, 84, 1);
    --colors-nuetral-nuetral-900: rgba(55, 57, 64, 1);
    --colors-success-success-50: rgba(233, 247, 238, 1);
    --colors-success-success-100: rgba(186, 231, 203, 1);
    --colors-success-success-200: rgba(152, 220, 177, 1);
    --colors-success-success-300: rgba(105, 204, 142, 1);
    --colors-success-success-400: rgba(76, 194, 120, 1);
    --colors-success-success-500: rgba(31, 179, 86, 1);
    --colors-success-success-600: rgba(28, 163, 78, 1);
    --colors-success-success-700: rgba(22, 127, 61, 1);
    --colors-success-success-800: rgba(17, 98, 47, 1);
    --colors-success-success-900: rgba(13, 75, 36, 1);
    --colors-information-information-50: rgba(230, 246, 253, 1);
    --colors-information-information-100: rgba(176, 227, 248, 1);
    --colors-information-information-200: rgba(138, 214, 244, 1);
    --colors-information-information-300: rgba(84, 195, 240, 1);
    --colors-information-information-400: rgba(51, 184, 237, 1);
    --colors-information-information-500: rgba(0, 166, 232, 1);
    --colors-information-information-600: rgba(0, 151, 211, 1);
    --colors-information-information-700: rgba(0, 118, 165, 1);
    --colors-information-information-800: rgba(0, 91, 128, 1);
    --colors-information-information-900: rgba(0, 70, 97, 1);
    --colors-warning-warning-50: rgba(253, 247, 230, 1);
    --colors-warning-warning-100: rgba(248, 230, 176, 1);
    --colors-warning-warning-200: rgba(244, 217, 138, 1);
    --colors-warning-warning-300: rgba(240, 200, 84, 1);
    --colors-warning-warning-400: rgba(237, 189, 51, 1);
    --colors-warning-warning-500: rgba(232, 173, 0, 1);
    --colors-warning-warning-600: rgba(211, 157, 0, 1);
    --colors-warning-warning-700: rgba(165, 123, 0, 1);
    --colors-warning-warning-800: rgba(128, 95, 0, 1);
    --colors-warning-warning-900: rgba(97, 73, 0, 1);
    --colors-error-error-50: rgba(253, 234, 234, 1);
    --colors-error-error-100: rgba(247, 190, 190, 1);
    --colors-error-error-200: rgba(244, 159, 159, 1);
    --colors-error-error-300: rgba(238, 115, 115, 1);
    --colors-error-error-400: rgba(235, 88, 88, 1);
    --colors-error-error-500: rgba(230, 46, 46, 1);
    --colors-error-error-600: rgba(209, 42, 42, 1);
    --colors-error-error-700: rgba(163, 33, 33, 1);
    --colors-error-error-800: rgba(127, 25, 25, 1);
    --colors-error-error-900: rgba(97, 19, 19, 1);
    --colors-nuetral-nuetral-900-duplicate: rgba(55, 57, 64, 1);
    --colors-colors-gray-600-2: rgba(83, 88, 98, 1);
    --colors-colors-primary-50: rgba(240, 253, 249, 1);
    --layout-scale-values-0: 0px;
    --layout-scale-spacing-spacing-0: var(--layout-scale-values-0);
    --layout-scale-spacing-spacing-2: var(--layout-scale-values-1);
    --layout-scale-spacing-spacing-4: var(--layout-scale-values-2);
    --layout-scale-spacing-spacing-6: var(--layout-scale-values-3);
    --layout-scale-spacing-spacing-8: var(--layout-scale-values-4);
    --layout-scale-spacing-spacing-12: var(--layout-scale-values-5);
    --layout-scale-spacing-spacing-16: var(--layout-scale-values-6);
    --layout-scale-spacing-spacing-20: var(--layout-scale-values-7);
    --layout-scale-spacing-spacing-24: var(--layout-scale-values-8);
    --layout-scale-spacing-spacing-32: var(--layout-scale-values-9);
    --layout-scale-spacing-spacing-40: var(--layout-scale-values-10);
    --layout-scale-spacing-spacing-48: var(--layout-scale-values-11);
    --layout-scale-spacing-spacing-56: var(--layout-scale-values-12);
    --layout-scale-spacing-spacing-64: var(--layout-scale-values-14);
    --layout-scale-spacing-spacing-72: var(--layout-scale-values-15);
    --layout-scale-spacing-spacing-80: var(--layout-scale-values-16);
    --layout-scale-values-1: 2px;
    --layout-scale-values-2: 4px;
    --layout-scale-values-3: 6px;
    --layout-scale-values-4: 8px;
    --layout-scale-values-5: 12px;
    --layout-scale-values-6: 16px;
    --layout-scale-values-7: 20px;
    --layout-scale-values-8: 24px;
    --layout-scale-values-9: 32px;
    --layout-scale-values-10: 40px;
    --layout-scale-values-11: 48px;
    --layout-scale-values-12: 56px;
    --layout-scale-values-13: 60px;
    --layout-scale-values-14: 64px;
    --layout-scale-values-15: 72px;
    --layout-scale-values-16: 80px;
    --layout-scale-values-17: 100px;
    --layout-scale-values-18: 120px;
    --layout-scale-border-redius-xxsm: var(--layout-scale-values-2);
    --layout-scale-border-redius-xsm: var(--layout-scale-values-3);
    --layout-scale-border-redius-sm: var(--layout-scale-values-4);
    --layout-scale-border-redius-md: var(--layout-scale-values-5);
    --layout-scale-border-redius-lg: var(--layout-scale-values-6);
    --layout-scale-border-redius-xlg: var(--layout-scale-values-7);
    --layout-scale-border-redius-xxlg: var(--layout-scale-values-8);
    --layout-scale-icon-size-xxsm: var(--layout-scale-values-4);
    --layout-scale-margin-margin-40px: var(--layout-scale-values-10);
    --layout-scale-margin-margin-60px: var(--layout-scale-values-13);
    --layout-scale-margin-margin-80px: var(--layout-scale-values-16);
    --layout-scale-margin-margin-100px: var(--layout-scale-values-17);
    --layout-scale-margin-margin-120px: var(--layout-scale-values-18);
    --layout-scale-icon-size-xsm: var(--layout-scale-values-5);
    --layout-scale-icon-size-sm: var(--layout-scale-values-6);
    --layout-scale-icon-size-md: var(--layout-scale-values-7);
    --layout-scale-icon-size-lg: var(--layout-scale-values-8);
    --layout-scale-icon-size-xlg: var(--layout-scale-values-9);
    --layout-scale-icon-size-xxlg: var(--layout-scale-values-10);
    --layout-scale-number: 393px;
    --1-color-modes-component-colors-components-buttons-primary-button-primary-fg: var( --primitives-colors-base-white );
    --1-color-modes-colors-text-text-primary-900: var( --primitives-colors-gray-light-mode-900 );
    --product-theme-white: rgba(255, 255, 255, 1);
    --primitives-light-500: rgba(209, 209, 209, 1);
    --primitives-main-white: rgba(255, 255, 255, 1);
    --3-spacing-spacing-xxs: var(--primitives-spacing-0-5-2px);
    --3-spacing-spacing-md: var(--primitives-spacing-2-8px);
    --3-spacing-spacing-xs: var(--primitives-spacing-1-4px);
    --3-spacing-spacing-sm: var(--primitives-spacing-1-5-6px);
    --3-spacing-spacing-2xl: var(--primitives-spacing-5-20px);
    --3-spacing-spacing-xl: var(--primitives-spacing-4-16px);
    --3-spacing-spacing-lg: var(--primitives-spacing-3-12px);
    --3-spacing-spacing-6xl: var(--primitives-spacing-12-48px);
    --3-spacing-spacing-4xl: var(--primitives-spacing-8-32px);
    --3-spacing-spacing-7xl: var(--primitives-spacing-16-64px);
    --3-spacing-spacing-9xl: var(--primitives-spacing-24-96px);
    --primitives-colors-base-white: rgba(255, 255, 255, 1);
    --primitives-colors-gray-light-mode-900: rgba(16, 24, 40, 1);
    --primitives-spacing-0-5-2px: 2px;
    --primitives-spacing-2-8px: 8px;
    --primitives-spacing-1-4px: 4px;
    --primitives-spacing-1-5-6px: 6px;
    --primitives-spacing-5-20px: 20px;
    --primitives-spacing-4-16px: 16px;
    --primitives-spacing-3-12px: 12px;
    --primitives-colors-gray-dark-mode-50: rgba(245, 245, 246, 1);
    --primitives-spacing-192-768px: 768px;
    --primitives-spacing-12-48px: 48px;
    --primitives-spacing-140-560px: 560px;
    --primitives-spacing-8-32px: 32px;
    --primitives-spacing-16-64px: 64px;
    --primitives-spacing-320-1-280px: 1280px;
    --primitives-spacing-24-96px: 96px;
    --2-radius-radius-md: 8px;
    --4-widths-width-xl: var(--primitives-spacing-192-768px);
    --4-widths-width-md: var(--primitives-spacing-140-560px);
    --5-containers-container-padding-desktop: var(--primitives-spacing-8-32px);
    --5-containers-container-max-width-desktop: var( --primitives-spacing-320-1-280px );
}

/*

To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:

<body data-colors-mode="mode-1">
    <!-- the rest of your content -->
</body>

You can apply the theme on any DOM node, not just the `body`

*/

[data-colors-mode="mode-1"] {
    --colors-primary-primary-50: rgba(239, 242, 245, 1);
    --colors-primary-primary-100: rgba(204, 215, 223, 1);
    --colors-primary-primary-200: rgba(180, 195, 208, 1);
    --colors-primary-primary-300: rgba(145, 168, 187, 1);
    --colors-primary-primary-400: rgba(124, 151, 173, 1);
    --colors-primary-primary-500: rgba(91, 125, 153, 1);
    --colors-primary-primary-600: rgba(83, 114, 139, 1);
    --colors-primary-primary-700: rgba(65, 89, 109, 1);
    --colors-primary-primary-800: rgba(50, 69, 84, 1);
    --colors-primary-primary-900: rgba(38, 53, 64, 1);
}

[data-colors-mode="mode-2"] {
    --colors-primary-primary-50: rgba(230, 243, 235, 1);
    --colors-primary-primary-100: rgba(176, 217, 192, 1);
    --colors-primary-primary-200: rgba(138, 198, 161, 1);
    --colors-primary-primary-300: rgba(84, 173, 118, 1);
    --colors-primary-primary-400: rgba(51, 157, 92, 1);
    --colors-primary-primary-500: rgba(0, 132, 51, 1);
    --colors-primary-primary-600: rgba(0, 120, 46, 1);
    --colors-primary-primary-700: rgba(0, 94, 36, 1);
    --colors-primary-primary-800: rgba(0, 73, 28, 1);
    --colors-primary-primary-900: rgba(0, 55, 21, 1);
}

[data-1-color-modes-mode="light-mode"] {
    --1-color-modes-colors-text-text-primary-900: var( --primitives-colors-gray-light-mode-900 );
}

[data-1-color-modes-mode="dark-mode"] {
    --1-color-modes-colors-text-text-primary-900: var( --primitives-colors-gray-dark-mode-50 );
}

[data-product-theme-mode="light-mode"] {
    --product-theme-white: rgba(255, 255, 255, 1);
}

[data-product-theme-mode="dark-mode"] {
    --product-theme-white: rgba(23, 23, 23, 1);
}