/**
 * Do not edit directly, this file was auto-generated.
 * 
 * Kong Konnect Design Tokens
 * GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
 * License: Apache-2.0
 */

/**
 * IMPORTANT: You should **not** import this file in your host project.
 *
 * The purpose of this file is to provide a list of all available CSS variables, to
 * utilize alongside auto-complete extensions in your IDE, etc.
 *
 * If you want to customize default token values, provided the element(s) in question
 * utilize CSS variable fallbacks, simply set the variables from this list
 * to your desired value within your host application, scoped inside 
 * your desired CSS selector, and it will override the default value.
 *
 * You may scope your CSS variable overrides inside the `:root` selector
 * as shown here, or inside any other valid CSS selector.
*/
:root {
  /* Default background color for containers (white). Default value: `#ffffff` */
  --kui-color-background: initial;
  /* Background color for danger actions or messages (red.60). Default value: `#d60027` */
  --kui-color-background-danger: initial;
  /* Strong background color for danger actions or messages (red.70). Default value: `#ad000e` */
  --kui-color-background-danger-strong: initial;
  /* Stronger background color for danger actions or messages (red.80). Default value: `#850000` */
  --kui-color-background-danger-stronger: initial;
  /* Strongest background color for danger actions or messages (red.90). Default value: `#5c0000` */
  --kui-color-background-danger-strongest: initial;
  /* Weak background color for danger actions or messages (red.40). Default value: `#ff3954` */
  --kui-color-background-danger-weak: initial;
  /* Weaker background color for danger actions or messages (red.20). Default value: `#ffabab` */
  --kui-color-background-danger-weaker: initial;
  /* Weakest background color for danger actions or messages (red.10). Default value: `#ffe5e5` */
  --kui-color-background-danger-weakest: initial;
  /* Weakest background color for decorative purposes (aqua.10). Default value: `#ecfcff` */
  --kui-color-background-decorative-aqua-weakest: initial;
  /* Background color for decorative purposes (purple.60). Default value: `#6f28ff` */
  --kui-color-background-decorative-purple: initial;
  /* Weakest background color for decorative purposes (purple.10). Default value: `#f1f0ff` */
  --kui-color-background-decorative-purple-weakest: initial;
  /* Background color for disabled elements (gray.20). Default value: `#e0e4ea` */
  --kui-color-background-disabled: initial;
  /* Background color for info elements (blue.60). Default value: `#0044f4` */
  --kui-color-background-info: initial;
  /* Strong background color for info elements (blue.70). Default value: `#0030cc` */
  --kui-color-background-info-strong: initial;
  /* Stronger background color for info elements (blue.80). Default value: `#002099` */
  --kui-color-background-info-stronger: initial;
  /* Strongest background color for info elements (blue.90). Default value: `#001466` */
  --kui-color-background-info-strongest: initial;
  /* Weak background color for info elements (blue.40). Default value: `#5f9aff` */
  --kui-color-background-info-weak: initial;
  /* Weaker background color for info elements (blue.20). Default value: `#bee2ff` */
  --kui-color-background-info-weaker: initial;
  /* Weakest background color for info elements (blue.10). Default value: `#eefaff` */
  --kui-color-background-info-weakest: initial;
  /* Inverse background color for containers (blue.100). Default value: `#000933` */
  --kui-color-background-inverse: initial;
  /* Background color for neutral elements (gray.60). Default value: `#6c7489` */
  --kui-color-background-neutral: initial;
  /* Strong background color for neutral elements (gray.70). Default value: `#52596e` */
  --kui-color-background-neutral-strong: initial;
  /* Stronger background color for neutral elements (gray.80). Default value: `#3a3f51` */
  --kui-color-background-neutral-stronger: initial;
  /* Strongest background color for neutral elements (gray.90). Default value: `#232633` */
  --kui-color-background-neutral-strongest: initial;
  /* Weak background color for neutral elements (gray.40). Default value: `#afb7c5` */
  --kui-color-background-neutral-weak: initial;
  /* Weaker background color for neutral elements (gray.20). Default value: `#e0e4ea` */
  --kui-color-background-neutral-weaker: initial;
  /* Weakest background color for neutral elements (gray.10). Default value: `#f9fafb` */
  --kui-color-background-neutral-weakest: initial;
  /* Overlay background color (rgba(0, 9, 51, 0.6)). Default value: `rgba(0, 9, 51, 0.6)` */
  --kui-color-background-overlay: initial;
  /* Background color for primary actions or messages (blue.60). Default value: `#0044f4` */
  --kui-color-background-primary: initial;
  /* Strong background color for primary actions or messages (blue.70). Default value: `#0030cc` */
  --kui-color-background-primary-strong: initial;
  /* Stronger background color for primary actions or messages (blue.80). Default value: `#002099` */
  --kui-color-background-primary-stronger: initial;
  /* Strongest background color for primary actions or messages (blue.90). Default value: `#001466` */
  --kui-color-background-primary-strongest: initial;
  /* Weak background color for primary actions or messages (blue.40). Default value: `#5f9aff` */
  --kui-color-background-primary-weak: initial;
  /* Weaker background color for primary actions or messages (blue.20). Default value: `#bee2ff` */
  --kui-color-background-primary-weaker: initial;
  /* Weakest background color for primary actions or messages (blue.10). Default value: `#eefaff` */
  --kui-color-background-primary-weakest: initial;
  /* Background color for success elements (green.60). Default value: `#007d60` */
  --kui-color-background-success: initial;
  /* Strong background color for success elements (green.70). Default value: `#005944` */
  --kui-color-background-success-strong: initial;
  /* Stronger background color for success elements (green.80). Default value: `#004737` */
  --kui-color-background-success-stronger: initial;
  /* Strongest background color for success elements (green.90). Default value: `#003629` */
  --kui-color-background-success-strongest: initial;
  /* Weak background color for success elements (green.40). Default value: `#00d6a4` */
  --kui-color-background-success-weak: initial;
  /* Weaker background color for success elements (green.20). Default value: `#b5ffee` */
  --kui-color-background-success-weaker: initial;
  /* Weakest background color for success elements (green.10). Default value: `#ecfffb` */
  --kui-color-background-success-weakest: initial;
  /* Transparent background color (transparent). Default value: `transparent` */
  --kui-color-background-transparent: initial;
  /* Background color for warning elements (yellow.60). Default value: `#995c00` */
  --kui-color-background-warning: initial;
  /* Strong background color for warning elements (yellow.70). Default value: `#804400` */
  --kui-color-background-warning-strong: initial;
  /* Stronger background color for warning elements (yellow.80). Default value: `#662d00` */
  --kui-color-background-warning-stronger: initial;
  /* Strongest background color for warning elements (yellow.90). Default value: `#4d1b00` */
  --kui-color-background-warning-strongest: initial;
  /* Weak background color for warning elements (yellow.40). Default value: `#ffc400` */
  --kui-color-background-warning-weak: initial;
  /* Weaker background color for warning elements (yellow.20). Default value: `#fff296` */
  --kui-color-background-warning-weaker: initial;
  /* Weakest background color for warning elements (yellow.10). Default value: `#fffce0` */
  --kui-color-background-warning-weakest: initial;
  /* Default border color for containers (gray.20). Default value: `#e0e4ea` */
  --kui-color-border: initial;
  /* Border color for danger actions or messages (red.60). Default value: `#d60027` */
  --kui-color-border-danger: initial;
  /* Strong border color for danger actions or messages (red.70). Default value: `#ad000e` */
  --kui-color-border-danger-strong: initial;
  /* Stronger border color for danger actions or messages (red.80). Default value: `#850000` */
  --kui-color-border-danger-stronger: initial;
  /* Strongest border color for danger actions or messages (red.90). Default value: `#5c0000` */
  --kui-color-border-danger-strongest: initial;
  /* Weak border color for danger actions or messages (red.40). Default value: `#ff3954` */
  --kui-color-border-danger-weak: initial;
  /* Weaker border color for danger actions or messages (red.20). Default value: `#ffabab` */
  --kui-color-border-danger-weaker: initial;
  /* Weakest border color for danger actions or messages (red.10). Default value: `#ffe5e5` */
  --kui-color-border-danger-weakest: initial;
  /* Border color for decorative purposes (purple.60). Default value: `#6f28ff` */
  --kui-color-border-decorative-purple: initial;
  /* Border color for disabled elements (gray.20). Default value: `#e0e4ea` */
  --kui-color-border-disabled: initial;
  /* Inverse border color (rgba(255, 255, 255, 0.2)). Default value: `rgba(255, 255, 255, 0.2)` */
  --kui-color-border-inverse: initial;
  /* Border color for neutral elements (gray.60). Default value: `#6c7489` */
  --kui-color-border-neutral: initial;
  /* Strong border color for neutral elements (gray.70). Default value: `#52596e` */
  --kui-color-border-neutral-strong: initial;
  /* Stronger border color for neutral elements (gray.80). Default value: `#3a3f51` */
  --kui-color-border-neutral-stronger: initial;
  /* Strongest border color for neutral elements (gray.90). Default value: `#232633` */
  --kui-color-border-neutral-strongest: initial;
  /* Weak border color for neutral elements (gray.40). Default value: `#afb7c5` */
  --kui-color-border-neutral-weak: initial;
  /* Weaker border color for neutral elements (gray.20). Default value: `#e0e4ea` */
  --kui-color-border-neutral-weaker: initial;
  /* Weakest border color for neutral elements (gray.10). Default value: `#f9fafb` */
  --kui-color-border-neutral-weakest: initial;
  /* Border color for primary actions or messages (blue.60). Default value: `#0044f4` */
  --kui-color-border-primary: initial;
  /* Strong border color for primary actions or messages (blue.70). Default value: `#0030cc` */
  --kui-color-border-primary-strong: initial;
  /* Stronger border color for primary actions or messages (blue.80). Default value: `#002099` */
  --kui-color-border-primary-stronger: initial;
  /* Strongest border color for primary actions or messages (blue.90). Default value: `#001466` */
  --kui-color-border-primary-strongest: initial;
  /* Weak border color for primary actions or messages (blue.40). Default value: `#5f9aff` */
  --kui-color-border-primary-weak: initial;
  /* Weaker border color for primary actions or messages (blue.20). Default value: `#bee2ff` */
  --kui-color-border-primary-weaker: initial;
  /* Weakest border color for primary actions or messages (blue.10). Default value: `#eefaff` */
  --kui-color-border-primary-weakest: initial;
  /* Transparent border color (transparent). Default value: `transparent` */
  --kui-color-border-transparent: initial;
  /* Default text color (blue.100). Default value: `#000933` */
  --kui-color-text: initial;
  /* Text color for danger actions or messages (red.60). Default value: `#d60027` */
  --kui-color-text-danger: initial;
  /* Strong text color for danger actions or messages (red.70). Default value: `#ad000e` */
  --kui-color-text-danger-strong: initial;
  /* Stronger text color for danger actions or messages (red.80). Default value: `#850000` */
  --kui-color-text-danger-stronger: initial;
  /* Strongest text color for danger actions or messages (red.90). Default value: `#5c0000` */
  --kui-color-text-danger-strongest: initial;
  /* Weak text color for danger actions or messages (red.40). Default value: `#ff3954` */
  --kui-color-text-danger-weak: initial;
  /* Weaker text color for danger actions or messages (red.20). Default value: `#ffabab` */
  --kui-color-text-danger-weaker: initial;
  /* Weakest text color for danger actions or messages (red.10). Default value: `#ffe5e5` */
  --kui-color-text-danger-weakest: initial;
  /* Text color for decorative purposes (aqua.50). Default value: `#00abd2` */
  --kui-color-text-decorative-aqua: initial;
  /* Text color for decorative purposes (pink.60). Default value: `#d60067` */
  --kui-color-text-decorative-pink: initial;
  /* Text color for decorative purposes (purple.60). Default value: `#6f28ff` */
  --kui-color-text-decorative-purple: initial;
  /* Strong text color for decorative purposes (purple.70). Default value: `#5e00f5` */
  --kui-color-text-decorative-purple-strong: initial;
  /* Text color for disabled elements (gray.40). Default value: `#afb7c5` */
  --kui-color-text-disabled: initial;
  /* Text color for info elements (blue.60). Default value: `#0044f4` */
  --kui-color-text-info: initial;
  /* Strong text color for info elements (blue.70). Default value: `#0030cc` */
  --kui-color-text-info-strong: initial;
  /* Stronger text color for info elements (blue.80). Default value: `#002099` */
  --kui-color-text-info-stronger: initial;
  /* Strongest text color for info elements (blue.90). Default value: `#001466` */
  --kui-color-text-info-strongest: initial;
  /* Weak text color for info elements (blue.40). Default value: `#5f9aff` */
  --kui-color-text-info-weak: initial;
  /* Weaker text color for info elements (blue.20). Default value: `#bee2ff` */
  --kui-color-text-info-weaker: initial;
  /* Weakest text color for info elements (blue.10). Default value: `#eefaff` */
  --kui-color-text-info-weakest: initial;
  /* Inverse text color (white). Default value: `#ffffff` */
  --kui-color-text-inverse: initial;
  /* Text color for neutral elements (gray.60). Default value: `#6c7489` */
  --kui-color-text-neutral: initial;
  /* Strong text color for neutral elements (gray.70). Default value: `#52596e` */
  --kui-color-text-neutral-strong: initial;
  /* Stronger text color for neutral elements (gray.80). Default value: `#3a3f51` */
  --kui-color-text-neutral-stronger: initial;
  /* Strongest text color for neutral elements (gray.90). Default value: `#232633` */
  --kui-color-text-neutral-strongest: initial;
  /* Weak text color for neutral elements (gray.40). Default value: `#afb7c5` */
  --kui-color-text-neutral-weak: initial;
  /* Weaker text color for neutral elements (gray.20). Default value: `#e0e4ea` */
  --kui-color-text-neutral-weaker: initial;
  /* Weakest text color for neutral elements (gray.10). Default value: `#f9fafb` */
  --kui-color-text-neutral-weakest: initial;
  /* Text color for primary actions or messages (blue.60). Default value: `#0044f4` */
  --kui-color-text-primary: initial;
  /* Strong text color for primary actions or messages (blue.70). Default value: `#0030cc` */
  --kui-color-text-primary-strong: initial;
  /* Stronger text color for primary actions or messages (blue.80). Default value: `#002099` */
  --kui-color-text-primary-stronger: initial;
  /* Strongest text color for primary actions or messages (blue.90). Default value: `#001466` */
  --kui-color-text-primary-strongest: initial;
  /* Weak text color for primary actions or messages (blue.40). Default value: `#5f9aff` */
  --kui-color-text-primary-weak: initial;
  /* Weaker text color for primary actions or messages (blue.20). Default value: `#bee2ff` */
  --kui-color-text-primary-weaker: initial;
  /* Weakest text color for primary actions or messages (blue.10). Default value: `#eefaff` */
  --kui-color-text-primary-weakest: initial;
  /* Text color for success elements (green.60). Default value: `#007d60` */
  --kui-color-text-success: initial;
  /* Strong text color for success elements (green.70). Default value: `#005944` */
  --kui-color-text-success-strong: initial;
  /* Stronger text color for success elements (green.80). Default value: `#004737` */
  --kui-color-text-success-stronger: initial;
  /* Stronger text color for success elements (green.90). Default value: `#003629` */
  --kui-color-text-success-strongest: initial;
  /* Weak text color for success elements (green.40). Default value: `#00d6a4` */
  --kui-color-text-success-weak: initial;
  /* Weaker text color for success elements (green.20). Default value: `#b5ffee` */
  --kui-color-text-success-weaker: initial;
  /* Weakest text color for success elements (green.10). Default value: `#ecfffb` */
  --kui-color-text-success-weakest: initial;
  /* Text color for warning elements (yellow.60). Default value: `#995c00` */
  --kui-color-text-warning: initial;
  /* Strong text color for warning elements (yellow.70). Default value: `#804400` */
  --kui-color-text-warning-strong: initial;
  /* Stronger text color for warning elements (yellow.80). Default value: `#662d00` */
  --kui-color-text-warning-stronger: initial;
  /* Strongest text color for warning elements (yellow.90). Default value: `#4d1b00` */
  --kui-color-text-warning-strongest: initial;
  /* Weak text color for warning elements (yellow.40). Default value: `#ffc400` */
  --kui-color-text-warning-weak: initial;
  /* Weaker text color for warning elements (yellow.20). Default value: `#fff296` */
  --kui-color-text-warning-weaker: initial;
  /* Weakest text color for warning elements (yellow.10). Default value: `#fffce0` */
  --kui-color-text-warning-weakest: initial;
  /* Default transition timing. Default value: `0.2s` */
  --kui-animation-duration-20: initial;
  /* 0px border radius. Default value: `0px` */
  --kui-border-radius-0: initial;
  /* 2px border radius. Default value: `2px` */
  --kui-border-radius-10: initial;
  /* 4px border radius. Default value: `4px` */
  --kui-border-radius-20: initial;
  /* 6px border radius. Default value: `6px` */
  --kui-border-radius-30: initial;
  /* 8px border radius. Default value: `8px` */
  --kui-border-radius-40: initial;
  /* 10px border radius. Default value: `10px` */
  --kui-border-radius-50: initial;
  /* 50% border radius used to create circles. Default value: `50%` */
  --kui-border-radius-circle: initial;
  /* 100px border radius used to create pill shapes. Default value: `100px` */
  --kui-border-radius-round: initial;
  /* 0px border width. Default value: `0px` */
  --kui-border-width-0: initial;
  /* 1px border width. Default value: `1px` */
  --kui-border-width-10: initial;
  /* 2px border width. Default value: `2px` */
  --kui-border-width-20: initial;
  /* 4px border width. Default value: `4px` */
  --kui-border-width-30: initial;
  /* Used for larger mobile screens. Any viewport width under this value is considered mobile. Default value: `640px` */
  --kui-breakpoint-mobile: initial;
  /* Used for tablet screens. Default value: `768px` */
  --kui-breakpoint-phablet: initial;
  /* Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout. Default value: `1024px` */
  --kui-breakpoint-tablet: initial;
  /* Used for standard desktop screens. Default value: `1280px` */
  --kui-breakpoint-laptop: initial;
  /* Used for larger desktop screens. Default value: `1536px` */
  --kui-breakpoint-desktop: initial;
  /* Danger color for icons. Default value: `#f50045` */
  --kui-icon-color-danger: initial;
  /* Neutral color for icons. Default value: `#828a9e` */
  --kui-icon-color-neutral: initial;
  /* Primary color for icons. Default value: `#306fff` */
  --kui-icon-color-primary: initial;
  /* Success color for icons. Default value: `#00a17b` */
  --kui-icon-color-success: initial;
  /* Warning color for icons. Default value: `#ffc400` */
  --kui-icon-color-warning: initial;
  /* 10px icon size. Default value: `10px` */
  --kui-icon-size-10: initial;
  /* 12px icon size. Default value: `12px` */
  --kui-icon-size-20: initial;
  /* 16px icon size. Default value: `16px` */
  --kui-icon-size-30: initial;
  /* 20px icon size. Default value: `20px` */
  --kui-icon-size-40: initial;
  /* 24px icon size (default). Default value: `24px` */
  --kui-icon-size-50: initial;
  /* 32px icon size. Default value: `32px` */
  --kui-icon-size-60: initial;
  /* 40px icon size. Default value: `40px` */
  --kui-icon-size-70: initial;
  /* 48px icon size. Default value: `48px` */
  --kui-icon-size-80: initial;
  /* Background color for the CONNECT method (purple.10). Default value: `#f1f0ff` */
  --kui-method-color-background-connect: initial;
  /* Background color for the DELETE method (red.10). Default value: `#ffe5e5` */
  --kui-method-color-background-delete: initial;
  /* Background color for the GET method (blue.10). Default value: `#eefaff` */
  --kui-method-color-background-get: initial;
  /* Background color for the HEAD method (gray.70). Default value: `#52596e` */
  --kui-method-color-background-head: initial;
  /* Background color for the OPTIONS method (gray.20). Default value: `#e0e4ea` */
  --kui-method-color-background-options: initial;
  /* Background color for the PATCH method (aqua.10). Default value: `#ecfcff` */
  --kui-method-color-background-patch: initial;
  /* Background color for the POST method (green.10). Default value: `#ecfffb` */
  --kui-method-color-background-post: initial;
  /* Background color for the PUT method (yellow.10). Default value: `#fffce0` */
  --kui-method-color-background-put: initial;
  /* Background color for the TRACE method (pink.10). Default value: `#fff0f7` */
  --kui-method-color-background-trace: initial;
  /* Text color for the CONNECT method (purple.60). Default value: `#6f28ff` */
  --kui-method-color-text-connect: initial;
  /* Strong text color for the CONNECT method (purple.70). Default value: `#5e00f5` */
  --kui-method-color-text-connect-strong: initial;
  /* Text color for the DELETE method (red.60). Default value: `#d60027` */
  --kui-method-color-text-delete: initial;
  /* Strong text color for the DELETE method (red.70). Default value: `#ad000e` */
  --kui-method-color-text-delete-strong: initial;
  /* Text color for the GET method (blue.60). Default value: `#0044f4` */
  --kui-method-color-text-get: initial;
  /* Strong text color for the GET method (blue.70). Default value: `#0030cc` */
  --kui-method-color-text-get-strong: initial;
  /* Text color for the HEAD method (gray.20). Default value: `#e0e4ea` */
  --kui-method-color-text-head: initial;
  /* Strong text color for the HEAD method (gray.40). Default value: `#afb7c5` */
  --kui-method-color-text-head-strong: initial;
  /* Text color for the OPTIONS method (gray.70). Default value: `#52596e` */
  --kui-method-color-text-options: initial;
  /* Strong text color for the OPTIONS method (gray.80). Default value: `#3a3f51` */
  --kui-method-color-text-options-strong: initial;
  /* Text color for the PATCH method (aqua.60). Default value: `#00819d` */
  --kui-method-color-text-patch: initial;
  /* Strong text color for the PATCH method (aqua.70). Default value: `#00647a` */
  --kui-method-color-text-patch-strong: initial;
  /* Text color for the POST method (green.60). Default value: `#007d60` */
  --kui-method-color-text-post: initial;
  /* Strong text color for the POST method (green.70). Default value: `#005944` */
  --kui-method-color-text-post-strong: initial;
  /* Text color for the PUT method (yellow.60). Default value: `#995c00` */
  --kui-method-color-text-put: initial;
  /* Strong text color for the PUT method (yellow.70). Default value: `#804400` */
  --kui-method-color-text-put-strong: initial;
  /* Text color for the TRACE method (pink.60). Default value: `#d60067` */
  --kui-method-color-text-trace: initial;
  /* Strong text color for the TRACE method (pink.70). Default value: `#ad0053` */
  --kui-method-color-text-trace-strong: initial;
  /* blue.100. Default value: `#000933` */
  --kui-navigation-color-background: initial;
  /* The background color of a selected navigation item. Default value: `rgba(255, 255, 255, 0.12)` */
  --kui-navigation-color-background-selected: initial;
  /* rgba(255, 255, 255, 0.12). Default value: `rgba(255, 255, 255, 0.12)` */
  --kui-navigation-color-border: initial;
  /* The border color for a selected child navigation item. Default value: `#00fabe` */
  --kui-navigation-color-border-child: initial;
  /* The color of the navigation section divider. Default value: `rgba(255, 255, 255, 0.24)` */
  --kui-navigation-color-border-divider: initial;
  /* Navigation link and icon color. Default value: `#bee2ff` */
  --kui-navigation-color-text: initial;
  /* Navigation link and icon focus-visible color. Default value: `#ffffff` */
  --kui-navigation-color-text-focus: initial;
  /* Navigation link and icon hover color. Default value: `#eefaff` */
  --kui-navigation-color-text-hover: initial;
  /* Navigation link and icon selected color. Default value: `#00fabe` */
  --kui-navigation-color-text-selected: initial;
  /* The box-shadow for a focus-visible navigation link. Default value: `0 0 0 1px rgba(255, 255, 255, 0.12) inset` */
  --kui-navigation-shadow-border: initial;
  /* The left box-shadow for an active child navigation link. Default value: `4px 0 0 0 #00fabe inset` */
  --kui-navigation-shadow-border-child: initial;
  /* Navigation link focus-visible box-shadow. Default value: `0 0 0 1px rgba(255, 255, 255, 0.60) inset` */
  --kui-navigation-shadow-focus: initial;
  /* Color representing response status code 100 (blue.20). Default value: `#bee2ff` */
  --kui-status-color-100: initial;
  /* Color representing response status code 101 (blue.30). Default value: `#8fc1ff` */
  --kui-status-color-101: initial;
  /* Color representing response status code 102 (blue.40). Default value: `#5f9aff` */
  --kui-status-color-102: initial;
  /* Color representing response status code 103 (blue.50). Default value: `#306fff` */
  --kui-status-color-103: initial;
  /* Color representing response status code 200 (green.20). Default value: `#b5ffee` */
  --kui-status-color-200: initial;
  /* Color representing response status code 201 (green.30). Default value: `#00fabe` */
  --kui-status-color-201: initial;
  /* Color representing response status code 202 (green.40). Default value: `#00d6a4` */
  --kui-status-color-202: initial;
  /* Color representing response status code 203 (green.50). Default value: `#00a17b` */
  --kui-status-color-203: initial;
  /* Color representing response status code 204 (green.60). Default value: `#007d60` */
  --kui-status-color-204: initial;
  /* Color representing response status code 205 (green.70). Default value: `#005944` */
  --kui-status-color-205: initial;
  /* Color representing response status code 206 (green.20). Default value: `#b5ffee` */
  --kui-status-color-206: initial;
  /* Color representing response status code 207 (green.30). Default value: `#00fabe` */
  --kui-status-color-207: initial;
  /* Color representing response status code 208 (green.40). Default value: `#b5ffee` */
  --kui-status-color-208: initial;
  /* Color representing response status code 226 (green.50). Default value: `#00a17b` */
  --kui-status-color-226: initial;
  /* Color representing response status code 100 (yellow.20). Default value: `#fff296` */
  --kui-status-color-300: initial;
  /* Color representing response status code 101 (yellow.30). Default value: `#ffe04b` */
  --kui-status-color-301: initial;
  /* Color representing response status code 102 (yellow.40). Default value: `#ffc400` */
  --kui-status-color-302: initial;
  /* Color representing response status code 103 (yellow.50). Default value: `#b37600` */
  --kui-status-color-303: initial;
  /* Color representing response status code 103 (yellow.60). Default value: `#995c00` */
  --kui-status-color-304: initial;
  /* Color representing response status code 103 (yellow.70). Default value: `#804400` */
  --kui-status-color-305: initial;
  /* Color representing response status code 103 (yellow.20). Default value: `#fff296` */
  --kui-status-color-307: initial;
  /* Color representing response status code 103 (yellow.30). Default value: `#ffe04b` */
  --kui-status-color-308: initial;
  /* Color representing response status code 400 (orange.20). Default value: `#FFC2B3` */
  --kui-status-color-400: initial;
  /* Color representing response status code 401 (orange.30). Default value: `#FF9877` */
  --kui-status-color-401: initial;
  /* Color representing response status code 402 (orange.40). Default value: `#FF723C` */
  --kui-status-color-402: initial;
  /* Color representing response status code 403 (orange.50). Default value: `#F75008` */
  --kui-status-color-403: initial;
  /* Color representing response status code 404 (orange.60). Default value: `#D13500` */
  --kui-status-color-404: initial;
  /* Color representing response status code 405 (orange.70). Default value: `#A31F00` */
  --kui-status-color-405: initial;
  /* Color representing response status code 406 (orange.20). Default value: `#FFC2B3` */
  --kui-status-color-406: initial;
  /* Color representing response status code 407 (orange.30). Default value: `#FF9877` */
  --kui-status-color-407: initial;
  /* Color representing response status code 408 (orange.40). Default value: `#FF723C` */
  --kui-status-color-408: initial;
  /* Color representing response status code 409 (orange.50). Default value: `#F75008` */
  --kui-status-color-409: initial;
  /* Color representing response status code 410 (orange.60). Default value: `#D13500` */
  --kui-status-color-410: initial;
  /* Color representing response status code 411 (orange.70). Default value: `#A31F00` */
  --kui-status-color-411: initial;
  /* Color representing response status code 412 (orange.20). Default value: `#FFC2B3` */
  --kui-status-color-412: initial;
  /* Color representing response status code 413 (orange.30). Default value: `#FF9877` */
  --kui-status-color-413: initial;
  /* Color representing response status code 414 (orange.40). Default value: `#FF723C` */
  --kui-status-color-414: initial;
  /* Color representing response status code 415 (orange.50). Default value: `#F75008` */
  --kui-status-color-415: initial;
  /* Color representing response status code 416 (orange.60). Default value: `#D13500` */
  --kui-status-color-416: initial;
  /* Color representing response status code 417 (orange.70). Default value: `#A31F00` */
  --kui-status-color-417: initial;
  /* Color representing response status code 418 (orange.20). Default value: `#FFC2B3` */
  --kui-status-color-418: initial;
  /* Color representing response status code 421 (orange.30). Default value: `#FF9877` */
  --kui-status-color-421: initial;
  /* Color representing response status code 422 (orange.40). Default value: `#FF723C` */
  --kui-status-color-422: initial;
  /* Color representing response status code 423 (orange.50). Default value: `#F75008` */
  --kui-status-color-423: initial;
  /* Color representing response status code 424 (orange.60). Default value: `#D13500` */
  --kui-status-color-424: initial;
  /* Color representing response status code 425 (orange.70). Default value: `#A31F00` */
  --kui-status-color-425: initial;
  /* Color representing response status code 426 (orange.20). Default value: `#FFC2B3` */
  --kui-status-color-426: initial;
  /* Color representing response status code 428 (orange.30). Default value: `#FF9877` */
  --kui-status-color-428: initial;
  /* Color representing response status code 429 (orange.40). Default value: `#FF723C` */
  --kui-status-color-429: initial;
  /* Color representing response status code 431 (orange.50). Default value: `#F75008` */
  --kui-status-color-431: initial;
  /* Color representing response status code 451 (orange.60). Default value: `#D13500` */
  --kui-status-color-451: initial;
  /* Color representing response status code 500 (red.20). Default value: `#ffabab` */
  --kui-status-color-500: initial;
  /* Color representing response status code 501 (red.30). Default value: `#ff7272` */
  --kui-status-color-501: initial;
  /* Color representing response status code 502 (red.40). Default value: `#ff3954` */
  --kui-status-color-502: initial;
  /* Color representing response status code 503 (red.50). Default value: `#f50045` */
  --kui-status-color-503: initial;
  /* Color representing response status code 504 (red.60). Default value: `#d60027` */
  --kui-status-color-504: initial;
  /* Color representing response status code 505 (red.70). Default value: `#ad000e` */
  --kui-status-color-505: initial;
  /* Color representing response status code 506 (red.20). Default value: `#ffabab` */
  --kui-status-color-506: initial;
  /* Color representing response status code 507 (red.30). Default value: `#ff7272` */
  --kui-status-color-507: initial;
  /* Color representing response status code 508 (red.40). Default value: `#ff3954` */
  --kui-status-color-508: initial;
  /* Color representing response status code 510 (red.50). Default value: `#f50045` */
  --kui-status-color-510: initial;
  /* Color representing response status code 511 (red.60). Default value: `#d60027` */
  --kui-status-color-511: initial;
  /* Color for unknown response status codes in the 100-199 range (blue.10). Default value: `#eefaff` */
  --kui-status-color-1na: initial;
  /* Color for unknown response status codes in the 200-299 range (green.10). Default value: `#ecfffb` */
  --kui-status-color-2na: initial;
  /* Color for unknown response status codes in the 300-399 range (yellow.10). Default value: `#fffce0` */
  --kui-status-color-3na: initial;
  /* Color for unknown response status codes in the 400-499 range (orange.10). Default value: `#FFF1EF` */
  --kui-status-color-4na: initial;
  /* Color for unknown response status codes in the 500-599 range (red.10). Default value: `#ffe5e5` */
  --kui-status-color-5na: initial;
  /* Color for a group of response status codes in the 100-199 range (blue.40). Default value: `#5f9aff` */
  --kui-status-color-100s: initial;
  /* Color for a group of response status codes in the 200-299 range (green.40). Default value: `#00d6a4` */
  --kui-status-color-200s: initial;
  /* Color for a group of response status codes in the 300-399 range (yellow.40). Default value: `#ffc400` */
  --kui-status-color-300s: initial;
  /* Color for a group of response status codes in the 400-499 range (orange.40). Default value: `#FF723C` */
  --kui-status-color-400s: initial;
  /* Color for a group of response status codes in the 500-599 range (red.40). Default value: `#ff3954` */
  --kui-status-color-500s: initial;
  /* Background color for http status 100 elements (blue.10). Default value: `#eefaff` */
  --kui-status-color-background-100: initial;
  /* Background color for http status 200 elements (green.10). Default value: `#ecfffb` */
  --kui-status-color-background-200: initial;
  /* Background color for http status 300 elements (yellow.10). Default value: `#fffce0` */
  --kui-status-color-background-300: initial;
  /* Background color for http status 400 elements (orange.10). Default value: `#FFF1EF` */
  --kui-status-color-background-400: initial;
  /* Background color for http status 500 elements (red.10). Default value: `#ffe5e5` */
  --kui-status-color-background-500: initial;
  /* Text color for http status 100 elements (blue.60). Default value: `#0044f4` */
  --kui-status-color-text-100: initial;
  /* Text color for http status 200 elements (green.60). Default value: `#007d60` */
  --kui-status-color-text-200: initial;
  /* Text color for http status 300 elements (yellow.60). Default value: `#995c00` */
  --kui-status-color-text-300: initial;
  /* Text color for http status 400 elements (orange.60). Default value: `#D13500` */
  --kui-status-color-text-400: initial;
  /* Text color for http status 500 elements (red.60). Default value: `#d60027` */
  --kui-status-color-text-500: initial;
  /* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. Default value: `'JetBrains Mono', Consolas, monospace` */
  --kui-font-family-code: initial;
  /* The standard heading text font family. Default value: `'Inter', Roboto, Helvetica, sans-serif` */
  --kui-font-family-heading: initial;
  /* The standard text font family. Default value: `'Inter', Roboto, Helvetica, sans-serif` */
  --kui-font-family-text: initial;
  /*  Default value: `10px` */
  --kui-font-size-10: initial;
  /*  Default value: `12px` */
  --kui-font-size-20: initial;
  /*  Default value: `14px` */
  --kui-font-size-30: initial;
  /*  Default value: `16px` */
  --kui-font-size-40: initial;
  /*  Default value: `18px` */
  --kui-font-size-50: initial;
  /*  Default value: `20px` */
  --kui-font-size-60: initial;
  /*  Default value: `24px` */
  --kui-font-size-70: initial;
  /*  Default value: `32px` */
  --kui-font-size-80: initial;
  /*  Default value: `40px` */
  --kui-font-size-90: initial;
  /*  Default value: `48px` */
  --kui-font-size-100: initial;
  /* 700: The bold font weight. Default value: `700` */
  --kui-font-weight-bold: initial;
  /* 500: The medium font weight. Default value: `500` */
  --kui-font-weight-medium: initial;
  /* 400: The normal font weight. Default value: `400` */
  --kui-font-weight-regular: initial;
  /* 600: The semibold font weight. Default value: `600` */
  --kui-font-weight-semibold: initial;
  /* Alias for letter-spacing-normal. Default value: `normal` */
  --kui-letter-spacing-0: initial;
  /* -0.12px. Default value: `-0.12px` */
  --kui-letter-spacing-minus-10: initial;
  /* -0.24px. Default value: `-0.24px` */
  --kui-letter-spacing-minus-20: initial;
  /* -0.32px. Default value: `-0.32px` */
  --kui-letter-spacing-minus-30: initial;
  /* -0.4px. Default value: `-0.4px` */
  --kui-letter-spacing-minus-40: initial;
  /* -0.48px. Default value: `-0.48px` */
  --kui-letter-spacing-minus-50: initial;
  /* normal. Default value: `normal` */
  --kui-letter-spacing-normal: initial;
  /* 12px. Default value: `12px` */
  --kui-line-height-10: initial;
  /* 16px. Default value: `16px` */
  --kui-line-height-20: initial;
  /* 20px. Default value: `20px` */
  --kui-line-height-30: initial;
  /* 24px. Default value: `24px` */
  --kui-line-height-40: initial;
  /* 28px. Default value: `28px` */
  --kui-line-height-50: initial;
  /* 32px. Default value: `32px` */
  --kui-line-height-60: initial;
  /* 36px. Default value: `36px` */
  --kui-line-height-70: initial;
  /* 40px. Default value: `40px` */
  --kui-line-height-80: initial;
  /* 48px. Default value: `48px` */
  --kui-line-height-90: initial;
  /* 56px. Default value: `56px` */
  --kui-line-height-100: initial;
  /* 0px 4px 20px 0px rgba(0, 0, 0, 0.08). Default value: `0px 4px 20px 0px rgba(0, 0, 0, 0.08)` */
  --kui-shadow: initial;
  /* 0px 0px 0px 1px gray.20 inset. Default value: `0px 0px 0px 1px #e0e4ea inset` */
  --kui-shadow-border: initial;
  /* 0px 0px 0px 1px red.60 inset. Default value: `0px 0px 0px 1px #d60027 inset` */
  --kui-shadow-border-danger: initial;
  /* 0px 0px 0px 1px red.70 inset. Default value: `0px 0px 0px 1px #ad000e inset` */
  --kui-shadow-border-danger-strong: initial;
  /* 0px 0px 0px 1px gray.20 inset. Default value: `0px 0px 0px 1px #e0e4ea inset` */
  --kui-shadow-border-disabled: initial;
  /* 0px 0px 0px 1px blue.60 inset. Default value: `0px 0px 0px 1px #0044f4 inset` */
  --kui-shadow-border-primary: initial;
  /* 0px 0px 0px 1px blue.90 inset. Default value: `0px 0px 0px 1px #001466 inset` */
  --kui-shadow-border-primary-strongest: initial;
  /* 0px 0px 0px 1px blue.40 inset. Default value: `0px 0px 0px 1px #5f9aff inset` */
  --kui-shadow-border-primary-weak: initial;
  /* 0px 0px 0px 4px rgba(0, 68, 244, 0.2). Default value: `0px 0px 0px 4px rgba(0, 68, 244, 0.2)` */
  --kui-shadow-focus: initial;
  /* 0px value for gaps, margin, or padding. Default value: `0px` */
  --kui-space-0: initial;
  /* 2px value for gaps, margin, or padding. Default value: `2px` */
  --kui-space-10: initial;
  /* 4px value for gaps, margin, or padding. Default value: `4px` */
  --kui-space-20: initial;
  /* 6px value for gaps, margin, or padding. Default value: `6px` */
  --kui-space-30: initial;
  /* 8px value for gaps, margin, or padding. Default value: `8px` */
  --kui-space-40: initial;
  /* 12px value for gaps, margin, or padding. Default value: `12px` */
  --kui-space-50: initial;
  /* 16px value for gaps, margin, or padding. Default value: `16px` */
  --kui-space-60: initial;
  /* 20px value for gaps, margin, or padding. Default value: `20px` */
  --kui-space-70: initial;
  /* 24px value for gaps, margin, or padding. Default value: `24px` */
  --kui-space-80: initial;
  /* 32px value for gaps, margin, or padding. Default value: `32px` */
  --kui-space-90: initial;
  /* 40px value for gaps, margin, or padding. Default value: `40px` */
  --kui-space-100: initial;
  /* 48px value for gaps, margin, or padding. Default value: `48px` */
  --kui-space-110: initial;
  /* 56px value for gaps, margin, or padding. Default value: `56px` */
  --kui-space-120: initial;
  /* 64px value for gaps, margin, or padding. Default value: `64px` */
  --kui-space-130: initial;
  /* 80px value for gaps, margin, or padding. Default value: `80px` */
  --kui-space-140: initial;
  /* 96px value for gaps, margin, or padding. Default value: `96px` */
  --kui-space-150: initial;
  /* auto. Default value: `auto` */
  --kui-space-auto: initial;
}