:root {
  --backgroundblack: rgba(0, 0, 0, 1);
  --backgrounddark-gray: rgba(20, 28, 37, 1);
  --backgroundgraphs: rgba(0, 0, 0, 1);
  --backgroundtable: rgba(241, 243, 250, 1);
  --backgroundforms-widget: rgba(18, 19, 19, 1);
  --color-alertsuccess: rgba(48, 210, 129, 1);
  --color-alerterror: rgba(254, 140, 103, 1);
  --colorwhite: rgba(255, 255, 255, 1);
  --colorbrand-red: rgba(255, 0, 66, 1);
  --colortextos: rgba(91, 106, 156, 1);
  --colortext-opacity-40: rgba(123, 135, 173, 0.4);
  --colorblue-gray: rgba(91, 106, 156, 1);
  --banco-uninazul: rgba(0, 162, 224, 1);
  --banco-uninblanco: rgba(255, 255, 255, 1);
  --banco-uninamarillo: rgba(249, 221, 19, 1);
  --banco-uninamarillo-claro: rgba(255, 255, 177, 1);
  --banco-uninoscuro: rgba(51, 63, 72, 1);
  --banco-uningris-texto: rgba(130, 130, 133, 1);
  --h1-bold-font-family: "Montserrat", Helvetica;
  --h1-bold-font-weight: 700;
  --h1-bold-font-size: 72px;
  --h1-bold-letter-spacing: -1.44px;
  --h1-bold-line-height: 80px;
  --h1-bold-font-style: normal;
  --h1-semi-bold-font-family: "Montserrat", Helvetica;
  --h1-semi-bold-font-weight: 600;
  --h1-semi-bold-font-size: 72px;
  --h1-semi-bold-letter-spacing: -1.44px;
  --h1-semi-bold-line-height: 80px;
  --h1-semi-bold-font-style: normal;
  --h1-medium-font-family: "Montserrat", Helvetica;
  --h1-medium-font-weight: 500;
  --h1-medium-font-size: 72px;
  --h1-medium-letter-spacing: -1.44px;
  --h1-medium-line-height: 80px;
  --h1-medium-font-style: normal;
  --h1-regular-font-family: "Montserrat", Helvetica;
  --h1-regular-font-weight: 400;
  --h1-regular-font-size: 72px;
  --h1-regular-letter-spacing: -1.44px;
  --h1-regular-line-height: 80px;
  --h1-regular-font-style: normal;
  --h2-bold-font-family: "Montserrat", Helvetica;
  --h2-bold-font-weight: 700;
  --h2-bold-font-size: 60px;
  --h2-bold-letter-spacing: -1.2px;
  --h2-bold-line-height: 72px;
  --h2-bold-font-style: normal;
  --h2-semi-bold-font-family: "Montserrat", Helvetica;
  --h2-semi-bold-font-weight: 600;
  --h2-semi-bold-font-size: 60px;
  --h2-semi-bold-letter-spacing: -1.2px;
  --h2-semi-bold-line-height: 72px;
  --h2-semi-bold-font-style: normal;
  --h2-medium-font-family: "Montserrat", Helvetica;
  --h2-medium-font-weight: 500;
  --h2-medium-font-size: 60px;
  --h2-medium-letter-spacing: -1.2px;
  --h2-medium-line-height: 72px;
  --h2-medium-font-style: normal;
  --h2-regular-font-family: "Montserrat", Helvetica;
  --h2-regular-font-weight: 400;
  --h2-regular-font-size: 60px;
  --h2-regular-letter-spacing: -1.2px;
  --h2-regular-line-height: 72px;
  --h2-regular-font-style: normal;
  --h3-bold-font-family: "Montserrat", Helvetica;
  --h3-bold-font-weight: 700;
  --h3-bold-font-size: 48px;
  --h3-bold-letter-spacing: -0.48px;
  --h3-bold-line-height: 60px;
  --h3-bold-font-style: normal;
  --h3-semi-bold-font-family: "Montserrat", Helvetica;
  --h3-semi-bold-font-weight: 600;
  --h3-semi-bold-font-size: 48px;
  --h3-semi-bold-letter-spacing: -0.48px;
  --h3-semi-bold-line-height: 60px;
  --h3-semi-bold-font-style: normal;
  --h3-medium-font-family: "Montserrat", Helvetica;
  --h3-medium-font-weight: 500;
  --h3-medium-font-size: 48px;
  --h3-medium-letter-spacing: -0.48px;
  --h3-medium-line-height: 60px;
  --h3-medium-font-style: normal;
  --h3-regular-font-family: "Montserrat", Helvetica;
  --h3-regular-font-weight: 400;
  --h3-regular-font-size: 48px;
  --h3-regular-letter-spacing: -0.48px;
  --h3-regular-line-height: 60px;
  --h3-regular-font-style: normal;
  --h4-bold-font-family: "Montserrat", Helvetica;
  --h4-bold-font-weight: 700;
  --h4-bold-font-size: 36px;
  --h4-bold-letter-spacing: -0.36px;
  --h4-bold-line-height: 44px;
  --h4-bold-font-style: normal;
  --h4-semi-bold-font-family: "Montserrat", Helvetica;
  --h4-semi-bold-font-weight: 600;
  --h4-semi-bold-font-size: 36px;
  --h4-semi-bold-letter-spacing: -0.36px;
  --h4-semi-bold-line-height: 44px;
  --h4-semi-bold-font-style: normal;
  --h4-medium-font-family: "Montserrat", Helvetica;
  --h4-medium-font-weight: 500;
  --h4-medium-font-size: 36px;
  --h4-medium-letter-spacing: -0.36px;
  --h4-medium-line-height: 44px;
  --h4-medium-font-style: normal;
  --h4-regular-font-family: "Montserrat", Helvetica;
  --h4-regular-font-weight: 400;
  --h4-regular-font-size: 36px;
  --h4-regular-letter-spacing: -0.36px;
  --h4-regular-line-height: 44px;
  --h4-regular-font-style: normal;
  --h5-bold-font-family: "Montserrat", Helvetica;
  --h5-bold-font-weight: 700;
  --h5-bold-font-size: 28px;
  --h5-bold-letter-spacing: -0.28px;
  --h5-bold-line-height: 36px;
  --h5-bold-font-style: normal;
  --h5-semi-bold-font-family: "Montserrat", Helvetica;
  --h5-semi-bold-font-weight: 600;
  --h5-semi-bold-font-size: 28px;
  --h5-semi-bold-letter-spacing: -0.28px;
  --h5-semi-bold-line-height: 36px;
  --h5-semi-bold-font-style: normal;
  --h5-medium-font-family: "Montserrat", Helvetica;
  --h5-medium-font-weight: 500;
  --h5-medium-font-size: 28px;
  --h5-medium-letter-spacing: -0.28px;
  --h5-medium-line-height: 36px;
  --h5-medium-font-style: normal;
  --h5-regular-font-family: "Montserrat", Helvetica;
  --h5-regular-font-weight: 400;
  --h5-regular-font-size: 28px;
  --h5-regular-letter-spacing: -0.28px;
  --h5-regular-line-height: 36px;
  --h5-regular-font-style: normal;
  --h6-bold-font-family: "Montserrat", Helvetica;
  --h6-bold-font-weight: 700;
  --h6-bold-font-size: 24px;
  --h6-bold-letter-spacing: -0.24px;
  --h6-bold-line-height: 32px;
  --h6-bold-font-style: normal;
  --h6-semi-bold-font-family: "Montserrat", Helvetica;
  --h6-semi-bold-font-weight: 600;
  --h6-semi-bold-font-size: 24px;
  --h6-semi-bold-letter-spacing: -0.24px;
  --h6-semi-bold-line-height: 32px;
  --h6-semi-bold-font-style: normal;
  --h6-medium-font-family: "Montserrat", Helvetica;
  --h6-medium-font-weight: 500;
  --h6-medium-font-size: 24px;
  --h6-medium-letter-spacing: -0.24px;
  --h6-medium-line-height: 32px;
  --h6-medium-font-style: normal;
  --h6-regular-font-family: "Montserrat", Helvetica;
  --h6-regular-font-weight: 400;
  --h6-regular-font-size: 24px;
  --h6-regular-letter-spacing: -0.24px;
  --h6-regular-line-height: 32px;
  --h6-regular-font-style: normal;
  --subtitle-bold-font-family: "Montserrat", Helvetica;
  --subtitle-bold-font-weight: 700;
  --subtitle-bold-font-size: 20px;
  --subtitle-bold-letter-spacing: 0px;
  --subtitle-bold-line-height: 28px;
  --subtitle-bold-font-style: normal;
  --subtitle-semi-bold-font-family: "Montserrat", Helvetica;
  --subtitle-semi-bold-font-weight: 600;
  --subtitle-semi-bold-font-size: 20px;
  --subtitle-semi-bold-letter-spacing: 0px;
  --subtitle-semi-bold-line-height: 28px;
  --subtitle-semi-bold-font-style: normal;
  --subtitle-medium-font-family: "Montserrat", Helvetica;
  --subtitle-medium-font-weight: 500;
  --subtitle-medium-font-size: 20px;
  --subtitle-medium-letter-spacing: 0px;
  --subtitle-medium-line-height: 28px;
  --subtitle-medium-font-style: normal;
  --subtitle-regular-font-family: "Montserrat", Helvetica;
  --subtitle-regular-font-weight: 400;
  --subtitle-regular-font-size: 20px;
  --subtitle-regular-letter-spacing: 0px;
  --subtitle-regular-line-height: 28px;
  --subtitle-regular-font-style: normal;
  --paragraph-l-bold-font-family: "Montserrat", Helvetica;
  --paragraph-l-bold-font-weight: 700;
  --paragraph-l-bold-font-size: 18px;
  --paragraph-l-bold-letter-spacing: 0px;
  --paragraph-l-bold-line-height: 28px;
  --paragraph-l-bold-font-style: normal;
  --paragraph-l-semi-bold-font-family: "Montserrat", Helvetica;
  --paragraph-l-semi-bold-font-weight: 600;
  --paragraph-l-semi-bold-font-size: 18px;
  --paragraph-l-semi-bold-letter-spacing: 0px;
  --paragraph-l-semi-bold-line-height: 28px;
  --paragraph-l-semi-bold-font-style: normal;
  --paragraph-l-medium-font-family: "Montserrat", Helvetica;
  --paragraph-l-medium-font-weight: 500;
  --paragraph-l-medium-font-size: 18px;
  --paragraph-l-medium-letter-spacing: 0px;
  --paragraph-l-medium-line-height: 28px;
  --paragraph-l-medium-font-style: normal;
  --paragraph-l-regular-font-family: "Montserrat", Helvetica;
  --paragraph-l-regular-font-weight: 400;
  --paragraph-l-regular-font-size: 18px;
  --paragraph-l-regular-letter-spacing: 0px;
  --paragraph-l-regular-line-height: 28px;
  --paragraph-l-regular-font-style: normal;
  --paragraph-m-bold-font-family: "Montserrat", Helvetica;
  --paragraph-m-bold-font-weight: 700;
  --paragraph-m-bold-font-size: 16px;
  --paragraph-m-bold-letter-spacing: 0px;
  --paragraph-m-bold-line-height: 24px;
  --paragraph-m-bold-font-style: normal;
  --paragraph-m-semi-bold-font-family: "Montserrat", Helvetica;
  --paragraph-m-semi-bold-font-weight: 600;
  --paragraph-m-semi-bold-font-size: 16px;
  --paragraph-m-semi-bold-letter-spacing: 0px;
  --paragraph-m-semi-bold-line-height: 24px;
  --paragraph-m-semi-bold-font-style: normal;
  --paragraph-m-medium-font-family: "Montserrat", Helvetica;
  --paragraph-m-medium-font-weight: 500;
  --paragraph-m-medium-font-size: 16px;
  --paragraph-m-medium-letter-spacing: 0px;
  --paragraph-m-medium-line-height: 24px;
  --paragraph-m-medium-font-style: normal;
  --paragraph-m-regular-font-family: "Montserrat", Helvetica;
  --paragraph-m-regular-font-weight: 400;
  --paragraph-m-regular-font-size: 16px;
  --paragraph-m-regular-letter-spacing: 0px;
  --paragraph-m-regular-line-height: 24px;
  --paragraph-m-regular-font-style: normal;
  --paragraph-s-bold-font-family: "Montserrat", Helvetica;
  --paragraph-s-bold-font-weight: 700;
  --paragraph-s-bold-font-size: 14px;
  --paragraph-s-bold-letter-spacing: 0px;
  --paragraph-s-bold-line-height: 20px;
  --paragraph-s-bold-font-style: normal;
  --paragraph-s-semi-bold-font-family: "Montserrat", Helvetica;
  --paragraph-s-semi-bold-font-weight: 600;
  --paragraph-s-semi-bold-font-size: 14px;
  --paragraph-s-semi-bold-letter-spacing: 0px;
  --paragraph-s-semi-bold-line-height: 20px;
  --paragraph-s-semi-bold-font-style: normal;
  --paragraph-s-medium-font-family: "Montserrat", Helvetica;
  --paragraph-s-medium-font-weight: 500;
  --paragraph-s-medium-font-size: 14px;
  --paragraph-s-medium-letter-spacing: 0px;
  --paragraph-s-medium-line-height: 20px;
  --paragraph-s-medium-font-style: normal;
  --paragraph-s-regular-font-family: "Montserrat", Helvetica;
  --paragraph-s-regular-font-weight: 400;
  --paragraph-s-regular-font-size: 14px;
  --paragraph-s-regular-letter-spacing: 0px;
  --paragraph-s-regular-line-height: 20px;
  --paragraph-s-regular-font-style: normal;
  --caption-bold-font-family: "Montserrat", Helvetica;
  --caption-bold-font-weight: 700;
  --caption-bold-font-size: 12px;
  --caption-bold-letter-spacing: 0px;
  --caption-bold-line-height: 16px;
  --caption-bold-font-style: normal;
  --caption-semi-bold-font-family: "Montserrat", Helvetica;
  --caption-semi-bold-font-weight: 600;
  --caption-semi-bold-font-size: 12px;
  --caption-semi-bold-letter-spacing: 0px;
  --caption-semi-bold-line-height: 16px;
  --caption-semi-bold-font-style: normal;
  --caption-medium-font-family: "Montserrat", Helvetica;
  --caption-medium-font-weight: 500;
  --caption-medium-font-size: 12px;
  --caption-medium-letter-spacing: 0px;
  --caption-medium-line-height: 16px;
  --caption-medium-font-style: normal;
  --caption-regular-font-family: "Montserrat", Helvetica;
  --caption-regular-font-weight: 400;
  --caption-regular-font-size: 12px;
  --caption-regular-letter-spacing: 0px;
  --caption-regular-line-height: 16px;
  --caption-regular-font-style: normal;
  --effects-focus-state-base: 0px 0px 0px 4px rgba(206, 210, 218, 1), 0px 0px
    0px 2px rgba(255, 255, 255, 1);
  --effects-focus-state-primary-brand: 0px 0px 0px 4px rgba(143, 196, 255, 1),
    0px 0px 0px 2px rgba(255, 255, 255, 1);
  --effects-focus-state-error: 0px 0px 0px 4px rgba(255, 133, 133, 1), 0px 0px
    0px 2px rgba(255, 255, 255, 1);
  --effects-shadows-xs: 0px 1px 2px 0px rgba(20, 28, 37, 0.05);
  --effects-shadows-s: 0px 1px 3px 0px rgba(20, 28, 37, 0.08);
  --effects-shadows-m: 0px 4px 6px -1px rgba(20, 28, 37, 0.08);
  --effects-shadows-l: 0px 10px 15px -3px rgba(20, 28, 37, 0.08);
  --effects-shadows-xl: 0px 20px 25px -5px rgba(20, 28, 37, 0.1);
  --effects-shadows-xxl: 0px 25px 50px -12px rgba(20, 28, 37, 0.25);
  --effects-shadows-button-shadow: 0px 1px 2px 0px rgba(20, 28, 37, 0.04);
  --effects-shadows-tabs-shadow: 0px 1px 3px 0px rgba(20, 28, 37, 0.05);
  --shadow-shadow-KIT: 0px 6px 10.800000190734863px 0px
    rgba(128, 157, 255, 0.18);
  --spacing-primitives-0: 0px;
  --spacing-primitives-2: 2px;
  --spacing-primitives-4: 4px;
  --spacing-primitives-6: 6px;
  --spacing-primitives-8: 8px;
  --spacing-primitives-10: 10px;
  --spacing-primitives-12: 12px;
  --spacing-primitives-16: 16px;
  --spacing-primitives-20: 20px;
  --spacing-primitives-24: 24px;
  --spacing-primitives-28: 28px;
  --spacing-primitives-32: 32px;
  --spacing-primitives-40: 40px;
  --spacing-primitives-48: 48px;
  --spacing-primitives-64: 64px;
  --spacing-primitives-72: 72px;
  --spacing-primitives-80: 80px;
  --spacing-primitives-96: 96px;
  --spacing-primitives-128: 128px;
  --spacing-primitives-160: 160px;
  --spacing-primitives-192: 192px;
  --spacing-primitives-224: 224px;
  --spacing-primitives-256: 256px;
  --spacing-primitives-320: 320px;
  --spacing-primitives-384: 384px;
  --spacing-primitives-512: 512px;
  --spacing-primitives-640: 640px;
  --spacing-primitives-768: 768px;
  --colors-base-900: rgba(20, 28, 37, 1);
  --colors-base-800: rgba(26, 35, 45, 1);
  --colors-base-750: rgba(39, 49, 63, 1);
  --colors-base-700: rgba(52, 64, 81, 1);
  --colors-base-600: rgba(65, 78, 98, 1);
  --colors-base-500: rgba(99, 112, 131, 1);
  --colors-base-400: rgba(151, 161, 175, 1);
  --colors-base-300: rgba(206, 210, 218, 1);
  --colors-primary-900: rgba(0, 37, 77, 1);
  --colors-base-200: rgba(228, 231, 236, 1);
  --colors-base-100: rgba(242, 244, 247, 1);
  --colors-base-50: rgba(249, 250, 251, 1);
  --colors-primary-800: rgba(0, 49, 102, 1);
  --colors-primary-700: rgba(0, 85, 178, 1);
  --colors-primary-600: rgba(0, 92, 229, 1);
  --colors-primary-500: rgba(1, 102, 255, 1);
  --colors-primary-400: rgba(51, 149, 255, 1);
  --colors-primary-300: rgba(102, 175, 255, 1);
  --colors-primary-200: rgba(143, 196, 255, 1);
  --colors-primary-100: rgba(178, 215, 255, 1);
  --colors-primary-50: rgba(229, 242, 255, 1);
  --colors-info-900: rgba(11, 74, 111, 1);
  --colors-info-800: rgba(6, 89, 134, 1);
  --colors-info-700: rgba(2, 106, 162, 1);
  --colors-info-600: rgba(0, 134, 201, 1);
  --colors-info-500: rgba(11, 165, 236, 1);
  --colors-info-400: rgba(54, 191, 250, 1);
  --colors-info-300: rgba(124, 212, 253, 1);
  --colors-info-200: rgba(185, 230, 254, 1);
  --colors-info-100: rgba(224, 242, 254, 1);
  --colors-info-50: rgba(240, 249, 255, 1);
  --colors-warning-900: rgba(120, 53, 15, 1);
  --colors-warning-800: rgba(146, 64, 14, 1);
  --colors-warning-700: rgba(180, 83, 9, 1);
  --colors-warning-600: rgba(217, 119, 6, 1);
  --colors-warning-500: rgba(245, 158, 11, 1);
  --colors-warning-400: rgba(251, 191, 36, 1);
  --colors-warning-300: rgba(252, 211, 77, 1);
  --colors-warning-200: rgba(253, 230, 138, 1);
  --colors-warning-100: rgba(254, 243, 199, 1);
  --colors-warning-50: rgba(255, 251, 235, 1);
  --colors-success-900: rgba(6, 78, 59, 1);
  --colors-success-800: rgba(6, 95, 70, 1);
  --colors-success-700: rgba(4, 120, 87, 1);
  --colors-success-600: rgba(5, 150, 105, 1);
  --colors-success-500: rgba(16, 185, 120, 1);
  --colors-success-400: rgba(52, 211, 153, 1);
  --colors-success-300: rgba(110, 231, 183, 1);
  --colors-success-200: rgba(167, 243, 208, 1);
  --colors-success-100: rgba(209, 250, 229, 1);
  --colors-success-50: rgba(236, 253, 245, 1);
  --colors-error-900: rgba(121, 12, 12, 1);
  --colors-error-800: rgba(176, 17, 17, 1);
  --colors-error-700: rgba(222, 18, 18, 1);
  --colors-error-600: rgba(246, 44, 44, 1);
  --colors-error-500: rgba(255, 77, 77, 1);
  --colors-error-400: rgba(255, 102, 102, 1);
  --colors-error-300: rgba(255, 133, 133, 1);
  --colors-error-200: rgba(255, 163, 163, 1);
  --colors-error-100: rgba(255, 194, 194, 1);
  --colors-error-50: rgba(255, 229, 229, 1);
  --colors-violet-900: rgba(76, 29, 149, 1);
  --colors-violet-800: rgba(91, 33, 182, 1);
  --colors-violet-700: rgba(109, 40, 217, 1);
  --colors-violet-600: rgba(124, 58, 237, 1);
  --colors-violet-500: rgba(139, 92, 246, 1);
  --colors-violet-400: rgba(167, 139, 250, 1);
  --colors-violet-300: rgba(196, 181, 253, 1);
  --colors-violet-200: rgba(221, 214, 254, 1);
  --colors-violet-100: rgba(237, 233, 254, 1);
  --colors-violet-50: rgba(245, 243, 255, 1);
  --colors-zinc-900: rgba(24, 24, 27, 1);
  --colors-zinc-800: rgba(39, 39, 42, 1);
  --colors-zinc-700: rgba(63, 63, 70, 1);
  --colors-zinc-600: rgba(82, 82, 91, 1);
  --colors-neutral-900: rgba(23, 23, 23, 1);
  --colors-zinc-500: rgba(113, 113, 122, 1);
  --colors-zinc-400: rgba(161, 161, 170, 1);
  --colors-zinc-300: rgba(212, 212, 216, 1);
  --colors-zinc-200: rgba(228, 228, 231, 1);
  --colors-neutral-800: rgba(38, 38, 38, 1);
  --colors-zinc-100: rgba(244, 244, 245, 1);
  --colors-zinc-50: rgba(250, 250, 250, 1);
  --colors-neutral-700: rgba(64, 64, 64, 1);
  --colors-neutral-600: rgba(82, 82, 82, 1);
  --colors-neutral-500: rgba(115, 115, 115, 1);
  --colors-neutral-400: rgba(163, 163, 163, 1);
  --colors-neutral-300: rgba(212, 212, 212, 1);
  --colors-neutral-200: rgba(229, 229, 229, 1);
  --colors-neutral-100: rgba(245, 245, 245, 1);
  --colors-neutral-50: rgba(250, 250, 250, 1);
  --colors-stone-900: rgba(28, 25, 23, 1);
  --colors-stone-800: rgba(41, 37, 36, 1);
  --colors-stone-700: rgba(68, 64, 60, 1);
  --colors-stone-600: rgba(87, 83, 78, 1);
  --colors-stone-500: rgba(120, 113, 108, 1);
  --colors-stone-400: rgba(168, 162, 158, 1);
  --colors-stone-300: rgba(214, 211, 209, 1);
  --colors-stone-200: rgba(231, 229, 228, 1);
  --colors-stone-100: rgba(245, 245, 244, 1);
  --colors-stone-50: rgba(250, 250, 249, 1);
  --colors-orange-900: rgba(124, 45, 18, 1);
  --colors-orange-800: rgba(154, 52, 18, 1);
  --colors-orange-700: rgba(194, 65, 12, 1);
  --colors-orange-600: rgba(234, 88, 12, 1);
  --colors-orange-500: rgba(249, 115, 22, 1);
  --colors-orange-400: rgba(251, 146, 60, 1);
  --colors-orange-300: rgba(253, 186, 116, 1);
  --colors-amber-900: rgba(120, 53, 15, 1);
  --colors-orange-200: rgba(254, 215, 170, 1);
  --colors-amber-800: rgba(146, 64, 14, 1);
  --colors-orange-100: rgba(255, 237, 213, 1);
  --colors-amber-700: rgba(180, 83, 9, 1);
  --colors-amber-600: rgba(217, 119, 6, 1);
  --colors-orange-50: rgba(255, 247, 237, 1);
  --colors-amber-500: rgba(245, 158, 11, 1);
  --colors-amber-400: rgba(251, 191, 36, 1);
  --colors-amber-300: rgba(252, 211, 77, 1);
  --colors-amber-200: rgba(253, 230, 138, 1);
  --colors-amber-100: rgba(254, 243, 199, 1);
  --colors-amber-50: rgba(255, 251, 235, 1);
  --colors-yellow-900: rgba(113, 63, 18, 1);
  --colors-yellow-800: rgba(133, 77, 14, 1);
  --colors-yellow-700: rgba(161, 98, 7, 1);
  --colors-yellow-600: rgba(202, 138, 4, 1);
  --colors-yellow-500: rgba(234, 179, 8, 1);
  --colors-yellow-400: rgba(250, 204, 21, 1);
  --colors-yellow-300: rgba(253, 224, 71, 1);
  --colors-yellow-200: rgba(254, 240, 138, 1);
  --colors-yellow-100: rgba(254, 249, 195, 1);
  --colors-lime-900: rgba(54, 83, 20, 1);
  --colors-yellow-50: rgba(254, 252, 232, 1);
  --colors-lime-800: rgba(63, 98, 18, 1);
  --colors-lime-700: rgba(77, 124, 15, 1);
  --colors-lime-600: rgba(101, 163, 13, 1);
  --colors-lime-500: rgba(132, 204, 22, 1);
  --colors-lime-400: rgba(175, 229, 86, 1);
  --colors-lime-300: rgba(190, 242, 100, 1);
  --colors-lime-200: rgba(217, 249, 157, 1);
  --colors-lime-100: rgba(236, 252, 203, 1);
  --colors-lime-50: rgba(247, 254, 231, 1);
  --colors-green-900: rgba(20, 83, 45, 1);
  --colors-green-800: rgba(22, 101, 52, 1);
  --colors-green-700: rgba(21, 128, 61, 1);
  --colors-green-600: rgba(22, 163, 74, 1);
  --colors-green-500: rgba(34, 197, 94, 1);
  --colors-green-400: rgba(74, 222, 128, 1);
  --colors-green-300: rgba(134, 239, 172, 1);
  --colors-green-200: rgba(187, 247, 208, 1);
  --colors-green-100: rgba(220, 252, 231, 1);
  --colors-green-50: rgba(240, 253, 244, 1);
  --colors-emerald-900: rgba(6, 78, 59, 1);
  --colors-emerald-800: rgba(6, 95, 70, 1);
  --colors-emerald-700: rgba(4, 120, 87, 1);
  --colors-emerald-600: rgba(5, 150, 105, 1);
  --colors-emerald-500: rgba(16, 185, 129, 1);
  --colors-emerald-400: rgba(52, 211, 153, 1);
  --colors-emerald-300: rgba(110, 231, 183, 1);
  --colors-emerald-200: rgba(167, 243, 208, 1);
  --colors-emerald-100: rgba(209, 250, 229, 1);
  --colors-emerald-50: rgba(236, 253, 245, 1);
  --colors-teal-900: rgba(19, 78, 74, 1);
  --colors-teal-800: rgba(17, 94, 89, 1);
  --colors-teal-700: rgba(15, 118, 110, 1);
  --colors-teal-600: rgba(13, 148, 136, 1);
  --colors-teal-500: rgba(20, 184, 166, 1);
  --colors-teal-400: rgba(45, 212, 191, 1);
  --colors-teal-300: rgba(94, 234, 212, 1);
  --colors-teal-200: rgba(153, 246, 228, 1);
  --colors-teal-100: rgba(204, 251, 241, 1);
  --colors-teal-50: rgba(240, 253, 250, 1);
  --colors-cyan-900: rgba(22, 78, 99, 1);
  --colors-cyan-800: rgba(21, 94, 117, 1);
  --colors-cyan-700: rgba(14, 116, 144, 1);
  --colors-cyan-600: rgba(8, 145, 178, 1);
  --colors-cyan-500: rgba(6, 182, 212, 1);
  --colors-cyan-400: rgba(34, 211, 238, 1);
  --colors-cyan-300: rgba(103, 232, 249, 1);
  --colors-cyan-200: rgba(165, 243, 252, 1);
  --colors-cyan-100: rgba(207, 250, 254, 1);
  --colors-sky-900: rgba(12, 74, 110, 1);
  --colors-cyan-50: rgba(236, 254, 255, 1);
  --colors-sky-800: rgba(7, 89, 133, 1);
  --colors-sky-700: rgba(3, 105, 161, 1);
  --colors-sky-600: rgba(2, 132, 199, 1);
  --colors-sky-500: rgba(14, 165, 233, 1);
  --colors-sky-400: rgba(56, 189, 248, 1);
  --colors-sky-300: rgba(125, 211, 252, 1);
  --colors-sky-200: rgba(186, 230, 253, 1);
  --colors-blue-900: rgba(30, 58, 138, 1);
  --colors-sky-100: rgba(224, 242, 254, 1);
  --colors-blue-800: rgba(30, 64, 175, 1);
  --colors-blue-700: rgba(29, 78, 216, 1);
  --colors-sky-50: rgba(240, 249, 255, 1);
  --colors-blue-600: rgba(37, 99, 235, 1);
  --colors-blue-500: rgba(59, 130, 246, 1);
  --colors-blue-400: rgba(96, 165, 250, 1);
  --colors-blue-300: rgba(147, 197, 253, 1);
  --colors-blue-200: rgba(191, 219, 254, 1);
  --colors-blue-100: rgba(219, 234, 254, 1);
  --colors-blue-50: rgba(239, 246, 255, 1);
  --colors-indigo-900: rgba(49, 46, 129, 1);
  --colors-indigo-800: rgba(55, 48, 163, 1);
  --colors-indigo-700: rgba(67, 56, 202, 1);
  --colors-indigo-600: rgba(79, 70, 229, 1);
  --colors-indigo-500: rgba(99, 102, 241, 1);
  --colors-indigo-400: rgba(129, 140, 248, 1);
  --colors-indigo-300: rgba(165, 180, 252, 1);
  --colors-indigo-200: rgba(199, 210, 254, 1);
  --colors-indigo-100: rgba(224, 231, 255, 1);
  --colors-indigo-50: rgba(238, 242, 255, 1);
  --colors-purple-900: rgba(88, 28, 135, 1);
  --colors-purple-800: rgba(107, 33, 168, 1);
  --colors-purple-700: rgba(126, 34, 206, 1);
  --colors-purple-600: rgba(147, 51, 234, 1);
  --colors-purple-500: rgba(168, 85, 247, 1);
  --colors-purple-400: rgba(192, 132, 252, 1);
  --colors-purple-300: rgba(216, 180, 254, 1);
  --colors-purple-200: rgba(233, 213, 255, 1);
  --colors-fuchsia-900: rgba(112, 26, 117, 1);
  --colors-purple-100: rgba(243, 232, 255, 1);
  --colors-fuchsia-800: rgba(134, 25, 143, 1);
  --colors-purple-50: rgba(250, 245, 255, 1);
  --colors-fuchsia-700: rgba(162, 28, 175, 1);
  --colors-fuchsia-600: rgba(192, 38, 211, 1);
  --colors-fuchsia-500: rgba(217, 70, 239, 1);
  --colors-fuchsia-400: rgba(232, 121, 249, 1);
  --colors-fuchsia-300: rgba(240, 171, 252, 1);
  --colors-fuchsia-200: rgba(245, 208, 254, 1);
  --colors-pink-900: rgba(131, 24, 67, 1);
  --colors-fuchsia-100: rgba(250, 232, 255, 1);
  --colors-fuchsia-50: rgba(253, 244, 255, 1);
  --colors-pink-800: rgba(157, 23, 77, 1);
  --colors-pink-700: rgba(190, 24, 93, 1);
  --colors-pink-600: rgba(219, 39, 119, 1);
  --colors-pink-500: rgba(236, 72, 153, 1);
  --colors-pink-400: rgba(244, 114, 182, 1);
  --colors-pink-300: rgba(249, 168, 212, 1);
  --colors-pink-200: rgba(251, 207, 232, 1);
  --colors-pink-100: rgba(252, 231, 243, 1);
  --colors-rose-900: rgba(136, 19, 55, 1);
  --colors-rose-800: rgba(159, 18, 57, 1);
  --colors-rose-700: rgba(190, 18, 60, 1);
  --colors-rose-600: rgba(225, 29, 72, 1);
  --colors-rose-500: rgba(244, 63, 94, 1);
  --colors-rose-400: rgba(251, 113, 133, 1);
  --colors-rose-300: rgba(253, 164, 175, 1);
  --colors-rose-200: rgba(254, 205, 211, 1);
  --colors-rose-100: rgba(255, 228, 230, 1);
  --colors-pink-50: rgba(253, 242, 248, 1);
  --colors-rose-50: rgba(255, 241, 242, 1);
  --colors-base-0-white: rgba(255, 255, 255, 1);
  --color-tokens-text-text-primary: var(--colors-base-900);
  --color-tokens-text-text-secondary: var(--colors-base-700);
  --color-tokens-text-text-tertiary: var(--colors-base-500);
  --color-tokens-text-text-quaternary: var(--colors-base-0-white);
  --color-tokens-text-text-disabled: var(--colors-base-400);
  --color-tokens-background-colors-bg-0: var(--colors-base-0-white);
  --color-tokens-background-colors-bg-0-hover: var(--colors-base-50);
  --color-tokens-background-colors-bg-50: var(--colors-base-50);
  --color-tokens-background-colors-bg-50-hover: var(--colors-base-100);
  --color-tokens-background-colors-bg-100: var(--colors-base-100);
  --color-tokens-background-colors-bg-100-hover: var(--colors-base-200);
  --color-tokens-background-colors-bg-200: var(--colors-base-200);
  --color-tokens-background-colors-bg-disabled: var(--colors-base-200);
  --color-tokens-background-colors-bg-primary-500: var(--colors-primary-500);
  --color-tokens-background-colors-bg-primary-500-hover: var(
    --colors-primary-600
  );
  --color-tokens-background-colors-bg-primary-500-a10: rgba(1, 102, 255, 0.1);
  --color-tokens-background-colors-bg-primary-500-a10-hover: rgba(
    1,
    102,
    255,
    0.15
  );
  --color-tokens-background-colors-bg-error-500: var(--colors-error-500);
  --color-tokens-background-colors-bg-error-500-hover: var(--colors-error-600);
  --color-tokens-background-colors-bg-error-500-a10: rgba(255, 76, 76, 0.1);
  --color-tokens-background-colors-bg-error-500-a10-hover: rgba(
    255,
    76,
    76,
    0.15
  );
  --color-tokens-border-colors-border-100: var(--colors-base-100);
  --color-tokens-border-colors-border-100-hover: var(--colors-base-200);
  --color-tokens-border-colors-border-200: var(--colors-base-200);
  --color-tokens-border-colors-border-200-hover: var(--colors-base-300);
  --color-tokens-border-colors-border-300: var(--colors-base-300);
  --color-tokens-border-colors-border-300-hover: var(--colors-base-400);
  --color-tokens-border-colors-border-400: var(--colors-base-400);
  --color-tokens-border-colors-border-400-hover: var(--colors-base-500);
  --color-tokens-border-colors-border-800: var(--colors-base-800);
  --color-tokens-border-colors-border-800-hover: var(--colors-base-900);
  --color-tokens-border-colors-border-900: var(--colors-base-900);
  --color-tokens-border-colors-border-disabled: var(--colors-base-200);
  --color-tokens-border-colors-border-primary-500: var(--colors-primary-500);
  --color-tokens-border-colors-border-primary-500-hover: var(
    --colors-primary-600
  );
  --color-tokens-border-colors-border-error-500: var(--colors-error-500);
  --color-tokens-border-colors-border-error-500-hover: var(--colors-error-600);
  --color-tokens-foreground-colors-foreground-01: var(--colors-base-900);
  --color-tokens-foreground-colors-foreground-02: var(--colors-base-800);
  --color-tokens-foreground-colors-foreground-02-hover: var(--colors-base-900);
  --color-tokens-foreground-colors-foreground-03: var(--colors-base-700);
  --color-tokens-foreground-colors-foreground-03-hover: var(--colors-base-800);
  --color-tokens-foreground-colors-foreground-04: var(--colors-base-600);
  --color-tokens-foreground-colors-foreground-04-hover: var(--colors-base-700);
  --color-tokens-foreground-colors-foreground-05: var(--colors-base-500);
  --color-tokens-foreground-colors-foreground-05-hover: var(--colors-base-600);
  --color-tokens-foreground-colors-foreground-06: var(--colors-base-400);
  --color-tokens-foreground-colors-foreground-06-hover: var(--colors-base-500);
  --color-tokens-foreground-colors-foreground-07: var(--colors-base-300);
  --color-tokens-foreground-colors-foreground-07-hover: var(--colors-base-400);
  --color-tokens-icons-icon-900: var(--colors-base-900);
  --color-tokens-icons-icon-800: var(--colors-base-800);
  --color-tokens-icons-icon-700: var(--colors-base-700);
  --color-tokens-icons-icon-600: var(--colors-base-600);
  --color-tokens-icons-icon-500: var(--colors-base-500);
  --color-tokens-icons-icon-400: var(--colors-base-400);
  --color-tokens-icons-icon-300: var(--colors-base-300);
  --color-tokens-icons-icon-200: var(--colors-base-200);
  --color-tokens-icons-icon-100: var(--colors-base-100);
  --color-tokens-icons-icon-50: var(--colors-base-50);
  --color-tokens-icons-icon-0: var(--colors-base-0-white);
  --color-tokens-light-mode: initial;
  --color-tokens-dark-mode: none;
  --color-tokens-effects-shadow-xs: rgba(20, 28, 37, 0.05);
  --color-tokens-effects-shadow-s: rgba(20, 28, 37, 0.08);
  --color-tokens-effects-shadow-m: rgba(20, 28, 37, 0.08);
  --color-tokens-effects-shadow-l: rgba(20, 28, 37, 0.08);
  --color-tokens-effects-shadow-xl: rgba(20, 28, 37, 0.1);
  --color-tokens-effects-shadow-xxl: rgba(20, 28, 37, 0.25);
  --color-tokens-effects-shadow-tabs: rgba(20, 28, 37, 0.05);
  --color-tokens-effects-shadow-button: rgba(20, 28, 37, 0.04);
  --padding-padding-none: var(--spacing-primitives-0);
  --padding-padding-2: var(--spacing-primitives-2);
  --padding-padding-4: var(--spacing-primitives-4);
  --padding-padding-6: var(--spacing-primitives-6);
  --padding-padding-8: var(--spacing-primitives-8);
  --padding-padding-10: var(--spacing-primitives-10);
  --padding-padding-12: var(--spacing-primitives-12);
  --padding-padding-16: var(--spacing-primitives-16);
  --padding-padding-20: var(--spacing-primitives-20);
  --padding-padding-24: var(--spacing-primitives-24);
  --padding-padding-28: var(--spacing-primitives-28);
  --padding-padding-32: var(--spacing-primitives-32);
  --padding-padding-40: var(--spacing-primitives-40);
  --padding-padding-48: var(--spacing-primitives-48);
  --padding-padding-64: var(--spacing-primitives-64);
  --padding-padding-72: var(--spacing-primitives-72);
  --padding-padding-80: var(--spacing-primitives-80);
  --padding-padding-96: var(--spacing-primitives-96);
  --padding-padding-128: var(--spacing-primitives-128);
  --padding-padding-160: var(--spacing-primitives-160);
  --padding-padding-192: var(--spacing-primitives-192);
  --radius-radius-none: var(--spacing-primitives-0);
  --radius-radius-xxxs: var(--spacing-primitives-2);
  --radius-radius-xxs: var(--spacing-primitives-4);
  --radius-radius-xs: var(--spacing-primitives-6);
  --radius-radius-s: var(--spacing-primitives-8);
  --radius-radius-m: var(--spacing-primitives-10);
  --radius-radius-l: var(--spacing-primitives-12);
  --radius-radius-xl: var(--spacing-primitives-16);
  --radius-radius-xxl: var(--spacing-primitives-20);
  --radius-radius-xxxl: var(--spacing-primitives-32);
  --radius-radius-xxxxl: var(--spacing-primitives-48);
  --radius-radius-max: 999px;
  --screen-size-screen-width-screen-width-desktop: 1440px;
  --screen-size-screen-width-screen-width-mobile: 375px;
  --screen-size-container-properties-web-container-desktop: 1216px;
  --screen-size-grid-modules-12-col-desktop: 1216px;
  --screen-size-grid-modules-12-col-mobile: 343px;
  --screen-size-grid-modules-6-col-desktop: 592px;
  --screen-size-grid-modules-6-col-mobile: 343px;
  --screen-size-grid-modules-4-col-desktop: 384px;
  --screen-size-grid-modules-4-col-mobile: 343px;
  --screen-size-grid-modules-3-col-desktop: 280px;
  --screen-size-grid-modules-3-col-mobile: 343px;
  --screen-size-grid-modules-2-col-desktop: 176px;
  --screen-size-grid-modules-2-col-mobile: 343px;
  --screen-size-device-boolean-show-desktop: initial;
  --screen-size-device-boolean-show-mobile: none;
  --screen-size-container-properties-web-container-mobile: 343px;
  --screen-size-navigation-padding-nav-padding: 112px;
  --screen-size-items-boolean-hamburger-menu: none;
  --screen-size-items-boolean-nav-menu: initial;
  --screen-size-items-boolean-desktop-item: initial;
  --screen-size-grid-system-properties-grid-column-count: 12px;
  --screen-size-grid-system-properties-grid-margin: 112px;
  --screen-size-grid-system-properties-grid-gutter: 32px;
  --screen-size-mockup-size-mockup-width: 1024px;
  --screen-size-mockup-size-mockup-height: 640px;
}

