:root {
  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
  --gray-50: oklch(0.97 0.001 180);
  --gray-75: oklch(0.93 0.002 179.3);
  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
  --gray-100: oklch(0.9 0.002 177);
  --gray-200: oklch(0.82 0.002 171.1);
  --gray-300: oklch(0.74 0.003 165.2);
  --gray-400: oklch(0.64 0.003 157.8);
  --gray-450: oklch(0.58 0.003 153.3);
  --gray-500: oklch(0.53 0.004 149.6);
  --gray-600: oklch(0.46 0.004 144.4);
  --gray-700: oklch(0.33 0.006 140);
  --gray-800: oklch(0.23 0.01 140);
  --gray-white: #ffffff;
  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
  --mint-50: oklch(0.97 0.009 184.9);
  --mint-75: oklch(0.93 0.019 185);
  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
  --mint-100: oklch(0.9 0.022 185.7);
  --mint-200: oklch(0.82 0.029 187.5);
  --mint-300: oklch(0.74 0.036 189.2);
  --mint-400: oklch(0.64 0.035 189.3);
  --mint-450: oklch(0.58 0.034 189.3);
  --mint-500: oklch(0.53 0.034 189.3);
  --mint-600: oklch(0.46 0.033 189.3);
  --mint-700: oklch(0.33 0.026 189.3);
  --mint-800: oklch(0.23 0.018 189.3);
  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
  --red-50: oklch(0.967 0.022 4);
  --red-75: oklch(0.928 0.049 9.6);
  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
  --red-100: oklch(0.899 0.069 12.9);
  --red-200: oklch(0.82 0.13 20);
  --red-300: oklch(0.74 0.19 22);
  --red-400: oklch(0.64 0.226 24.5);
  --red-450: oklch(0.58 0.215 26);
  --red-500: oklch(0.53 0.206 27.3);
  --red-600: oklch(0.46 0.184 28);
  --red-700: oklch(0.33 0.133 28);
  --red-800: oklch(0.23 0.094 28);
  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
  --orange-50: oklch(0.97 0.04 85.2);
  --orange-75: oklch(0.929 0.079 78.3);
  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
  --orange-100: oklch(0.896 0.107 74.1);
  --orange-200: oklch(0.82 0.156 61.6);
  --orange-300: oklch(0.74 0.19 53);
  --orange-400: oklch(0.64 0.196 47.3);
  --orange-450: oklch(0.58 0.185 45.1);
  --orange-500: oklch(0.53 0.174 43.6);
  --orange-600: oklch(0.46 0.153 42.2);
  --orange-700: oklch(0.33 0.108 42);
  --orange-800: oklch(0.23 0.073 42);
  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
  --yellow-50: oklch(0.97 0.068 106);
  --yellow-75: oklch(0.93 0.103 98);
  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
  --yellow-100: oklch(0.9 0.13 92);
  --yellow-200: oklch(0.82 0.18 80);
  --yellow-300: oklch(0.74 0.17 72);
  --yellow-400: oklch(0.64 0.16 64);
  --yellow-450: oklch(0.58 0.148 61.6);
  --yellow-500: oklch(0.53 0.138 59.9);
  --yellow-600: oklch(0.46 0.121 59);
  --yellow-700: oklch(0.33 0.09 57.5);
  --yellow-800: oklch(0.23 0.063 57);
  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
  --salad-50: oklch(0.97 0.05 125.5);
  --salad-75: oklch(0.93 0.09 131.5);
  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
  --salad-100: oklch(0.9 0.12 136);
  --salad-200: oklch(0.82 0.19 143);
  --salad-300: oklch(0.74 0.23 146);
  --salad-400: oklch(0.64 0.22 147);
  --salad-450: oklch(0.58 0.203 147);
  --salad-500: oklch(0.53 0.189 147);
  --salad-600: oklch(0.46 0.169 147);
  --salad-700: oklch(0.33 0.131 147);
  --salad-800: oklch(0.23 0.095 147);
  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
  --green-50: oklch(0.97 0.048 180.5);
  --green-75: oklch(0.93 0.083 177.3);
  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
  --green-100: oklch(0.9 0.11 175);
  --green-200: oklch(0.82 0.15 170);
  --green-300: oklch(0.74 0.17 170);
  --green-400: oklch(0.64 0.161 170);
  --green-450: oklch(0.58 0.151 170);
  --green-500: oklch(0.53 0.142 170);
  --green-600: oklch(0.46 0.124 170);
  --green-700: oklch(0.33 0.089 170);
  --green-800: oklch(0.23 0.062 170);
  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
  --blue-50: oklch(0.969 0.016 267.7);
  --blue-75: oklch(0.929 0.037 268);
  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
  --blue-100: oklch(0.898 0.054 268.3);
  --blue-200: oklch(0.82 0.088 272.1);
  --blue-300: oklch(0.74 0.117 274.1);
  --blue-400: oklch(0.58 0.168 278.2);
  --blue-450: oklch(0.58 0.168 278.2);
  --blue-500: oklch(0.53 0.157 279.2);
  --blue-600: oklch(0.46 0.141 280.7);
  --blue-700: oklch(0.33 0.112 283.4);
  --blue-800: oklch(0.23 0.089 285.4);
  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
  --blue-indigo-50: oklch(0.97 0.015 266);
  --blue-indigo-75: oklch(0.93 0.035 266);
  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
  --blue-indigo-100: oklch(0.9 0.05 266);
  --blue-indigo-200: oklch(0.82 0.09 265.8);
  --blue-indigo-300: oklch(0.74 0.13 265.3);
  --blue-indigo-400: oklch(0.64 0.19 264);
  --blue-indigo-450: oklch(0.58 0.23 263);
  --blue-indigo-500: oklch(0.53 0.21 263);
  --blue-indigo-600: oklch(0.46 0.182 263);
  --blue-indigo-700: oklch(0.33 0.131 263);
  --blue-indigo-800: oklch(0.23 0.091 263);
  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
  --violet-50: oklch(0.97 0.019 303.4);
  --violet-75: oklch(0.93 0.045 303.2);
  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
  --violet-100: oklch(0.9 0.065 303);
  --violet-200: oklch(0.82 0.118 303);
  --violet-300: oklch(0.74 0.17 303);
  --violet-400: oklch(0.64 0.223 299.3);
  --violet-450: oklch(0.58 0.254 297.1);
  --violet-500: oklch(0.53 0.26 296);
  --violet-600: oklch(0.46 0.226 296);
  --violet-700: oklch(0.33 0.162 296);
  --violet-800: oklch(0.23 0.113 296);
  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
  --violet-dusty-50: oklch(0.97 0.011 278.4);
  --violet-dusty-75: oklch(0.93 0.026 278.4);
  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
  --violet-dusty-100: oklch(0.9 0.038 278.4);
  --violet-dusty-200: oklch(0.82 0.068 278.4);
  --violet-dusty-300: oklch(0.74 0.098 278.4);
  --violet-dusty-400: oklch(0.64 0.135 278.4);
  --violet-dusty-450: oklch(0.58 0.153 278.4);
  --violet-dusty-500: oklch(0.53 0.14 278.4);
  --violet-dusty-600: oklch(0.46 0.121 278.4);
  --violet-dusty-700: oklch(0.33 0.087 278.4);
  --violet-dusty-800: oklch(0.23 0.061 278.4);
  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
  --pink-50: oklch(0.97 0.03 330);
  --pink-75: oklch(0.93 0.07 330);
  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
  --pink-100: oklch(0.9 0.1 330);
  --pink-200: oklch(0.82 0.18 330);
  --pink-300: oklch(0.74 0.225 330);
  --pink-400: oklch(0.64 0.262 330);
  --pink-450: oklch(0.58 0.237 330);
  --pink-500: oklch(0.53 0.217 330);
  --pink-600: oklch(0.46 0.188 330);
  --pink-700: oklch(0.33 0.135 330);
  --pink-800: oklch(0.23 0.094 330);
  --current: currentColor;
  --transparent: rgb(0 0 0 / 0);
  --black: #000;
  --white: #fff;
  /* Base font family. */
  --intergalactic-base: Inter;
  /* Use only for text in Badge component. */
  --intergalactic-fs-50: 10px;
  /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */
  --intergalactic-fs-100: 12px;
  --intergalactic-fs-200: 14px;
  --intergalactic-fs-300: 16px;
  --intergalactic-fs-400: 20px;
  --intergalactic-fs-500: 24px;
  --intergalactic-fs-600: 32px;
  --intergalactic-fs-700: 36px;
  --intergalactic-fs-800: 48px;
  /* Use with font-size-100. */
  --intergalactic-lh-100: 133%;
  /* Use with font-size-200. */
  --intergalactic-lh-200: 142%;
  /* Use with font-size-300. */
  --intergalactic-lh-300: 150%;
  /* Use with font-size-400. */
  --intergalactic-lh-400: 120%;
  /* Use with font-size-500. */
  --intergalactic-lh-500: 117%;
  /* Use with font-size-600. */
  --intergalactic-lh-600: 125%;
  /* Use with font-size-700. */
  --intergalactic-lh-700: 110%;
  /* Use with font-size-800. */
  --intergalactic-lh-800: 117%;
  /* Semi-bold font weight. */
  --intergalactic-semi-bold: 600;
  /* Bold font weight. */
  --intergalactic-bold: 700;
  /* Regular font weight. */
  --intergalactic-regular: 400;
  /* Medium font weight. */
  --intergalactic-medium: 500;
  /* Compact letter spacing. */
  --intergalactic-compact: 0.3;
  /* Base denominator of the design system. */
  --intergalactic-scale-indent: 4px;
  /* 4px */
  --intergalactic-spacing-1x: 4px;
  /* 8px */
  --intergalactic-spacing-2x: 8px;
  /* 12px */
  --intergalactic-spacing-3x: 12px;
  /* 16px */
  --intergalactic-spacing-4x: 16px;
  /* 20px */
  --intergalactic-spacing-5x: 20px;
  /* 24px */
  --intergalactic-spacing-6x: 24px;
  /* 32px */
  --intergalactic-spacing-8x: 32px;
  /* 40px */
  --intergalactic-spacing-10x: 40px;
  /* 56px */
  --intergalactic-spacing-14x: 56px;
  /* 80px */
  --intergalactic-spacing-20x: 80px;
  /* 96px */
  --intergalactic-spacing-24x: 96px;
  /* 120px */
  --intergalactic-spacing-30x: 120px;
  /* 2px */
  --intergalactic-spacing-05x: 2px;
  --intergalactic-rounded-extra-small: 2px;
  --intergalactic-rounded-small: 4px;
  --intergalactic-rounded-medium: 6px;
  --intergalactic-rounded-large: 12px;
  --intergalactic-rounded-extra-large: 24px;
  /* Extra small screens (small phones). */
  --intergalactic-screen-extra-small: 320px;
  /* Small screens (phones and small tablets). */
  --intergalactic-screen-small: 768px;
  /* Medium screens (tablets and small laptops). */
  --intergalactic-screen-medium: 1200px;
  /* Large screens (tablets and laptops). */
  --intergalactic-screen-large: 1920px;
  /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */
  --intergalactic-duration-extra-slow: 500;
  /* Should be used for more larger scale animations (such as page transitions) */
  --intergalactic-duration-slow: 400;
  /* Should be used for more complex effects (such as Modal) */
  --intergalactic-duration-medium: 300;
  /* Should be used for more complex effects (such as Dropdown or Accordion) */
  --intergalactic-duration-fast: 200;
  /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */
  --intergalactic-duration-extra-fast: 100;
  --intergalactic-violet-400: oklch(0.64 0.223 299.3);
  --intergalactic-violet-500: oklch(0.53 0.26 296);
  --intergalactic-blue-400: oklch(0.58 0.168 278.2);
  --intergalactic-blue-500: oklch(0.53 0.157 279.2);
  --intergalactic-table-td-cell-actions-accordion: oklch(1 0 0);
  --intergalactic-keyboard-focus-outline-invert: oklch(1 0 0 / 0.7);
  /* Primary background of the interface which contains the main data and information. */
  --intergalactic-bg-primary-neutral: oklch(1 0 0);
  /* Hover state of the primary background of the interface which contains the main data and information. */
  --intergalactic-bg-primary-neutral-hover: oklch(0.98 0.001 180);
  /* Active (selected) state of the primary background of the interface which contains the main data and information. */
  --intergalactic-bg-primary-neutral-active: oklch(0.97 0.001 180);
  /* Accent background of the message with regular information. */
  --intergalactic-bg-primary-info: oklch(0.64 0.152 276.7);
  /* Accent background of the message or banner with information about the successful result. */
  --intergalactic-bg-primary-success: oklch(0.64 0.161 170);
  /* Accent background of a message or a banner with a critical information. */
  --intergalactic-bg-primary-critical: oklch(0.64 0.226 24.5);
  /* Accent background of a message or a banner with a warning information. */
  --intergalactic-bg-primary-warning: oklch(0.7 0.195 50.5);
  /* Accent background of the information you want to highlight. */
  --intergalactic-bg-primary-highlight: oklch(0.88 0.078 303);
  /* Accent background for the advertising banners and controls. */
  --intergalactic-bg-primary-advertising: oklch(0.64 0.223 299.3);
  /* Accented muted background for a message with regular information. */
  --intergalactic-bg-primary-muted: oklch(0.64 0.003 157.8);
  /* Inverted version of the primary background of the interface that contains the main data and information. */
  --intergalactic-bg-primary-invert: oklch(0.23 0.01 140);
  /* Hover state for the inverted version of the primary background of the interface that contains the main data and information. */
  --intergalactic-bg-primary-invert-hover: oklch(0.36 0.005 140);
  /* Active (selected) state for the inverted version of the primary background of the interface that contains the main data and information. */
  --intergalactic-bg-primary-invert-active: oklch(0.4 0.004 140);
  /* Secondary background of the interface which contains the main data and information. */
  --intergalactic-bg-secondary-neutral: oklch(0.98 0.001 180);
  /* Hover state of the secondary background of the interface which contains the main data and information. */
  --intergalactic-bg-secondary-neutral-hover: oklch(0.96 0.001 180);
  /* Active (selected) state of the secondary background of the interface which contains the main data and information. */
  --intergalactic-bg-secondary-neutral-active: oklch(0.94 0.002 180);
  /* Secondary background of a message with regular information. */
  --intergalactic-bg-secondary-info: oklch(0.959 0.021 267.8);
  /* Hover state of the secondary background of a message with regular information. */
  --intergalactic-bg-secondary-info-hover: oklch(0.959 0.021 267.8);
  /* Active (selected) state of the secondary background of a message with regular information. */
  --intergalactic-bg-secondary-info-active: oklch(0.939 0.032 268);
  /* Secondary background of the message with success information you want to accent. */
  --intergalactic-bg-secondary-success: oklch(0.96 0.057 179.7);
  /* Hover state of the secondary background of the message with success information you want to accent. */
  --intergalactic-bg-secondary-success-hover: oklch(0.96 0.057 179.7);
  /* Active (selected) state of the secondary background of the message with success information you want to accent. */
  --intergalactic-bg-secondary-success-active: oklch(0.94 0.074 178.1);
  /* Secondary background of the message with critical information you want to accent. */
  --intergalactic-bg-secondary-critical: oklch(0.958 0.029 5.7);
  /* Hover state of the secondary background of the message with critical information you want to accent. */
  --intergalactic-bg-secondary-critical-hover: oklch(0.958 0.029 5.7);
  /* Active (selected) state of the secondary background of the message with critical information you want to accent. */
  --intergalactic-bg-secondary-critical-active: oklch(0.938 0.042 8.4);
  /* Secondary background of the message with warning information you want to accent. */
  --intergalactic-bg-secondary-warning: oklch(0.979 0.03 88.1);
  /* Hover state of the secondary background of the message with warning information you want to accent. */
  --intergalactic-bg-secondary-warning-hover: oklch(0.96 0.05 83.1);
  /* Active (selected) state of the secondary background of the message with critical information you want to accent. */
  --intergalactic-bg-secondary-warning-active: oklch(0.939 0.069 79.8);
  /* Secondary background of the information you want to highlight. */
  --intergalactic-bg-secondary-highlight: oklch(0.98 0.013 303.4);
  /* Hover state of the secondary background of the information you want to highlight. */
  --intergalactic-bg-secondary-highlight-hover: oklch(0.96 0.026 303.3);
  /* Active (selected) state of the secondary background of the information you want to highlight. */
  --intergalactic-bg-secondary-highlight-active: oklch(0.94 0.039 303.2);
  /* Secondary background for the advertising message you want to accent. */
  --intergalactic-bg-secondary-advertising: oklch(0.98 0.013 303.4);
  /* Hover state of the secondary background for the advertising message you want to accent. */
  --intergalactic-bg-secondary-advertising-hover: oklch(0.96 0.026 303.3);
  /* Active (selected) state of the secondary background for the advertising message you want to accent. */
  --intergalactic-bg-secondary-advertising-active: oklch(0.94 0.039 303.2);
  /* Highlighting the search results. */
  --intergalactic-bg-highlight-results: oklch(0.94 0.039 303.2);
  /* Focusing values in the input. */
  --intergalactic-bg-highlight-focus: oklch(0.524 0.266 263.1 / 0.116);
  /* Default body and UI copy; strongest reading emphasis for primary content. */
  --intergalactic-text-primary: oklch(0.1 0.03 137 / 0.899);
  /* Inverted version of the primary text. */
  --intergalactic-text-primary-invert: oklch(0.999 0.001 180 / 0.949);
  /* Supporting text: captions, metadata, hints in flowing copy—visually quieter than primary body text. */
  --intergalactic-text-secondary: oklch(0.088 0.026 147.7 / 0.583);
  /* Inverted version of the secondary text. */
  --intergalactic-text-secondary-invert: oklch(0.997 0.004 165.9 / 0.684);
  /* Placeholder text color for inputs and fields. */
  --intergalactic-text-placeholder: oklch(0.098 0.023 157.4 / 0.457);
  /* Text associated with success states and data. */
  --intergalactic-text-success: oklch(0.53 0.142 170);
  /* Hover and active states for the text associated with success states and data. */
  --intergalactic-text-success-hover-active: oklch(0.51 0.137 170);
  /* Text associated with critical states and data. */
  --intergalactic-text-critical: oklch(0.53 0.206 27.3);
  /* Hover and active states for the text associated with critical states and data. */
  --intergalactic-text-critical-hover-active: oklch(0.51 0.202 27.8);
  /* Default interactive link color for unfollowed links. */
  --intergalactic-text-link: oklch(0.53 0.21 263);
  /* Hover and active states for the link text. */
  --intergalactic-text-link-hover-active: oklch(0.51 0.202 263);
  /* Inverted version of the link text. Use on dark background only. */
  --intergalactic-text-link-invert: oklch(0.75 0.125 265.3);
  /* Hover and active states of the inverted version of the link text. Use on dark background only. */
  --intergalactic-text-link-invert-hover: oklch(0.85 0.075 265.9);
  /* Visited link state so users can tell visited destinations apart from default links. */
  --intergalactic-text-link-visited: oklch(0.53 0.26 296);
  /* Supplementary helper text near controls (short guidance), distinct from placeholder text inside inputs. */
  --intergalactic-text-hint: oklch(0.088 0.026 147.7 / 0.583);
  /* Hover and active states of the hint link text. */
  --intergalactic-text-hint-hover-active: oklch(0.086 0.026 145.8 / 0.605);
  /* Inverted version of the hint link text. */
  --intergalactic-text-hint-invert: oklch(0.75 0.003 165.9);
  /* Hover and active states of the inverted version of the hint link text. */
  --intergalactic-text-hint-invert-hover-active: oklch(0.85 0.002 173.3);
  /* Secondary text. Use with font-size ≥20px. */
  --intergalactic-text-large-secondary: oklch(0.088 0.026 147.7 / 0.583);
  /* Link text with font-size ≥20px. */
  --intergalactic-text-large-info: oklch(0.53 0.157 279.2);
  /* Hover and active states of the link text with font-size ≥20px. */
  --intergalactic-text-large-info-hover-active: oklch(0.51 0.152 279.7);
  /* Text with font-size ≥20px associated with success states and data. */
  --intergalactic-text-large-success: oklch(0.53 0.142 170);
  /* Hover and active states of the text with font-size ≥20px associated with success states and data. */
  --intergalactic-text-large-success-hover-active: oklch(0.51 0.137 170);
  /* Text with font-size ≥20px associated with critical states and data. */
  --intergalactic-text-large-critical: oklch(0.53 0.206 27.3);
  /* Hover and active states of the text with font-size ≥20px associated with critical states and data. */
  --intergalactic-text-large-critical-hover-active: oklch(0.51 0.202 27.8);
  /* Promotional or sponsored emphasis (ads, marketing callouts)—use sparingly so it stays noticeable. */
  --intergalactic-text-advertising: oklch(0.23 0.113 296);
  /* Default stroke for interactive controls and structured surfaces. */
  --intergalactic-border-primary: oklch(0.137 0.026 175.7 / 0.161);
  /* Inverted version of the neutral primary border. Use it for borders on the dark or color background. */
  --intergalactic-border-primary-invert: oklch(0.995 0.008 147.4 / 0.391);
  /* Secondary hairline stroke for grids, cards, and subtle dividers. */
  --intergalactic-border-secondary: oklch(0.176 0.033 175.7 / 0.07);
  /* Inverted version of the neutral secondary border. Use it for borders on the dark or color background. */
  --intergalactic-border-secondary-invert: oklch(0.995 0.008 145.9 / 0.369);
  /* Subtle secondary border in the informational message. */
  --intergalactic-border-info: oklch(0.51 0.274 263.6 / 0.222);
  /* Active border in focused input filed. */
  --intergalactic-border-info-active: oklch(0.7 0.131 275.2);
  /* Subtle secondary border in the successful message and input field. */
  --intergalactic-border-success: oklch(0.818 0.171 165.4 / 0.531);
  /* Active border in the focused input field with valid state. */
  --intergalactic-border-success-active: oklch(0.7 0.166 170);
  /* Subtle secondary border in the critical message and invalid input field. */
  --intergalactic-border-critical: oklch(0.628 0.257 28.1 / 0.243);
  /* Active border in the focused input field with invalid state, and active state of the other components with invalid state. */
  --intergalactic-border-critical-active: oklch(0.7 0.21 23);
  /* Used for the invalidStatePattern utils component to mark all kinds of inputs with invalid states. */
  --intergalactic-border-critical-pattern: repeating-linear-gradient(315deg, oklch(0.7 0.21 23) 0, oklch(0.7 0.21 23) 1px, transparent 0, transparent 50%);
  /* Subtle secondary border in the warning message. */
  --intergalactic-border-warning: oklch(0.77 0.174 64.1 / 0.543);
  /* Active border in components with warning intention. */
  --intergalactic-border-warning-active: oklch(0.7 0.195 50.5);
  /* Border of the Tooltip with dark theme. */
  --intergalactic-border-tooltip-invert: oklch(0.995 0.008 145.9 / 0.369);
  /* Accent borders in the Table: for the accordion in the table and for the header of the secondary table. */
  --intergalactic-border-table-accent: oklch(0.137 0.026 175.7 / 0.161);
  /* Border color of the second period for the comparison mode in the DatePicker. */
  --intergalactic-border-date-picker-range-comparison: oklch(0.7 0.191 301.5);
  /* Subtle background of the Switch control. */
  --intergalactic-control-switch-bg: oklch(0.88 0.002 175.6);
  /* Background of the regular primary control. */
  --intergalactic-control-primary-info: oklch(0.23 0.01 140);
  /* Hover state of the regular primary control. */
  --intergalactic-control-primary-info-hover: oklch(0.32 0.007 140);
  /* Active (selected) state of the regular primary control. */
  --intergalactic-control-primary-info-active: oklch(0 0 140);
  /* Background of the primary control with successful theme. */
  --intergalactic-control-primary-success: oklch(0.64 0.161 170);
  /* Hover state of the primary control with successful theme. */
  --intergalactic-control-primary-success-hover: oklch(0.6 0.155 170);
  /* Active (selected) state of the primary control with successful theme. */
  --intergalactic-control-primary-success-active: oklch(0.58 0.151 170);
  /* Background of the primary control with danger theme. */
  --intergalactic-control-primary-critical: oklch(0.64 0.226 24.5);
  /* Hover state of the primary control with danger theme. */
  --intergalactic-control-primary-critical-hover: oklch(0.6 0.219 25.5);
  /* Active (selected) state of the primary control with danger theme. */
  --intergalactic-control-primary-critical-active: oklch(0.58 0.215 26);
  /* Background of the primary brand colored control. */
  --intergalactic-control-primary-brand: oklch(0.64 0.223 299.3);
  /* Hover state of the primary brand colored control. */
  --intergalactic-control-primary-brand-hover: oklch(0.6 0.244 297.8);
  /* Active state of the primary brand colored control. */
  --intergalactic-control-primary-brand-active: oklch(0.58 0.254 297.1);
  /* Background of the advertising primary control. */
  --intergalactic-control-primary-advertising: oklch(0.64 0.223 299.3);
  /* Hover state of the advertising primary control. */
  --intergalactic-control-primary-advertising-hover: oklch(0.6 0.244 297.8);
  /* Active (selected) state of the advertising primary control. */
  --intergalactic-control-primary-advertising-active: oklch(0.58 0.254 297.1);
  /* Inverted background of the primary control. */
  --intergalactic-control-primary-invert: oklch(1 0 0);
  /* Hover state of the inverted primary control. */
  --intergalactic-control-primary-invert-hover: oklch(0.96 0.001 180);
  /* Active (selected) state of the inverted primary control. */
  --intergalactic-control-primary-invert-active: oklch(0.94 0.002 180);
  /* Background of the regular secondary control. */
  --intergalactic-control-secondary-neutral: oklch(0.177 0.033 175.6 / 0.028);
  /* Hover state of the regular secondary control. */
  --intergalactic-control-secondary-neutral-hover: oklch(0.176 0.033 175.6 / 0.056);
  /* Active (selected) state of the regular secondary control. */
  --intergalactic-control-secondary-neutral-active: oklch(0.176 0.033 175.7 / 0.084);
  /* Background of the accent secondary control. */
  --intergalactic-control-secondary-info: oklch(0.527 0.264 262.9 / 0.039);
  /* Hover state of the accent secondary control. */
  --intergalactic-control-secondary-info-hover: oklch(0.525 0.265 263 / 0.077);
  /* Active (selected) state of the accent secondary control. */
  --intergalactic-control-secondary-info-active: oklch(0.524 0.266 263.1 / 0.116);
  /* Background of the inverted version of the secondary control. */
  --intergalactic-control-secondary-invert: oklch(0.969 0.057 140 / 0.118);
  /* Hover state of the inverted version of the secondary control. */
  --intergalactic-control-secondary-invert-hover: oklch(0.976 0.043 140 / 0.145);
  /* Active (selected) state of the inverted version of the secondary control. */
  --intergalactic-control-secondary-invert-active: oklch(0.983 0.03 140 / 0.183);
  /* Background of the regular tertiary control. */
  --intergalactic-control-tertiary-neutral: transparent;
  /* Hover state of the regular tertiary control. */
  --intergalactic-control-tertiary-neutral-hover: oklch(0.176 0.033 175.6 / 0.056);
  /* Active (selected) state of the regular tertiary control. */
  --intergalactic-control-tertiary-neutral-active: oklch(0.176 0.033 175.7 / 0.084);
  /* Background of the accent and link-lookalike tertiary control. */
  --intergalactic-control-tertiary-info: transparent;
  /* Hover state of the accent and link-lookalike tertiary control. */
  --intergalactic-control-tertiary-info-hover: oklch(0.525 0.265 263 / 0.077);
  /* Active (selected) state of the accent and link-lookalike tertiary control. */
  --intergalactic-control-tertiary-info-active: oklch(0.524 0.266 263.1 / 0.116);
  /* Background of the inverted version of the tertiary control. */
  --intergalactic-control-tertiary-invert: transparent;
  /* Hover state of the inverted version of the tertiary control. */
  --intergalactic-control-tertiary-invert-hover: oklch(0.976 0.043 140 / 0.145);
  /* Active (selected) state of the inverted version of the tertiary control. */
  --intergalactic-control-tertiary-invert-active: oklch(0.983 0.03 140 / 0.183);
  /* Default icon weight on normal backgrounds—stronger emphasis than secondary icons. */
  --intergalactic-icon-primary-neutral: oklch(0.092 0.024 152.2 / 0.526);
  /* Gray background color for the hover and active states of the primary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-500 color. */
  --intergalactic-icon-primary-neutral-hover-active: oklch(0.088 0.026 147.7 / 0.583);
  /* Primary link-lookalike icon. */
  --intergalactic-icon-primary-info: oklch(0.372 0.253 264.1 / 0.598);
  /* Blue background color for the hover and active states of the primary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-500 color. */
  --intergalactic-icon-primary-info-hover-active: oklch(0.322 0.222 264.1 / 0.641);
  /* Semantic success icon. */
  --intergalactic-icon-primary-success: oklch(0.595 0.124 165.4);
  /* Green background color for the hover and active states of the primary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-500 color. */
  --intergalactic-icon-primary-success-hover-active: oklch(0.545 0.115 164.9);
  /* Semantic error icon. */
  --intergalactic-icon-primary-critical: oklch(0.552 0.226 28.7 / 0.848);
  /* Red background color for the hover and active states of the primary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-500 color. */
  --intergalactic-icon-primary-critical-hover-active: oklch(0.511 0.209 28.7 / 0.91);
  /* Semantic warning icon. */
  --intergalactic-icon-primary-warning: oklch(0.728 0.188 51.8);
  /* Orange background color for the hover and active states of the primary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-500 color. */
  --intergalactic-icon-primary-warning-hover-active: oklch(0.531 0.169 39.3);
  /* Inverted version of the primary icon. */
  --intergalactic-icon-primary-invert: oklch(0.998 0.003 173.3 / 0.808);
  /* Hover and active (selected) states of the inverted version of the primary icon. */
  --intergalactic-icon-primary-invert-hover-active: oklch(0.998 0.003 169.6 / 0.746);
  /* De-emphasized icons for dense layouts (tables, tertiary actions). */
  --intergalactic-icon-secondary-neutral: oklch(0.104 0.023 162.3 / 0.385);
  /* Gray background color for the hover and active states of the secondary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-300 color. */
  --intergalactic-icon-secondary-neutral-hover-active: oklch(0.1 0.023 159.1 / 0.433);
  /* Secondary link-lookalike icon. */
  --intergalactic-icon-secondary-info: oklch(0.424 0.269 264.2 / 0.469);
  /* Blue background color for the hover and active states of the secondary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-300 color. */
  --intergalactic-icon-secondary-info-hover-active: oklch(0.66 0.145 276.2);
  /* Softer success icon for dense UI or inline hints where the surface should stay calm. */
  --intergalactic-icon-secondary-success: oklch(0.711 0.146 166.9);
  /* Green background color for the hover and active states of the secondary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-300 color. */
  --intergalactic-icon-secondary-success-hover-active: oklch(0.673 0.139 166.3);
  /* Softer error icon for dense UI or inline hints where the surface should stay calm. */
  --intergalactic-icon-secondary-critical: oklch(0.628 0.257 28.9 / 0.652);
  /* Red background color for the hover and active states of the secondary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-300 color. */
  --intergalactic-icon-secondary-critical-hover-active: oklch(0.628 0.257 28.5 / 0.763);
  /* Softer warning icon for dense UI or inline hints where the surface should stay calm. */
  --intergalactic-icon-secondary-warning: oklch(0.701 0.191 48.1);
  /* Orange background color for the hover and active states of the secondary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-300 color. */
  --intergalactic-icon-secondary-warning-hover-active: oklch(0.662 0.193 43.7);
  /* Color for the default non-interactive icon. */
  --intergalactic-icon-non-interactive: oklch(0.094 0.024 153.9 / 0.503);
  /* ⚠️ Use only for illustrations. */
  --intergalactic-illustration-red: oklch(0.737 0.192 22.1);
  /* ⚠️ Use only for illustrations. */
  --intergalactic-illustration-orange: oklch(0.823 0.154 61.9);
  /* ⚠️ Use only for illustrations. */
  --intergalactic-illustration-yellow: oklch(0.924 0.109 96.8);
  /* ⚠️ Use only for illustrations. */
  --intergalactic-illustration-salad: oklch(0.922 0.098 132.7);
  /* ⚠️ Use only for illustrations. */
  --intergalactic-illustration-green: oklch(0.812 0.152 170);
  /* ⚠️ Use only for illustrations. */
  --intergalactic-illustration-blue: oklch(0.84 0.081 271.5);
  /* ⚠️ Use only for illustrations. */
  --intergalactic-illustration-violet: oklch(0.709 0.186 301.9);
  /* ⚠️ Use only for illustrations. */
  --intergalactic-illustration-pink: oklch(0.76 0.214 330);
  /* Default date-picker cell background. */
  --intergalactic-date-picker-cell: oklch(1 0 0);
  /* Color for marking the cell with the current date, month or year in the date-picker. */
  --intergalactic-date-picker-cell-current: oklch(0.104 0.023 162.3 / 0.385);
  /* Color for marking the active cell with the current date, month or year in the date-picker. */
  --intergalactic-date-picker-cell-current-invert: oklch(0.995 0.008 147.4 / 0.391);
  /* Hover state of the default date-picker cell background. */
  --intergalactic-date-picker-cell-hover: oklch(0.98 0.001 180);
  /* Background for the cell which is included in the date range in the date-picker. */
  --intergalactic-date-picker-cell-range: oklch(0.959 0.021 267.8);
  /* Hover state of the background for the cell which is included in the date range in the date-picker. */
  --intergalactic-date-picker-cell-range-hover: oklch(0.898 0.054 268.3);
  /* Active (selected) date-picker cell background. */
  --intergalactic-date-picker-cell-active: oklch(0.64 0.152 276.7);
  /* Hover for the active (selected) date-picker cell background. */
  --intergalactic-date-picker-cell-active-hover: oklch(0.6 0.166 277.7);
  /* Active (selected) date-picker cell background for comparison periods. */
  --intergalactic-date-picker-cell-comparison-active: oklch(0.64 0.223 299.3);
  /* Hover for the active (selected) date-picker cell background for comparison periods. */
  --intergalactic-date-picker-cell-comparison-active-hover: oklch(0.6 0.244 297.8);
  /* Default background color for the list item in the dropdown-menu. */
  --intergalactic-dropdown-menu-item: oklch(1 0 0);
  /* Hover state of the default background color for the list item in the dropdown-menu. */
  --intergalactic-dropdown-menu-item-hover: oklch(0.177 0.033 175.6 / 0.028);
  /* Active (selected) state of the default background color for the list item in the dropdown-menu. */
  --intergalactic-dropdown-menu-item-selected: oklch(0.525 0.265 263 / 0.077);
  /* Hover state for the selected state of the default background color for the list item in the dropdown-menu. */
  --intergalactic-dropdown-menu-item-selected-hover: oklch(0.52 0.268 263.2 / 0.191);
  /* Color of the outer border of the FeaturePopover.Spot. */
  --intergalactic-feature-popover-bg: oklch(0.88 0.078 303);
  /* Color of the outer border of the FeaturePopover.Spot. */
  --intergalactic-feature-popover-bg-neutral: oklch(0.23 0.01 140);
  /* Color of the outer border of the FeaturePopover.Spot. */
  --intergalactic-feature-popover-dot-outer-border: oklch(0.88 0.078 303);
  /* Color of the outer border of the FeaturePopover.Spot. */
  --intergalactic-feature-popover-dot-neutral: oklch(0.88 0.078 303);
  /* Color of the outer border of the FeaturePopover.Spot. */
  --intergalactic-feature-popover-dot-neutral-outer-border: oklch(0.88 0.078 303);
  /* Background color of the ProgressBar. */
  --intergalactic-progress-bar-bg: oklch(0.96 0.001 180);
  /* Hover state of the background color of the ProgressBar. */
  --intergalactic-progress-bar-bg-hover: oklch(0.88 0.002 175.6);
  /* Inverted version of the background color of the ProgressBar. */
  --intergalactic-progress-bar-bg-invert: oklch(0.45 0.004 143.7);
  /* Hover state for the inverted version of the background color of the ProgressBar. */
  --intergalactic-progress-bar-bg-invert-hover: oklch(0.56 0.003 151.9);
  /* Value with gradient for the ProgressBar. */
  --intergalactic-progress-bar-value-gradient: linear-gradient(-45deg, oklch(from oklch(0.74 0.17 303) calc(l - 0.05) c h) 25%, oklch(0.74 0.17 303) 0%, oklch(0.74 0.17 303) 50%, oklch(from oklch(0.74 0.17 303) calc(l - 0.05) c h) 0%, oklch(from oklch(0.74 0.17 303) calc(l - 0.05) c h) 75%, oklch(0.74 0.17 303) 0%);
  /* Base value background for the ProgressBar. It is used to create gradients for the values. */
  --intergalactic-progress-bar-value-bg: oklch(1 0 0);
  /* Null value gradient for the ProgressBar. */
  --intergalactic-progress-bar-pattern-gradient: linear-gradient(-45deg, oklch(0 0 0 / 0.1) 25%, oklch(0.96 0.001 180) 0%, oklch(0.96 0.001 180) 50%, oklch(0 0 0 / 0.1) 0%, oklch(0 0 0 / 0.1) 75%, oklch(0.96 0.001 180) 0%);
  /* Default color for the Skeleton. */
  --intergalactic-skeleton-bg: oklch(0.9 0.002 177);
  /* Inverted version of the default color for the Skeleton. */
  --intergalactic-skeleton-bg-invert: oklch(0.3 0.007 140);
  /* Background of the header cell in the primary Table. */
  --intergalactic-table-th-primary-cell: oklch(0.98 0.001 180);
  /* Background of the hovered header cell in the primary Table. */
  --intergalactic-table-th-primary-cell-hover: oklch(0.94 0.002 180);
  /* Background of the active header cell in the primary Table. */
  --intergalactic-table-th-primary-cell-active: oklch(0.94 0.002 180);
  /* Background of the header cell in the secondary Table. */
  --intergalactic-table-th-secondary-cell: oklch(1 0 0);
  /* Background gradient for sorting icon that absolute positioned in the table head. */
  --intergalactic-table-th-gradient: linear-gradient(to right, transparent 0%, oklch(0.9 0.002 177) 100%);
  /* Background of the default cell in the Table. */
  --intergalactic-table-td-cell: oklch(1 0 0);
  /* Background of the default hovered cell in the Table. */
  --intergalactic-table-td-cell-hover: oklch(0.98 0.001 180);
  /* Background of the default active cell in the Table. */
  --intergalactic-table-td-cell-active: oklch(0.97 0.001 180);
  /* Background of the unread cell in the Table. */
  --intergalactic-table-td-cell-unread: oklch(0.98 0.001 180);
  /* Background of the cell used for Accordion or actions row, in the Table. */
  --intergalactic-table-td-cell-accordion: oklch(1 0 0);
  /* Background of the selected cell in the Table. */
  --intergalactic-table-td-cell-selected: oklch(0.98 0.01 267.6);
  /* Background of the hovered selected cell in the Table. */
  --intergalactic-table-td-cell-selected-hover: oklch(0.959 0.021 267.8);
  /* Background of the active selected cell in the Table. */
  --intergalactic-table-td-cell-selected-active: oklch(0.939 0.032 268);
  /* Background of the cell with new information in the Table. */
  --intergalactic-table-td-cell-new: oklch(0.977 0.036 184);
  /* Background of the hovered cell with new information in the Table. */
  --intergalactic-table-td-cell-new-hover: oklch(0.96 0.057 179.7);
  /* Background of the active cell with new information in the Table. */
  --intergalactic-table-td-cell-new-active: oklch(0.94 0.074 178.1);
  /* Background of the cell with critical information in the Table. */
  --intergalactic-table-td-cell-critical: oklch(0.977 0.016 1.8);
  /* Background of the hovered cell with critical information in the Table. */
  --intergalactic-table-td-cell-critical-hover: oklch(0.958 0.029 5.7);
  /* Background of the active cell with critical information in the Table. */
  --intergalactic-table-td-cell-critical-active: oklch(0.938 0.042 8.4);
  /* Background of the cell with warning information in the Table. */
  --intergalactic-table-td-cell-warning: oklch(0.979 0.03 88.1);
  /* Background of the hovered cell with warning information in the Table. */
  --intergalactic-table-td-cell-warning-hover: oklch(0.96 0.05 83.1);
  /* Background of the active cell with warning information in the Table. */
  --intergalactic-table-td-cell-warning-active: oklch(0.939 0.069 79.8);
  /* Primary brand accent for logos and branded surfaces. */
  --intergalactic-brand-primary: oklch(0.74 0.17 303);
  /* Secondary brand accent for paired brand treatments (secondary marks, duo-tone lockups). */
  --intergalactic-brand-secondary: oklch(0.22 0.01 140);
  /* Brand light gradient for branded surfaces. */
  --intergalactic-brand-gradient: linear-gradient(180deg, #DCEEEB 0%, #EEE9FF 100%);
  /* Official Pinterest brand fill for logos and icons in approved placements; follow the platform brand rules for size and clear space. */
  --intergalactic-brand-pinterest: #bd081c;
  /* Official Instagram brand fill for logos and icons in approved placements; follow the platform brand rules for size and clear space. */
  --intergalactic-brand-instagram: #e4405f;
  /* Official YouTube brand fill for logos and icons in approved placements; follow the platform brand rules for size and clear space. */
  --intergalactic-brand-youtube: #ff0000;
  /* Official Facebook brand fill for logos and icons in approved placements; follow the platform brand rules for size and clear space. */
  --intergalactic-brand-facebook: #1877f2;
  /* Official LinkedIn brand fill for logos and icons in approved placements; follow the platform brand rules for size and clear space. */
  --intergalactic-brand-linkedIn: #0a66c2;
  /* Official Twitter brand fill for logos and icons in approved placements; follow the platform brand rules for size and clear space. */
  --intergalactic-brand-twitter: #1d9bf0;
  /* Google brand color for the link. */
  --intergalactic-brand-google-blue: #1a0dab;
  /* Google green brand color for the link. */
  --intergalactic-brand-google-green: #016723;
  /* Official Google My Business brand fill for logos and icons in approved placements; follow Google brand guidelines for size and clear space. */
  --intergalactic-brand-google-my-business: #1a73e8;
  /* Color for default keyboard focus outline styles. */
  --intergalactic-keyboard-focus-outline: oklch(0.424 0.269 264.2 / 0.469);
  /* Color for keyboard focus outline styles for elements with invalid state. */
  --intergalactic-keyboard-focus-invalid-outline: oklch(0.628 0.257 28.9 / 0.652);
  /* Color for keyboard focus outline styles for elements with valid state. */
  --intergalactic-keyboard-focus-valid-outline: oklch(0.711 0.146 166.9);
  /* Color for keyboard focus outline styles to use on the dark and color background. */
  --intergalactic-keyboard-focus-invert-outline: oklch(1 0 0 / 0.7);
  /* Use for cover the content under the modal dialogs. */
  --intergalactic-overlay-primary: oklch(0.109 0.023 165.5 / 0.337);
  /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */
  --intergalactic-overlay-secondary: oklch(0.118 0.023 170.1 / 0.262);
  /* Use as a primary cover of the content under the messages about limitations. */
  --intergalactic-overlay-limitation-primary: oklch(0.98 0.001 180);
  /* Use as a secondary cover of the content under the messages about limitations. */
  --intergalactic-overlay-limitation-secondary: oklch(1 0 0 / 0.85);
  /* Default Tooltip background. */
  --intergalactic-tooltip-default: oklch(1 0 0);
  /* Warning Tooltip background. */
  --intergalactic-tooltip-warning: oklch(0.958 0.029 5.7);
  /* Inverted version of the default Tooltip background. */
  --intergalactic-tooltip-invert: oklch(0.23 0.01 140);
  /* Neutral border of the components that are combined with neighbor-location property. */
  --intergalactic-neighbor-location-neutral: oklch(1 0 0 / 0.5);
  /* Inverted border of the components that are combined with neighbor-location property. */
  --intergalactic-neighbor-location-invert: oklch(0 0 0 / 0.5);
  /* Left-to-right fade shadow for the ScrollArea. */
  --intergalactic-scroll-area-shadow-left: linear-gradient(to right, oklch(from oklch(0.23 0.01 140) l c h / 0.08) 20.55%, transparent 100%);
  /* Right-to-left fade shadow for the ScrollArea. */
  --intergalactic-scroll-area-shadow-right: linear-gradient(to left, oklch(from oklch(0.23 0.01 140) l c h / 0.08) 20.55%, transparent 100%);
  /* Top-to-bottom fade shadow for the ScrollArea. */
  --intergalactic-scroll-area-shadow-top: linear-gradient(to bottom, oklch(from oklch(0.23 0.01 140) l c h / 0.08) 20.55%, transparent 100%);
  /* Bottom-to-top fade shadow for the ScrollArea. */
  --intergalactic-scroll-area-shadow-bottom: linear-gradient(to top, oklch(from oklch(0.23 0.01 140) l c h / 0.08) 20.55%, transparent 100%);
  /* Left-to-right fade shadow for the ScrollArea inside the DropdownMenu. */
  --intergalactic-scroll-area-dropdown-menu-left: linear-gradient(to right, #fff 34.38%, transparent 100%);
  /* Right-to-left fade shadow for the ScrollArea inside the DropdownMenu. */
  --intergalactic-scroll-area-dropdown-menu-right: linear-gradient(to left, #fff 34.38%, transparent 100%);
  /* Bottom-to-top fade shadow for the ScrollArea inside the DropdownMenu. */
  --intergalactic-scroll-area-dropdown-menu-bottom: linear-gradient(to top, #fff 34.38%, transparent 100%);
  /* Top-to-bottom fade shadow for the ScrollArea inside the DropdownMenu. */
  --intergalactic-scroll-area-dropdown-menu-top: linear-gradient(to bottom, #fff 34.38%, transparent 100%);
  /* Background color for ScrollBar. */
  --intergalactic-scroll-bar-background: oklch(0.137 0.026 175.7 / 0.161);
  /* Gray background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the gray-500 color with 0.2 opacity on the white background underneath. */
  --intergalactic-tag-primary-gray-normal: #ecedec;
  /* Gray background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the gray-500 color with 0.3 opacity on the white background underneath. */
  --intergalactic-tag-primary-gray-hover-active: #e2e3e2;
  /* Gray text for the primary gray tag. */
  --intergalactic-tag-primary-gray-text: #6a6c6a;
  /* Blue background color for primary tag. It’s built with CSS filter brightness(150%) that was applied to blue-500 color with 0.2 opacity on the white background underneath. */
  --intergalactic-tag-primary-blue-normal: #e7e5ff;
  /* Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath.  */
  --intergalactic-tag-primary-blue-hover-active: #dcd8ff;
  /* Blue text for the primary blue tag. */
  --intergalactic-tag-primary-blue-text: #5c53d9;
  /* Green background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the green-500 color with 0.2 opacity on the white background underneath. */
  --intergalactic-tag-primary-green-normal: #ccf4e8;
  /* Green background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the green-500 color with 0.3 opacity on the white background underneath. */
  --intergalactic-tag-primary-green-hover-active: #b3eedd;
  /* Green text for the primary green tag. */
  --intergalactic-tag-primary-green-text: #00845f;
  /* Orange background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the orange-500 color with 0.2 opacity on the white background underneath. */
  --intergalactic-tag-primary-orange-normal: #ffdecc;
  /* Orange background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the orange-500 color with 0.3 opacity on the white background underneath. */
  --intergalactic-tag-primary-orange-hover-active: #ffceb3;
  /* Orange text for the primary orange tag. */
  --intergalactic-tag-primary-orange-text: #b83c00;
  /* Red background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the red-500 color with 0.2 opacity on the white background underneath. */
  --intergalactic-tag-primary-red-normal: #ffd3d4;
  /* Red background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the red-500 color with 0.3 opacity on the white background underneath. */
  --intergalactic-tag-primary-red-hover-active: #ffbdbf;
  /* Red text for the primary red tag. */
  --intergalactic-tag-primary-red-text: #c7161b;
  /* Violet background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the violet-500 color with 0.2 opacity on the white background underneath. */
  --intergalactic-tag-primary-violet-normal: #f2d8ff;
  /* Violet background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the violet-500 color with 0.3 opacity on the white background underneath. */
  --intergalactic-tag-primary-violet-hover-active: #ecc5ff;
  /* Violet text for the primary violet tag. */
  --intergalactic-tag-primary-violet-text: #8029ec;
  /* Yellow background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the yellow-500 color with 0.2 opacity on the white background underneath. */
  --intergalactic-tag-primary-yellow-normal: #fde5cc;
  /* Yellow background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the yellow-500 color with 0.3 opacity on the white background underneath. */
  --intergalactic-tag-primary-yellow-hover-active: #fcd8b3;
  /* Yellow text for the primary yellow tag. */
  --intergalactic-tag-primary-yellow-text: #a35400;
  /* Primary tag on bold or dark backgrounds—translucent fill for contrast in the normal state. */
  --intergalactic-tag-primary-white-normal: rgba(255, 255, 255, 0.15);
  /* Hover and active (selected) state of the primary white tag. */
  --intergalactic-tag-primary-white-hover-active: rgba(255, 255, 255, 0.3);
  /* White text for the primary white tag. */
  --intergalactic-tag-primary-white-text: #ffffff;
  /* Background color for the default secondary tag. */
  --intergalactic-tag-secondary-normal: #ffffff;
  /* Hover and active (selected) states of the background color for the default secondary tag. */
  --intergalactic-tag-secondary-hover-active: #f4f5f5;
  /* Secondary/outline tag on bold or dark backgrounds—minimal fill in the normal state. */
  --intergalactic-tag-secondary-white-normal: rgba(255, 255, 255, 0);
  /* Active state of the secondary white tag. */
  --intergalactic-tag-secondary-white-hover-active: rgba(255, 255, 255, 0.1);
  /* White text for the secondary white tag. */
  --intergalactic-tag-secondary-white-text: #ffffff;
  /* Gray text for the default secondary tag. */
  --intergalactic-tag-secondary-gray-text: #6a6c6a;
  /* 1 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-1: oklch(0.58 0.168 278.2);
  /* 2 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-2: oklch(0.82 0.15 170);
  /* 3 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-3: oklch(0.74 0.17 303);
  /* 4 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-4: oklch(0.82 0.18 80);
  /* 5 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-5: oklch(0.74 0.19 22);
  /* 6 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-6: oklch(0.82 0.088 272.1);
  /* 7 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-7: oklch(0.74 0.225 330);
  /* 8 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-8: oklch(0.82 0.19 143);
  /* 9 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-9: oklch(0.53 0.157 279.2);
  /* 10 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-10: oklch(0.74 0.17 170);
  /* 11 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-11: oklch(0.74 0.17 72);
  /* 12 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-12: oklch(0.82 0.18 330);
  /* 13 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-13: oklch(0.64 0.22 147);
  /* 14 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-14: oklch(0.82 0.118 303);
  /* 15 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-15: oklch(0.64 0.226 24.5);
  /* 16 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-16: oklch(0.74 0.17 170);
  /* 17 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-17: oklch(0.82 0.088 272.1);
  /* 18 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-18: oklch(0.74 0.23 146);
  /* 19 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-19: oklch(0.64 0.16 64);
  /* 20 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-20: oklch(0.82 0.13 20);
  /* 21 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-21: oklch(0.53 0.138 59.9);
  /* 22 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-22: oklch(0.64 0.223 299.3);
  /* 23 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-23: oklch(0.64 0.262 330);
  /* 24 color in the default list of colors for charts. */
  --intergalactic-chart-palette-order-24: oklch(0.53 0.189 147);
  /* Use it to show total value on the chart. */
  --intergalactic-chart-palette-order-total-amount: oklch(0.64 0.003 157.8);
  /* Use it to indicate voids, missing or some other data on the chart. */
  --intergalactic-chart-palette-order-other-data: oklch(0.82 0.002 171.1);
  /* Use it to show null value on the chart. */
  --intergalactic-chart-palette-order-null: oklch(0.9 0.002 177);
  /* Grid and axis guide lines for charts. */
  --intergalactic-chart-grid-line: oklch(0.95 0.002 180);
  /* X-axis line on the chart grid. */
  --intergalactic-chart-grid-x-axis: oklch(0.88 0.002 175.6);
  /* Accent line for the hover state on the chart grid. */
  --intergalactic-chart-grid-y-accent-hover-line: oklch(0.88 0.002 175.6);
  /* Text label on the chart grid. */
  --intergalactic-chart-grid-text-label: oklch(0.088 0.026 147.7 / 0.583);
  /* Background color for the hover state of a bar on the chart grid. */
  --intergalactic-chart-grid-bar-chart-hover: oklch(0.177 0.033 175.6 / 0.028);
  /* Default background color of a bar in the BarChart. */
  --intergalactic-chart-grid-bar-chart-base-bg: oklch(0.96 0.001 180);
  /* Use for highlighting a period on the chart grid. */
  --intergalactic-chart-grid-period-bg: oklch(0.96 0.001 180);
  /* Stripe color for diagonal pattern background. */
  --intergalactic-chart-grid-period-pattern: oklch(0.95 0.002 180);
  /* Border for distinguishing data sets and chart dots on the chart grid. */
  --intergalactic-chart-grid-border: #fff;
  /* Background color for the clickable date on the X-axis of the chart grid. */
  --intergalactic-chart-x-axis-accent-period-active: oklch(0.176 0.033 175.6 / 0.056);
  /* Background color for the "Start tracking" date on the X-axis of the chart grid. */
  --intergalactic-chart-x-axis-accent-data-start-tracking: oklch(0.889 0.178 168.8 / 0.21);
  --intergalactic-header-bg: #382E5E;
  --intergalactic-header-border-primary: #382E5E;
  --intergalactic-header-border-secondary: rgba(255,255,255, 0.15);
  /* Sidebar navigation row hover background. */
  --intergalactic-sidebar-nav-control-hover: oklch(0.176 0.033 175.6 / 0.056);
  /* Sidebar navigation row active background. */
  --intergalactic-sidebar-nav-control-active: oklch(0.176 0.033 175.7 / 0.084);
  /* Sidebar navigation label color. */
  --intergalactic-sidebar-nav-control-text-normal: oklch(0.53 0.004 149.6);
  /* Sidebar navigation label color for the active item. */
  --intergalactic-sidebar-nav-control-text-active: oklch(0.23 0.01 140);
  /* Sidebar navigation icon color. */
  --intergalactic-sidebar-nav-control-icon-normal: oklch(0.58 0.003 153.3);
  /* Sidebar navigation icon color for the active item. */
  --intergalactic-sidebar-nav-control-icon-active: oklch(0.53 0.004 149.6);
  /* Icon color for the SliderRating component in its normal state. */
  --intergalactic-slider-rating-normal: oklch(0.7 0.003 162.2);
  /* Icon color for the SliderRating component in its hovered and active states. */
  --intergalactic-slider-rating-hover-active: oklch(0.66 0.212 300.1);
  /* Use for adding opacity to elements and controls in disabled state. */
  --intergalactic-disabled-opacity: 0.4;
  /* Default shadow of the Card. */
  --intergalactic-box-shadow-card: 0px 0px 1px 0px oklch(0.176 0.033 175.7 / 0.07), 0px 1px 3px 0px oklch(0.176 0.033 175.7 / 0.07);
  /* Hover state for the shadow of the Card with hover state. */
  --intergalactic-box-shadow-card-hover: 3px 3px 10px 0px oklch(0.176 0.033 175.7 / 0.07);
  /* Shadow for show that element are being drag-and-drop. */
  --intergalactic-box-shadow-dnd: 3px 3px 30px 0px oklch(0.176 0.033 175.7 / 0.07);
  /* Default shadow if the Modal window. */
  --intergalactic-box-shadow-modal: 0px 1px 5px 0px oklch(0.176 0.033 175.7 / 0.07);
  /* Default shadow of all Poppers, Dropdowns and Tooltips. */
  --intergalactic-box-shadow-popper: 1px 1px 10px 0px oklch(0.176 0.033 175.7 / 0.07);
  --intergalactic-box-shadow-float-control: 0px 0px 1px 0px oklch(0.176 0.033 175.7 / 0.07), 0px 1px 5px 0px oklch(0.176 0.033 175.7 / 0.07);
  --intergalactic-box-shadow-float-control-hover: 3px 3px 10px 0px oklch(0.176 0.033 175.7 / 0.07);
  /* Keyboard focus styles for elements with invalid state. */
  --intergalactic-keyboard-focus-invalid: 0px 0px 0px 3px oklch(0.628 0.257 28.9 / 0.652);
  /* Keyboard focus styles for elements with valid state. */
  --intergalactic-keyboard-focus-valid: 0px 0px 0px 3px oklch(0.711 0.146 166.9);
  /* Keyboard focus styles for use on dark backgrounds. */
  --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px oklch(1 0 0 / 0.7);
  /* Default keyboard focus box-shadow styles. */
  --intergalactic-keyboard-focus: 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469);
  /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */
  --intergalactic-form-control-s: 20px;
  /* Default size of the controls. */
  --intergalactic-form-control-m: 28px;
  /* Large size of the controls. */
  --intergalactic-form-control-l: 40px;
  /* Use for rounding addons and small controls like Checkbox. */
  --intergalactic-addon-rounded: 4px;
  /* Corner radius for Badge and compact status chips—aligned with small rounded controls. */
  --intergalactic-badge-rounded: 6px;
  /* Use for rounding big and small charts like bar, histogram and others. */
  --intergalactic-chart-rounded: 2px;
  /* Rounding for counter/numeric capsules used as small indicators. */
  --intergalactic-counter-rounded: 12px;
  /* Corner radius for Tag (including removable tags) in dense UI. */
  --intergalactic-tag-rounded: 24px;
  /* Pill-shaped rounding for Switch geometry (full rounded track/thumb pattern). */
  --intergalactic-switch-rounded: 24px;
  /* Use for rounding all form controls: Button, FilterTrigger, Input, Textarea, Pills, etc. */
  --intergalactic-control-rounded: 6px;
  /* Use for rounding bars: ProgressBar, SliderBar, etc. */
  --intergalactic-progress-bar-rounded: 6px;
  /* Use for rounding surfaces like Card, blocks, widgets, Notice, etc. */
  --intergalactic-surface-rounded: calc(6px + 2px);
  /* Use for rounding all kinds of poppers and dropdowns. */
  --intergalactic-popper-rounded: 6px;
  /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */
  --intergalactic-modal-rounded: calc(12px + 2px);
  /* Use for small controls like Switch or Slider. */
  --intergalactic-duration-switch: 100;
  /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */
  --intergalactic-duration-popper: 200;
  /* Use for small controls like Checkbox or Radio. */
  --intergalactic-duration-control: 200;
  /* Use for Modal, Fullscreen Modal, Side panel or other kind of windows. */
  --intergalactic-duration-modal: 200;
  /* Use for Accordion. */
  --intergalactic-duration-accordion: 200;
  /* Use for Summary or Counter. */
  --intergalactic-duration-counter: 200;
  --intergalactic-z-index-deep: -999;
  --intergalactic-z-index-overlay: 500;
  --intergalactic-z-index-modal: 900;
  --intergalactic-z-index-popper: 700;
  --intergalactic-z-index-dropdown: 750;
  --intergalactic-z-index-tooltip: 800;
  --intergalactic-z-index-notice-bubble: 999;
}

/*# sourceMappingURL=spa.vendors.b7c844c7869cba6710c0.css.map*/