:root {
  --font-large-title-regular-font-family: Inter;
  --font-large-title-regular-font-weight: 400;
  --font-large-title-regular-font-size: 34px;
  --font-large-title-regular-letter-spacing: 0.4000000059604645px;
  --font-large-title-regular-line-height: 41px;
  --font-large-title-regular-font-style: normal;
  --font-large-title-semibold-font-family: Inter;
  --font-large-title-semibold-font-weight: 400;
  --font-large-title-semibold-font-size: 34px;
  --font-large-title-semibold-letter-spacing: 0.4000000059604645px;
  --font-large-title-semibold-line-height: 41px;
  --font-large-title-semibold-font-style: normal;
  --font-large-title-bold-font-family: Inter;
  --font-large-title-bold-font-weight: 700;
  --font-large-title-bold-font-size: 34px;
  --font-large-title-bold-letter-spacing: 0.4000000059604645px;
  --font-large-title-bold-line-height: 41px;
  --font-large-title-bold-font-style: normal;
  --font-title-1-regular-font-family: Inter;
  --font-title-1-regular-font-weight: 400;
  --font-title-1-regular-font-size: 28px;
  --font-title-1-regular-letter-spacing: 0.3799999952316284px;
  --font-title-1-regular-line-height: 34px;
  --font-title-1-regular-font-style: normal;
  --font-title-1-semibold-font-family: Inter;
  --font-title-1-semibold-font-weight: 400;
  --font-title-1-semibold-font-size: 28px;
  --font-title-1-semibold-letter-spacing: 0.3799999952316284px;
  --font-title-1-semibold-line-height: 34px;
  --font-title-1-semibold-font-style: normal;
  --font-title-1-bold-font-family: Inter;
  --font-title-1-bold-font-weight: 700;
  --font-title-1-bold-font-size: 28px;
  --font-title-1-bold-letter-spacing: 0.3799999952316284px;
  --font-title-1-bold-line-height: 34px;
  --font-title-1-bold-font-style: normal;
  --font-title-2-regular-font-family: Inter;
  --font-title-2-regular-font-weight: 400;
  --font-title-2-regular-font-size: 22px;
  --font-title-2-regular-letter-spacing: 0.3499999940395355px;
  --font-title-2-regular-line-height: 28px;
  --font-title-2-regular-font-style: normal;
  --font-title-2-semibold-font-family: Inter;
  --font-title-2-semibold-font-weight: 400;
  --font-title-2-semibold-font-size: 22px;
  --font-title-2-semibold-letter-spacing: 0.3499999940395355px;
  --font-title-2-semibold-line-height: 28px;
  --font-title-2-semibold-font-style: normal;
  --font-title-2-bold-font-family: Inter;
  --font-title-2-bold-font-weight: 700;
  --font-title-2-bold-font-size: 22px;
  --font-title-2-bold-letter-spacing: 0.3499999940395355px;
  --font-title-2-bold-line-height: 28px;
  --font-title-2-bold-font-style: normal;
  --font-title-3-regular-font-family: Inter;
  --font-title-3-regular-font-weight: 400;
  --font-title-3-regular-font-size: 18px;
  --font-title-3-regular-letter-spacing: 0px;
  --font-title-3-regular-line-height: 28px;
  --font-title-3-regular-font-style: normal;
  --font-title-3-semibold-font-family: Inter;
  --font-title-3-semibold-font-weight: 400;
  --font-title-3-semibold-font-size: 18px;
  --font-title-3-semibold-letter-spacing: 0px;
  --font-title-3-semibold-line-height: 28px;
  --font-title-3-semibold-font-style: normal;
  --font-title-3-bold-font-family: Inter;
  --font-title-3-bold-font-weight: 700;
  --font-title-3-bold-font-size: 18px;
  --font-title-3-bold-letter-spacing: 0px;
  --font-title-3-bold-line-height: 28px;
  --font-title-3-bold-font-style: normal;
  --font-headline-regular-font-family: Inter;
  --font-headline-regular-font-weight: 400;
  --font-headline-regular-font-size: 17px;
  --font-headline-regular-letter-spacing: 0.25px;
  --font-headline-regular-line-height: 24px;
  --font-headline-regular-font-style: normal;
  --font-headline-semibold-font-family: Inter;
  --font-headline-semibold-font-weight: 400;
  --font-headline-semibold-font-size: 17px;
  --font-headline-semibold-letter-spacing: 0.25px;
  --font-headline-semibold-line-height: 24px;
  --font-headline-semibold-font-style: normal;
  --font-headline-bold-font-family: Inter;
  --font-headline-bold-font-weight: 700;
  --font-text-regular-font-family: Inter;
  --font-text-regular-font-weight: 400;
  --font-text-regular-font-size: 16px;
  --font-text-regular-letter-spacing: -0.32px;
  --font-text-regular-line-height: 21px;
  --font-text-regular-font-style: normal;
  --font-text-medium-font-family: Inter;
  --font-text-medium-font-weight: 400;
  --font-text-medium-font-size: 16px;
  --font-text-medium-letter-spacing: -0.32px;
  --font-text-medium-line-height: 21px;
  --font-text-medium-font-style: normal;
  --font-text-semibold-font-family: Inter;
  --font-text-semibold-font-weight: 400;
  --font-text-semibold-font-size: 16px;
  --font-text-semibold-letter-spacing: -0.32px;
  --font-text-semibold-line-height: 21px;
  --font-text-semibold-font-style: normal;
  --font-text-bold-font-family: Inter;
  --font-text-bold-font-weight: 700;
  --font-text-bold-font-size: 16px;
  --font-text-bold-letter-spacing: -0.32px;
  --font-text-bold-line-height: 21px;
  --font-text-bold-font-style: normal;
  --font-subheadline-regular-font-family: Inter;
  --font-subheadline-regular-font-weight: 400;
  --font-subheadline-regular-font-size: 15px;
  --font-subheadline-regular-letter-spacing: -0.24px;
  --font-subheadline-regular-line-height: 20px;
  --font-subheadline-regular-font-style: normal;
  --font-subheadline-medium-font-family: Inter;
  --font-subheadline-medium-font-weight: 500;
  --font-subheadline-medium-font-size: 15px;
  --font-subheadline-medium-letter-spacing: -0.24px;
  --font-subheadline-medium-line-height: 20px;
  --font-subheadline-medium-font-style: normal;
  --font-subheadline-semibold-font-family: Inter;
  --font-subheadline-semibold-font-weight: 400;
  --font-subheadline-semibold-font-size: 15px;
  --font-subheadline-semibold-letter-spacing: -0.24px;
  --font-subheadline-semibold-line-height: 20px;
  --font-subheadline-semibold-font-style: normal;
  --font-subheadline-bold-font-family: Inter;
  --font-subheadline-bold-font-weight: 700;
  --font-subheadline-bold-font-size: 15px;
  --font-subheadline-bold-letter-spacing: -0.24px;
  --font-subheadline-bold-line-height: 20px;
  --font-subheadline-bold-font-style: normal;
  --font-footnote-regular-font-family: Inter;
  --font-footnote-regular-font-weight: 400;
  --font-footnote-regular-font-size: 13px;
  --font-footnote-regular-letter-spacing: -0.08px;
  --font-footnote-regular-line-height: 18px;
  --font-footnote-regular-font-style: normal;
  --font-footnote-medium-font-family: Inter;
  --font-footnote-medium-font-weight: 500;
  --font-footnote-medium-font-size: 13px;
  --font-footnote-medium-letter-spacing: -0.08px;
  --font-footnote-medium-line-height: 18px;
  --font-footnote-medium-font-style: normal;
  --font-footnote-semibold-font-family: Inter;
  --font-footnote-semibold-font-weight: 400;
  --font-footnote-semibold-font-size: 13px;
  --font-footnote-semibold-letter-spacing: -0.08px;
  --font-footnote-semibold-line-height: 18px;
  --font-footnote-semibold-font-style: normal;
  --font-footnote-bold-font-family: Inter;
  --font-footnote-bold-font-weight: 700;
  --font-footnote-bold-font-size: 13px;
  --font-footnote-bold-letter-spacing: -0.08px;
  --font-footnote-bold-line-height: 18px;
  --font-footnote-bold-font-style: normal;
  --font-caption-regular-font-family: Inter;
  --font-caption-regular-font-weight: 400;
  --font-caption-regular-font-size: 12px;
  --font-caption-regular-letter-spacing: 0px;
  --font-caption-regular-line-height: 16px;
  --font-caption-regular-font-style: normal;
  --font-caption-medium-font-family: Inter;
  --font-caption-medium-font-weight: 500;
  --font-caption-medium-font-size: 12px;
  --font-caption-medium-letter-spacing: 0px;
  --font-caption-medium-line-height: 16px;
  --font-caption-medium-font-style: normal;
  --font-caption-semibold-font-family: Inter;
  --font-caption-semibold-font-weight: 400;
  --font-caption-semibold-font-size: 12px;
  --font-caption-semibold-letter-spacing: 0px;
  --font-caption-semibold-line-height: 16px;
  --font-caption-semibold-font-style: normal;
  --font-caption-bold-font-family: Inter;
  --font-caption-bold-font-weight: 700;
  --font-caption-bold-font-size: 12px;
  --font-caption-bold-letter-spacing: 0px;
  --font-caption-bold-line-height: 16px;
  --font-caption-bold-font-style: normal;
  --roboto-large-title-regular-font-family: Inter;
  --roboto-large-title-regular-font-weight: 400;
  --roboto-large-title-regular-font-size: 36px;
  --roboto-large-title-regular-letter-spacing: 0px;
  --roboto-large-title-regular-line-height: 44px;
  --roboto-large-title-regular-font-style: normal;
  --roboto-large-title-semibold-font-family: Inter;
  --roboto-large-title-semibold-font-weight: 400;
  --roboto-large-title-semibold-font-size: 36px;
  --roboto-large-title-semibold-letter-spacing: 0px;
  --roboto-large-title-semibold-line-height: 44px;
  --roboto-large-title-semibold-font-style: normal;
  --roboto-large-title-bold-font-family: Inter;
  --roboto-large-title-bold-font-weight: 700;
  --roboto-large-title-bold-font-size: 36px;
  --roboto-large-title-bold-letter-spacing: 0px;
  --roboto-large-title-bold-line-height: 44px;
  --roboto-large-title-bold-font-style: normal;
  --roboto-large-title-bold-caps-font-family: Inter;
  --roboto-large-title-bold-caps-font-weight: 700;
  --roboto-large-title-bold-caps-font-size: 36px;
  --roboto-large-title-bold-caps-letter-spacing: 0px;
  --roboto-large-title-bold-caps-line-height: 44px;
  --roboto-large-title-bold-caps-font-style: normal;
  --roboto-title-1-regular-font-family: Inter;
  --roboto-title-1-regular-font-weight: 400;
  --roboto-title-1-regular-font-size: 28px;
  --roboto-title-1-regular-letter-spacing: 0px;
  --roboto-title-1-regular-line-height: 36px;
  --roboto-title-1-regular-font-style: normal;
  --roboto-title-1-semibold-font-family: Inter;
  --roboto-title-1-semibold-font-weight: 400;
  --roboto-title-1-semibold-font-size: 28px;
  --roboto-title-1-semibold-letter-spacing: 0px;
  --roboto-title-1-semibold-line-height: 36px;
  --roboto-title-1-semibold-font-style: normal;
  --roboto-title-1-bold-font-family: Inter;
  --roboto-title-1-bold-font-weight: 700;
  --roboto-title-1-bold-font-size: 28px;
  --roboto-title-1-bold-letter-spacing: 0px;
  --roboto-title-1-bold-line-height: 36px;
  --roboto-title-1-bold-font-style: normal;
  --roboto-title-2-regular-font-family: Inter;
  --roboto-title-2-regular-font-weight: 400;
  --roboto-title-2-regular-font-size: 22px;
  --roboto-title-2-regular-letter-spacing: 0px;
  --roboto-title-2-regular-line-height: 28px;
  --roboto-title-2-regular-font-style: normal;
  --roboto-title-2-semibold-font-family: Inter;
  --roboto-title-2-semibold-font-weight: 400;
  --roboto-title-2-semibold-font-size: 22px;
  --roboto-title-2-semibold-letter-spacing: 0px;
  --roboto-title-2-semibold-line-height: 28px;
  --roboto-title-2-semibold-font-style: normal;
  --roboto-title-2-bold-font-family: Inter;
  --roboto-title-2-bold-font-weight: 700;
  --roboto-title-2-bold-font-size: 22px;
  --roboto-title-2-bold-letter-spacing: 0px;
  --roboto-title-2-bold-line-height: 28px;
  --roboto-title-2-bold-font-style: normal;
  --roboto-title-3-regular-font-family: Inter;
  --roboto-title-3-regular-font-weight: 400;
  --roboto-title-3-regular-font-size: 18px;
  --roboto-title-3-regular-letter-spacing: 0px;
  --roboto-title-3-regular-line-height: 28px;
  --roboto-title-3-regular-font-style: normal;
  --roboto-title-3-semibold-font-family: Inter;
  --roboto-title-3-semibold-font-weight: 400;
  --roboto-title-3-semibold-font-size: 18px;
  --roboto-title-3-semibold-letter-spacing: 0px;
  --roboto-title-3-semibold-line-height: 28px;
  --roboto-title-3-semibold-font-style: normal;
  --roboto-title-3-bold-font-family: Inter;
  --roboto-title-3-bold-font-weight: 700;
  --roboto-title-3-bold-font-size: 18px;
  --roboto-title-3-bold-letter-spacing: 0px;
  --roboto-title-3-bold-line-height: 28px;
  --roboto-title-3-bold-font-style: normal;
  --roboto-title-3-bold-caps-font-family: Inter;
  --roboto-title-3-bold-caps-font-weight: 700;
  --roboto-title-3-bold-caps-font-size: 18px;
  --roboto-title-3-bold-caps-letter-spacing: 0px;
  --roboto-title-3-bold-caps-line-height: 28px;
  --roboto-title-3-bold-caps-font-style: normal;
  --roboto-headline-regular-font-family: Inter;
  --roboto-headline-regular-font-weight: 400;
  --roboto-headline-regular-font-size: 17px;
  --roboto-headline-regular-letter-spacing: 0px;
  --roboto-headline-regular-line-height: 24px;
  --roboto-headline-regular-font-style: normal;
  --roboto-headline-semibold-font-family: Inter;
  --roboto-headline-semibold-font-weight: 400;
  --roboto-headline-semibold-font-size: 17px;
  --roboto-headline-semibold-letter-spacing: 0px;
  --roboto-headline-semibold-line-height: 24px;
  --roboto-headline-semibold-font-style: normal;
  --roboto-headline-bold-font-family: Inter;
  --roboto-headline-bold-font-weight: 700;
  --roboto-headline-bold-font-size: 17px;
  --roboto-headline-bold-letter-spacing: 0px;
  --roboto-headline-bold-line-height: 24px;
  --roboto-headline-bold-font-style: normal;
  --header-shadow-android: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  --popover-shadow-desktop: 0px 12px 56px 0px rgba(0, 0, 0, 0.08), 0px 0px 3px
    0px rgba(0, 0, 0, 0.05);
  --card-shadow: 0px 32px 64px 0px rgba(0, 0, 0, 0.04), 0px 0px 2px 1px
    rgba(0, 0, 0, 0.02);
  --text-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.75);
  --context-menu-shadow: 0px 32px 64px 0px rgba(0, 0, 0, 0.05), 0px 0px 2px 1px
    rgba(0, 0, 0, 0.05);
  --colors-native-bg-color: rgba(255, 255, 255, 1);
  --colors-native-text-color: rgba(0, 0, 0, 1);
  --colors-native-hint-color: #A3A4A5;
  --colors-native-link-color: rgba(0, 122, 255, 1);
  --colors-native-button-color: rgba(0, 122, 255, 1);
  --colors-native-button-text-color: rgba(255, 255, 255, 1);
  --colors-native-secondary-bg-color: rgba(239, 239, 244, 1);
  --colors-native-header-bg-color: rgba(255, 255, 255, 1);
  --colors-native-accent-text-color: rgba(0, 122, 255, 1);
  --colors-native-section-bg-color: rgba(255, 255, 255, 1);
  --colors-native-section-header-text-color: #A3A4A5;
  --colors-native-subtitle-text-color: #A3A4A5;
  --colors-native-destructive-text-color: rgba(229, 57, 53, 1);
  --colors-custom-skeleton: rgba(0, 0, 0, 0.03);
  --colors-custom-divider: rgba(0, 0, 0, 0.15);
  --colors-custom-outline: rgba(0, 0, 0, 0.05);
  --colors-custom-surface-primary: rgba(255, 255, 255, 0.95);
  --colors-custom-surface-dark: rgba(56, 56, 56, 0.85);
  --colors-custom-tertiary-bg-color: rgba(244, 244, 247, 1);
  --colors-custom-quaternary-bg-color: rgba(246, 246, 250, 1);
  --colors-custom-segmented-control-active-bg: rgba(255, 255, 255, 1);
  --colors-custom-card-bg-color: rgba(255, 255, 255, 1);
  --colors-custom-secondary-hint-color: rgba(162, 172, 176, 1);
  --colors-custom-secondary-fill: rgba(67, 120, 255, 0.1);
  --colors-custom-green: rgba(49, 209, 88, 1);
  --colors-custom-destructive-background: rgba(241, 46, 46, 0.05);
  --colors-custom-primary-code-highlight: rgba(67, 120, 255, 1);
  --colors-custom-secondary-code-highlight: rgba(176, 15, 180, 1);
  --colors-custom-tertiary-code-highlight: rgba(58, 159, 32, 1);
  --colors-custom-plain-background: rgba(0, 0, 0, 0.04);
  --colors-custom-plain-foreground: rgba(0, 0, 0, 0.8);
  --colors-custom-toast-accent-color: rgba(85, 166, 255, 1);
  --colors-custom-tooltip-background-dark: rgba(0, 0, 0, 0.85);
  --colors-custom-white: rgba(255, 255, 255, 1);
  --colors-custom-black: rgba(0, 0, 0, 1);
}