/*

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

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

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

*/

[data-color-tokens-mode="light-mode"] {
  --color-tokens-text-text-primary: var(--colors-base-900);
  --color-tokens-text-text-secondary: var(--colors-base-700);
  --color-tokens-text-text-tertiary: var(--colors-base-500);
  --color-tokens-text-text-quaternary: var(--colors-base-0-white);
  --color-tokens-text-text-disabled: var(--colors-base-400);
  --color-tokens-background-colors-bg-0: var(--colors-base-0-white);
  --color-tokens-background-colors-bg-0-hover: var(--colors-base-50);
  --color-tokens-background-colors-bg-50: var(--colors-base-50);
  --color-tokens-background-colors-bg-50-hover: var(--colors-base-100);
  --color-tokens-background-colors-bg-100: var(--colors-base-100);
  --color-tokens-background-colors-bg-100-hover: var(--colors-base-200);
  --color-tokens-background-colors-bg-200: var(--colors-base-200);
  --color-tokens-background-colors-bg-disabled: var(--colors-base-200);
  --color-tokens-border-colors-border-100: var(--colors-base-100);
  --color-tokens-border-colors-border-100-hover: var(--colors-base-200);
  --color-tokens-border-colors-border-200: var(--colors-base-200);
  --color-tokens-border-colors-border-200-hover: var(--colors-base-300);
  --color-tokens-border-colors-border-300: var(--colors-base-300);
  --color-tokens-border-colors-border-300-hover: var(--colors-base-400);
  --color-tokens-border-colors-border-400: var(--colors-base-400);
  --color-tokens-border-colors-border-800: var(--colors-base-800);
  --color-tokens-border-colors-border-800-hover: var(--colors-base-900);
  --color-tokens-border-colors-border-900: var(--colors-base-900);
  --color-tokens-border-colors-border-disabled: var(--colors-base-200);
  --color-tokens-foreground-colors-foreground-01: var(--colors-base-900);
  --color-tokens-foreground-colors-foreground-02: var(--colors-base-800);
  --color-tokens-foreground-colors-foreground-02-hover: var(--colors-base-900);
  --color-tokens-foreground-colors-foreground-03: var(--colors-base-700);
  --color-tokens-foreground-colors-foreground-03-hover: var(--colors-base-800);
  --color-tokens-foreground-colors-foreground-04: var(--colors-base-600);
  --color-tokens-foreground-colors-foreground-04-hover: var(--colors-base-700);
  --color-tokens-foreground-colors-foreground-05: var(--colors-base-500);
  --color-tokens-foreground-colors-foreground-05-hover: var(--colors-base-600);
  --color-tokens-foreground-colors-foreground-06: var(--colors-base-400);
  --color-tokens-foreground-colors-foreground-06-hover: var(--colors-base-500);
  --color-tokens-foreground-colors-foreground-07: var(--colors-base-300);
  --color-tokens-foreground-colors-foreground-07-hover: var(--colors-base-400);
  --color-tokens-icons-icon-900: var(--colors-base-900);
  --color-tokens-icons-icon-800: var(--colors-base-800);
  --color-tokens-icons-icon-700: var(--colors-base-700);
  --color-tokens-icons-icon-600: var(--colors-base-600);
  --color-tokens-icons-icon-500: var(--colors-base-500);
  --color-tokens-icons-icon-300: var(--colors-base-300);
  --color-tokens-icons-icon-200: var(--colors-base-200);
  --color-tokens-icons-icon-100: var(--colors-base-100);
  --color-tokens-icons-icon-50: var(--colors-base-50);
  --color-tokens-icons-icon-0: var(--colors-base-0-white);
  --color-tokens-light-mode: initial;
  --color-tokens-dark-mode: none;
  --color-tokens-effects-shadow-xs: rgba(20, 28, 37, 0.05);
  --color-tokens-effects-shadow-s: rgba(20, 28, 37, 0.08);
  --color-tokens-effects-shadow-m: rgba(20, 28, 37, 0.08);
  --color-tokens-effects-shadow-l: rgba(20, 28, 37, 0.08);
  --color-tokens-effects-shadow-xl: rgba(20, 28, 37, 0.1);
  --color-tokens-effects-shadow-xxl: rgba(20, 28, 37, 0.25);
  --color-tokens-effects-shadow-tabs: rgba(20, 28, 37, 0.05);
  --color-tokens-effects-shadow-button: rgba(20, 28, 37, 0.04);
}

