/**
 * Do not edit directly, this file was auto-generated.
 */

 :root {
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-base-transparent: rgba(255, 255, 255, 0);
  --colors-gray-light-mode-25: #fdfdfd;
  --colors-gray-light-mode-50: #fafafa;
  --colors-gray-light-mode-100: #f5f5f5;
  --colors-gray-light-mode-200: #e9eaeb;
  --colors-gray-light-mode-300: #d5d7da;
  --colors-gray-light-mode-400: #a4a7ae;
  --colors-gray-light-mode-500: #717680;
  --colors-gray-light-mode-600: #535862;
  --colors-gray-light-mode-700: #414651;
  --colors-gray-light-mode-800: #252b37;
  --colors-gray-light-mode-900: #181d27;
  --colors-gray-light-mode-950: #0a0d12;
  --colors-background-bg-brand-primary: #F6FBFD;
  --colors-gray-cool-25: #fcfdfd;
  --colors-gray-cool-50: #f9fbfa;
  --colors-gray-cool-100: #f1f3f3;
  --colors-gray-cool-200: #e1e5e4;
  --colors-gray-cool-300: #c2cbc8;
  --colors-gray-cool-400: #8ca19a;
  --colors-gray-cool-500: #6e877e;
  --colors-gray-cool-600: #576b64;
  --colors-gray-cool-700: #4c5d57;
  --colors-gray-cool-800: #394642;
  --colors-gray-cool-900: #171c1a;
  --colors-gray-cool-950: #0e101b;
  --colors-brand-25: #fbfdfe;
  --colors-brand-50: #f6fbfd;
  --colors-brand-100: #eef7fc;
  --colors-brand-200: #dbf0fb;
  --colors-brand-300: #bfe4f7;
  --colors-brand-400: #a4d9f4;
  --colors-brand-500: #63bfee;
  --colors-brand-600: #14a2eb;
  --colors-brand-800: #064f74;
  --colors-brand-900: #04344e;
  --colors-brand-950: #021a27;
  --colors-brand-700-base: #0b76ad;
  --colors-error-25: #fffbfa;
  --colors-error-50: #fef3f2;
  --colors-error-100: #fee4e2;
  --colors-error-200: #fecdca;
  --colors-error-300: #fda29b;
  --colors-error-400: #f97066;
  --colors-error-500: #f04438;
  --colors-error-600: #d92d20;
  --colors-error-700: #b42318;
  --colors-error-800: #912018;
  --colors-error-900: #7a271a;
  --colors-error-950: #55160c;
  --colors-warning-25: #fffcf5;
  --colors-warning-50: #fffaeb;
  --colors-warning-100: #fef0c7;
  --colors-warning-200: #fedf89;
  --colors-warning-300: #fec84b;
  --colors-warning-400: #fdb022;
  --colors-warning-500: #f79009;
  --colors-warning-600: #dc6803;
  --colors-warning-700: #b54708;
  --colors-warning-800: #93370d;
  --colors-warning-900: #7a2e0e;
  --colors-warning-950: #4e1d09;
  --colors-success-25: #f6fef9;
  --colors-success-50: #ecfdf3;
  --colors-success-100: #dcfae6;
  --colors-success-200: #abefc6;
  --colors-success-300: #75e0a7;
  --colors-success-400: #47cd89;
  --colors-success-500: #17b26a;
  --colors-success-600: #079455;
  --colors-success-700: #067647;
  --colors-success-800: #085d3a;
  --colors-success-900: #074d31;
  --colors-success-950: #053321;
  --colors-purple-25: #fcfcfd;
  --colors-purple-50: #f9f9fb;
  --colors-purple-100: #f1eff6;
  --colors-purple-200: #e6e2ee;
  --colors-purple-300: #b6abce;
  --colors-purple-400: #a092bf;
  --colors-purple-500: #8f7eb4;
  --colors-purple-600: #715c9d;
  --colors-purple-700: #5c4b81;
  --colors-purple-800: #4c3e6a;
  --colors-purple-900: #40355a;
  --colors-purple-950: #29223a;
  --colors-gray-dark-mode-alpha-25: rgba(255, 255, 255, 0.98);
  --colors-gray-dark-mode-alpha-50: rgba(255, 255, 255, 0.96);
  --colors-gray-dark-mode-alpha-100: rgba(255, 255, 255, 0.94);
  --colors-gray-dark-mode-alpha-200: rgba(255, 255, 255, 0.92);
  --colors-gray-dark-mode-alpha-300: rgba(255, 255, 255, 0.8);
  --colors-gray-dark-mode-alpha-400: rgba(255, 255, 255, 0.56);
  --colors-gray-dark-mode-alpha-500: rgba(255, 255, 255, 0.5);
  --colors-gray-dark-mode-alpha-600: rgba(255, 255, 255, 0.35);
  --colors-gray-dark-mode-alpha-700: rgba(255, 255, 255, 0.16);
  --colors-gray-dark-mode-alpha-800: rgba(255, 255, 255, 0.08);
  --colors-gray-dark-mode-alpha-900: rgba(255, 255, 255, 0.04);
  --colors-gray-dark-mode-alpha-950: rgba(255, 255, 255, 0);
  --colors-gray-dark-mode-25: #fafafa;
  --colors-gray-dark-mode-50: #f7f7f7;
  --colors-gray-dark-mode-100: #f0f0f1;
  --colors-gray-dark-mode-200: #ececed;
  --colors-gray-dark-mode-300: #cecfd2;
  --colors-gray-dark-mode-400: #94979c;
  --colors-gray-dark-mode-500: #85888e;
  --colors-gray-dark-mode-600: #61656c;
  --colors-gray-dark-mode-700: #373a41;
  --colors-gray-dark-mode-800: #22262f;
  --colors-gray-dark-mode-900: #13161b;
  --colors-gray-dark-mode-950: #0c0e12;
  --colors-brand-2-25: #fdfbf7;
  --colors-brand-2-50: #fdf6ed;
  --colors-brand-2-100: #faeddb;
  --colors-brand-2-200: #f8daaf;
  --colors-brand-2-300: #f8c57e;
  --colors-brand-2-400: #f9ac3f;
  --colors-brand-2-600: #f08e05;
  --colors-brand-2-700: #c87604;
  --colors-brand-2-800: #ab6502;
  --colors-brand-2-900: #6f4101;
  --colors-brand-2-950: #472a01;
  --colors-brand-2-500-base: #f89a16;
  --colors-effects-shadows-shadow-xs: rgba(10, 13, 18, 0.05);
  --colors-effects-shadows-shadow-sm-02: rgba(10, 13, 18, 0.1);
  --colors-effects-shadows-shadow-lg-01: rgba(10, 13, 18, 0.08);
  --colors-effects-shadows-shadow-lg-02: rgba(10, 13, 18, 0.03);
  --colors-effects-shadows-shadow-sm-01: rgba(10, 13, 18, 0.1);
  --colors-effects-shadows-shadow-3xl-01: rgba(10, 13, 18, 0.14);
  --colors-effects-shadows-shadow-2xl-01: rgba(10, 13, 18, 0.18);
  --colors-effects-shadows-shadow-md-01: rgba(10, 13, 18, 0.1);
  --colors-effects-shadows-shadow-md-02: rgba(10, 13, 18, 0.06);
  --colors-effects-shadows-shadow-xl-01: rgba(10, 13, 18, 0.08);
  --colors-effects-shadows-shadow-xl-02: rgba(10, 13, 18, 0.03);
  --colors-effects-shadows-shadow-skeumorphic-inner: rgba(10, 13, 18, 0.05);
  --colors-effects-shadows-shadow-skeumorphic-inner-border: rgba(10, 13, 18, 0.18);
  --colors-effects-shadows-shadow-lg-03: rgba(10, 13, 18, 0.04);
  --colors-effects-shadows-shadow-xl-03: rgba(10, 13, 18, 0.04);
  --colors-effects-shadows-shadow-2xl-02: rgba(10, 13, 18, 0.04);
  --colors-effects-shadows-shadow-3xl-02: rgba(10, 13, 18, 0.04);
  --colors-effects-portfolio-mockups-shadow-main-centre-md: rgba(10, 13, 18, 0.14);
  --colors-effects-portfolio-mockups-shadow-main-centre-lg: rgba(10, 13, 18, 0.18);
  --colors-effects-portfolio-mockups-shadow-overlay-lg: rgba(10, 13, 18, 0.12);
  --colors-effects-portfolio-mockups-shadow-grid-md: rgba(10, 13, 18, 0.08);
  --colors-effects-focus-rings-focus-ring: #14a2eb;
  --colors-effects-focus-rings-focus-ring-error: #f04438;
  --colors-effects-focus-rings-focus-ring-2: #6f4101;
  --spacing-0-0px: 0rem;
  --spacing-0-5-2px: 0.125rem;
  --spacing-1-4px: 0.25rem;
  --spacing-2-8px: 0.5rem;
  --spacing-3-12px: 0.75rem;
  --spacing-4-16px: 1rem;
  --spacing-5-20px: 1.25rem;
  --spacing-6-24px: 1.5rem;
  --spacing-8-32px: 2rem;
  --spacing-10-40px: 2.5rem;
  --spacing-12-48px: 3rem;
  --spacing-16-64px: 4rem;
  --spacing-20-80px: 5rem;
  --spacing-24-96px: 6rem;
  --spacing-32-128px: 8rem;
  --spacing-40-160px: 10rem;
  --spacing-48-192px: 12rem;
  --spacing-56-224px: 14rem;
  --spacing-64-256px: 16rem;
  --spacing-96-384px: 24rem;
  --spacing-80-320px: 20rem;
  --spacing-120-480px: 30rem;
  --spacing-160-640px: 40rem;
  --spacing-192-768px: 48rem;
  --spacing-256-1-024px: 64rem;
  --spacing-320-1-280px: 80rem;
  --spacing-360-1-440px: 90rem;
  --spacing-400-1-600px: 100rem;
  --spacing-480-1-920px: 120rem;
  --spacing-1-5-6px: 0.375rem;
  --spacing-140-560px: 35rem;
  --spacing-180-720px: 45rem;
  --spacing-350-1-400px: 87.5rem;
  --spacing-14-56px: 3.5rem;
  --text-text-primary-900: #181d27;
  --text-text-tertiary-600: #535862;
  --text-text-error-primary-600: #d92d20;
  --text-text-warning-primary-600: #dc6803;
  --text-text-success-primary-600: #079455;
  --text-text-white: #ffffff;
  --text-text-secondary-700: #414651;
  --text-text-disabled: #717680;
  --text-text-secondary-hover: #252b37;
  --text-text-tertiary-hover: #414651;
  --text-text-brand-secondary-700: #0b76ad;
  --text-text-placeholder: #717680;
  --text-text-placeholder-subtle: #d5d7da;
  --text-text-brand-tertiary-600: #14a2eb;
  --text-text-quaternary-500: #717680;
  --text-text-brand-primary-900: #04344e;
  --text-text-primary-on-brand: #ffffff;
  --text-text-secondary-on-brand: #dbf0fb;
  --text-text-tertiary-on-brand: #bfe4f7;
  --text-text-quaternary-on-brand: #a4d9f4;
  --text-text-brand-tertiary-alt: #14a2eb;
  --text-text-brand-secondary-hover: #064f74;
  --text-text-error-primary-hover: #b42318;
  --text-text-brand-2-primary-900: #6f4101;
  --text-text-brand-2-secondary-700: #c87604;
  --text-text-brand-2-secondary-hover: #ab6502;
  --text-text-brand-2-tertiary-600: #f08e05;
  --text-text-brand-2-tertiary-alt: #f08e05;
  --text-text-tertiary-on-brand-2: #ab6502;
  --text-text-quaternary-on-brand-2: #c87604;
  --text-text-primary-on-brand-2: #472a01;
  --text-text-secondary-on-brand-2: #6f4101;
  --border-border-secondary: #e9eaeb;
  --border-border-error-subtle: #fda29b;
  --border-border-primary: #d5d7da;
  --border-border-brand: #bfe4f7;
  --border-border-disabled: #d5d7da;
  --border-border-error: #f04438;
  --border-border-disabled-subtle: #e9eaeb;
  --border-border-tertiary: #f5f5f5;
  --border-border-brand-alt: #14a2eb;
  --border-border-secondary-alt: rgba(0, 0, 0, 0.08);
  --border-border-brand-2: #f8c57e;
  --border-border-brand-2-alt: #f08e05;
  --background-bg-primary: #ffffff;
  --background-bg-tertiary: #f5f5f5;
  --background-bg-brand-primary: #f6fbfd;
  --background-bg-error-secondary: #fee4e2;
  --background-bg-warning-primary: #fffaeb;
  --background-bg-warning-secondary: #fef0c7;
  --background-bg-success-primary: #ecfdf3;
  --background-bg-success-secondary: #dcfae6;
  --background-bg-brand-solid: #0b76ad;
  --background-bg-secondary-solid: #535862;
  --background-bg-error-solid: #d92d20;
  --background-bg-warning-solid: #dc6803;
  --background-bg-success-solid: #079455;
  --background-bg-secondary-hover: #f5f5f5;
  --background-bg-primary-hover: #fafafa;
  --background-bg-disabled: #f5f5f5;
  --background-bg-active: #fafafa;
  --background-bg-brand-solid-hover: #064f74;
  --background-bg-error-primary: #fef3f2;
  --background-bg-brand-secondary: #eef7fc;
  --background-bg-secondary: #fafafa;
  --background-bg-disabled-subtle: #fafafa;
  --background-bg-quaternary: #e9eaeb;
  --background-bg-primary-alt: #ffffff;
  --background-bg-brand-primary-alt: #f6fbfd;
  --background-bg-secondary-alt: #fafafa;
  --background-bg-overlay: #0a0d12;
  --background-bg-secondary-subtle: #fdfdfd;
  --background-bg-brand-section: #064f74;
  --background-bg-brand-section-subtle: #0b76ad;
  --background-bg-primary-solid: #0a0d12;
  --background-bg-error-solid-hover: #b42318;
  --background-bg-brand-2-solid: #f89a16;
  --background-bg-brand-2-solid-hover: #f08e05;
  --background-bg-brand-2-section: #c87604;
  --background-bg-brand-2-section-subtle: #f08e05;
  --background-bg-brand-tertiary: #dbf0fb;
  --background-bg-brand-quanternary: #bfe4f7;
  --background-bg-brand-2-primary: #fdf6ed;
  --background-bg-brand-2-primary-alt: #fdf6ed;
  --background-bg-brand-2-secondary: #faeddb;
  --background-bg-brand-2-tertiary: #f8daaf;
  --background-bg-brand-2-quanternary: #f8c57e;
  --foreground-fg-secondary-700: #414651;
  --foreground-fg-warning-primary: #dc6803;
  --foreground-fg-success-primary: #079455;
  --foreground-fg-white: #ffffff;
  --foreground-fg-success-secondary: #17b26a;
  --foreground-fg-secondary-hover: #252b37;
  --foreground-fg-primary-900: #181d27;
  --foreground-fg-disabled: #a4a7ae;
  --foreground-fg-brand-secondary-500: #63bfee;
  --foreground-fg-brand-primary-600: #14a2eb;
  --foreground-fg-quaternary-400: #a4a7ae;
  --foreground-fg-quaternary-hover: #717680;
  --foreground-fg-error-primary: #d92d20;
  --foreground-fg-disabled-subtle: #d5d7da;
  --foreground-fg-warning-secondary: #f79009;
  --foreground-fg-error-secondary: #f04438;
  --foreground-fg-tertiary-600: #535862;
  --foreground-fg-tertiary-hover: #414651;
  --foreground-fg-brand-primary-alt: #14a2eb;
  --foreground-fg-brand-secondary-alt: #63bfee;
  --foreground-fg-brand-secondary-hover: #14a2eb;
  --foreground-fg-brand-2-primary-600: #f08e05;
  --foreground-fg-brand-2-primary-alt: #f08e05;
  --foreground-fg-brand-2-secondary-500: #f89a16;
  --foreground-fg-brand-2-secondary-alt: #f89a16;
  --foreground-fg-brand-2-secondary-hover: #f08e05;
  --foreground-fg-brand-2-tertiary-300: #f8c57e;
  --foreground-fg-brand-2-tertiary-alt: #f8c57e;
  --foreground-fg-brand-tertiary-300: #bfe4f7;
  --foreground-fg-brand-tertiary-alt: #bfe4f7;
  --foreground-fg-brand-2-quantenry-900: #6f4101;
  --foreground-fg-brand-2-quantenry-alt-2: #6f4101;
  --component-colors-components-tooltips-tooltip-supporting-text: #d5d7da;
  --component-colors-components-text-editor-text-editor-icon-fg: #a4a7ae;
  --component-colors-components-text-editor-text-editor-icon-fg-active: #717680;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-brand: #14a2eb;
  --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;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-brand-2: #ab6502;
  --component-colors-components-icons-icons-icon-fg-brand: #14a2eb;
  --component-colors-components-icons-icons-icon-fg-brand-on-brand: #dbf0fb;
  --component-colors-components-icons-icons-icon-fg-brand-2: #6f4101;
  --component-colors-components-icons-icons-icon-fg-brand-on-brand-2: #f8c57e;
  --component-colors-components-sliders-slider-handle-border: #14a2eb;
  --component-colors-components-sliders-slider-handle-bg: #ffffff;
  --component-colors-components-mockups-screen-mockup-border: #181d27;
  --component-colors-components-footers-footer-button-fg: #dbf0fb;
  --component-colors-components-footers-footer-button-fg-hover: #ffffff;
  --component-colors-components-app-store-badges-app-store-badge-border: #a6a6a6;
  --component-colors-components-toggles-toggle-button-fg-disabled: #fafafa;
  --component-colors-components-toggles-toggle-border: #d5d7da;
  --component-colors-components-toggles-toggle-slim-border-pressed: #0b76ad;
  --component-colors-components-toggles-toggle-slim-border-pressed-hover: #064f74;
  --component-colors-components-avatars-avatar-styles-bg-neutral: #e0e0e0;
  --component-colors-components-buttons-button-primary-icon: #bfe4f7;
  --component-colors-components-buttons-button-primary-icon-hover: #dbf0fb;
  --component-colors-components-buttons-button-destructive-primary-icon: #fda29b;
  --component-colors-components-buttons-button-destructive-primary-icon-hover: #fecdca;
  --component-colors-components-buttons-button-primary-2-icon: #6f4101;
  --component-colors-components-buttons-button-primary-2-icon-hover: #6f4101;
  --component-colors-utility-brand-utility-brand-600: #14a2eb;
  --component-colors-utility-brand-utility-brand-700: #0b76ad;
  --component-colors-utility-brand-utility-brand-500: #63bfee;
  --component-colors-utility-brand-utility-brand-200: #dbf0fb;
  --component-colors-utility-brand-utility-brand-50: #f6fbfd;
  --component-colors-utility-brand-utility-brand-100: #eef7fc;
  --component-colors-utility-brand-utility-brand-400: #a4d9f4;
  --component-colors-utility-brand-utility-brand-50-alt: #f6fbfd;
  --component-colors-utility-brand-utility-brand-100-alt: #eef7fc;
  --component-colors-utility-brand-utility-brand-200-alt: #dbf0fb;
  --component-colors-utility-brand-utility-brand-400-alt: #a4d9f4;
  --component-colors-utility-brand-utility-brand-500-alt: #63bfee;
  --component-colors-utility-brand-utility-brand-600-alt: #14a2eb;
  --component-colors-utility-brand-utility-brand-700-alt: #0b76ad;
  --component-colors-utility-brand-utility-brand-300: #bfe4f7;
  --component-colors-utility-brand-utility-brand-900: #04344e;
  --component-colors-utility-brand-utility-brand-800: #064f74;
  --component-colors-utility-brand-utility-brand-300-alt: #bfe4f7;
  --component-colors-utility-brand-utility-brand-800-alt: #064f74;
  --component-colors-utility-brand-utility-brand-900-alt: #04344e;
  --component-colors-utility-gray-utility-gray-700: #414651;
  --component-colors-utility-gray-utility-gray-600: #535862;
  --component-colors-utility-gray-utility-gray-500: #717680;
  --component-colors-utility-gray-utility-gray-200: #e9eaeb;
  --component-colors-utility-gray-utility-gray-50: #fafafa;
  --component-colors-utility-gray-utility-gray-100: #f5f5f5;
  --component-colors-utility-gray-utility-gray-400: #a4a7ae;
  --component-colors-utility-gray-utility-gray-300: #d5d7da;
  --component-colors-utility-gray-utility-gray-900: #181d27;
  --component-colors-utility-gray-utility-gray-800: #252b37;
  --component-colors-utility-error-utility-error-600: #d92d20;
  --component-colors-utility-error-utility-error-700: #b42318;
  --component-colors-utility-error-utility-error-500: #f04438;
  --component-colors-utility-error-utility-error-200: #fecdca;
  --component-colors-utility-error-utility-error-50: #fef3f2;
  --component-colors-utility-error-utility-error-100: #fee4e2;
  --component-colors-utility-error-utility-error-400: #f97066;
  --component-colors-utility-error-utility-error-300: #fda29b;
  --component-colors-utility-warning-utility-warning-600: #dc6803;
  --component-colors-utility-warning-utility-warning-700: #b54708;
  --component-colors-utility-warning-utility-warning-500: #f79009;
  --component-colors-utility-warning-utility-warning-200: #fedf89;
  --component-colors-utility-warning-utility-warning-50: #fffaeb;
  --component-colors-utility-warning-utility-warning-100: #fef0c7;
  --component-colors-utility-warning-utility-warning-400: #fdb022;
  --component-colors-utility-warning-utility-warning-300: #fec84b;
  --component-colors-utility-success-utility-success-600: #079455;
  --component-colors-utility-success-utility-success-700: #067647;
  --component-colors-utility-success-utility-success-500: #17b26a;
  --component-colors-utility-success-utility-success-200: #abefc6;
  --component-colors-utility-success-utility-success-50: #ecfdf3;
  --component-colors-utility-success-utility-success-100: #dcfae6;
  --component-colors-utility-success-utility-success-400: #47cd89;
  --component-colors-utility-success-utility-success-300: #75e0a7;
  --component-colors-utility-purple-utility-fuchsia-600: #715c9d;
  --component-colors-utility-purple-utility-fuchsia-700: #5c4b81;
  --component-colors-utility-purple-utility-fuchsia-500: #8f7eb4;
  --component-colors-utility-purple-utility-fuchsia-200: #e6e2ee;
  --component-colors-utility-purple-utility-fuchsia-50: #f9f9fb;
  --component-colors-utility-purple-utility-fuchsia-100: #f1eff6;
  --component-colors-utility-purple-utility-fuchsia-400: #a092bf;
  --component-colors-utility-purple-utility-fuchsia-300: #b6abce;
  --component-colors-utility-brand-2-utility-brand-50: #fdf6ed;
  --component-colors-utility-brand-2-utility-brand-50-alt: #fdf6ed;
  --component-colors-utility-brand-2-utility-brand-100: #faeddb;
  --component-colors-utility-brand-2-utility-brand-100-alt: #faeddb;
  --component-colors-utility-brand-2-utility-brand-200: #f8daaf;
  --component-colors-utility-brand-2-utility-brand-200-alt: #f8daaf;
  --component-colors-utility-brand-2-utility-brand-300: #f8c57e;
  --component-colors-utility-brand-2-utility-brand-300-alt: #f8c57e;
  --component-colors-utility-brand-2-utility-brand-400: #f9ac3f;
  --component-colors-utility-brand-2-utility-brand-400-alt: #f9ac3f;
  --component-colors-utility-brand-2-utility-brand-500: #f89a16;
  --component-colors-utility-brand-2-utility-brand-500-alt: #f89a16;
  --component-colors-utility-brand-2-utility-brand-600: #f08e05;
  --component-colors-utility-brand-2-utility-brand-600-alt: #f08e05;
  --component-colors-utility-brand-2-utility-brand-700: #c87604;
  --component-colors-utility-brand-2-utility-brand-700-alt: #c87604;
  --component-colors-utility-brand-2-utility-brand-800: #ab6502;
  --component-colors-utility-brand-2-utility-brand-800-alt: #ab6502;
  --component-colors-utility-brand-2-utility-brand-900: #6f4101;
  --component-colors-utility-brand-2-utility-brand-900-alt: #6f4101;
  --component-colors-alpha-alpha-white-90: rgba(255, 255, 255, 0.9);
  --component-colors-alpha-alpha-white-80: rgba(255, 255, 255, 0.8);
  --component-colors-alpha-alpha-white-70: rgba(255, 255, 255, 0.7);
  --component-colors-alpha-alpha-white-60: rgba(255, 255, 255, 0.6);
  --component-colors-alpha-alpha-white-50: rgba(255, 255, 255, 0.5);
  --component-colors-alpha-alpha-white-40: rgba(255, 255, 255, 0.4);
  --component-colors-alpha-alpha-white-30: rgba(255, 255, 255, 0.3);
  --component-colors-alpha-alpha-white-20: rgba(255, 255, 255, 0.2);
  --component-colors-alpha-alpha-white-10: rgba(255, 255, 255, 0.1);
  --component-colors-alpha-alpha-black-10: rgba(0, 0, 0, 0.1);
  --component-colors-alpha-alpha-black-20: rgba(0, 0, 0, 0.2);
  --component-colors-alpha-alpha-black-30: rgba(0, 0, 0, 0.3);
  --component-colors-alpha-alpha-black-40: rgba(0, 0, 0, 0.4);
  --component-colors-alpha-alpha-black-50: rgba(0, 0, 0, 0.5);
  --component-colors-alpha-alpha-black-60: rgba(0, 0, 0, 0.6);
  --component-colors-alpha-alpha-black-70: rgba(0, 0, 0, 0.7);
  --component-colors-alpha-alpha-black-80: rgba(0, 0, 0, 0.8);
  --component-colors-alpha-alpha-black-90: rgba(0, 0, 0, 0.9);
  --component-colors-alpha-alpha-black-100: #000000;
  --component-colors-alpha-alpha-white-100: #ffffff;
  --container-max-width: 80rem;
  --container-horizontal-padding-default: 2rem;
  --section-vertical-padding-default: 6rem;
  --section-vertical-padding-md: 5rem;
  --section-vertical-padding-sm: 4rem;
  --container-horizontal-padding-sm-2: 2rem;
  --width-xxs: 20rem;
  --width-sm: 30rem;
  --width-lg: 40rem;
  --width-xl: 48rem;
  --width-2xl: 64rem;
  --width-3xl: 80rem;
  --width-4xl: 90rem;
  --width-5xl: 100rem;
  --width-6xl: 120rem;
  --width-md: 35rem;
  --paragraph-max-width: 45rem;
  --width-xs: 24rem;
  --spacing-none: 0rem;
  --spacing-xxs: 0.125rem;
  --spacing-xs: 0.25rem;
  --spacing-md: 0.5rem;
  --spacing-lg: 0.75rem;
  --spacing-xl: 1rem;
  --spacing-2xl: 1.25rem;
  --spacing-3xl: 1.5rem;
  --spacing-4xl: 2rem;
  --spacing-6xl: 3rem;
  --spacing-7xl: 4rem;
  --spacing-8xl: 5rem;
  --spacing-9xl: 6rem;
  --spacing-10xl: 8rem;
  --spacing-11xl: 10rem;
  --spacing-sm: 0.375rem;
  --spacing-5xl: 2.5rem;
  --radius-none: 0rem;
  --radius-xxs: 0.125rem;
  --radius-xs: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-4xl: 1.5rem;
  --radius-full: 624.938rem;
  --radius-lg: 0.625rem;
  --radius-3xl: 1.25rem;
  --font-family-font-family-display: IBM Plex Sans Arabic;
  --font-family-font-family-body: IBM Plex Sans Arabic;
  --font-weight-regular: 400;
  --font-weight-regular-italic: 400 italic;
  --font-weight-medium: 500;
  --font-weight-medium-italic: 500 italic;
  --font-weight-semibold: 600;
  --font-weight-semibold-italic: 600 italic;
  --font-weight-bold: 700;
  --font-weight-bold-italic: 700 italic;
  --font-weight-light: 300;
  --font-size-text-xs: 0.75rem;
  --font-size-text-sm: 0.875rem;
  --font-size-text-md: 1rem;
  --font-size-text-lg: 1.125rem;
  --font-size-text-xl: 1.25rem;
  --font-size-desktop-display-xs: 1.5rem;
  --font-size-desktop-display-sm: 1.875rem;
  --font-size-desktop-display-md: 2.25rem;
  --font-size-desktop-display-lg: 3rem;
  --font-size-desktop-display-xl: 3.75rem;
  --font-size-desktop-display-2xl: 4.5rem;
  --font-size-mobile-display-xs: 1.25rem;
  --font-size-mobile-display-sm: 1.375rem;
  --font-size-mobile-display-md: 1.5rem;
  --font-size-mobile-display-lg: 1.75rem;
  --font-size-mobile-display-xl: 2rem;
  --font-size-mobile-display-2xl: 2.5rem;
  --line-height-text-xs: 1.375rem;
  --line-height-text-sm: 1.562rem;
  --line-height-text-md: 1.75rem;
  --line-height-text-lg: 2rem;
  --line-height-text-xl: 2.25rem;
  --line-height-desktop-display-xs: 2.25rem;
  --line-height-desktop-display-sm: 2.75rem;
  --line-height-desktop-display-md: 3rem;
  --line-height-desktop-display-lg: 4rem;
  --line-height-desktop-display-xl: 5rem;
  --line-height-desktop-display-2xl: 5.75rem;
  --line-height-mobile-display-xs: 1.75rem;
  --line-height-mobile-display-sm: 2rem;
  --line-height-mobile-display-md: 2rem;
  --line-height-mobile-display-lg: 2.25rem;
  --line-height-mobile-display-xl: 2.5rem;
  --line-height-mobile-display-2xl: 3.25rem;
  --letter-spacing-xs: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-lg: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-2xl: 0rem;
  --letter-spacing-xxs: 0rem;
  --text-align: right;
  --page-direction: rtl;
}