/*

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="light">
    <!-- the rest of your content -->
</body>

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

*/

[data-colors-mode="light"] {
  --colors-native-bg-color: rgba(255, 255, 255, 1);
  --colors-native-text-color: rgba(0, 0, 0, 1);
  --colors-native-hint-color: #A3A4A5;
  --colors-native-link-color: rgba(0, 122, 255, 1);
  --colors-native-button-color: rgba(0, 122, 255, 1);
  --colors-native-secondary-bg-color: rgba(239, 239, 244, 1);
  --colors-native-header-bg-color: rgba(255, 255, 255, 1);
  --colors-native-section-bg-color: rgba(255, 255, 255, 1);
  --colors-native-section-header-text-color: #A3A4A5;
  --colors-native-subtitle-text-color: #A3A4A5;
  --colors-custom-skeleton: rgba(0, 0, 0, 0.03);
  --colors-custom-divider: rgba(0, 0, 0, 0.15);
  --colors-custom-outline: rgba(0, 0, 0, 0.05);
  --colors-custom-surface-primary: rgba(255, 255, 255, 0.95);
  --colors-custom-tertiary-bg-color: rgba(244, 244, 247, 1);
  --colors-custom-quaternary-bg-color: rgba(246, 246, 250, 1);
  --colors-custom-segmented-control-active-bg: rgba(255, 255, 255, 1);
  --colors-custom-card-bg-color: rgba(255, 255, 255, 1);
  --colors-custom-secondary-hint-color: rgba(162, 172, 176, 1);
  --colors-custom-secondary-fill: rgba(67, 120, 255, 0.1);
  --colors-custom-green: rgba(49, 209, 88, 1);
  --colors-custom-destructive-background: rgba(241, 46, 46, 0.05);
  --colors-custom-primary-code-highlight: rgba(67, 120, 255, 1);
  --colors-custom-secondary-code-highlight: rgba(176, 15, 180, 1);
  --colors-custom-tertiary-code-highlight: rgba(58, 159, 32, 1);
  --colors-custom-plain-background: rgba(0, 0, 0, 0.04);
  --colors-custom-plain-foreground: rgba(0, 0, 0, 0.8);
}