[data-color-tokens-mode="dark-mode"] {
  --color-tokens-text-text-primary: var(--colors-base-0-white);
  --color-tokens-text-text-secondary: var(--colors-base-200);
  --color-tokens-text-text-tertiary: var(--colors-base-400);
  --color-tokens-text-text-quaternary: var(--colors-base-900);
  --color-tokens-text-text-disabled: var(--colors-base-600);
  --color-tokens-background-colors-bg-0: var(--colors-base-900);
  --color-tokens-background-colors-bg-0-hover: var(--colors-base-800);
  --color-tokens-background-colors-bg-50: var(--colors-base-800);
  --color-tokens-background-colors-bg-50-hover: var(--colors-base-750);
  --color-tokens-background-colors-bg-100: var(--colors-base-750);
  --color-tokens-background-colors-bg-100-hover: var(--colors-base-700);
  --color-tokens-background-colors-bg-200: var(--colors-base-700);
  --color-tokens-background-colors-bg-disabled: var(--colors-base-700);
  --color-tokens-border-colors-border-100: var(--colors-base-800);
  --color-tokens-border-colors-border-100-hover: var(--colors-base-750);
  --color-tokens-border-colors-border-200: var(--colors-base-750);
  --color-tokens-border-colors-border-200-hover: var(--colors-base-700);
  --color-tokens-border-colors-border-300: var(--colors-base-700);
  --color-tokens-border-colors-border-300-hover: var(--colors-base-600);
  --color-tokens-border-colors-border-400: var(--colors-base-600);
  --color-tokens-border-colors-border-800: var(--colors-base-100);
  --color-tokens-border-colors-border-800-hover: var(--colors-base-0-white);
  --color-tokens-border-colors-border-900: var(--colors-base-0-white);
  --color-tokens-border-colors-border-disabled: var(--colors-base-700);
  --color-tokens-foreground-colors-foreground-01: var(--colors-base-0-white);
  --color-tokens-foreground-colors-foreground-02: var(--colors-base-200);
  --color-tokens-foreground-colors-foreground-02-hover: var(--colors-base-100);
  --color-tokens-foreground-colors-foreground-03: var(--colors-base-300);
  --color-tokens-foreground-colors-foreground-03-hover: var(--colors-base-200);
  --color-tokens-foreground-colors-foreground-04: var(--colors-base-300);
  --color-tokens-foreground-colors-foreground-04-hover: var(--colors-base-200);
  --color-tokens-foreground-colors-foreground-05: var(--colors-base-400);
  --color-tokens-foreground-colors-foreground-05-hover: var(--colors-base-300);
  --color-tokens-foreground-colors-foreground-06: var(--colors-base-500);
  --color-tokens-foreground-colors-foreground-06-hover: var(--colors-base-400);
  --color-tokens-foreground-colors-foreground-07: var(--colors-base-600);
  --color-tokens-foreground-colors-foreground-07-hover: var(--colors-base-500);
  --color-tokens-icons-icon-900: var(--colors-base-0-white);
  --color-tokens-icons-icon-800: var(--colors-base-50);
  --color-tokens-icons-icon-700: var(--colors-base-100);
  --color-tokens-icons-icon-600: var(--colors-base-200);
  --color-tokens-icons-icon-500: var(--colors-base-300);
  --color-tokens-icons-icon-300: var(--colors-base-500);
  --color-tokens-icons-icon-200: var(--colors-base-600);
  --color-tokens-icons-icon-100: var(--colors-base-700);
  --color-tokens-icons-icon-50: var(--colors-base-800);
  --color-tokens-icons-icon-0: var(--colors-base-900);
  --color-tokens-light-mode: none;
  --color-tokens-dark-mode: initial;
  --color-tokens-effects-shadow-xs: rgba(0, 0, 0, 0.15);
  --color-tokens-effects-shadow-s: rgba(0, 0, 0, 0.1);
  --color-tokens-effects-shadow-m: rgba(0, 0, 0, 0.1);
  --color-tokens-effects-shadow-l: rgba(0, 0, 0, 0.1);
  --color-tokens-effects-shadow-xl: rgba(0, 0, 0, 0.12);
  --color-tokens-effects-shadow-xxl: rgba(0, 0, 0, 0.25);
  --color-tokens-effects-shadow-tabs: rgba(0, 0, 0, 0.2);
  --color-tokens-effects-shadow-button: rgba(0, 0, 0, 0.1);
}

