:root {
  --text-3xl-font-semibold-font-family: "Inter", Helvetica;
  --text-3xl-font-semibold-font-weight: 600;
  --text-3xl-font-semibold-font-size: 30px;
  --text-3xl-font-semibold-letter-spacing: 0px;
  --text-3xl-font-semibold-line-height: 150%;
  --text-3xl-font-semibold-font-style: normal;
  --text-base-font-normal-font-family: "Inter", Helvetica;
  --text-base-font-normal-font-weight: 400;
  --text-base-font-normal-font-size: 16px;
  --text-base-font-normal-letter-spacing: 0px;
  --text-base-font-normal-line-height: 150%;
  --text-base-font-normal-font-style: normal;
  --text-sm-font-medium-font-family: "Inter", Helvetica;
  --text-sm-font-medium-font-weight: 500;
  --text-sm-font-medium-font-size: 14px;
  --text-sm-font-medium-letter-spacing: 0px;
  --text-sm-font-medium-line-height: 150%;
  --text-sm-font-medium-font-style: normal;
  --leading-tight-text-sm-font-normal-font-family: "Inter", Helvetica;
  --leading-tight-text-sm-font-normal-font-weight: 400;
  --leading-tight-text-sm-font-normal-font-size: 14px;
  --leading-tight-text-sm-font-normal-letter-spacing: 0px;
  --leading-tight-text-sm-font-normal-line-height: 125%;
  --leading-tight-text-sm-font-normal-font-style: normal;
  --leading-none-text-sm-font-normal-font-family: "Inter", Helvetica;
  --leading-none-text-sm-font-normal-font-weight: 400;
  --leading-none-text-sm-font-normal-font-size: 14px;
  --leading-none-text-sm-font-normal-letter-spacing: 0px;
  --leading-none-text-sm-font-normal-line-height: 14px;
  --leading-none-text-sm-font-normal-font-style: normal;
  --text-base-font-medium-font-family: "Inter", Helvetica;
  --text-base-font-medium-font-weight: 500;
  --text-base-font-medium-font-size: 16px;
  --text-base-font-medium-letter-spacing: 0px;
  --text-base-font-medium-line-height: 150%;
  --text-base-font-medium-font-style: normal;
  --text-xs-font-medium-font-family: "Inter", Helvetica;
  --text-xs-font-medium-font-weight: 500;
  --text-xs-font-medium-font-size: 12px;
  --text-xs-font-medium-letter-spacing: 0px;
  --text-xs-font-medium-line-height: 150%;
  --text-xs-font-medium-font-style: normal;
  --box-shadow-secondary:
    0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px 0px rgba(
      0,
      0,
      0,
      0.08
    );
  --spacing-0: 0px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-2-5: 10px;
  --spacing-0-5: 2px;
  --spacing-2-duplicate: 8px;
  --spacing-3-duplicate: 12px;
  --spacing-4-duplicate: 16px;
  --colors-white: rgba(255, 255, 255, 1);
  --colors-blue-700: rgba(26, 86, 219, 1);
  --colors-gray-300: rgba(209, 213, 219, 1);
  --colors-gray-800: rgba(31, 42, 55, 1);
  --colors-primary-600: rgba(28, 100, 242, 1);
  --colors-gray-900: rgba(17, 25, 40, 1);
  --colors-gray-500: rgba(107, 114, 128, 1);
  --colors-white-duplicate: rgba(255, 255, 255, 1);
  --colors-gray-800-duplicate: rgba(31, 42, 55, 1);
  --colors-gray-50: rgba(249, 250, 251, 1);
  --colors-gray-300-duplicate: rgba(209, 213, 219, 1);
  --colors-primary-700: rgba(26, 86, 219, 1);
  --colors-gray-200: rgba(229, 231, 235, 1);
  --3-spacing-spacing-lg: var(--primitives-spacing-3-12px);
  --3-spacing-spacing-lg-duplicate: var(--primitives-spacing-3-12px);
  --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-colors-text-text-primary-900-duplicate: var(
    --primitives-colors-gray-light-mode-900
  );
  --1-color-modes-colors-text-text-tertiary-600-duplicate: var(
    --primitives-colors-gray-light-mode-600
  );
  --1-colors-colors-neutral-text-colortext: rgba(0, 0, 0, 0.88);
  --primitives-colors-gray-light-mode-900: rgba(24, 29, 39, 1);
  --primitives-colors-gray-light-mode-600: rgba(83, 88, 98, 1);
  --primitives-spacing-3-12px: 12px;
  --primitives-colors-gray-dark-mode-50: rgba(247, 247, 247, 1);
  --primitives-colors-gray-dark-mode-400: rgba(148, 151, 156, 1);
  --border-radius-rounded-lg: 8px;
  --2-dimensions-border-radius-borderradiuslg: 8px;
}

/*

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

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

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

*/

[data-1-color-modes-mode="light-mode"] {
  --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-colors-text-text-primary-900-duplicate: var(
    --primitives-colors-gray-light-mode-900
  );
  --1-color-modes-colors-text-text-tertiary-600-duplicate: var(
    --primitives-colors-gray-light-mode-600
  );
}

[data-1-color-modes-mode="dark-mode"] {
  --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-colors-text-text-primary-900-duplicate: var(
    --primitives-colors-gray-dark-mode-50
  );
  --1-color-modes-colors-text-text-tertiary-600-duplicate: var(
    --primitives-colors-gray-dark-mode-400
  );
}

[data-1-colors-mode="light"] {
  --1-colors-colors-neutral-text-colortext: rgba(0, 0, 0, 0.88);
}

[data-1-colors-mode="dark"] {
  --1-colors-colors-neutral-text-colortext: rgba(255, 255, 255, 0.85);
}