[data-colors-mode="dark"] {
  --colors-native-bg-color: rgba(33, 33, 33, 1);
  --colors-native-text-color: rgba(255, 255, 255, 1);
  --colors-native-hint-color: rgba(170, 170, 170, 1);
  --colors-native-link-color: rgba(41, 144, 255, 1);
  --colors-native-button-color: rgba(41, 144, 255, 1);
  --colors-native-secondary-bg-color: rgba(15, 15, 15, 1);
  --colors-native-header-bg-color: rgba(33, 33, 33, 1);
  --colors-native-section-bg-color: rgba(33, 33, 33, 1);
  --colors-native-section-header-text-color: rgba(170, 170, 170, 1);
  --colors-native-subtitle-text-color: rgba(170, 170, 170, 1);
  --colors-custom-skeleton: rgba(255, 255, 255, 0.03);
  --colors-custom-divider: rgba(255, 255, 255, 0.05);
  --colors-custom-outline: rgba(255, 255, 255, 0.1);
  --colors-custom-surface-primary: rgba(23, 23, 23, 0.95);
  --colors-custom-tertiary-bg-color: rgba(42, 42, 42, 1);
  --colors-custom-quaternary-bg-color: rgba(47, 47, 47, 1);
  --colors-custom-segmented-control-active-bg: rgba(47, 47, 47, 1);
  --colors-custom-card-bg-color: rgba(50, 50, 50, 1);
  --colors-custom-secondary-hint-color: rgba(120, 121, 126, 1);
  --colors-custom-secondary-fill: rgba(41, 144, 255, 0.15);
  --colors-custom-green: rgba(50, 229, 94, 1);
  --colors-custom-destructive-background: rgba(241, 46, 46, 0.15);
  --colors-custom-primary-code-highlight: rgba(41, 144, 255, 1);
  --colors-custom-secondary-code-highlight: rgba(233, 55, 237, 1);
  --colors-custom-tertiary-code-highlight: rgba(90, 229, 54, 1);
  --colors-custom-plain-background: rgba(255, 255, 255, 0.08);
  --colors-custom-plain-foreground: rgba(255, 255, 255, 0.95);
}