/**
 * Do not edit directly
 * Generated on Thu, 03 Apr 2025 14:24:18 GMT
 */

:root {
  --ros-theme-color-shadow-400: #00000066;
  --ros-theme-color-shadow-300: #00000040;
  --ros-theme-color-shadow-200: #0000001a;
  --ros-theme-color-shadow-100: #0000000f;
  --ros-theme-color-shadow-50: #0000000a;
  --ros-theme-color-yellow-1300: #362500;
  --ros-theme-color-yellow-1200: #483300;
  --ros-theme-color-yellow-1100: #5b4300;
  --ros-theme-color-yellow-1000: #705300;
  --ros-theme-color-yellow-900: #856600;
  --ros-theme-color-yellow-800: #9b7800;
  --ros-theme-color-yellow-700: #b08c00;
  --ros-theme-color-yellow-600: #c49f00;
  --ros-theme-color-yellow-500: #d7b300;
  --ros-theme-color-yellow-400: #e8c600;
  --ros-theme-color-yellow-300: #f8d904;
  --ros-theme-color-yellow-200: #f8e750;
  --ros-theme-color-yellow-100: #fbf198;
  --ros-theme-color-seafoam-1300: #122c2b;
  --ros-theme-color-seafoam-1200: #123c3a;
  --ros-theme-color-seafoam-1100: #0c4f4c;
  --ros-theme-color-seafoam-1000: #00635f;
  --ros-theme-color-seafoam-900: #007772;
  --ros-theme-color-seafoam-800: #008c87;
  --ros-theme-color-seafoam-700: #00a19a;
  --ros-theme-color-seafoam-600: #0fb5ae;
  --ros-theme-color-seafoam-500: #3fc9c1;
  --ros-theme-color-seafoam-400: #65dad2;
  --ros-theme-color-seafoam-300: #8ce9e2;
  --ros-theme-color-seafoam-200: #aaf1ea;
  --ros-theme-color-seafoam-100: #cef7f3;
  --ros-theme-color-purple-1300: #33106a;
  --ros-theme-color-purple-1200: #470c94;
  --ros-theme-color-purple-1100: #5d13b7;
  --ros-theme-color-purple-1000: #7326d3;
  --ros-theme-color-purple-900: #893de7;
  --ros-theme-color-purple-800: #9d57f4;
  --ros-theme-color-purple-700: #ae72f9;
  --ros-theme-color-purple-600: #bd8bfc;
  --ros-theme-color-purple-500: #cca4fd;
  --ros-theme-color-purple-400: #dbbbfe;
  --ros-theme-color-purple-300: #e6d0ff;
  --ros-theme-color-purple-200: #eeddff;
  --ros-theme-color-purple-100: #f6ebff;
  --ros-theme-color-magenta-1300: #54032a;
  --ros-theme-color-magenta-1200: #700037;
  --ros-theme-color-magenta-1100: #8e0045;
  --ros-theme-color-magenta-1000: #ad0955;
  --ros-theme-color-magenta-900: #c82269;
  --ros-theme-color-magenta-800: #de3d82;
  --ros-theme-color-magenta-700: #ef5a98;
  --ros-theme-color-magenta-600: #fa77aa;
  --ros-theme-color-magenta-500: #ff95bd;
  --ros-theme-color-magenta-400: #ffb2ce;
  --ros-theme-color-magenta-300: #ffcadd;
  --ros-theme-color-magenta-200: #ffdce8;
  --ros-theme-color-magenta-100: #ffeaf1;
  --ros-theme-color-indigo-1300: #1b1e64;
  --ros-theme-color-indigo-1200: #262986;
  --ros-theme-color-indigo-1100: #3236a8;
  --ros-theme-color-indigo-1000: #4046ca;
  --ros-theme-color-indigo-900: #5258e4;
  --ros-theme-color-indigo-800: #686df4;
  --ros-theme-color-indigo-700: #7e84fc;
  --ros-theme-color-indigo-600: #9599ff;
  --ros-theme-color-indigo-500: #acafff;
  --ros-theme-color-indigo-400: #c1c4ff;
  --ros-theme-color-indigo-300: #d3d5ff;
  --ros-theme-color-indigo-200: #e0e2ff;
  --ros-theme-color-indigo-100: #edeeff;
  --ros-theme-color-fuchsia-1300: #470e46;
  --ros-theme-color-fuchsia-1200: #640664;
  --ros-theme-color-fuchsia-1100: #800081;
  --ros-theme-color-fuchsia-1000: #9d039e;
  --ros-theme-color-fuchsia-900: #b622b7;
  --ros-theme-color-fuchsia-800: #cd3ace;
  --ros-theme-color-fuchsia-700: #e055e2;
  --ros-theme-color-fuchsia-600: #ed74ed;
  --ros-theme-color-fuchsia-500: #f592f3;
  --ros-theme-color-fuchsia-400: #fbaef6;
  --ros-theme-color-fuchsia-300: #fec7f8;
  --ros-theme-color-fuchsia-200: #ffdafa;
  --ros-theme-color-fuchsia-100: #ffe9fc;
  --ros-theme-color-cyan-1300: #002a46;
  --ros-theme-color-cyan-1200: #00395d;
  --ros-theme-color-cyan-1100: #004a73;
  --ros-theme-color-cyan-1000: #005d89;
  --ros-theme-color-cyan-900: #00719f;
  --ros-theme-color-cyan-800: #0086b4;
  --ros-theme-color-cyan-700: #019cc8;
  --ros-theme-color-cyan-600: #12b0da;
  --ros-theme-color-cyan-500: #33c5e8;
  --ros-theme-color-cyan-400: #60d8f3;
  --ros-theme-color-cyan-300: #88e7fa;
  --ros-theme-color-cyan-200: #a4f0ff;
  --ros-theme-color-cyan-100: #c5f8ff;
  --ros-theme-color-chartreuse-1300: #212c00;
  --ros-theme-color-chartreuse-1200: #2c3b00;
  --ros-theme-color-chartreuse-1100: #3a4d00;
  --ros-theme-color-chartreuse-1000: #486000;
  --ros-theme-color-chartreuse-900: #577400;
  --ros-theme-color-chartreuse-800: #678800;
  --ros-theme-color-chartreuse-700: #769c00;
  --ros-theme-color-chartreuse-600: #87b103;
  --ros-theme-color-chartreuse-500: #98c50a;
  --ros-theme-color-chartreuse-400: #aad816;
  --ros-theme-color-chartreuse-300: #bce92a;
  --ros-theme-color-chartreuse-200: #cbf443;
  --ros-theme-color-chartreuse-100: #dbfc6e;
  --ros-theme-color-celery-1300: #003007;
  --ros-theme-color-celery-1200: #00400a;
  --ros-theme-color-celery-1100: #00530d;
  --ros-theme-color-celery-1000: #00670f;
  --ros-theme-color-celery-900: #007c0f;
  --ros-theme-color-celery-800: #009112;
  --ros-theme-color-celery-700: #07a721;
  --ros-theme-color-celery-600: #27bb36;
  --ros-theme-color-celery-500: #4ecf50;
  --ros-theme-color-celery-400: #72e06a;
  --ros-theme-color-celery-300: #96ee85;
  --ros-theme-color-celery-200: #aef69d;
  --ros-theme-color-celery-100: #cdfcbf;
  --ros-theme-color-red-1300: #590000;
  --ros-theme-color-red-1200: #740000;
  --ros-theme-color-red-1100: #930000;
  --ros-theme-color-red-1000: #b40000;
  --ros-theme-color-red-900: #d31510;
  --ros-theme-color-red-800: #ea3829;
  --ros-theme-color-red-700: #f75c46;
  --ros-theme-color-red-600: #ff7c65;
  --ros-theme-color-red-500: #ff9b88;
  --ros-theme-color-red-400: #ffb7a9;
  --ros-theme-color-red-300: #ffcdc3;
  --ros-theme-color-red-200: #ffddd6;
  --ros-theme-color-red-100: #ffebe7;
  --ros-theme-color-orange-1300: #491901;
  --ros-theme-color-orange-1200: #612300;
  --ros-theme-color-orange-1100: #7a2f00;
  --ros-theme-color-orange-1000: #953d00;
  --ros-theme-color-orange-900: #b14c00;
  --ros-theme-color-orange-800: #cb5d00;
  --ros-theme-color-orange-700: #e46f00;
  --ros-theme-color-orange-600: #f68511;
  --ros-theme-color-orange-500: #ffa037;
  --ros-theme-color-orange-400: #ffbb63;
  --ros-theme-color-orange-300: #fdd291;
  --ros-theme-color-orange-200: #ffdfad;
  --ros-theme-color-orange-100: #ffeccc;
  --ros-theme-color-green-1300: #0a2e1d;
  --ros-theme-color-green-1200: #053f27;
  --ros-theme-color-green-1100: #005132;
  --ros-theme-color-green-1000: #00653e;
  --ros-theme-color-green-900: #007a4d;
  --ros-theme-color-green-800: #008f5d;
  --ros-theme-color-green-700: #15a46e;
  --ros-theme-color-green-600: #2fb880;
  --ros-theme-color-green-500: #49cc93;
  --ros-theme-color-green-400: #67dea8;
  --ros-theme-color-green-300: #89ecbc;
  --ros-theme-color-green-200: #adf4ce;
  --ros-theme-color-green-100: #cef8e0;
  --ros-theme-color-blue-1300: #002754;
  --ros-theme-color-blue-1200: #003571;
  --ros-theme-color-blue-1100: #004491;
  --ros-theme-color-blue-1000: #0054b6;
  --ros-theme-color-blue-900: #0265dc;
  --ros-theme-color-blue-800: #147af3;
  --ros-theme-color-blue-700: #3892f3;
  --ros-theme-color-blue-600: #59a7f6;
  --ros-theme-color-blue-500: #78bbfa;
  --ros-theme-color-blue-400: #96cefd;
  --ros-theme-color-blue-300: #b5deff;
  --ros-theme-color-blue-200: #cae8ff;
  --ros-theme-color-blue-100: #e0f2ff;
  --ros-theme-color-gray-900: #000000;
  --ros-theme-color-gray-800: #222222;
  --ros-theme-color-gray-700: #464646;
  --ros-theme-color-gray-600: #6d6d6d;
  --ros-theme-color-gray-500: #909090;
  --ros-theme-color-gray-400: #b1b1b1;
  --ros-theme-color-gray-300: #d5d5d5;
  --ros-theme-color-gray-200: #e6e6e6;
  --ros-theme-color-gray-100: #f8f8f8;
  --ros-theme-color-gray-75: #fdfdfd;
  --ros-theme-color-gray-50: #fff;
  --ros-semantic-inner-shadow-sm-0-spread: 0px;
  --ros-semantic-inner-shadow-sm-0-blur: 4px;
  --ros-semantic-inner-shadow-sm-0-y: 2px;
  --ros-semantic-inner-shadow-sm-0-x: 0px;
  --ros-semantic-inner-shadow-sm-0-type: innerShadow;
  --ros-semantic-inner-shadow-sm-0-color: #0000000f;
  --ros-semantic-drop-shadow-xl-1-type: dropShadow;
  --ros-semantic-drop-shadow-xl-1-color: #0000000f;
  --ros-semantic-drop-shadow-xl-1-spread: 0px;
  --ros-semantic-drop-shadow-xl-1-blur: 25px;
  --ros-semantic-drop-shadow-xl-1-y: 20px;
  --ros-semantic-drop-shadow-xl-1-x: 0px;
  --ros-semantic-drop-shadow-xl-0-spread: 0px;
  --ros-semantic-drop-shadow-xl-0-blur: 10px;
  --ros-semantic-drop-shadow-xl-0-y: 10px;
  --ros-semantic-drop-shadow-xl-0-x: 0px;
  --ros-semantic-drop-shadow-xl-0-type: dropShadow;
  --ros-semantic-drop-shadow-xl-0-color: #0000000a;
  --ros-semantic-drop-shadow-lg-1-type: dropShadow;
  --ros-semantic-drop-shadow-lg-1-color: #0000000f;
  --ros-semantic-drop-shadow-lg-1-spread: 0px;
  --ros-semantic-drop-shadow-lg-1-blur: 6px;
  --ros-semantic-drop-shadow-lg-1-y: 4px;
  --ros-semantic-drop-shadow-lg-1-x: 0px;
  --ros-semantic-drop-shadow-lg-0-spread: 0px;
  --ros-semantic-drop-shadow-lg-0-blur: 15px;
  --ros-semantic-drop-shadow-lg-0-y: 10px;
  --ros-semantic-drop-shadow-lg-0-x: 0px;
  --ros-semantic-drop-shadow-lg-0-type: dropShadow;
  --ros-semantic-drop-shadow-lg-0-color: #0000001a;
  --ros-semantic-drop-shadow-md-1-type: dropShadow;
  --ros-semantic-drop-shadow-md-1-color: #0000001a;
  --ros-semantic-drop-shadow-md-1-spread: 0px;
  --ros-semantic-drop-shadow-md-1-blur: 6px;
  --ros-semantic-drop-shadow-md-1-y: 4px;
  --ros-semantic-drop-shadow-md-1-x: 0px;
  --ros-semantic-drop-shadow-md-0-spread: 0px;
  --ros-semantic-drop-shadow-md-0-blur: 4px;
  --ros-semantic-drop-shadow-md-0-y: 2px;
  --ros-semantic-drop-shadow-md-0-x: 0px;
  --ros-semantic-drop-shadow-md-0-type: dropShadow;
  --ros-semantic-drop-shadow-md-0-color: #0000000f;
  --ros-semantic-drop-shadow-sm-1-type: dropShadow;
  --ros-semantic-drop-shadow-sm-1-color: #0000001a;
  --ros-semantic-drop-shadow-sm-1-spread: 0px;
  --ros-semantic-drop-shadow-sm-1-blur: 3px;
  --ros-semantic-drop-shadow-sm-1-y: 1px;
  --ros-semantic-drop-shadow-sm-1-x: 0px;
  --ros-semantic-drop-shadow-sm-0-spread: 0px;
  --ros-semantic-drop-shadow-sm-0-blur: 2px;
  --ros-semantic-drop-shadow-sm-0-y: 1px;
  --ros-semantic-drop-shadow-sm-0-x: 0px;
  --ros-semantic-drop-shadow-sm-0-type: dropShadow;
  --ros-semantic-drop-shadow-sm-0-color: #0000000f;
  --ros-semantic-paragraph-spacing-source-code: 0;
  --ros-semantic-paragraph-spacing-caption: 0;
  --ros-semantic-paragraph-spacing-body: 0;
  --ros-semantic-paragraph-spacing-eyebrow: 0;
  --ros-semantic-paragraph-spacing-subtitle: 0;
  --ros-semantic-paragraph-spacing-heading: 0;
  --ros-semantic-paragraph-spacing-display: 0;
  --ros-semantic-text-decoration-source-code: none;
  --ros-semantic-text-decoration-caption: none;
  --ros-semantic-text-decoration-body: none;
  --ros-semantic-text-decoration-eyebrow: none;
  --ros-semantic-text-decoration-subtitle: none;
  --ros-semantic-text-decoration-heading: none;
  --ros-semantic-text-decoration-display: none;
  --ros-semantic-text-decoration-line-through: line-through;
  --ros-semantic-text-decoration-underline: underline;
  --ros-semantic-text-decoration-none: none;
  --ros-semantic-text-case-eyebrow: uppercase;
  --ros-semantic-text-case-caption: none;
  --ros-semantic-text-case-body: none;
  --ros-semantic-text-case-subtitle: none;
  --ros-semantic-text-case-heading: none;
  --ros-semantic-text-case-display: none;
  --ros-semantic-text-case-none: none;
  --ros-semantic-font-weight-source-code-regular: 400;
  --ros-semantic-font-weight-subtitle-bold: 700;
  --ros-semantic-font-weight-subtitle-regular: 400;
  --ros-semantic-font-weight-eyebrow-bold: 700;
  --ros-semantic-font-weight-eyebrow-regular: 700;
  --ros-semantic-font-weight-heading-bold: 800;
  --ros-semantic-font-weight-heading-regular: 700;
  --ros-semantic-font-weight-display-bold: 800;
  --ros-semantic-font-weight-display-regular: 700;
  --ros-semantic-font-weight-caption-bold: 700;
  --ros-semantic-font-weight-caption-regular: 400;
  --ros-semantic-font-weight-body-bold: 700;
  --ros-semantic-font-weight-body-semi-bold: 600;
  --ros-semantic-font-weight-body-regular: 400;
  --ros-semantic-font-weight-black: 900;
  --ros-semantic-font-weight-extra-bold: 800;
  --ros-semantic-font-weight-bold: 700;
  --ros-semantic-font-weight-semi-bold: 600;
  --ros-semantic-font-weight-medium: 500;
  --ros-semantic-font-weight-normal: 400;
  --ros-semantic-font-weight-light: 300;
  --ros-semantic-font-weight-extra-light: 200;
  --ros-semantic-font-weight-thin: 100;
  --ros-semantic-line-height-source-code: 100%;
  --ros-semantic-line-height-caption: 100%;
  --ros-semantic-line-height-eyebrow: 110%;
  --ros-semantic-line-height-body: 150%;
  --ros-semantic-line-height-subtitle: 100%;
  --ros-semantic-line-height-heading: 120%;
  --ros-semantic-line-height-display: 120%;
  --ros-semantic-spacing-typography-caption-margin-bottom: 12px;
  --ros-semantic-spacing-typography-body-margin-bottom: 16px;
  --ros-semantic-spacing-typography-heading-margin-bottom: 12px;
  --ros-semantic-spacing-typography-eyebrow-margin-bottom: 8px;
  --ros-semantic-spacing-typography-subtitle-margin-bottom: 16px;
  --ros-semantic-spacing-typography-display-margin-bottom: 16px;
  --ros-semantic-spacing-section-mobile-padding-y: 48px;
  --ros-semantic-spacing-section-mobile-padding-x: 20px;
  --ros-semantic-spacing-section-desktop-padding-y: 96px;
  --ros-semantic-spacing-section-desktop-padding-x: 32px;
  --ros-semantic-spacing-gap-component-10xl: 176px;
  --ros-semantic-spacing-gap-component-9xl: 160px;
  --ros-semantic-spacing-gap-component-8xl: 128px;
  --ros-semantic-spacing-gap-component-7xl: 96px;
  --ros-semantic-spacing-gap-component-6xl: 80px;
  --ros-semantic-spacing-gap-component-5xl: 72px;
  --ros-semantic-spacing-gap-component-4xl: 64px;
  --ros-semantic-spacing-gap-component-3xl: 56px;
  --ros-semantic-spacing-gap-component-2xl: 48px;
  --ros-semantic-spacing-gap-component-xl: 36px;
  --ros-semantic-spacing-gap-component-lg: 24px;
  --ros-semantic-spacing-gap-component-md: 16px;
  --ros-semantic-spacing-gap-component-sm: 12px;
  --ros-semantic-spacing-gap-component-xs: 8px;
  --ros-semantic-spacing-around-component-10xl: 96px;
  --ros-semantic-spacing-around-component-9xl: 80px;
  --ros-semantic-spacing-around-component-8xl: 72px;
  --ros-semantic-spacing-around-component-7xl: 64px;
  --ros-semantic-spacing-around-component-6xl: 56px;
  --ros-semantic-spacing-around-component-5xl: 48px;
  --ros-semantic-spacing-around-component-4xl: 40px;
  --ros-semantic-spacing-around-component-3xl: 32px;
  --ros-semantic-spacing-around-component-2xl: 24px;
  --ros-semantic-spacing-around-component-xl: 20px;
  --ros-semantic-spacing-around-component-lg: 16px;
  --ros-semantic-spacing-around-component-md: 12px;
  --ros-semantic-spacing-around-component-sm: 8px;
  --ros-semantic-spacing-around-component-xs: 5px;
  --ros-semantic-border-width-lg: 3px;
  --ros-semantic-border-width-none: 0px;
  --ros-semantic-border-width-md: 2px;
  --ros-semantic-border-width-sm: 1px;
  --ros-semantic-border-radius-none: 0px;
  --ros-semantic-border-radius-round: 9999px;
  --ros-semantic-border-radius-default: 4px;
  --ros-semantic-assets-logo: "https://i.imgur.com/KXoW4Em.png";
  --ros-semantic-color-seperator-on-layer-1: #eaeaea;
  --ros-semantic-color-seperator-on-base: #f4f4f4;
  --ros-semantic-color-link-hover: #4646c6;
  --ros-semantic-color-link-base: #4f46e5;
  --ros-semantic-color-border-disabled: #b1b1b1;
  --ros-semantic-color-border-key-focus: #9d64e1;
  --ros-semantic-color-border-down: #5c5ce0;
  --ros-semantic-color-border-hover: #5c5ce0;
  --ros-semantic-color-border-base: #e6e6e6;
  --ros-semantic-color-transparent: #00000000;
  --ros-semantic-color-informative-key-focus: #2680eb;
  --ros-semantic-color-informative-down: #378ef0;
  --ros-semantic-color-informative-hover: #2680eb;
  --ros-semantic-color-informative-default: #1473e6;
  --ros-semantic-color-notice-key-focus: #e68619;
  --ros-semantic-color-notice-down: #f29423;
  --ros-semantic-color-notice-hover: #e68619;
  --ros-semantic-color-notice-default: #da7b11;
  --ros-semantic-color-negative-key-focus: #e34850;
  --ros-semantic-color-negative-down: #ec5b62;
  --ros-semantic-color-negative-hover: #e34850;
  --ros-semantic-color-negative-default: #d7373f;
  --ros-semantic-color-positive-key-focus: #2d9d78;
  --ros-semantic-color-positive-down: #33ab84;
  --ros-semantic-color-positive-hover: #2d9d78;
  --ros-semantic-color-positive-default: #268e6c;
  --ros-semantic-color-foreground-on-informative-default: #ffffff;
  --ros-semantic-color-foreground-on-notice-default: #ffffff;
  --ros-semantic-color-foreground-on-negative-default: #ffffff;
  --ros-semantic-color-foreground-on-positive-default: #ffffff;
  --ros-semantic-color-foreground-on-disabled-subtle: #505050;
  --ros-semantic-color-foreground-on-disabled-default: #b1b1b1;
  --ros-semantic-color-foreground-on-secondary-default: #ffffff;
  --ros-semantic-color-foreground-on-primary-muted: #b1b1b1;
  --ros-semantic-color-foreground-on-primary-subtle: #e6e6e6;
  --ros-semantic-color-foreground-on-primary-default: #ffffff;
  --ros-semantic-color-foreground-on-layer-2-muted: #909090;
  --ros-semantic-color-foreground-on-layer-2-subtle: #6d6d6d;
  --ros-semantic-color-foreground-on-layer-2-heading: #222222;
  --ros-semantic-color-foreground-on-layer-2-default: #222222;
  --ros-semantic-color-foreground-on-layer-1-muted: #909090;
  --ros-semantic-color-foreground-on-layer-1-subtle: #6d6d6d;
  --ros-semantic-color-foreground-on-layer-1-heading: #222222;
  --ros-semantic-color-foreground-on-layer-1-default: #222222;
  --ros-semantic-color-foreground-on-base-highlighted: linear-gradient(225deg, #4f46e5 0%, #818cf8 100%);
  --ros-semantic-color-foreground-on-base-muted: #909090;
  --ros-semantic-color-foreground-on-base-subtle: #6d6d6d;
  --ros-semantic-color-foreground-on-base-heading: #222222;
  --ros-semantic-color-foreground-on-base-default: #222222;
  --ros-semantic-color-background-overlay: #ffffffe6;
  --ros-semantic-color-background-disabled: #d5d5d5;
  --ros-semantic-color-background-layer-2: #d3d3d3;
  --ros-semantic-color-background-layer-1: #f4f4f4;
  --ros-semantic-color-background-base: #ffffff;
  --ros-semantic-color-secondary-darker: #6f38b1;
  --ros-semantic-color-secondary-dark: #7a42bf;
  --ros-semantic-color-secondary-light: #9d64e1;
  --ros-semantic-color-secondary-base: #864ccc;
  --ros-semantic-color-primary-darker: #4646c6;
  --ros-semantic-color-primary-dark: #5151d3;
  --ros-semantic-color-primary-light: #7575f1;
  --ros-semantic-color-primary-base: #5c5ce0;
  --ros-semantic-size-default-content-wrapper-margin-bottom: 72px;
  --ros-semantic-size-icon-xl-height: 40px;
  --ros-semantic-size-icon-xl-width: 40px;
  --ros-semantic-size-icon-lg-height: 32px;
  --ros-semantic-size-icon-lg-width: 32px;
  --ros-semantic-size-icon-md-height: 24px;
  --ros-semantic-size-icon-md-width: 24px;
  --ros-semantic-size-icon-sm-height: 16px;
  --ros-semantic-size-icon-sm-width: 16px;
  --ros-semantic-size-section-max-width: 1200px;
  --ros-semantic-size-breakpoints-screen-xxl: 1440px;
  --ros-semantic-size-breakpoints-screen-xl: 1200px;
  --ros-semantic-size-breakpoints-screen-lg: 992px;
  --ros-semantic-size-breakpoints-screen-md: 768px;
  --ros-semantic-size-breakpoints-screen-sm: 576px;
  --ros-semantic-size-breakpoints-screen-xs: 375px;
  --ros-semantic-font-size-source-code: 1rem;
  --ros-semantic-font-size-caption: 0.875rem;
  --ros-semantic-font-size-body-lg: 1.1875rem;
  --ros-semantic-font-size-body-md: 1rem;
  --ros-semantic-font-size-body-sm: 0.875rem;
  --ros-semantic-font-size-body-xs: 0.75rem;
  --ros-semantic-font-size-mobile-eyebrow: 14;
  --ros-semantic-font-size-mobile-subtitle: 23;
  --ros-semantic-font-size-mobile-heading-5: 12;
  --ros-semantic-font-size-mobile-heading-4: 15;
  --ros-semantic-font-size-mobile-heading-3: 18;
  --ros-semantic-font-size-mobile-heading-2: 22;
  --ros-semantic-font-size-mobile-heading-1: 26;
  --ros-semantic-font-size-mobile-display-3: 27.78;
  --ros-semantic-font-size-mobile-display-2: 33.33;
  --ros-semantic-font-size-mobile-display-1: 40;
  --ros-semantic-font-size-desktop-eyebrow: 14;
  --ros-semantic-font-size-desktop-subtitle: 28;
  --ros-semantic-font-size-desktop-heading-5: 13;
  --ros-semantic-font-size-desktop-heading-4: 16;
  --ros-semantic-font-size-desktop-heading-3: 20;
  --ros-semantic-font-size-desktop-heading-2: 26;
  --ros-semantic-font-size-desktop-heading-1: 32;
  --ros-semantic-font-size-desktop-display-3: 81.92;
  --ros-semantic-font-size-desktop-display-2: 102.4;
  --ros-semantic-font-size-desktop-display-1: 128;
  --ros-semantic-font-family-body: Nunito, sans-serif;
  --ros-semantic-font-family-mono: Source Code Pro, Courier New;
  --ros-semantic-font-family-caption: Nunito, sans-serif;
  --ros-semantic-font-family-subtitle: Nunito, sans-serif;
  --ros-semantic-font-family-eyebrow: Nunito, sans-serif;
  --ros-semantic-font-family-heading: Nunito, sans-serif;
  --ros-semantic-font-family-display: Nunito, sans-serif;
  --ros-semantic-letter-spacing-eyebrow: -1%;
  --ros-semantic-letter-spacing-subtitle: -1%;
  --ros-semantic-letter-spacing-heading: -1%;
  --ros-semantic-letter-spacing-display: -1%;
  --ros-semantic-letter-spacing-default: 0%;
  --ros-components-avatar-size-xxl: 192px;
  --ros-components-avatar-size-xl: 160px;
  --ros-components-avatar-size-lg: 128px;
  --ros-components-avatar-size-md: 96px;
  --ros-components-avatar-size-sm: 64px;
  --ros-components-avatar-size-xs: 32px;
  --ros-components-avatar-border-width-default: 1px;
  --ros-component-button-size-default-min-width: 40px;
  --ros-component-button-size-default-height: 44px;
  --ros-component-button-text-case-label: capitalize;
  --ros-component-button-text-decoration-label: none;
  --ros-component-button-paragraph-spacing-label: 0;
  --ros-component-button-spacing-gap: 12px;
  --ros-component-button-spacing-padding-y: 12px;
  --ros-component-button-spacing-padding-x: 16px;
  --ros-component-button-border-radius-tab: 0px;
  --ros-component-button-border-radius-quiet: 4px;
  --ros-component-button-border-radius-secondary: 4px;
  --ros-component-button-border-radius-primary: 4px;
  --ros-component-button-border-width-tab-disabled: 0px;
  --ros-component-button-border-width-tab-key-focus: 3px;
  --ros-component-button-border-width-tab-down: 0px;
  --ros-component-button-border-width-tab-hover: 0px;
  --ros-component-button-border-width-tab-default: 0px;
  --ros-component-button-border-width-quiet-disabled: 0px;
  --ros-component-button-border-width-quiet-key-focus: 3px;
  --ros-component-button-border-width-quiet-down: 0px;
  --ros-component-button-border-width-quiet-hover: 0px;
  --ros-component-button-border-width-quiet-default: 0px;
  --ros-component-button-border-width-secondary-disabled: 1px;
  --ros-component-button-border-width-secondary-key-focus: 3px;
  --ros-component-button-border-width-secondary-down: 1px;
  --ros-component-button-border-width-secondary-hover: 1px;
  --ros-component-button-border-width-secondary-default: 1px;
  --ros-component-button-border-width-primary-disabled: 0px;
  --ros-component-button-border-width-primary-key-focus: 3px;
  --ros-component-button-border-width-primary-down: 0px;
  --ros-component-button-border-width-primary-hover: 0px;
  --ros-component-button-border-width-primary-default: 0px;
  --ros-component-button-color-tab-selected-border-color: #00000000;
  --ros-component-button-color-tab-selected-foreground-color: #ffffff;
  --ros-component-button-color-tab-selected-background-color: #5c5ce0;
  --ros-component-button-color-tab-disabled-border-color: #00000000;
  --ros-component-button-color-tab-disabled-foreground-color: #b1b1b1;
  --ros-component-button-color-tab-disabled-background-color: #d5d5d5;
  --ros-component-button-color-tab-key-focus-border-color: #9d64e1;
  --ros-component-button-color-tab-key-focus-foreground-color: #5c5ce0;
  --ros-component-button-color-tab-key-focus-background-color: #00000000;
  --ros-component-button-color-tab-down-border-color: #00000000;
  --ros-component-button-color-tab-down-foreground-color: #4646c6;
  --ros-component-button-color-tab-down-background-color: #00000000;
  --ros-component-button-color-tab-hover-border-color: #00000000;
  --ros-component-button-color-tab-hover-foreground-color: #5151d3;
  --ros-component-button-color-tab-hover-background-color: #00000000;
  --ros-component-button-color-tab-default-border-color: #00000000;
  --ros-component-button-color-tab-default-foreground-color: #222222;
  --ros-component-button-color-tab-default-background-color: #00000000;
  --ros-component-button-color-quiet-disabled-border-color: #00000000;
  --ros-component-button-color-quiet-disabled-foreground-color: #505050;
  --ros-component-button-color-quiet-disabled-background-color: #00000000;
  --ros-component-button-color-quiet-key-focus-border-color: #9d64e1;
  --ros-component-button-color-quiet-key-focus-foreground-color: #5c5ce0;
  --ros-component-button-color-quiet-key-focus-background-color: #00000000;
  --ros-component-button-color-quiet-down-border-color: #00000000;
  --ros-component-button-color-quiet-down-foreground-color: #4646c6;
  --ros-component-button-color-quiet-down-background-color: #00000000;
  --ros-component-button-color-quiet-hover-border-color: #00000000;
  --ros-component-button-color-quiet-hover-foreground-color: #5151d3;
  --ros-component-button-color-quiet-hover-background-color: #00000000;
  --ros-component-button-color-quiet-default-border-color: #00000000;
  --ros-component-button-color-quiet-default-foreground-color: #5c5ce0;
  --ros-component-button-color-quiet-default-background-color: #00000000;
  --ros-component-button-color-secondary-disabled-border-color: #b1b1b1;
  --ros-component-button-color-secondary-disabled-foreground-color: #b1b1b1;
  --ros-component-button-color-secondary-disabled-background-color: #d5d5d5;
  --ros-component-button-color-secondary-key-focus-border-color: #9d64e1;
  --ros-component-button-color-secondary-key-focus-foreground-color: #864ccc;
  --ros-component-button-color-secondary-key-focus-background-color: #00000000;
  --ros-component-button-color-secondary-down-border-color: #864ccc;
  --ros-component-button-color-secondary-down-foreground-color: #ffffff;
  --ros-component-button-color-secondary-down-background-color: #6f38b1;
  --ros-component-button-color-secondary-hover-border-color: #864ccc;
  --ros-component-button-color-secondary-hover-foreground-color: #ffffff;
  --ros-component-button-color-secondary-hover-background-color: #864ccc;
  --ros-component-button-color-secondary-default-border-color: #864ccc;
  --ros-component-button-color-secondary-default-foreground-color: #864ccc;
  --ros-component-button-color-secondary-default-background-color: #00000000;
  --ros-component-button-color-primary-disabled-border-color: #00000000;
  --ros-component-button-color-primary-disabled-foreground-color: #b1b1b1;
  --ros-component-button-color-primary-disabled-background-color: #d5d5d5;
  --ros-component-button-color-primary-key-focus-border-color: #9d64e1;
  --ros-component-button-color-primary-key-focus-foreground-color: #ffffff;
  --ros-component-button-color-primary-key-focus-background-color: #5c5ce0;
  --ros-component-button-color-primary-down-border-color: #00000000;
  --ros-component-button-color-primary-down-foreground-color: #ffffff;
  --ros-component-button-color-primary-down-background-color: #4646c6;
  --ros-component-button-color-primary-hover-border-color: #00000000;
  --ros-component-button-color-primary-hover-foreground-color: #ffffff;
  --ros-component-button-color-primary-hover-background-color: #5151d3;
  --ros-component-button-color-primary-default-border-color: #00000000;
  --ros-component-button-color-primary-default-foreground-color: #ffffff;
  --ros-component-button-color-primary-default-background-color: #5c5ce0;
  --ros-component-button-letter-spacing-label: 0%;
  --ros-component-button-font-weight-label: 400;
  --ros-component-button-line-height-label: 150%;
  --ros-component-button-font-family-label: Nunito, sans-serif;
  --ros-component-button-font-size-label: 1rem;
  --ros-component-tag-text-decoration-label: none;
  --ros-component-tag-border-width-disabled: 0px;
  --ros-component-tag-border-width-key-focus: 3px;
  --ros-component-tag-border-width-down: 0px;
  --ros-component-tag-border-width-hover: 0px;
  --ros-component-tag-border-width-default: 0px;
  --ros-component-tag-text-case-label: none;
  --ros-component-tag-line-height-label: 150%;
  --ros-component-tag-font-weight-label: 400;
  --ros-component-tag-font-size-label: 1rem;
  --ros-component-tag-font-family-label: Nunito, sans-serif;
  --ros-component-tag-spacing-padding-y: 5px;
  --ros-component-tag-spacing-gap: 8px;
  --ros-component-tag-spacing-padding-x: 12px;
  --ros-component-tag-border-radius-default: 4px;
  --ros-component-tag-color-disabled-foreground-color: #b1b1b1;
  --ros-component-tag-color-disabled-border-color: #00000000;
  --ros-component-tag-color-disabled-background-color: #d5d5d5;
  --ros-component-tag-color-key-focus-foreground-color: #222222;
  --ros-component-tag-color-key-focus-border-color: #9d64e1;
  --ros-component-tag-color-key-focus-background-color: #f4f4f4;
  --ros-component-tag-color-down-foreground-color: #ffffff;
  --ros-component-tag-color-down-border-color: #00000000;
  --ros-component-tag-color-down-background-color: #4646c6;
  --ros-component-tag-color-hover-foreground-color: #ffffff;
  --ros-component-tag-color-hover-border-color: #00000000;
  --ros-component-tag-color-hover-background-color: #5c5ce0;
  --ros-component-tag-color-default-foreground-color: #222222;
  --ros-component-tag-color-default-border-color: #00000000;
  --ros-component-tag-color-default-background-color: #f4f4f4;
  --ros-component-avatar-border-radius-default: 9999px;
  --ros-component-avatar-color-border-default: #e6e6e6;
  --ros-component-form-group-color-foreground-notice-default: #da7b11;
  --ros-component-form-group-color-foreground-info-default: #1473e6;
  --ros-component-form-group-color-foreground-positive-default: #268e6c;
  --ros-component-form-group-color-foreground-negative-default: #d7373f;
  --ros-component-form-group-color-foreground-help-default: #222222;
  --ros-component-form-group-color-foreground-label-default: #222222;
  --ros-component-form-group-spacing-error-padding-top: 5px;
  --ros-component-form-group-spacing-help-padding-top: 5px;
  --ros-component-form-group-spacing-label-padding-right: 12px;
  --ros-component-form-group-spacing-label-padding-bottom: 5px;
  --ros-component-form-group-spacing-margin-bottom: 24px;
  --ros-component-form-group-text-decoration-help: none;
  --ros-component-form-group-text-decoration-label: none;
  --ros-component-form-group-letter-spacing-help: 0%;
  --ros-component-form-group-letter-spacing-label: 0%;
  --ros-component-form-group-text-case-help: none;
  --ros-component-form-group-text-case-label: none;
  --ros-component-form-group-font-weight-help: 400;
  --ros-component-form-group-font-weight-label: 600;
  --ros-component-form-group-line-height-help: 125%;
  --ros-component-form-group-line-height-label: 125%;
  --ros-component-form-group-font-family-help: Nunito, sans-serif;
  --ros-component-form-group-font-family-label: Nunito, sans-serif;
  --ros-component-form-group-font-size-help: 0.75rem;
  --ros-component-form-group-font-size-label: 0.75rem;
  --ros-component-text-field-text-case-placeholder: none;
  --ros-component-text-field-text-case-text: none;
  --ros-component-text-field-text-decoration-placeholder: none;
  --ros-component-text-field-text-decoration-text: none;
  --ros-component-text-field-min-width: 128px;
  --ros-component-text-field-letter-spacing-placeholder: 0%;
  --ros-component-text-field-letter-spacing-text: 0%;
  --ros-component-text-field-font-weight-placeholder: 400;
  --ros-component-text-field-font-weight-text: 400;
  --ros-component-text-field-line-height-placeholder: 150%;
  --ros-component-text-field-line-height-text: 150%;
  --ros-component-text-field-font-family-placeholder: Nunito, sans-serif;
  --ros-component-text-field-font-family-text: Nunito, sans-serif;
  --ros-component-text-field-font-size-placeholder: 1rem;
  --ros-component-text-field-font-size-text: 1rem;
  --ros-component-text-field-spacing-space-between: 8px;
  --ros-component-text-field-spacing-padding-y: 6px;
  --ros-component-text-field-spacing-padding-x: 10px;
  --ros-component-text-field-border-width-disabled: 1px;
  --ros-component-text-field-border-width-key-focus: 2px;
  --ros-component-text-field-border-width-hover: 1px;
  --ros-component-text-field-border-width-default: 1px;
  --ros-component-text-field-border-radius: 4px;
  --ros-component-text-field-color-icon: #e6e6e6;
  --ros-component-text-field-color-placeholder: #909090;
  --ros-component-text-field-color-disabled-border-color: #b1b1b1;
  --ros-component-text-field-color-disabled-foreground-color: #b1b1b1;
  --ros-component-text-field-color-disabled-background-color: #d5d5d5;
  --ros-component-text-field-color-error-border-color: #d7373f;
  --ros-component-text-field-color-error-foreground-color: #222222;
  --ros-component-text-field-color-error-background-color: #00000000;
  --ros-component-text-field-color-success-border-color: #268e6c;
  --ros-component-text-field-color-success-foreground-color: #222222;
  --ros-component-text-field-color-success-background-color: #00000000;
  --ros-component-text-field-color-key-focus-border-color: #9d64e1;
  --ros-component-text-field-color-key-focus-foreground-color: #222222;
  --ros-component-text-field-color-key-focus-background-color: #00000000;
  --ros-component-text-field-color-hover-border-color: #5c5ce0;
  --ros-component-text-field-color-hover-foreground-color: #222222;
  --ros-component-text-field-color-hover-background-color: #00000000;
  --ros-component-text-field-color-default-border-color: #e6e6e6;
  --ros-component-text-field-color-default-foreground-color: #222222;
  --ros-component-text-field-color-default-background-color: #00000000;
  --ros-component-select-text-case-text: none;
  --ros-component-select-text-decoration-text: none;
  --ros-component-select-min-width: 128px;
  --ros-component-select-letter-spacing-text: 0%;
  --ros-component-select-font-weight-text: 400;
  --ros-component-select-line-height-text: 150%;
  --ros-component-select-font-family-text: Nunito, sans-serif;
  --ros-component-select-font-size-text: 1rem;
  --ros-component-select-spacing-gap: 8px;
  --ros-component-select-spacing-padding-y: 6px;
  --ros-component-select-spacing-padding-x: 10px;
  --ros-component-select-border-width-disabled: 1px;
  --ros-component-select-border-width-key-focus: 2px;
  --ros-component-select-border-width-hover: 1px;
  --ros-component-select-border-width-default: 1px;
  --ros-component-select-border-radius: 4px;
  --ros-component-select-color-icon: #e6e6e6;
  --ros-component-select-color-placeholder: #909090;
  --ros-component-select-color-disabled-border-color: #b1b1b1;
  --ros-component-select-color-disabled-foreground-color: #b1b1b1;
  --ros-component-select-color-disabled-background-color: #d5d5d5;
  --ros-component-select-color-error-border-color: #d7373f;
  --ros-component-select-color-error-foreground-color: #222222;
  --ros-component-select-color-error-background-color: #00000000;
  --ros-component-select-color-success-border-color: #268e6c;
  --ros-component-select-color-success-foreground-color: #222222;
  --ros-component-select-color-success-background-color: #00000000;
  --ros-component-select-color-key-focus-border-color: #9d64e1;
  --ros-component-select-color-key-focus-foreground-color: #222222;
  --ros-component-select-color-key-focus-background-color: #00000000;
  --ros-component-select-color-hover-border-color: #5c5ce0;
  --ros-component-select-color-hover-foreground-color: #222222;
  --ros-component-select-color-hover-background-color: #00000000;
  --ros-component-select-color-default-border-color: #e6e6e6;
  --ros-component-select-color-default-foreground-color: #222222;
  --ros-component-select-color-default-background-color: #00000000;
  --ros-component-switch-sizing-toggle-height: 14px;
  --ros-component-switch-sizing-toggle-width: 14px;
  --ros-component-switch-sizing-background-height: 20px;
  --ros-component-switch-sizing-background-width: 38px;
  --ros-component-switch-text-case-label: none;
  --ros-component-switch-text-decoration-label: none;
  --ros-component-switch-letter-spacing-label: 0%;
  --ros-component-switch-font-weight-label: 400;
  --ros-component-switch-line-height-label: 150%;
  --ros-component-switch-font-family-label: Nunito, sans-serif;
  --ros-component-switch-font-size-label: 0.875rem;
  --ros-component-switch-spacing-space-between: 8px;
  --ros-component-switch-border-width-disabled: 1px;
  --ros-component-switch-border-width-key-focus: 2px;
  --ros-component-switch-border-width-hover: 1px;
  --ros-component-switch-border-width-default: 1px;
  --ros-component-switch-border-radius: 9999px;
  --ros-component-switch-color-disabled-border-color: #b1b1b1;
  --ros-component-switch-color-disabled-foreground-color: #b1b1b1;
  --ros-component-switch-color-disabled-background-color: #d5d5d5;
  --ros-component-switch-color-key-focus-border-color: #9d64e1;
  --ros-component-switch-color-key-focus-foreground-color: #222222;
  --ros-component-switch-color-key-focus-background-color: #00000000;
  --ros-component-switch-color-hover-border-color: #5c5ce0;
  --ros-component-switch-color-hover-foreground-color: #222222;
  --ros-component-switch-color-hover-background-color: #00000000;
  --ros-component-switch-color-checked-border-color: #e6e6e6;
  --ros-component-switch-color-checked-foreground-color: #ffffff;
  --ros-component-switch-color-checked-background-color: #5c5ce0;
  --ros-component-switch-color-default-border-color: #e6e6e6;
  --ros-component-switch-color-default-foreground-color: #d3d3d3;
  --ros-component-switch-color-default-background-color: #00000000;
  --ros-component-checkbox-sizing-background-height: 20px;
  --ros-component-checkbox-sizing-background-width: 20px;
  --ros-component-checkbox-text-case-label: none;
  --ros-component-checkbox-text-decoration-label: none;
  --ros-component-checkbox-letter-spacing-label: 0%;
  --ros-component-checkbox-font-weight-label: 400;
  --ros-component-checkbox-line-height-label: 150%;
  --ros-component-checkbox-font-family-label: Nunito, sans-serif;
  --ros-component-checkbox-font-size-label: 0.875rem;
  --ros-component-checkbox-spacing-space-between: 32px;
  --ros-component-checkbox-border-width-disabled: 1px;
  --ros-component-checkbox-border-width-key-focus: 2px;
  --ros-component-checkbox-border-width-hover: 1px;
  --ros-component-checkbox-border-width-default: 1px;
  --ros-component-checkbox-border-radius: 4px;
  --ros-component-checkbox-color-disabled-border-color: #b1b1b1;
  --ros-component-checkbox-color-disabled-foreground-color: #b1b1b1;
  --ros-component-checkbox-color-disabled-background-color: #d5d5d5;
  --ros-component-checkbox-color-key-focus-border-color: #9d64e1;
  --ros-component-checkbox-color-key-focus-foreground-color: #222222;
  --ros-component-checkbox-color-key-focus-background-color: #00000000;
  --ros-component-checkbox-color-hover-border-color: #5c5ce0;
  --ros-component-checkbox-color-hover-foreground-color: #222222;
  --ros-component-checkbox-color-hover-background-color: #00000000;
  --ros-component-checkbox-color-checked-border-color: #e6e6e6;
  --ros-component-checkbox-color-checked-foreground-color: #ffffff;
  --ros-component-checkbox-color-checked-background-color: #5c5ce0;
  --ros-component-checkbox-color-default-border-color: #e6e6e6;
  --ros-component-checkbox-color-default-foreground-color: #222222;
  --ros-component-checkbox-color-default-background-color: #00000000;
  --ros-component-radio-sizing-toggle-height: 10px;
  --ros-component-radio-sizing-toggle-width: 10px;
  --ros-component-radio-sizing-background-height: 20px;
  --ros-component-radio-sizing-background-width: 20px;
  --ros-component-radio-text-case-label: none;
  --ros-component-radio-text-decoration-label: none;
  --ros-component-radio-letter-spacing-label: 0%;
  --ros-component-radio-font-weight-label: 400;
  --ros-component-radio-line-height-label: 150%;
  --ros-component-radio-font-family-label: Nunito, sans-serif;
  --ros-component-radio-font-size-label: 0.875rem;
  --ros-component-radio-spacing-space-between: 32px;
  --ros-component-radio-border-width-disabled: 1px;
  --ros-component-radio-border-width-key-focus: 2px;
  --ros-component-radio-border-width-hover: 1px;
  --ros-component-radio-border-width-default: 1px;
  --ros-component-radio-border-radius: 4px;
  --ros-component-radio-color-disabled-border-color: #b1b1b1;
  --ros-component-radio-color-disabled-foreground-color: #b1b1b1;
  --ros-component-radio-color-disabled-background-color: #d5d5d5;
  --ros-component-radio-color-key-focus-border-color: #9d64e1;
  --ros-component-radio-color-key-focus-foreground-color: #222222;
  --ros-component-radio-color-key-focus-background-color: #00000000;
  --ros-component-radio-color-hover-border-color: #5c5ce0;
  --ros-component-radio-color-hover-foreground-color: #222222;
  --ros-component-radio-color-hover-background-color: #00000000;
  --ros-component-radio-color-checked-border-color: #e6e6e6;
  --ros-component-radio-color-checked-foreground-color: #5c5ce0;
  --ros-component-radio-color-checked-background-color: #00000000;
  --ros-component-radio-color-default-border-color: #e6e6e6;
  --ros-component-radio-color-default-foreground-color: #222222;
  --ros-component-radio-color-default-background-color: #00000000;
  --ros-pattern-header-border-radius-level-1: 4px;
  --ros-pattern-header-letter-spacing-nav-item-level-1: 0%;
  --ros-pattern-header-letter-spacing-nav-item-level-0: 0%;
  --ros-pattern-header-text-decoration-nav-item-level-1: none;
  --ros-pattern-header-text-decoration-nav-item-level-0: none;
  --ros-pattern-header-text-case-nav-item-level-1: uppercase;
  --ros-pattern-header-text-case-nav-item-level-0: uppercase;
  --ros-pattern-header-line-height-nav-item-level-1: 150%;
  --ros-pattern-header-line-height-nav-item-level-0: 150%;
  --ros-pattern-header-font-weight-nav-item-level-1: 700;
  --ros-pattern-header-font-weight-nav-item-level-0: 700;
  --ros-pattern-header-font-size-nav-item-level-1: 0.875rem;
  --ros-pattern-header-font-size-nav-item-level-0: 0.875rem;
  --ros-pattern-header-font-family-nav-item-level-1: Nunito, sans-serif;
  --ros-pattern-header-font-family-nav-item-level-0: Nunito, sans-serif;
  --ros-pattern-header-logo-text-display: block;
  --ros-pattern-header-size-height: 72px;
  --ros-pattern-header-size-logo-height: 32px;
  --ros-pattern-header-size-logo-width: 32px;
  --ros-pattern-header-color-nav-item-level-1-disabled-border-color: #00000000;
  --ros-pattern-header-color-nav-item-level-1-disabled-foreground-color: #b1b1b1;
  --ros-pattern-header-color-nav-item-level-1-disabled-background-color: #f4f4f4;
  --ros-pattern-header-color-nav-item-level-1-key-focus-border-color: #9d64e1;
  --ros-pattern-header-color-nav-item-level-1-key-focus-foreground-color: #222222;
  --ros-pattern-header-color-nav-item-level-1-key-focus-background-color: #f4f4f4;
  --ros-pattern-header-color-nav-item-level-1-down-border-color: #00000000;
  --ros-pattern-header-color-nav-item-level-1-down-foreground-color: #ffffff;
  --ros-pattern-header-color-nav-item-level-1-down-background-color: #4646c6;
  --ros-pattern-header-color-nav-item-level-1-hover-border-color: #00000000;
  --ros-pattern-header-color-nav-item-level-1-hover-foreground-color: #ffffff;
  --ros-pattern-header-color-nav-item-level-1-hover-background-color: #5c5ce0;
  --ros-pattern-header-color-nav-item-level-1-default-border-color: #00000000;
  --ros-pattern-header-color-nav-item-level-1-default-background-color: #f4f4f4;
  --ros-pattern-header-color-nav-item-level-1-default-foreground-color: #222222;
  --ros-pattern-header-color-nav-item-level-0-disabled-border-color: #00000000;
  --ros-pattern-header-color-nav-item-level-0-disabled-foreground-color: #b1b1b1;
  --ros-pattern-header-color-nav-item-level-0-disabled-background-color: #ffffff;
  --ros-pattern-header-color-nav-item-level-0-key-focus-border-color: #9d64e1;
  --ros-pattern-header-color-nav-item-level-0-key-focus-foreground-color: #222222;
  --ros-pattern-header-color-nav-item-level-0-key-focus-background-color: #ffffff;
  --ros-pattern-header-color-nav-item-level-0-down-border-color: #00000000;
  --ros-pattern-header-color-nav-item-level-0-down-foreground-color: #5c5ce0;
  --ros-pattern-header-color-nav-item-level-0-down-background-color: #ffffff;
  --ros-pattern-header-color-nav-item-level-0-hover-border-color: #00000000;
  --ros-pattern-header-color-nav-item-level-0-hover-foreground-color: #5c5ce0;
  --ros-pattern-header-color-nav-item-level-0-hover-background-color: #ffffff;
  --ros-pattern-header-color-nav-item-level-0-default-border-color: #00000000;
  --ros-pattern-header-color-nav-item-level-0-default-background-color: #ffffff;
  --ros-pattern-header-color-nav-item-level-0-default-foreground-color: #222222;
  --ros-pattern-header-color-background-level-1: #f4f4f4;
  --ros-pattern-header-color-background-base: #ffffff;
  --ros-pattern-footer-color-seperator-on-base: #1e293b;
  --ros-pattern-footer-color-foreground-on-base: #ffffff;
  --ros-pattern-footer-color-background-base: #192132;
  --ros-pattern-modal-color-overlay: #0f172a66;
}