/* Generated by build.py from local Figma snapshot. */
:root, [data-theme="light"] {
  --colors-text-text-primary-900: #181d27;
  --colors-text-text-tertiary-600: #535862;
  --colors-border-border-secondary: #e9eaeb;
  --colors-text-text-error-primary-600: #d92d20;
  --colors-border-border-error-subtle: #fda29b;
  --colors-background-bg-primary: #ffffff;
  --colors-background-bg-tertiary: #f5f5f5;
  --colors-foreground-fg-secondary-700: #414651;
  --colors-background-bg-brand-primary: #f9f5ff;
  --colors-background-bg-error-secondary: #fee4e2;
  --colors-background-bg-warning-primary: #fffaeb;
  --colors-background-bg-warning-secondary: #fef0c7;
  --colors-background-bg-success-primary: #ecfdf3;
  --colors-background-bg-success-secondary: #dcfae6;
  --colors-foreground-fg-warning-primary: #dc6803;
  --colors-foreground-fg-success-primary: #079455;
  --colors-border-border-primary: #d5d7da;
  --colors-text-text-warning-primary-600: #dc6803;
  --colors-text-text-success-primary-600: #079455;
  --colors-foreground-fg-white: #ffffff;
  --colors-text-text-white: #ffffff;
  --colors-background-bg-brand-solid: #7f56d9;
  --colors-background-bg-secondary-solid: #535862;
  --colors-background-bg-error-solid: #d92d20;
  --colors-background-bg-warning-solid: #dc6803;
  --colors-background-bg-success-solid: #079455;
  --colors-foreground-fg-success-secondary: #17b26a;
  --colors-text-text-secondary-700: #414651;
  --colors-background-bg-secondary-hover: #f5f5f5;
  --colors-foreground-fg-secondary-hover: #252b37;
  --colors-background-bg-primary-hover: #fafafa;
  --colors-background-bg-disabled: #f5f5f5;
  --colors-foreground-fg-primary-900: #181d27;
  --colors-foreground-fg-disabled: #a4a7ae;
  --colors-text-text-disabled: #717680;
  --colors-text-text-secondary-hover: #252b37;
  --colors-text-text-tertiary-hover: #414651;
  --colors-background-bg-active: #fafafa;
  --colors-background-bg-brand-solid-hover: #6941c6;
  --colors-border-border-brand: #9e77ed;
  --colors-border-border-disabled: #d5d7da;
  --colors-border-border-error: #f04438;
  --colors-background-bg-error-primary: #fef3f2;
  --colors-foreground-fg-brand-secondary-500: #9e77ed;
  --colors-background-bg-brand-secondary: #f4ebff;
  --colors-foreground-fg-brand-primary-600: #7f56d9;
  --colors-foreground-fg-quaternary-400: #a4a7ae;
  --colors-foreground-fg-quaternary-hover: #717680;
  --colors-foreground-fg-error-primary: #d92d20;
  --colors-background-bg-secondary: #fafafa;
  --colors-background-bg-disabled-subtle: #fafafa;
  --colors-text-text-brand-secondary-700: #6941c6;
  --component-colors-utility-blue-utility-blue-600: #1570ef;
  --component-colors-components-tooltips-tooltip-supporting-text: #d5d7da;
  --colors-background-bg-quaternary: #e9eaeb;
  --colors-foreground-fg-disabled-subtle: #d5d7da;
  --component-colors-utility-brand-utility-brand-600: #7f56d9;
  --component-colors-utility-gray-utility-gray-700: #414651;
  --component-colors-utility-error-utility-error-600: #d92d20;
  --component-colors-utility-warning-utility-warning-600: #dc6803;
  --component-colors-utility-success-utility-success-600: #079455;
  --component-colors-utility-orange-utility-orange-600: #e04f16;
  --component-colors-utility-blue-dark-utility-blue-dark-600: #155eef;
  --component-colors-utility-indigo-utility-indigo-600: #444ce7;
  --component-colors-utility-fuchsia-utility-fuchsia-600: #ba24d5;
  --component-colors-utility-pink-utility-pink-600: #dd2590;
  --component-colors-utility-purple-utility-purple-600: #6938ef;
  --component-colors-utility-orange-dark-utility-orange-dark-600: #e62e05;
  --component-colors-utility-blue-light-utility-blue-light-600: #0086c9;
  --component-colors-utility-gray-utility-gray-600: #535862;
  --component-colors-utility-brand-utility-brand-700: #6941c6;
  --component-colors-utility-error-utility-error-700: #b42318;
  --component-colors-utility-warning-utility-warning-700: #b54708;
  --component-colors-utility-success-utility-success-700: #067647;
  --component-colors-utility-blue-dark-utility-blue-dark-700: #004eeb;
  --component-colors-utility-indigo-utility-indigo-700: #3538cd;
  --component-colors-utility-purple-utility-purple-700: #5925dc;
  --component-colors-utility-fuchsia-utility-fuchsia-700: #9f1ab1;
  --component-colors-utility-pink-utility-pink-700: #c11574;
  --component-colors-utility-orange-dark-utility-orange-dark-700: #bc1b06;
  --component-colors-utility-orange-utility-orange-700: #b93815;
  --component-colors-utility-blue-utility-blue-700: #175cd3;
  --component-colors-utility-blue-light-utility-blue-light-700: #026aa2;
  --component-colors-utility-gray-blue-utility-gray-blue-600: #3e4784;
  --component-colors-utility-gray-blue-utility-gray-blue-700: #363f72;
  --component-colors-utility-gray-utility-gray-500: #717680;
  --component-colors-utility-brand-utility-brand-500: #9e77ed;
  --component-colors-utility-error-utility-error-500: #f04438;
  --component-colors-utility-warning-utility-warning-500: #f79009;
  --component-colors-utility-success-utility-success-500: #17b26a;
  --component-colors-utility-gray-blue-utility-gray-blue-500: #4e5ba6;
  --component-colors-utility-blue-light-utility-blue-light-500: #0ba5ec;
  --component-colors-utility-blue-utility-blue-500: #2e90fa;
  --component-colors-utility-blue-dark-utility-blue-dark-500: #2970ff;
  --component-colors-utility-indigo-utility-indigo-500: #6172f3;
  --component-colors-utility-purple-utility-purple-500: #7a5af8;
  --component-colors-utility-fuchsia-utility-fuchsia-500: #d444f1;
  --component-colors-utility-pink-utility-pink-500: #ee46bc;
  --component-colors-utility-orange-dark-utility-orange-dark-500: #ff4405;
  --component-colors-utility-orange-utility-orange-500: #ef6820;
  --component-colors-utility-gray-utility-gray-200: #e9eaeb;
  --component-colors-utility-brand-utility-brand-200: #e9d7fe;
  --component-colors-utility-error-utility-error-200: #fecdca;
  --component-colors-utility-warning-utility-warning-200: #fedf89;
  --component-colors-utility-success-utility-success-200: #abefc6;
  --component-colors-utility-gray-blue-utility-gray-blue-200: #d5d9eb;
  --component-colors-utility-blue-light-utility-blue-light-200: #b9e6fe;
  --component-colors-utility-blue-utility-blue-200: #b2ddff;
  --component-colors-utility-blue-dark-utility-blue-dark-200: #b2ccff;
  --component-colors-utility-indigo-utility-indigo-200: #c7d7fe;
  --component-colors-utility-purple-utility-purple-200: #d9d6fe;
  --component-colors-utility-fuchsia-utility-fuchsia-200: #f6d0fe;
  --component-colors-utility-pink-utility-pink-200: #fcceee;
  --component-colors-utility-orange-dark-utility-orange-dark-200: #ffd6ae;
  --component-colors-utility-orange-utility-orange-200: #f9dbaf;
  --component-colors-utility-gray-utility-gray-50: #fafafa;
  --component-colors-utility-brand-utility-brand-50: #f9f5ff;
  --component-colors-utility-error-utility-error-50: #fef3f2;
  --component-colors-utility-warning-utility-warning-50: #fffaeb;
  --component-colors-utility-success-utility-success-50: #ecfdf3;
  --component-colors-utility-gray-blue-utility-gray-blue-50: #f8f9fc;
  --component-colors-utility-blue-light-utility-blue-light-50: #f0f9ff;
  --component-colors-utility-blue-utility-blue-50: #eff8ff;
  --component-colors-utility-blue-dark-utility-blue-dark-50: #eff4ff;
  --component-colors-utility-indigo-utility-indigo-50: #eef4ff;
  --component-colors-utility-purple-utility-purple-50: #f4f3ff;
  --component-colors-utility-fuchsia-utility-fuchsia-50: #fdf4ff;
  --component-colors-utility-pink-utility-pink-50: #fdf2fa;
  --component-colors-utility-orange-dark-utility-orange-dark-50: #fff4ed;
  --component-colors-utility-orange-utility-orange-50: #fef6ee;
  --component-colors-utility-gray-utility-gray-100: #f5f5f5;
  --component-colors-utility-brand-utility-brand-100: #f4ebff;
  --component-colors-utility-error-utility-error-100: #fee4e2;
  --component-colors-utility-warning-utility-warning-100: #fef0c7;
  --component-colors-utility-success-utility-success-100: #dcfae6;
  --component-colors-utility-gray-blue-utility-gray-blue-100: #eaecf5;
  --component-colors-utility-blue-light-utility-blue-light-100: #e0f2fe;
  --component-colors-utility-blue-utility-blue-100: #d1e9ff;
  --component-colors-utility-blue-dark-utility-blue-dark-100: #d1e0ff;
  --component-colors-utility-indigo-utility-indigo-100: #e0eaff;
  --component-colors-utility-purple-utility-purple-100: #ebe9fe;
  --component-colors-utility-fuchsia-utility-fuchsia-100: #fbe8ff;
  --component-colors-utility-pink-utility-pink-100: #fce7f6;
  --component-colors-utility-orange-dark-utility-orange-dark-100: #ffe6d5;
  --component-colors-utility-orange-utility-orange-100: #fdead7;
  --component-colors-utility-gray-utility-gray-400: #a4a7ae;
  --component-colors-utility-brand-utility-brand-400: #b692f6;
  --component-colors-utility-error-utility-error-400: #f97066;
  --component-colors-utility-warning-utility-warning-400: #fdb022;
  --component-colors-utility-success-utility-success-400: #47cd89;
  --component-colors-utility-gray-blue-utility-gray-blue-400: #717bbc;
  --component-colors-utility-blue-light-utility-blue-light-400: #36bffa;
  --component-colors-utility-blue-utility-blue-400: #53b1fd;
  --component-colors-utility-blue-dark-utility-blue-dark-400: #528bff;
  --component-colors-utility-indigo-utility-indigo-400: #8098f9;
  --component-colors-utility-purple-utility-purple-400: #9b8afb;
  --component-colors-utility-fuchsia-utility-fuchsia-400: #e478fa;
  --component-colors-utility-pink-utility-pink-400: #f670c7;
  --component-colors-utility-orange-dark-utility-orange-dark-400: #ff692e;
  --component-colors-utility-orange-utility-orange-400: #f38744;
  --colors-foreground-fg-warning-secondary: #f79009;
  --colors-foreground-fg-error-secondary: #f04438;
  --colors-border-border-disabled-subtle: #e9eaeb;
  --colors-text-text-placeholder: #717680;
  --colors-text-text-placeholder-subtle: #d5d7da;
  --colors-text-text-brand-tertiary-600: #7f56d9;
  --component-colors-components-text-editor-text-editor-icon-fg: #a4a7ae;
  --component-colors-components-text-editor-text-editor-icon-fg-active: #717680;
  --colors-background-bg-primary-alt: #ffffff;
  --colors-foreground-fg-tertiary-600: #535862;
  --colors-foreground-fg-tertiary-hover: #414651;
  --colors-background-bg-brand-primary-alt: #f9f5ff;
  --colors-foreground-fg-brand-primary-alt: #7f56d9;
  --colors-background-bg-secondary-alt: #fafafa;
  --component-colors-alpha-alpha-white-90: #ffffffe5;
  --component-colors-alpha-alpha-white-80: #ffffffcc;
  --component-colors-alpha-alpha-white-70: #ffffffb2;
  --component-colors-alpha-alpha-white-60: #ffffff99;
  --component-colors-alpha-alpha-white-50: #ffffff80;
  --component-colors-alpha-alpha-white-40: #ffffff66;
  --component-colors-alpha-alpha-white-30: #ffffff4d;
  --component-colors-alpha-alpha-white-20: #ffffff33;
  --component-colors-alpha-alpha-white-10: #ffffff1a;
  --component-colors-alpha-alpha-black-10: #0000001a;
  --component-colors-alpha-alpha-black-20: #00000033;
  --component-colors-alpha-alpha-black-30: #0000004d;
  --component-colors-alpha-alpha-black-40: #00000066;
  --component-colors-alpha-alpha-black-50: #00000080;
  --component-colors-alpha-alpha-black-60: #00000099;
  --component-colors-alpha-alpha-black-70: #000000b2;
  --component-colors-alpha-alpha-black-80: #000000cc;
  --component-colors-alpha-alpha-black-90: #000000e5;
  --colors-text-text-quaternary-500: #717680;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-brand: #7f56d9;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-gray: #717680;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-error: #d92d20;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-warning: #dc6803;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-success: #079455;
  --colors-background-bg-overlay: #0a0d12;
  --component-colors-utility-brand-utility-brand-50-alt: #f9f5ff;
  --component-colors-utility-brand-utility-brand-100-alt: #f4ebff;
  --component-colors-utility-brand-utility-brand-200-alt: #e9d7fe;
  --component-colors-utility-brand-utility-brand-400-alt: #b692f6;
  --component-colors-utility-brand-utility-brand-500-alt: #9e77ed;
  --component-colors-utility-brand-utility-brand-600-alt: #7f56d9;
  --component-colors-utility-brand-utility-brand-700-alt: #6941c6;
  --component-colors-components-sliders-slider-handle-border: #7f56d9;
  --component-colors-components-sliders-slider-handle-bg: #ffffff;
  --component-colors-utility-brand-utility-brand-300: #d6bbfb;
  --colors-background-bg-secondary-subtle: #fdfdfd;
  --component-colors-utility-gray-utility-gray-300: #d5d7da;
  --component-colors-alpha-alpha-black-100: #000000;
  --component-colors-alpha-alpha-white-100: #ffffff;
  --component-colors-utility-brand-utility-brand-900: #42307d;
  --component-colors-utility-gray-utility-gray-900: #181d27;
  --component-colors-utility-brand-utility-brand-800: #53389e;
  --component-colors-utility-gray-utility-gray-800: #252b37;
  --colors-border-border-tertiary: #f5f5f5;
  --component-colors-components-mockups-screen-mockup-border: #181d27;
  --colors-text-text-brand-primary-900: #42307d;
  --colors-background-bg-brand-section: #53389e;
  --colors-text-text-primary-on-brand: #ffffff;
  --colors-text-text-secondary-on-brand: #e9d7fe;
  --colors-text-text-tertiary-on-brand: #e9d7fe;
  --component-colors-components-icons-icons-icon-fg-brand: #7f56d9;
  --component-colors-components-icons-icons-icon-fg-brand-on-brand: #e9d7fe;
  --colors-background-bg-brand-section-subtle: #6941c6;
  --component-colors-components-footers-footer-button-fg: #e9d7fe;
  --component-colors-components-footers-footer-button-fg-hover: #ffffff;
  --component-colors-components-app-store-badges-app-store-badge-border: #a6a6a6;
  --colors-text-text-quaternary-on-brand: #d6bbfb;
  --colors-text-text-brand-tertiary-alt: #7f56d9;
  --colors-background-bg-primary-solid: #0a0d12;
  --component-colors-components-toggles-toggle-button-fg-disabled: #fafafa;
  --component-colors-utility-brand-utility-brand-300-alt: #d6bbfb;
  --component-colors-utility-brand-utility-brand-800-alt: #53389e;
  --component-colors-utility-brand-utility-brand-900-alt: #42307d;
  --component-colors-utility-error-utility-error-300: #fda29b;
  --component-colors-utility-warning-utility-warning-300: #fec84b;
  --component-colors-utility-success-utility-success-300: #75e0a7;
  --component-colors-utility-gray-blue-utility-gray-blue-300: #b3b8db;
  --component-colors-utility-blue-light-utility-blue-light-300: #7cd4fd;
  --component-colors-utility-blue-utility-blue-300: #84caff;
  --component-colors-utility-blue-dark-utility-blue-dark-300: #84adff;
  --component-colors-utility-indigo-utility-indigo-300: #a4bcfd;
  --component-colors-utility-purple-utility-purple-300: #bdb4fe;
  --component-colors-utility-fuchsia-utility-fuchsia-300: #eeaafd;
  --component-colors-utility-pink-utility-pink-300: #faa7e0;
  --component-colors-utility-orange-dark-utility-orange-dark-300: #ff9c66;
  --component-colors-utility-orange-utility-orange-300: #f7b27a;
  --colors-effects-shadows-shadow-xs: #0a0d120d;
  --colors-effects-shadows-shadow-sm-02: #0a0d121a;
  --colors-effects-shadows-shadow-lg-01: #0a0d1214;
  --colors-effects-shadows-shadow-lg-02: #0a0d1208;
  --colors-effects-shadows-shadow-sm-01: #0a0d121a;
  --colors-effects-shadows-shadow-3xl-01: #0a0d1224;
  --colors-effects-shadows-shadow-2xl-01: #0a0d122e;
  --component-colors-components-avatars-avatar-styles-bg-neutral: #e0e0e0;
  --colors-effects-shadows-shadow-md-01: #0a0d121a;
  --colors-effects-shadows-shadow-md-02: #0a0d120f;
  --colors-effects-shadows-shadow-xl-01: #0a0d1214;
  --colors-effects-shadows-shadow-xl-02: #0a0d1208;
  --colors-effects-portfolio-mockups-shadow-main-centre-md: #0a0d1224;
  --colors-effects-portfolio-mockups-shadow-main-centre-lg: #0a0d122e;
  --colors-effects-portfolio-mockups-shadow-overlay-lg: #0a0d121f;
  --colors-effects-portfolio-mockups-shadow-grid-md: #0a0d1214;
  --colors-effects-focus-rings-focus-ring: #9e77ed;
  --colors-effects-focus-rings-focus-ring-error: #f04438;
  --colors-effects-shadows-shadow-skeumorphic-inner: #0a0d120d;
  --colors-effects-shadows-shadow-skeumorphic-inner-border: #0a0d122e;
  --colors-border-border-brand-alt: #7f56d9;
  --component-colors-components-toggles-toggle-border: #d5d7da;
  --component-colors-components-toggles-toggle-slim-border-pressed: #7f56d9;
  --component-colors-components-toggles-toggle-slim-border-pressed-hover: #6941c6;
  --colors-effects-shadows-shadow-lg-03: #0a0d120a;
  --colors-effects-shadows-shadow-xl-03: #0a0d120a;
  --colors-effects-shadows-shadow-2xl-02: #0a0d120a;
  --colors-effects-shadows-shadow-3xl-02: #0a0d120a;
  --component-colors-utility-green-utility-green-50: #edfcf2;
  --component-colors-utility-green-utility-green-100: #d3f8df;
  --component-colors-utility-green-utility-green-200: #aaf0c4;
  --component-colors-utility-green-utility-green-300: #73e2a3;
  --component-colors-utility-green-utility-green-400: #3ccb7f;
  --component-colors-utility-green-utility-green-500: #16b364;
  --component-colors-utility-green-utility-green-600: #099250;
  --component-colors-utility-green-utility-green-700: #087443;
  --component-colors-utility-yellow-utility-yellow-50: #fefbe8;
  --component-colors-utility-yellow-utility-yellow-100: #fef7c3;
  --component-colors-utility-yellow-utility-yellow-200: #feee95;
  --component-colors-utility-yellow-utility-yellow-300: #fde272;
  --component-colors-utility-yellow-utility-yellow-400: #fac515;
  --component-colors-utility-yellow-utility-yellow-500: #eaaa08;
  --component-colors-utility-yellow-utility-yellow-600: #ca8504;
  --component-colors-utility-yellow-utility-yellow-700: #a15c07;
  --colors-border-border-secondary-alt: #00000014;
  --colors-foreground-fg-brand-secondary-alt: #9e77ed;
  --colors-text-text-error-primary-hover: #b42318;
  --component-colors-components-buttons-button-primary-icon: #d6bbfb;
  --component-colors-components-buttons-button-primary-icon-hover: #e9d7fe;
  --component-colors-components-buttons-button-destructive-primary-icon: #fda29b;
  --component-colors-components-buttons-button-destructive-primary-icon-hover: #fecdca;
  --colors-foreground-fg-brand-secondary-hover: #7f56d9;
  --colors-background-bg-error-solid-hover: #b42318;
}
[data-theme="dark"] {
  --colors-text-text-primary-900: #f7f7f7;
  --colors-text-text-tertiary-600: #94979c;
  --colors-border-border-secondary: #22262f;
  --colors-text-text-error-primary-600: #f97066;
  --colors-border-border-error-subtle: #f04438;
  --colors-background-bg-primary: #0c0e12;
  --colors-background-bg-tertiary: #22262f;
  --colors-foreground-fg-secondary-700: #cecfd2;
  --colors-background-bg-brand-primary: #9e77ed;
  --colors-background-bg-error-secondary: #d92d20;
  --colors-background-bg-warning-primary: #4e1d09;
  --colors-background-bg-warning-secondary: #dc6803;
  --colors-background-bg-success-primary: #053321;
  --colors-background-bg-success-secondary: #079455;
  --colors-foreground-fg-warning-primary: #f79009;
  --colors-foreground-fg-success-primary: #17b26a;
  --colors-border-border-primary: #373a41;
  --colors-text-text-warning-primary-600: #fdb022;
  --colors-text-text-success-primary-600: #47cd89;
  --colors-foreground-fg-white: #ffffff;
  --colors-text-text-white: #ffffff;
  --colors-background-bg-brand-solid: #7f56d9;
  --colors-background-bg-secondary-solid: #61656c;
  --colors-background-bg-error-solid: #d92d20;
  --colors-background-bg-warning-solid: #dc6803;
  --colors-background-bg-success-solid: #079455;
  --colors-foreground-fg-success-secondary: #47cd89;
  --colors-text-text-secondary-700: #cecfd2;
  --colors-background-bg-secondary-hover: #22262f;
  --colors-foreground-fg-secondary-hover: #ececed;
  --colors-background-bg-primary-hover: #22262f;
  --colors-background-bg-disabled: #22262f;
  --colors-foreground-fg-primary-900: #ffffff;
  --colors-foreground-fg-disabled: #85888e;
  --colors-text-text-disabled: #85888e;
  --colors-text-text-secondary-hover: #ececed;
  --colors-text-text-tertiary-hover: #cecfd2;
  --colors-background-bg-active: #22262f;
  --colors-background-bg-brand-solid-hover: #9e77ed;
  --colors-border-border-brand: #b692f6;
  --colors-border-border-disabled: #373a41;
  --colors-border-border-error: #f97066;
  --colors-background-bg-error-primary: #55160c;
  --colors-foreground-fg-brand-secondary-500: #9e77ed;
  --colors-background-bg-brand-secondary: #7f56d9;
  --colors-foreground-fg-brand-primary-600: #9e77ed;
  --colors-foreground-fg-quaternary-400: #61656c;
  --colors-foreground-fg-quaternary-hover: #85888e;
  --colors-foreground-fg-error-primary: #f04438;
  --colors-background-bg-secondary: #13161b;
  --colors-background-bg-disabled-subtle: #13161b;
  --colors-text-text-brand-secondary-700: #cecfd2;
  --component-colors-utility-blue-utility-blue-600: #53b1fd;
  --component-colors-components-tooltips-tooltip-supporting-text: #cecfd2;
  --colors-background-bg-quaternary: #373a41;
  --colors-foreground-fg-disabled-subtle: #61656c;
  --component-colors-utility-brand-utility-brand-600: #b692f6;
  --component-colors-utility-gray-utility-gray-700: #cecfd2;
  --component-colors-utility-error-utility-error-600: #f97066;
  --component-colors-utility-warning-utility-warning-600: #fdb022;
  --component-colors-utility-success-utility-success-600: #47cd89;
  --component-colors-utility-orange-utility-orange-600: #f38744;
  --component-colors-utility-blue-dark-utility-blue-dark-600: #528bff;
  --component-colors-utility-indigo-utility-indigo-600: #8098f9;
  --component-colors-utility-fuchsia-utility-fuchsia-600: #e478fa;
  --component-colors-utility-pink-utility-pink-600: #f670c7;
  --component-colors-utility-purple-utility-purple-600: #9b8afb;
  --component-colors-utility-orange-dark-utility-orange-dark-600: #ff692e;
  --component-colors-utility-blue-light-utility-blue-light-600: #36bffa;
  --component-colors-utility-gray-utility-gray-600: #94979c;
  --component-colors-utility-brand-utility-brand-700: #d6bbfb;
  --component-colors-utility-error-utility-error-700: #fda29b;
  --component-colors-utility-warning-utility-warning-700: #fec84b;
  --component-colors-utility-success-utility-success-700: #75e0a7;
  --component-colors-utility-blue-dark-utility-blue-dark-700: #84adff;
  --component-colors-utility-indigo-utility-indigo-700: #a4bcfd;
  --component-colors-utility-purple-utility-purple-700: #bdb4fe;
  --component-colors-utility-fuchsia-utility-fuchsia-700: #eeaafd;
  --component-colors-utility-pink-utility-pink-700: #faa7e0;
  --component-colors-utility-orange-dark-utility-orange-dark-700: #ff9c66;
  --component-colors-utility-orange-utility-orange-700: #f7b27a;
  --component-colors-utility-blue-utility-blue-700: #84caff;
  --component-colors-utility-blue-light-utility-blue-light-700: #7cd4fd;
  --component-colors-utility-gray-blue-utility-gray-blue-600: #717bbc;
  --component-colors-utility-gray-blue-utility-gray-blue-700: #b3b8db;
  --component-colors-utility-gray-utility-gray-500: #85888e;
  --component-colors-utility-brand-utility-brand-500: #9e77ed;
  --component-colors-utility-error-utility-error-500: #f04438;
  --component-colors-utility-warning-utility-warning-500: #f79009;
  --component-colors-utility-success-utility-success-500: #17b26a;
  --component-colors-utility-gray-blue-utility-gray-blue-500: #4e5ba6;
  --component-colors-utility-blue-light-utility-blue-light-500: #0ba5ec;
  --component-colors-utility-blue-utility-blue-500: #2e90fa;
  --component-colors-utility-blue-dark-utility-blue-dark-500: #2970ff;
  --component-colors-utility-indigo-utility-indigo-500: #6172f3;
  --component-colors-utility-purple-utility-purple-500: #7a5af8;
  --component-colors-utility-fuchsia-utility-fuchsia-500: #d444f1;
  --component-colors-utility-pink-utility-pink-500: #ee46bc;
  --component-colors-utility-orange-dark-utility-orange-dark-500: #ff4405;
  --component-colors-utility-orange-utility-orange-500: #ef6820;
  --component-colors-utility-gray-utility-gray-200: #373a41;
  --component-colors-utility-brand-utility-brand-200: #53389e;
  --component-colors-utility-error-utility-error-200: #912018;
  --component-colors-utility-warning-utility-warning-200: #93370d;
  --component-colors-utility-success-utility-success-200: #085d3a;
  --component-colors-utility-gray-blue-utility-gray-blue-200: #293056;
  --component-colors-utility-blue-light-utility-blue-light-200: #065986;
  --component-colors-utility-blue-utility-blue-200: #1849a9;
  --component-colors-utility-blue-dark-utility-blue-dark-200: #0040c1;
  --component-colors-utility-indigo-utility-indigo-200: #2d31a6;
  --component-colors-utility-purple-utility-purple-200: #4a1fb8;
  --component-colors-utility-fuchsia-utility-fuchsia-200: #821890;
  --component-colors-utility-pink-utility-pink-200: #9e165f;
  --component-colors-utility-orange-dark-utility-orange-dark-200: #97180c;
  --component-colors-utility-orange-utility-orange-200: #932f19;
  --component-colors-utility-gray-utility-gray-50: #13161b;
  --component-colors-utility-brand-utility-brand-50: #2c1c5f;
  --component-colors-utility-error-utility-error-50: #55160c;
  --component-colors-utility-warning-utility-warning-50: #4e1d09;
  --component-colors-utility-success-utility-success-50: #053321;
  --component-colors-utility-gray-blue-utility-gray-blue-50: #0d0f1c;
  --component-colors-utility-blue-light-utility-blue-light-50: #062c41;
  --component-colors-utility-blue-utility-blue-50: #102a56;
  --component-colors-utility-blue-dark-utility-blue-dark-50: #002266;
  --component-colors-utility-indigo-utility-indigo-50: #1f235b;
  --component-colors-utility-purple-utility-purple-50: #27115f;
  --component-colors-utility-fuchsia-utility-fuchsia-50: #47104c;
  --component-colors-utility-pink-utility-pink-50: #4e0d30;
  --component-colors-utility-orange-dark-utility-orange-dark-50: #57130a;
  --component-colors-utility-orange-utility-orange-50: #511c10;
  --component-colors-utility-gray-utility-gray-100: #22262f;
  --component-colors-utility-brand-utility-brand-100: #42307d;
  --component-colors-utility-error-utility-error-100: #7a271a;
  --component-colors-utility-warning-utility-warning-100: #7a2e0e;
  --component-colors-utility-success-utility-success-100: #074d31;
  --component-colors-utility-gray-blue-utility-gray-blue-100: #101323;
  --component-colors-utility-blue-light-utility-blue-light-100: #0b4a6f;
  --component-colors-utility-blue-utility-blue-100: #194185;
  --component-colors-utility-blue-dark-utility-blue-dark-100: #00359e;
  --component-colors-utility-indigo-utility-indigo-100: #2d3282;
  --component-colors-utility-purple-utility-purple-100: #3e1c96;
  --component-colors-utility-fuchsia-utility-fuchsia-100: #6f1877;
  --component-colors-utility-pink-utility-pink-100: #851651;
  --component-colors-utility-orange-dark-utility-orange-dark-100: #771a0d;
  --component-colors-utility-orange-utility-orange-100: #772917;
  --component-colors-utility-gray-utility-gray-400: #61656c;
  --component-colors-utility-brand-utility-brand-400: #7f56d9;
  --component-colors-utility-error-utility-error-400: #d92d20;
  --component-colors-utility-warning-utility-warning-400: #dc6803;
  --component-colors-utility-success-utility-success-400: #079455;
  --component-colors-utility-gray-blue-utility-gray-blue-400: #3e4784;
  --component-colors-utility-blue-light-utility-blue-light-400: #0086c9;
  --component-colors-utility-blue-utility-blue-400: #1570ef;
  --component-colors-utility-blue-dark-utility-blue-dark-400: #155eef;
  --component-colors-utility-indigo-utility-indigo-400: #444ce7;
  --component-colors-utility-purple-utility-purple-400: #6938ef;
  --component-colors-utility-fuchsia-utility-fuchsia-400: #ba24d5;
  --component-colors-utility-pink-utility-pink-400: #dd2590;
  --component-colors-utility-orange-dark-utility-orange-dark-400: #e62e05;
  --component-colors-utility-orange-utility-orange-400: #e04f16;
  --colors-foreground-fg-warning-secondary: #fdb022;
  --colors-foreground-fg-error-secondary: #f97066;
  --colors-border-border-disabled-subtle: #22262f;
  --colors-text-text-placeholder: #85888e;
  --colors-text-text-placeholder-subtle: #373a41;
  --colors-text-text-brand-tertiary-600: #94979c;
  --component-colors-components-text-editor-text-editor-icon-fg: #94979c;
  --component-colors-components-text-editor-text-editor-icon-fg-active: #ffffff;
  --colors-background-bg-primary-alt: #13161b;
  --colors-foreground-fg-tertiary-600: #94979c;
  --colors-foreground-fg-tertiary-hover: #cecfd2;
  --colors-background-bg-brand-primary-alt: #13161b;
  --colors-foreground-fg-brand-primary-alt: #cecfd2;
  --colors-background-bg-secondary-alt: #0c0e12;
  --component-colors-alpha-alpha-white-90: #0c0e12e5;
  --component-colors-alpha-alpha-white-80: #0c0e12cc;
  --component-colors-alpha-alpha-white-70: #0c0e12b2;
  --component-colors-alpha-alpha-white-60: #0c0e1299;
  --component-colors-alpha-alpha-white-50: #0c0e1280;
  --component-colors-alpha-alpha-white-40: #0c0e1266;
  --component-colors-alpha-alpha-white-30: #0c0e124d;
  --component-colors-alpha-alpha-white-20: #0c0e1233;
  --component-colors-alpha-alpha-white-10: #0c0e121a;
  --component-colors-alpha-alpha-black-10: #ffffff1a;
  --component-colors-alpha-alpha-black-20: #ffffff33;
  --component-colors-alpha-alpha-black-30: #ffffff4d;
  --component-colors-alpha-alpha-black-40: #ffffff66;
  --component-colors-alpha-alpha-black-50: #ffffff80;
  --component-colors-alpha-alpha-black-60: #ffffff99;
  --component-colors-alpha-alpha-black-70: #ffffffb2;
  --component-colors-alpha-alpha-black-80: #ffffffcc;
  --component-colors-alpha-alpha-black-90: #ffffffe5;
  --colors-text-text-quaternary-500: #94979c;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-brand: #e9d7fe;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-gray: #ececed;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-error: #fecdca;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-warning: #fedf89;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-success: #abefc6;
  --colors-background-bg-overlay: #22262f;
  --component-colors-utility-brand-utility-brand-50-alt: #13161b;
  --component-colors-utility-brand-utility-brand-100-alt: #22262f;
  --component-colors-utility-brand-utility-brand-200-alt: #373a41;
  --component-colors-utility-brand-utility-brand-400-alt: #61656c;
  --component-colors-utility-brand-utility-brand-500-alt: #85888e;
  --component-colors-utility-brand-utility-brand-600-alt: #94979c;
  --component-colors-utility-brand-utility-brand-700-alt: #cecfd2;
  --component-colors-components-sliders-slider-handle-border: #0c0e12;
  --component-colors-components-sliders-slider-handle-bg: #9e77ed;
  --component-colors-utility-brand-utility-brand-300: #6941c6;
  --colors-background-bg-secondary-subtle: #13161b;
  --component-colors-utility-gray-utility-gray-300: #373a41;
  --component-colors-alpha-alpha-black-100: #ffffff;
  --component-colors-alpha-alpha-white-100: #0c0e12;
  --component-colors-utility-brand-utility-brand-900: #f4ebff;
  --component-colors-utility-gray-utility-gray-900: #f0f0f1;
  --component-colors-utility-brand-utility-brand-800: #e9d7fe;
  --component-colors-utility-gray-utility-gray-800: #ececed;
  --colors-border-border-tertiary: #22262f;
  --component-colors-components-mockups-screen-mockup-border: #373a41;
  --colors-text-text-brand-primary-900: #f7f7f7;
  --colors-background-bg-brand-section: #13161b;
  --colors-text-text-primary-on-brand: #f7f7f7;
  --colors-text-text-secondary-on-brand: #cecfd2;
  --colors-text-text-tertiary-on-brand: #94979c;
  --component-colors-components-icons-icons-icon-fg-brand: #94979c;
  --component-colors-components-icons-icons-icon-fg-brand-on-brand: #94979c;
  --colors-background-bg-brand-section-subtle: #0c0e12;
  --component-colors-components-footers-footer-button-fg: #cecfd2;
  --component-colors-components-footers-footer-button-fg-hover: #f0f0f1;
  --component-colors-components-app-store-badges-app-store-badge-border: #ffffff;
  --colors-text-text-quaternary-on-brand: #94979c;
  --colors-text-text-brand-tertiary-alt: #f7f7f7;
  --colors-background-bg-primary-solid: #13161b;
  --component-colors-components-toggles-toggle-button-fg-disabled: #61656c;
  --component-colors-utility-brand-utility-brand-300-alt: #373a41;
  --component-colors-utility-brand-utility-brand-800-alt: #ececed;
  --component-colors-utility-brand-utility-brand-900-alt: #f0f0f1;
  --component-colors-utility-error-utility-error-300: #b42318;
  --component-colors-utility-warning-utility-warning-300: #b54708;
  --component-colors-utility-success-utility-success-300: #067647;
  --component-colors-utility-gray-blue-utility-gray-blue-300: #363f72;
  --component-colors-utility-blue-light-utility-blue-light-300: #026aa2;
  --component-colors-utility-blue-utility-blue-300: #175cd3;
  --component-colors-utility-blue-dark-utility-blue-dark-300: #004eeb;
  --component-colors-utility-indigo-utility-indigo-300: #3538cd;
  --component-colors-utility-purple-utility-purple-300: #5925dc;
  --component-colors-utility-fuchsia-utility-fuchsia-300: #9f1ab1;
  --component-colors-utility-pink-utility-pink-300: #c11574;
  --component-colors-utility-orange-dark-utility-orange-dark-300: #bc1b06;
  --component-colors-utility-orange-utility-orange-300: #b93815;
  --colors-effects-shadows-shadow-xs: #ffffff00;
  --colors-effects-shadows-shadow-sm-02: #ffffff00;
  --colors-effects-shadows-shadow-lg-01: #ffffff00;
  --colors-effects-shadows-shadow-lg-02: #ffffff00;
  --colors-effects-shadows-shadow-sm-01: #ffffff00;
  --colors-effects-shadows-shadow-3xl-01: #ffffff00;
  --colors-effects-shadows-shadow-2xl-01: #ffffff00;
  --component-colors-components-avatars-avatar-styles-bg-neutral: #e0e0e0;
  --colors-effects-shadows-shadow-md-01: #ffffff00;
  --colors-effects-shadows-shadow-md-02: #ffffff00;
  --colors-effects-shadows-shadow-xl-01: #ffffff00;
  --colors-effects-shadows-shadow-xl-02: #ffffff00;
  --colors-effects-portfolio-mockups-shadow-main-centre-md: #ffffff00;
  --colors-effects-portfolio-mockups-shadow-main-centre-lg: #ffffff00;
  --colors-effects-portfolio-mockups-shadow-overlay-lg: #ffffff00;
  --colors-effects-portfolio-mockups-shadow-grid-md: #ffffff00;
  --colors-effects-focus-rings-focus-ring: #9e77ed;
  --colors-effects-focus-rings-focus-ring-error: #f04438;
  --colors-effects-shadows-shadow-skeumorphic-inner: #0c0e120d;
  --colors-effects-shadows-shadow-skeumorphic-inner-border: #0c0e122e;
  --colors-border-border-brand-alt: #373a41;
  --component-colors-components-toggles-toggle-border: #ffffff00;
  --component-colors-components-toggles-toggle-slim-border-pressed: #ffffff00;
  --component-colors-components-toggles-toggle-slim-border-pressed-hover: #ffffff00;
  --colors-effects-shadows-shadow-lg-03: #ffffff00;
  --colors-effects-shadows-shadow-xl-03: #ffffff00;
  --colors-effects-shadows-shadow-2xl-02: #ffffff00;
  --colors-effects-shadows-shadow-3xl-02: #ffffff00;
  --component-colors-utility-green-utility-green-50: #052e1c;
  --component-colors-utility-green-utility-green-100: #084c2e;
  --component-colors-utility-green-utility-green-200: #095c37;
  --component-colors-utility-green-utility-green-300: #087443;
  --component-colors-utility-green-utility-green-400: #099250;
  --component-colors-utility-green-utility-green-500: #16b364;
  --component-colors-utility-green-utility-green-600: #3ccb7f;
  --component-colors-utility-green-utility-green-700: #73e2a3;
  --component-colors-utility-yellow-utility-yellow-50: #542c0d;
  --component-colors-utility-yellow-utility-yellow-100: #713b12;
  --component-colors-utility-yellow-utility-yellow-200: #854a0e;
  --component-colors-utility-yellow-utility-yellow-300: #a15c07;
  --component-colors-utility-yellow-utility-yellow-400: #ca8504;
  --component-colors-utility-yellow-utility-yellow-500: #eaaa08;
  --component-colors-utility-yellow-utility-yellow-600: #fac515;
  --component-colors-utility-yellow-utility-yellow-700: #fde272;
  --colors-border-border-secondary-alt: #22262f;
  --colors-foreground-fg-brand-secondary-alt: #61656c;
  --colors-text-text-error-primary-hover: #fda29b;
  --component-colors-components-buttons-button-primary-icon: #d6bbfb;
  --component-colors-components-buttons-button-primary-icon-hover: #e9d7fe;
  --component-colors-components-buttons-button-destructive-primary-icon: #fda29b;
  --component-colors-components-buttons-button-destructive-primary-icon-hover: #fecdca;
  --colors-foreground-fg-brand-secondary-hover: #85888e;
  --colors-background-bg-error-solid-hover: #f04438;
}
:root {
  --container-max-width-desktop: 1280px;
  --container-padding-desktop: 32px;
  --container-padding-mobile: 16px;
  --width-xxs: 320px;
  --width-sm: 480px;
  --width-lg: 640px;
  --width-xl: 768px;
  --width-2xl: 1024px;
  --width-3xl: 1280px;
  --width-4xl: 1440px;
  --width-5xl: 1600px;
  --width-6xl: 1920px;
  --spacing-none: 0px;
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-md: 8px;
  --spacing-lg: 12px;
  --spacing-xl: 16px;
  --spacing-2xl: 20px;
  --spacing-3xl: 24px;
  --spacing-4xl: 32px;
  --spacing-6xl: 48px;
  --spacing-7xl: 64px;
  --spacing-8xl: 80px;
  --spacing-9xl: 96px;
  --spacing-10xl: 128px;
  --spacing-11xl: 160px;
  --radius-none: 0px;
  --radius-xxs: 2px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-4xl: 24px;
  --radius-full: 9999px;
  --radius-lg: 10px;
  --radius-3xl: 20px;
  --width-md: 560px;
  --paragraph-max-width: 720px;
  --spacing-sm: 6px;
  --width-xs: 384px;
  --spacing-5xl: 40px;
  --font-family-font-family-display: "Inter";
  --font-family-font-family-body: "Inter";
  --font-weight-regular: "Regular";
  --font-weight-regular-italic: "Regular italic";
  --font-weight-medium: "Medium";
  --font-weight-medium-italic: "Medium italic";
  --font-weight-semibold: "Semibold";
  --font-weight-semibold-italic: "Semibold italic";
  --font-weight-bold: "Bold";
  --font-weight-bold-italic: "Bold italic";
  --font-size-text-xs: 12px;
  --font-size-text-sm: 14px;
  --font-size-text-md: 16px;
  --font-size-text-lg: 18px;
  --font-size-text-xl: 20px;
  --font-size-display-xs: 24px;
  --font-size-display-sm: 30px;
  --font-size-display-md: 36px;
  --font-size-display-lg: 48px;
  --font-size-display-xl: 60px;
  --font-size-display-2xl: 72px;
  --line-height-text-xs: 18px;
  --line-height-text-sm: 20px;
  --line-height-text-md: 24px;
  --line-height-text-lg: 28px;
  --line-height-text-xl: 30px;
  --line-height-display-xs: 32px;
  --line-height-display-sm: 38px;
  --line-height-display-md: 44px;
  --line-height-display-lg: 60px;
  --line-height-display-xl: 72px;
  --line-height-display-2xl: 90px;
}