[data-screen-size-mode="desktop"] {
  --screen-size-screen-width-screen-width-desktop: 1440px;
  --screen-size-container-properties-web-container-desktop: 1216px;
  --screen-size-grid-modules-12-col-desktop: 1216px;
  --screen-size-device-boolean-show-desktop: initial;
  --screen-size-device-boolean-show-mobile: none;
  --screen-size-navigation-padding-nav-padding: 112px;
  --screen-size-items-boolean-hamburger-menu: none;
  --screen-size-items-boolean-nav-menu: initial;
  --screen-size-items-boolean-desktop-item: initial;
  --screen-size-grid-system-properties-grid-column-count: 12px;
  --screen-size-grid-system-properties-grid-margin: 112px;
  --screen-size-grid-system-properties-grid-gutter: 32px;
  --screen-size-mockup-size-mockup-width: 1024px;
  --screen-size-mockup-size-mockup-height: 640px;
}

[data-screen-size-mode="mobile"] {
  --screen-size-screen-width-screen-width-desktop: 375px;
  --screen-size-container-properties-web-container-desktop: 343px;
  --screen-size-grid-modules-12-col-desktop: 343px;
  --screen-size-device-boolean-show-desktop: none;
  --screen-size-device-boolean-show-mobile: initial;
  --screen-size-navigation-padding-nav-padding: 16px;
  --screen-size-items-boolean-hamburger-menu: initial;
  --screen-size-items-boolean-nav-menu: none;
  --screen-size-items-boolean-desktop-item: none;
  --screen-size-grid-system-properties-grid-column-count: 4px;
  --screen-size-grid-system-properties-grid-margin: 16px;
  --screen-size-grid-system-properties-grid-gutter: 16px;
  --screen-size-mockup-size-mockup-width: 343px;
  --screen-size-mockup-size-mockup-height: 214px;
}