@media (max-width: 600px) {
  /**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-base-transparent: rgba(255, 255, 255, 0);
  --colors-gray-light-mode-25: #fdfdfd;
  --colors-gray-light-mode-50: #fafafa;
  --colors-gray-light-mode-100: #f5f5f5;
  --colors-gray-light-mode-200: #e9eaeb;
  --colors-gray-light-mode-300: #d5d7da;
  --colors-gray-light-mode-400: #a4a7ae;
  --colors-gray-light-mode-500: #717680;
  --colors-gray-light-mode-600: #535862;
  --colors-gray-light-mode-700: #414651;
  --colors-gray-light-mode-800: #252b37;
  --colors-gray-light-mode-900: #181d27;
  --colors-gray-light-mode-950: #0a0d12;
  --colors-gray-cool-25: #fcfdfd;
  --colors-gray-cool-50: #f9fbfa;
  --colors-gray-cool-100: #f1f3f3;
  --colors-gray-cool-200: #e1e5e4;
  --colors-gray-cool-300: #c2cbc8;
  --colors-gray-cool-400: #8ca19a;
  --colors-gray-cool-500: #6e877e;
  --colors-gray-cool-600: #576b64;
  --colors-gray-cool-700: #4c5d57;
  --colors-gray-cool-800: #394642;
  --colors-gray-cool-900: #171c1a;
  --colors-gray-cool-950: #0e101b;
  --colors-brand-25: #fbfdfe;
  --colors-brand-50: #f6fbfd;
  --colors-brand-100: #eef7fc;
  --colors-brand-200: #dbf0fb;
  --colors-brand-300: #bfe4f7;
  --colors-brand-400: #a4d9f4;
  --colors-brand-500: #63bfee;
  --colors-brand-600: #14a2eb;
  --colors-brand-800: #064f74;
  --colors-brand-900: #04344e;
  --colors-brand-950: #021a27;
  --colors-brand-700-base: #0b76ad;
  --colors-error-25: #fffbfa;
  --colors-error-50: #fef3f2;
  --colors-error-100: #fee4e2;
  --colors-error-200: #fecdca;
  --colors-error-300: #fda29b;
  --colors-error-400: #f97066;
  --colors-error-500: #f04438;
  --colors-error-600: #d92d20;
  --colors-error-700: #b42318;
  --colors-error-800: #912018;
  --colors-error-900: #7a271a;
  --colors-error-950: #55160c;
  --colors-warning-25: #fffcf5;
  --colors-warning-50: #fffaeb;
  --colors-warning-100: #fef0c7;
  --colors-warning-200: #fedf89;
  --colors-warning-300: #fec84b;
  --colors-warning-400: #fdb022;
  --colors-warning-500: #f79009;
  --colors-warning-600: #dc6803;
  --colors-warning-700: #b54708;
  --colors-warning-800: #93370d;
  --colors-warning-900: #7a2e0e;
  --colors-warning-950: #4e1d09;
  --colors-success-25: #f6fef9;
  --colors-success-50: #ecfdf3;
  --colors-success-100: #dcfae6;
  --colors-success-200: #abefc6;
  --colors-success-300: #75e0a7;
  --colors-success-400: #47cd89;
  --colors-success-500: #17b26a;
  --colors-success-600: #079455;
  --colors-success-700: #067647;
  --colors-success-800: #085d3a;
  --colors-success-900: #074d31;
  --colors-success-950: #053321;
  --colors-purple-25: #fcfcfd;
  --colors-purple-50: #f9f9fb;
  --colors-purple-100: #f1eff6;
  --colors-purple-200: #e6e2ee;
  --colors-purple-300: #b6abce;
  --colors-purple-400: #a092bf;
  --colors-purple-500: #8f7eb4;
  --colors-purple-600: #715c9d;
  --colors-purple-700: #5c4b81;
  --colors-purple-800: #4c3e6a;
  --colors-purple-900: #40355a;
  --colors-purple-950: #29223a;
  --colors-gray-dark-mode-alpha-25: rgba(255, 255, 255, 0.98);
  --colors-gray-dark-mode-alpha-50: rgba(255, 255, 255, 0.96);
  --colors-gray-dark-mode-alpha-100: rgba(255, 255, 255, 0.94);
  --colors-gray-dark-mode-alpha-200: rgba(255, 255, 255, 0.92);
  --colors-gray-dark-mode-alpha-300: rgba(255, 255, 255, 0.8);
  --colors-gray-dark-mode-alpha-400: rgba(255, 255, 255, 0.56);
  --colors-gray-dark-mode-alpha-500: rgba(255, 255, 255, 0.5);
  --colors-gray-dark-mode-alpha-600: rgba(255, 255, 255, 0.35);
  --colors-gray-dark-mode-alpha-700: rgba(255, 255, 255, 0.16);
  --colors-gray-dark-mode-alpha-800: rgba(255, 255, 255, 0.08);
  --colors-gray-dark-mode-alpha-900: rgba(255, 255, 255, 0.04);
  --colors-gray-dark-mode-alpha-950: rgba(255, 255, 255, 0);
  --colors-gray-dark-mode-25: #fafafa;
  --colors-gray-dark-mode-50: #f7f7f7;
  --colors-gray-dark-mode-100: #f0f0f1;
  --colors-gray-dark-mode-200: #ececed;
  --colors-gray-dark-mode-300: #cecfd2;
  --colors-gray-dark-mode-400: #94979c;
  --colors-gray-dark-mode-500: #85888e;
  --colors-gray-dark-mode-600: #61656c;
  --colors-gray-dark-mode-700: #373a41;
  --colors-gray-dark-mode-800: #22262f;
  --colors-gray-dark-mode-900: #13161b;
  --colors-gray-dark-mode-950: #0c0e12;
  --colors-brand-2-25: #fdfbf7;
  --colors-brand-2-50: #fdf6ed;
  --colors-brand-2-100: #faeddb;
  --colors-brand-2-200: #f8daaf;
  --colors-brand-2-300: #f8c57e;
  --colors-brand-2-400: #f9ac3f;
  --colors-brand-2-600: #f08e05;
  --colors-brand-2-700: #c87604;
  --colors-brand-2-800: #ab6502;
  --colors-brand-2-900: #6f4101;
  --colors-brand-2-950: #472a01;
  --colors-brand-2-500-base: #f89a16;
  --colors-effects-shadows-shadow-xs: rgba(10, 13, 18, 0.05);
  --colors-effects-shadows-shadow-sm-02: rgba(10, 13, 18, 0.1);
  --colors-effects-shadows-shadow-lg-01: rgba(10, 13, 18, 0.08);
  --colors-effects-shadows-shadow-lg-02: rgba(10, 13, 18, 0.03);
  --colors-effects-shadows-shadow-sm-01: rgba(10, 13, 18, 0.1);
  --colors-effects-shadows-shadow-3xl-01: rgba(10, 13, 18, 0.14);
  --colors-effects-shadows-shadow-2xl-01: rgba(10, 13, 18, 0.18);
  --colors-effects-shadows-shadow-md-01: rgba(10, 13, 18, 0.1);
  --colors-effects-shadows-shadow-md-02: rgba(10, 13, 18, 0.06);
  --colors-effects-shadows-shadow-xl-01: rgba(10, 13, 18, 0.08);
  --colors-effects-shadows-shadow-xl-02: rgba(10, 13, 18, 0.03);
  --colors-effects-shadows-shadow-skeumorphic-inner: rgba(10, 13, 18, 0.05);
  --colors-effects-shadows-shadow-skeumorphic-inner-border: rgba(10, 13, 18, 0.18);
  --colors-effects-shadows-shadow-lg-03: rgba(10, 13, 18, 0.04);
  --colors-effects-shadows-shadow-xl-03: rgba(10, 13, 18, 0.04);
  --colors-effects-shadows-shadow-2xl-02: rgba(10, 13, 18, 0.04);
  --colors-effects-shadows-shadow-3xl-02: rgba(10, 13, 18, 0.04);
  --colors-effects-portfolio-mockups-shadow-main-centre-md: rgba(10, 13, 18, 0.14);
  --colors-effects-portfolio-mockups-shadow-main-centre-lg: rgba(10, 13, 18, 0.18);
  --colors-effects-portfolio-mockups-shadow-overlay-lg: rgba(10, 13, 18, 0.12);
  --colors-effects-portfolio-mockups-shadow-grid-md: rgba(10, 13, 18, 0.08);
  --colors-effects-focus-rings-focus-ring: #14a2eb;
  --colors-effects-focus-rings-focus-ring-error: #f04438;
  --colors-effects-focus-rings-focus-ring-2: #6f4101;
  --spacing-0-0px: 0rem;
  --spacing-0-5-2px: 0.125rem;
  --spacing-1-4px: 0.25rem;
  --spacing-2-8px: 0.5rem;
  --spacing-3-12px: 0.75rem;
  --spacing-4-16px: 1rem;
  --spacing-5-20px: 1.25rem;
  --spacing-6-24px: 1.5rem;
  --spacing-8-32px: 2rem;
  --spacing-10-40px: 2.5rem;
  --spacing-12-48px: 3rem;
  --spacing-16-64px: 4rem;
  --spacing-20-80px: 5rem;
  --spacing-24-96px: 6rem;
  --spacing-32-128px: 8rem;
  --spacing-40-160px: 10rem;
  --spacing-48-192px: 12rem;
  --spacing-56-224px: 14rem;
  --spacing-64-256px: 16rem;
  --spacing-96-384px: 24rem;
  --spacing-80-320px: 20rem;
  --spacing-120-480px: 30rem;
  --spacing-160-640px: 40rem;
  --spacing-192-768px: 48rem;
  --spacing-256-1-024px: 64rem;
  --spacing-320-1-280px: 80rem;
  --spacing-360-1-440px: 90rem;
  --spacing-400-1-600px: 100rem;
  --spacing-480-1-920px: 120rem;
  --spacing-1-5-6px: 0.375rem;
  --spacing-140-560px: 35rem;
  --spacing-180-720px: 45rem;
  --spacing-350-1-400px: 87.5rem;
  --spacing-14-56px: 3.5rem;
  --text-text-primary-900: #181d27;
  --text-text-tertiary-600: #535862;
  --text-text-error-primary-600: #d92d20;
  --text-text-warning-primary-600: #dc6803;
  --text-text-success-primary-600: #079455;
  --text-text-white: #ffffff;
  --text-text-secondary-700: #414651;
  --text-text-disabled: #717680;
  --text-text-secondary-hover: #252b37;
  --text-text-tertiary-hover: #414651;
  --text-text-brand-secondary-700: #0b76ad;
  --text-text-placeholder: #717680;
  --text-text-placeholder-subtle: #d5d7da;
  --text-text-brand-tertiary-600: #14a2eb;
  --text-text-quaternary-500: #717680;
  --text-text-brand-primary-900: #04344e;
  --text-text-primary-on-brand: #ffffff;
  --text-text-secondary-on-brand: #dbf0fb;
  --text-text-tertiary-on-brand: #bfe4f7;
  --text-text-quaternary-on-brand: #a4d9f4;
  --text-text-brand-tertiary-alt: #14a2eb;
  --text-text-brand-secondary-hover: #064f74;
  --text-text-error-primary-hover: #b42318;
  --text-text-brand-2-primary-900: #6f4101;
  --text-text-brand-2-secondary-700: #c87604;
  --text-text-brand-2-secondary-hover: #ab6502;
  --text-text-brand-2-tertiary-600: #f08e05;
  --text-text-brand-2-tertiary-alt: #f08e05;
  --text-text-tertiary-on-brand-2: #ab6502;
  --text-text-quaternary-on-brand-2: #c87604;
  --text-text-primary-on-brand-2: #472a01;
  --text-text-secondary-on-brand-2: #6f4101;
  --border-border-secondary: #e9eaeb;
  --border-border-error-subtle: #fda29b;
  --border-border-primary: #d5d7da;
  --border-border-brand: #bfe4f7;
  --border-border-disabled: #d5d7da;
  --border-border-error: #f04438;
  --border-border-disabled-subtle: #e9eaeb;
  --border-border-tertiary: #f5f5f5;
  --border-border-brand-alt: #14a2eb;
  --border-border-secondary-alt: rgba(0, 0, 0, 0.08);
  --border-border-brand-2: #f8c57e;
  --border-border-brand-2-alt: #f08e05;
  --background-bg-primary: #ffffff;
  --background-bg-tertiary: #f5f5f5;
  --background-bg-brand-primary: #f6fbfd;
  --background-bg-error-secondary: #fee4e2;
  --background-bg-warning-primary: #fffaeb;
  --background-bg-warning-secondary: #fef0c7;
  --background-bg-success-primary: #ecfdf3;
  --background-bg-success-secondary: #dcfae6;
  --background-bg-brand-solid: #0b76ad;
  --background-bg-secondary-solid: #535862;
  --background-bg-error-solid: #d92d20;
  --background-bg-warning-solid: #dc6803;
  --background-bg-success-solid: #079455;
  --background-bg-secondary-hover: #f5f5f5;
  --background-bg-primary-hover: #fafafa;
  --background-bg-disabled: #f5f5f5;
  --background-bg-active: #fafafa;
  --background-bg-brand-solid-hover: #064f74;
  --background-bg-error-primary: #fef3f2;
  --background-bg-brand-secondary: #eef7fc;
  --background-bg-secondary: #fafafa;
  --background-bg-disabled-subtle: #fafafa;
  --background-bg-quaternary: #e9eaeb;
  --background-bg-primary-alt: #ffffff;
  --background-bg-brand-primary-alt: #f6fbfd;
  --background-bg-secondary-alt: #fafafa;
  --background-bg-overlay: #0a0d12;
  --background-bg-secondary-subtle: #fdfdfd;
  --background-bg-brand-section: #064f74;
  --background-bg-brand-section-subtle: #0b76ad;
  --background-bg-primary-solid: #0a0d12;
  --background-bg-error-solid-hover: #b42318;
  --background-bg-brand-2-solid: #f89a16;
  --background-bg-brand-2-solid-hover: #f08e05;
  --background-bg-brand-2-section: #c87604;
  --background-bg-brand-2-section-subtle: #f08e05;
  --background-bg-brand-tertiary: #dbf0fb;
  --background-bg-brand-quanternary: #bfe4f7;
  --background-bg-brand-2-primary: #fdf6ed;
  --background-bg-brand-2-primary-alt: #fdf6ed;
  --background-bg-brand-2-secondary: #faeddb;
  --background-bg-brand-2-tertiary: #f8daaf;
  --background-bg-brand-2-quanternary: #f8c57e;
  --foreground-fg-secondary-700: #414651;
  --foreground-fg-warning-primary: #dc6803;
  --foreground-fg-success-primary: #079455;
  --foreground-fg-white: #ffffff;
  --foreground-fg-success-secondary: #17b26a;
  --foreground-fg-secondary-hover: #252b37;
  --foreground-fg-primary-900: #181d27;
  --foreground-fg-disabled: #a4a7ae;
  --foreground-fg-brand-secondary-500: #63bfee;
  --foreground-fg-brand-primary-600: #14a2eb;
  --foreground-fg-quaternary-400: #a4a7ae;
  --foreground-fg-quaternary-hover: #717680;
  --foreground-fg-error-primary: #d92d20;
  --foreground-fg-disabled-subtle: #d5d7da;
  --foreground-fg-warning-secondary: #f79009;
  --foreground-fg-error-secondary: #f04438;
  --foreground-fg-tertiary-600: #535862;
  --foreground-fg-tertiary-hover: #414651;
  --foreground-fg-brand-primary-alt: #14a2eb;
  --foreground-fg-brand-secondary-alt: #63bfee;
  --foreground-fg-brand-secondary-hover: #14a2eb;
  --foreground-fg-brand-2-primary-600: #f08e05;
  --foreground-fg-brand-2-primary-alt: #f08e05;
  --foreground-fg-brand-2-secondary-500: #f89a16;
  --foreground-fg-brand-2-secondary-alt: #f89a16;
  --foreground-fg-brand-2-secondary-hover: #f08e05;
  --foreground-fg-brand-2-tertiary-300: #f8c57e;
  --foreground-fg-brand-2-tertiary-alt: #f8c57e;
  --foreground-fg-brand-tertiary-300: #bfe4f7;
  --foreground-fg-brand-tertiary-alt: #bfe4f7;
  --foreground-fg-brand-2-quantenry-900: #6f4101;
  --foreground-fg-brand-2-quantenry-alt-2: #6f4101;
  --component-colors-components-tooltips-tooltip-supporting-text: #d5d7da;
  --component-colors-components-text-editor-text-editor-icon-fg: #a4a7ae;
  --component-colors-components-text-editor-text-editor-icon-fg-active: #717680;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-brand: #14a2eb;
  --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;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-brand-2: #ab6502;
  --component-colors-components-icons-icons-icon-fg-brand: #14a2eb;
  --component-colors-components-icons-icons-icon-fg-brand-on-brand: #dbf0fb;
  --component-colors-components-icons-icons-icon-fg-brand-2: #6f4101;
  --component-colors-components-icons-icons-icon-fg-brand-on-brand-2: #f8c57e;
  --component-colors-components-sliders-slider-handle-border: #14a2eb;
  --component-colors-components-sliders-slider-handle-bg: #ffffff;
  --component-colors-components-mockups-screen-mockup-border: #181d27;
  --component-colors-components-footers-footer-button-fg: #dbf0fb;
  --component-colors-components-footers-footer-button-fg-hover: #ffffff;
  --component-colors-components-app-store-badges-app-store-badge-border: #a6a6a6;
  --component-colors-components-toggles-toggle-button-fg-disabled: #fafafa;
  --component-colors-components-toggles-toggle-border: #d5d7da;
  --component-colors-components-toggles-toggle-slim-border-pressed: #0b76ad;
  --component-colors-components-toggles-toggle-slim-border-pressed-hover: #064f74;
  --component-colors-components-avatars-avatar-styles-bg-neutral: #e0e0e0;
  --component-colors-components-buttons-button-primary-icon: #bfe4f7;
  --component-colors-components-buttons-button-primary-icon-hover: #dbf0fb;
  --component-colors-components-buttons-button-destructive-primary-icon: #fda29b;
  --component-colors-components-buttons-button-destructive-primary-icon-hover: #fecdca;
  --component-colors-components-buttons-button-primary-2-icon: #6f4101;
  --component-colors-components-buttons-button-primary-2-icon-hover: #6f4101;
  --component-colors-utility-brand-utility-brand-600: #14a2eb;
  --component-colors-utility-brand-utility-brand-700: #0b76ad;
  --component-colors-utility-brand-utility-brand-500: #63bfee;
  --component-colors-utility-brand-utility-brand-200: #dbf0fb;
  --component-colors-utility-brand-utility-brand-50: #f6fbfd;
  --component-colors-utility-brand-utility-brand-100: #eef7fc;
  --component-colors-utility-brand-utility-brand-400: #a4d9f4;
  --component-colors-utility-brand-utility-brand-50-alt: #f6fbfd;
  --component-colors-utility-brand-utility-brand-100-alt: #eef7fc;
  --component-colors-utility-brand-utility-brand-200-alt: #dbf0fb;
  --component-colors-utility-brand-utility-brand-400-alt: #a4d9f4;
  --component-colors-utility-brand-utility-brand-500-alt: #63bfee;
  --component-colors-utility-brand-utility-brand-600-alt: #14a2eb;
  --component-colors-utility-brand-utility-brand-700-alt: #0b76ad;
  --component-colors-utility-brand-utility-brand-300: #bfe4f7;
  --component-colors-utility-brand-utility-brand-900: #04344e;
  --component-colors-utility-brand-utility-brand-800: #064f74;
  --component-colors-utility-brand-utility-brand-300-alt: #bfe4f7;
  --component-colors-utility-brand-utility-brand-800-alt: #064f74;
  --component-colors-utility-brand-utility-brand-900-alt: #04344e;
  --component-colors-utility-gray-utility-gray-700: #414651;
  --component-colors-utility-gray-utility-gray-600: #535862;
  --component-colors-utility-gray-utility-gray-500: #717680;
  --component-colors-utility-gray-utility-gray-200: #e9eaeb;
  --component-colors-utility-gray-utility-gray-50: #fafafa;
  --component-colors-utility-gray-utility-gray-100: #f5f5f5;
  --component-colors-utility-gray-utility-gray-400: #a4a7ae;
  --component-colors-utility-gray-utility-gray-300: #d5d7da;
  --component-colors-utility-gray-utility-gray-900: #181d27;
  --component-colors-utility-gray-utility-gray-800: #252b37;
  --component-colors-utility-error-utility-error-600: #d92d20;
  --component-colors-utility-error-utility-error-700: #b42318;
  --component-colors-utility-error-utility-error-500: #f04438;
  --component-colors-utility-error-utility-error-200: #fecdca;
  --component-colors-utility-error-utility-error-50: #fef3f2;
  --component-colors-utility-error-utility-error-100: #fee4e2;
  --component-colors-utility-error-utility-error-400: #f97066;
  --component-colors-utility-error-utility-error-300: #fda29b;
  --component-colors-utility-warning-utility-warning-600: #dc6803;
  --component-colors-utility-warning-utility-warning-700: #b54708;
  --component-colors-utility-warning-utility-warning-500: #f79009;
  --component-colors-utility-warning-utility-warning-200: #fedf89;
  --component-colors-utility-warning-utility-warning-50: #fffaeb;
  --component-colors-utility-warning-utility-warning-100: #fef0c7;
  --component-colors-utility-warning-utility-warning-400: #fdb022;
  --component-colors-utility-warning-utility-warning-300: #fec84b;
  --component-colors-utility-success-utility-success-600: #079455;
  --component-colors-utility-success-utility-success-700: #067647;
  --component-colors-utility-success-utility-success-500: #17b26a;
  --component-colors-utility-success-utility-success-200: #abefc6;
  --component-colors-utility-success-utility-success-50: #ecfdf3;
  --component-colors-utility-success-utility-success-100: #dcfae6;
  --component-colors-utility-success-utility-success-400: #47cd89;
  --component-colors-utility-success-utility-success-300: #75e0a7;
  --component-colors-utility-purple-utility-fuchsia-600: #715c9d;
  --component-colors-utility-purple-utility-fuchsia-700: #5c4b81;
  --component-colors-utility-purple-utility-fuchsia-500: #8f7eb4;
  --component-colors-utility-purple-utility-fuchsia-200: #e6e2ee;
  --component-colors-utility-purple-utility-fuchsia-50: #f9f9fb;
  --component-colors-utility-purple-utility-fuchsia-100: #f1eff6;
  --component-colors-utility-purple-utility-fuchsia-400: #a092bf;
  --component-colors-utility-purple-utility-fuchsia-300: #b6abce;
  --component-colors-utility-brand-2-utility-brand-50: #fdf6ed;
  --component-colors-utility-brand-2-utility-brand-50-alt: #fdf6ed;
  --component-colors-utility-brand-2-utility-brand-100: #faeddb;
  --component-colors-utility-brand-2-utility-brand-100-alt: #faeddb;
  --component-colors-utility-brand-2-utility-brand-200: #f8daaf;
  --component-colors-utility-brand-2-utility-brand-200-alt: #f8daaf;
  --component-colors-utility-brand-2-utility-brand-300: #f8c57e;
  --component-colors-utility-brand-2-utility-brand-300-alt: #f8c57e;
  --component-colors-utility-brand-2-utility-brand-400: #f9ac3f;
  --component-colors-utility-brand-2-utility-brand-400-alt: #f9ac3f;
  --component-colors-utility-brand-2-utility-brand-500: #f89a16;
  --component-colors-utility-brand-2-utility-brand-500-alt: #f89a16;
  --component-colors-utility-brand-2-utility-brand-600: #f08e05;
  --component-colors-utility-brand-2-utility-brand-600-alt: #f08e05;
  --component-colors-utility-brand-2-utility-brand-700: #c87604;
  --component-colors-utility-brand-2-utility-brand-700-alt: #c87604;
  --component-colors-utility-brand-2-utility-brand-800: #ab6502;
  --component-colors-utility-brand-2-utility-brand-800-alt: #ab6502;
  --component-colors-utility-brand-2-utility-brand-900: #6f4101;
  --component-colors-utility-brand-2-utility-brand-900-alt: #6f4101;
  --component-colors-alpha-alpha-white-90: rgba(255, 255, 255, 0.9);
  --component-colors-alpha-alpha-white-80: rgba(255, 255, 255, 0.8);
  --component-colors-alpha-alpha-white-70: rgba(255, 255, 255, 0.7);
  --component-colors-alpha-alpha-white-60: rgba(255, 255, 255, 0.6);
  --component-colors-alpha-alpha-white-50: rgba(255, 255, 255, 0.5);
  --component-colors-alpha-alpha-white-40: rgba(255, 255, 255, 0.4);
  --component-colors-alpha-alpha-white-30: rgba(255, 255, 255, 0.3);
  --component-colors-alpha-alpha-white-20: rgba(255, 255, 255, 0.2);
  --component-colors-alpha-alpha-white-10: rgba(255, 255, 255, 0.1);
  --component-colors-alpha-alpha-black-10: rgba(0, 0, 0, 0.1);
  --component-colors-alpha-alpha-black-20: rgba(0, 0, 0, 0.2);
  --component-colors-alpha-alpha-black-30: rgba(0, 0, 0, 0.3);
  --component-colors-alpha-alpha-black-40: rgba(0, 0, 0, 0.4);
  --component-colors-alpha-alpha-black-50: rgba(0, 0, 0, 0.5);
  --component-colors-alpha-alpha-black-60: rgba(0, 0, 0, 0.6);
  --component-colors-alpha-alpha-black-70: rgba(0, 0, 0, 0.7);
  --component-colors-alpha-alpha-black-80: rgba(0, 0, 0, 0.8);
  --component-colors-alpha-alpha-black-90: rgba(0, 0, 0, 0.9);
  --component-colors-alpha-alpha-black-100: #000000;
  --component-colors-alpha-alpha-white-100: #ffffff;
  --container-max-width: 80rem;
  --container-horizontal-padding-default: 2rem;
  --section-vertical-padding-default: 56px;
  --section-vertical-padding-md: 5rem;
  --section-vertical-padding-sm: 4rem;
  --container-horizontal-padding-sm-2: 1rem;
  --width-xxs: 20rem;
  --width-sm: 30rem;
  --width-lg: 40rem;
  --width-xl: 48rem;
  --width-2xl: 64rem;
  --width-3xl: 80rem;
  --width-4xl: 90rem;
  --width-5xl: 100rem;
  --width-6xl: 120rem;
  --width-md: 35rem;
  --paragraph-max-width: 23rem;
  --width-xs: 24rem;
  --spacing-none: 0rem;
  --spacing-xxs: 0.125rem;
  --spacing-xs: 0.25rem;
  --spacing-md: 0.5rem;
  --spacing-lg: 0.75rem;
  --spacing-xl: 1rem;
  --spacing-2xl: 1.25rem;
  --spacing-3xl: 1.5rem;
  --spacing-4xl: 2rem;
  --spacing-6xl: 3rem;
  --spacing-7xl: 4rem;
  --spacing-8xl: 5rem;
  --spacing-9xl: 6rem;
  --spacing-10xl: 8rem;
  --spacing-11xl: 10rem;
  --spacing-sm: 0.375rem;
  --spacing-5xl: 2.5rem;
  --radius-none: 0rem;
  --radius-xxs: 0.125rem;
  --radius-xs: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-4xl: 1.5rem;
  --radius-full: 624.938rem;
  --radius-lg: 0.625rem;
  --radius-3xl: 1.25rem;
  --font-family-font-family-display: IBM Plex Sans Arabic;
  --font-family-font-family-body: IBM Plex Sans Arabic;
  --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-weight-light: Regular;
  --font-size-text-xs: 0.75rem;
  --font-size-text-sm: 0.875rem;
  --font-size-text-md: 1rem;
  --font-size-text-lg: 1.125rem;
  --font-size-text-xl: 1.25rem;
  --font-size-desktop-display-xs: 1.5rem;
  --font-size-desktop-display-sm: 1.875rem;
  --font-size-desktop-display-md: 2.25rem;
  --font-size-desktop-display-lg: 3rem;
  --font-size-desktop-display-xl: 3.75rem;
  --font-size-desktop-display-2xl: 4.5rem;
  --font-size-mobile-display-xs: 1.25rem;
  --font-size-mobile-display-sm: 1.375rem;
  --font-size-mobile-display-md: 1.5rem;
  --font-size-mobile-display-lg: 1.75rem;
  --font-size-mobile-display-xl: 2rem;
  --font-size-mobile-display-2xl: 2.5rem;
  --line-height-text-xs: 1.375rem;
  --line-height-text-sm: 1.562rem;
  --line-height-text-md: 1.75rem;
  --line-height-text-lg: 2rem;
  --line-height-text-xl: 2.25rem;
  --line-height-desktop-display-xs: 2.25rem;
  --line-height-desktop-display-sm: 2.75rem;
  --line-height-desktop-display-md: 3rem;
  --line-height-desktop-display-lg: 4rem;
  --line-height-desktop-display-xl: 5rem;
  --line-height-desktop-display-2xl: 5.75rem;
  --line-height-mobile-display-xs: 1.75rem;
  --line-height-mobile-display-sm: 2rem;
  --line-height-mobile-display-md: 2rem;
  --line-height-mobile-display-lg: 2.25rem;
  --line-height-mobile-display-xl: 2.5rem;
  --line-height-mobile-display-2xl: 3.25rem;
  --letter-spacing-xs: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-lg: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-2xl: 0rem;
  --letter-spacing-xxs: 0rem;
  --text-align: right;
  --page-direction: rtl;
}

}