@harnessio/ui 0.5.50 → 0.5.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.d.ts +3 -0
- package/dist/components.js +1 -1
- package/dist/context.d.ts +1 -0
- package/dist/{index-BVmuLE5Z.js → index-D19eVIF2.js} +546 -545
- package/dist/{index-BVmuLE5Z.js.map → index-D19eVIF2.js.map} +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/themes/{dark-deuteranopia.7a94edfb.css → dark-deuteranopia.c8ce82e9.css} +1 -1
- package/dist/themes/dark-dimmer-deuteranopia.2982665b.css +5 -0
- package/dist/themes/dark-dimmer-protanopia.de2babf0.css +5 -0
- package/dist/themes/dark-dimmer-tritanopia.b2a90941.css +5 -0
- package/dist/themes/dark-dimmer.72588e44.css +5 -0
- package/dist/themes/{dark-high-contrast-deuteranopia.1b14adeb.css → dark-high-contrast-deuteranopia.8ba52536.css} +1 -1
- package/dist/themes/{dark-high-contrast-protanopia.3f336684.css → dark-high-contrast-protanopia.7fe56ba5.css} +1 -1
- package/dist/themes/{dark-high-contrast-tritanopia.6043bc72.css → dark-high-contrast-tritanopia.ef769fd1.css} +1 -1
- package/dist/themes/{dark-high-contrast.0ae3331b.css → dark-high-contrast.92a0c729.css} +1 -1
- package/dist/themes/{dark-protanopia.354cf292.css → dark-protanopia.28269297.css} +1 -1
- package/dist/themes/{dark-tritanopia.707fe8f2.css → dark-tritanopia.d336758f.css} +1 -1
- package/dist/themes/{light-deuteranopia.f34eba1f.css → light-deuteranopia.2eb1464b.css} +1 -1
- package/dist/themes/{light-dimmer-deuteranopia.a062063c.css → light-dimmer-deuteranopia.6923a80e.css} +1 -1
- package/dist/themes/{light-dimmer-protanopia.01034e1e.css → light-dimmer-protanopia.d2862f9f.css} +1 -1
- package/dist/themes/{light-dimmer-tritanopia.2ddcbf91.css → light-dimmer-tritanopia.a62b667f.css} +1 -1
- package/dist/themes/{light-dimmer.39c3b1e4.css → light-dimmer.c0be7a64.css} +1 -1
- package/dist/themes/{light-high-contrast-deuteranopia.800aed79.css → light-high-contrast-deuteranopia.9b82bae2.css} +1 -1
- package/dist/themes/{light-high-contrast-protanopia.bde51730.css → light-high-contrast-protanopia.bf82dc1f.css} +1 -1
- package/dist/themes/{light-high-contrast-tritanopia.63b944b0.css → light-high-contrast-tritanopia.b5c42be9.css} +1 -1
- package/dist/themes/{light-high-contrast.0cca7457.css → light-high-contrast.6b57ee4e.css} +1 -1
- package/dist/themes/{light-protanopia.538d37d9.css → light-protanopia.03a7ca55.css} +1 -1
- package/dist/themes/{light-tritanopia.bb8be69b.css → light-tritanopia.4636b57c.css} +1 -1
- package/dist/themes/theme-manifest.js +22 -22
- package/dist/themes/theme-manifest.json +22 -22
- package/package.json +2 -2
- package/dist/themes/dark-dimmer-deuteranopia.1fd722c0.css +0 -5
- package/dist/themes/dark-dimmer-protanopia.b86cf633.css +0 -5
- package/dist/themes/dark-dimmer-tritanopia.ad3388b0.css +0 -5
- package/dist/themes/dark-dimmer.50c0bab7.css +0 -5
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Harness Design System
|
|
3
3
|
* Generated style tokens - DO NOT EDIT DIRECTLY
|
|
4
4
|
* Copyright (c) Harness.
|
|
5
|
-
*/.light-protanopia, .light-pro-std{--cn-icon-stroke-width-2xs: 1.8px;--cn-icon-stroke-width-xs: 1.3px;--cn-icon-stroke-width-sm: 1.2px;--cn-icon-stroke-width-md: 1.2px;--cn-icon-stroke-width-lg: 1.1px;--cn-icon-stroke-width-xl: 1px;--cn-bg-0: var(--cn-gray-25);--cn-bg-1: var(--cn-pure-white);--cn-bg-2: var(--cn-gray-25);--cn-bg-3: var(--cn-pure-white);--cn-text-1: var(--cn-pure-black);--cn-text-2: var(--cn-gray-850);--cn-text-3: var(--cn-gray-700);--cn-text-4: var(--cn-gray-600);--cn-border-1: var(--cn-gray-500);--cn-border-2: var(--cn-gray-150);--cn-border-3: var(--cn-gray-100);--cn-border-success: var(--cn-indigo-500);--cn-border-danger: var(--cn-yellow-500);--cn-border-warning: var(--cn-orange-400);--cn-state-hover: lch(from var(--cn-gray-200) l c h / 0.23);--cn-state-selected: lch(from var(--cn-gray-300) l c h / 0.26);--cn-set-brand-primary-text: var(--cn-pure-white);--cn-set-brand-primary-bg: var(--cn-indigo-700);--cn-set-brand-primary-bg-hover: var(--cn-indigo-800);--cn-set-brand-primary-bg-selected: var(--cn-indigo-800);--cn-set-brand-primary-ring: lch(from var(--cn-indigo-700) l c h / 0.15);--cn-set-brand-secondary-text: var(--cn-indigo-800);--cn-set-brand-secondary-bg: var(--cn-blue-100);--cn-set-brand-secondary-bg-hover: var(--cn-blue-150);--cn-set-brand-secondary-bg-selected: var(--cn-blue-150);--cn-set-brand-outline-text: var(--cn-indigo-800);--cn-set-brand-outline-bg: var(--cn-blue-25);--cn-set-brand-outline-border: var(--cn-indigo-600);--cn-set-brand-outline-bg-hover: var(--cn-indigo-100);--cn-set-brand-outline-bg-selected: var(--cn-indigo-100);--cn-set-ai-outline-text: var(--cn-pure-black);--cn-set-ai-outline-inner: var(--cn-pure-white);--cn-set-gray-primary-text: var(--cn-pure-black);--cn-set-gray-primary-bg: var(--cn-gray-200);--cn-set-gray-primary-bg-hover: var(--cn-gray-300);--cn-set-gray-primary-bg-selected: var(--cn-gray-300);--cn-set-gray-secondary-bg: var(--cn-gray-100);--cn-set-gray-secondary-bg-hover: var(--cn-gray-150);--cn-set-gray-secondary-bg-selected: var(--cn-gray-150);--cn-set-gray-outline-bg-hover: var(--cn-gray-50);--cn-set-gray-outline-bg-selected: var(--cn-gray-50);--cn-set-success-primary-text: var(--cn-pure-white);--cn-set-success-primary-bg: var(--cn-indigo-700);--cn-set-success-primary-bg-hover: var(--cn-indigo-800);--cn-set-success-primary-bg-selected: var(--cn-indigo-800);--cn-set-success-secondary-text: var(--cn-indigo-800);--cn-set-success-secondary-bg: var(--cn-indigo-100);--cn-set-success-secondary-bg-hover: var(--cn-indigo-150);--cn-set-success-secondary-bg-selected: var(--cn-indigo-150);--cn-set-success-outline-text: var(--cn-indigo-700);--cn-set-success-outline-bg: var(--cn-indigo-25);--cn-set-success-outline-border: var(--cn-indigo-150);--cn-set-success-outline-bg-hover: var(--cn-indigo-50);--cn-set-success-outline-bg-selected: var(--cn-indigo-50);--cn-set-danger-primary-text: var(--cn-pure-white);--cn-set-danger-primary-bg: var(--cn-yellow-600);--cn-set-danger-primary-bg-hover: var(--cn-yellow-700);--cn-set-danger-primary-bg-selected: var(--cn-yellow-700);--cn-set-danger-secondary-text: var(--cn-yellow-800);--cn-set-danger-secondary-bg: var(--cn-yellow-100);--cn-set-danger-secondary-bg-hover: var(--cn-yellow-150);--cn-set-danger-secondary-bg-selected: var(--cn-yellow-150);--cn-set-danger-outline-text: var(--cn-yellow-700);--cn-set-danger-outline-bg: var(--cn-yellow-25);--cn-set-danger-outline-border: var(--cn-yellow-150);--cn-set-danger-outline-bg-hover: var(--cn-yellow-50);--cn-set-danger-outline-bg-selected: var(--cn-yellow-50);--cn-set-warning-primary-text: var(--cn-pure-black);--cn-set-warning-primary-bg: var(--cn-orange-400);--cn-set-warning-primary-bg-hover: var(--cn-orange-500);--cn-set-warning-primary-bg-selected: var(--cn-orange-500);--cn-set-warning-secondary-text: var(--cn-orange-800);--cn-set-warning-secondary-bg: var(--cn-orange-50);--cn-set-warning-secondary-bg-hover: var(--cn-orange-100);--cn-set-warning-secondary-bg-selected: var(--cn-orange-100);--cn-set-warning-outline-text: var(--cn-orange-700);--cn-set-warning-outline-bg: var(--cn-orange-25);--cn-set-warning-outline-border: var(--cn-orange-150);--cn-set-warning-outline-bg-hover: var(--cn-orange-50);--cn-set-warning-outline-bg-selected: var(--cn-orange-50);--cn-set-blue-primary-text: var(--cn-pure-black);--cn-set-blue-primary-bg: var(--cn-cyan-500);--cn-set-blue-primary-bg-hover: var(--cn-cyan-600);--cn-set-blue-primary-bg-selected: var(--cn-cyan-600);--cn-set-blue-secondary-text: var(--cn-cyan-800);--cn-set-blue-secondary-bg: var(--cn-cyan-150);--cn-set-blue-secondary-bg-hover: var(--cn-cyan-200);--cn-set-blue-secondary-bg-selected: var(--cn-cyan-200);--cn-set-blue-outline-text: var(--cn-cyan-700);--cn-set-blue-outline-bg: var(--cn-cyan-25);--cn-set-blue-outline-border: var(--cn-cyan-150);--cn-set-blue-outline-bg-hover: var(--cn-cyan-50);--cn-set-blue-outline-bg-selected: var(--cn-cyan-50);--cn-set-purple-primary-text: var(--cn-pure-white);--cn-set-purple-primary-bg: var(--cn-purple-700);--cn-set-purple-primary-bg-hover: var(--cn-purple-800);--cn-set-purple-primary-bg-selected: var(--cn-purple-800);--cn-set-purple-secondary-text: var(--cn-purple-800);--cn-set-purple-secondary-bg: var(--cn-purple-100);--cn-set-purple-secondary-bg-hover: var(--cn-purple-150);--cn-set-purple-secondary-bg-selected: var(--cn-purple-150);--cn-set-purple-outline-text: var(--cn-purple-700);--cn-set-purple-outline-bg: var(--cn-purple-25);--cn-set-purple-outline-border: var(--cn-purple-150);--cn-set-purple-outline-bg-hover: var(--cn-purple-50);--cn-set-purple-outline-bg-selected: var(--cn-purple-50);--cn-set-brown-primary-text: var(--cn-pure-black);--cn-set-brown-primary-bg: var(--cn-brown-600);--cn-set-brown-primary-bg-hover: var(--cn-brown-700);--cn-set-brown-secondary-text: var(--cn-brown-800);--cn-set-brown-secondary-bg: var(--cn-brown-100);--cn-set-brown-secondary-bg-hover: var(--cn-brown-150);--cn-set-brown-outline-text: var(--cn-brown-700);--cn-set-brown-outline-bg: var(--cn-brown-25);--cn-set-brown-outline-border: var(--cn-brown-150);--cn-set-brown-outline-bg-hover: var(--cn-brown-50);--cn-set-cyan-primary-text: var(--cn-pure-black);--cn-set-cyan-primary-bg: var(--cn-cyan-400);--cn-set-cyan-primary-bg-hover: var(--cn-cyan-500);--cn-set-cyan-secondary-text: var(--cn-cyan-800);--cn-set-cyan-secondary-bg: var(--cn-cyan-100);--cn-set-cyan-secondary-bg-hover: var(--cn-cyan-150);--cn-set-cyan-outline-text: var(--cn-cyan-700);--cn-set-cyan-outline-bg: var(--cn-cyan-25);--cn-set-cyan-outline-border: var(--cn-cyan-150);--cn-set-cyan-outline-bg-hover: var(--cn-cyan-50);--cn-set-indigo-primary-text: var(--cn-pure-black);--cn-set-indigo-primary-bg: var(--cn-indigo-500);--cn-set-indigo-primary-bg-hover: var(--cn-indigo-600);--cn-set-indigo-primary-bg-selected: var(--cn-indigo-600);--cn-set-indigo-secondary-text: var(--cn-indigo-800);--cn-set-indigo-secondary-bg: var(--cn-indigo-150);--cn-set-indigo-secondary-bg-hover: var(--cn-indigo-200);--cn-set-indigo-secondary-bg-selected: var(--cn-indigo-200);--cn-set-indigo-outline-text: var(--cn-indigo-700);--cn-set-indigo-outline-bg: var(--cn-indigo-25);--cn-set-indigo-outline-border: var(--cn-indigo-200);--cn-set-indigo-outline-bg-hover: var(--cn-indigo-50);--cn-set-indigo-outline-bg-selected: var(--cn-indigo-50);--cn-set-forest-green-primary-text: var(--cn-pure-white);--cn-set-forest-green-primary-bg: var(--cn-cyan-700);--cn-set-forest-green-primary-bg-hover: var(--cn-cyan-800);--cn-set-forest-green-secondary-text: var(--cn-cyan-800);--cn-set-forest-green-secondary-bg: var(--cn-cyan-100);--cn-set-forest-green-secondary-bg-hover: var(--cn-cyan-150);--cn-set-forest-green-outline-text: var(--cn-cyan-700);--cn-set-forest-green-outline-bg: var(--cn-cyan-25);--cn-set-forest-green-outline-border: var(--cn-cyan-100);--cn-set-forest-green-outline-bg-hover: var(--cn-cyan-50);--cn-set-mint-primary-text: var(--cn-pure-white);--cn-set-mint-primary-bg: var(--cn-indigo-700);--cn-set-mint-primary-bg-hover: var(--cn-indigo-800);--cn-set-mint-primary-bg-selected: var(--cn-indigo-800);--cn-set-mint-secondary-text: var(--cn-indigo-800);--cn-set-mint-secondary-bg: var(--cn-indigo-100);--cn-set-mint-secondary-bg-hover: var(--cn-indigo-150);--cn-set-mint-secondary-bg-selected: var(--cn-indigo-150);--cn-set-mint-outline-text: var(--cn-indigo-700);--cn-set-mint-outline-bg: var(--cn-indigo-25);--cn-set-mint-outline-border: var(--cn-indigo-100);--cn-set-mint-outline-bg-hover: var(--cn-indigo-50);--cn-set-mint-outline-bg-selected: var(--cn-indigo-50);--cn-set-orange-primary-text: var(--cn-pure-black);--cn-set-orange-primary-bg: var(--cn-brown-500);--cn-set-orange-primary-bg-hover: var(--cn-brown-600);--cn-set-orange-secondary-text: var(--cn-brown-800);--cn-set-orange-secondary-bg: var(--cn-brown-100);--cn-set-orange-secondary-bg-hover: var(--cn-brown-150);--cn-set-orange-outline-text: var(--cn-brown-700);--cn-set-orange-outline-bg: var(--cn-brown-25);--cn-set-orange-outline-border: var(--cn-brown-150);--cn-set-orange-outline-bg-hover: var(--cn-brown-50);--cn-set-pink-primary-text: var(--cn-pure-black);--cn-set-pink-primary-bg: var(--cn-purple-400);--cn-set-pink-primary-bg-hover: var(--cn-purple-500);--cn-set-pink-primary-bg-selected: var(--cn-purple-500);--cn-set-pink-secondary-text: var(--cn-purple-800);--cn-set-pink-secondary-bg: var(--cn-purple-100);--cn-set-pink-secondary-bg-hover: var(--cn-purple-150);--cn-set-pink-secondary-bg-selected: var(--cn-purple-150);--cn-set-pink-outline-text: var(--cn-purple-700);--cn-set-pink-outline-bg: var(--cn-purple-25);--cn-set-pink-outline-border: var(--cn-purple-150);--cn-set-pink-outline-bg-hover: var(--cn-purple-50);--cn-set-pink-outline-bg-selected: var(--cn-purple-50);--cn-set-violet-primary-text: var(--cn-pure-white);--cn-set-violet-primary-bg: var(--cn-violet-700);--cn-set-violet-primary-bg-hover: var(--cn-violet-800);--cn-set-violet-primary-bg-selected: var(--cn-violet-800);--cn-set-violet-secondary-text: var(--cn-violet-800);--cn-set-violet-secondary-bg: var(--cn-violet-100);--cn-set-violet-secondary-bg-hover: var(--cn-violet-150);--cn-set-violet-secondary-bg-selected: var(--cn-violet-150);--cn-set-violet-outline-text: var(--cn-violet-800);--cn-set-violet-outline-bg: var(--cn-violet-25);--cn-set-violet-outline-border: var(--cn-violet-150);--cn-set-violet-outline-bg-hover: var(--cn-violet-50);--cn-set-violet-outline-bg-selected: var(--cn-violet-50);--cn-comp-avatar-shadow: lch(from var(--cn-gray-1000) l c h / 0.08);--cn-comp-dialog-backdrop: lch(from var(--cn-gray-600) l c h / 0.2);--cn-comp-dialog-backdrop-nested: lch(from var(--cn-gray-600) l c h / 0.1);--cn-comp-diff-plain-line-number-color: var(--cn-gray-850);--cn-comp-diff-empty-content: var(--cn-gray-50);--cn-comp-diff-hunk-content: lch(from var(--cn-blue-300) l c h / 0.15);--cn-comp-diff-hunk-line-number: lch(from var(--cn-blue-300) l c h / 0.4);--cn-comp-diff-hunk-content-color: var(--cn-gray-800);--cn-comp-diff-hljs: var(--cn-pure-black);--cn-comp-header-item-hover: lch(from var(--cn-gray-300) l c h / 0.2);--cn-comp-header-item-selected: lch(from var(--cn-gray-300) l c h / 0.26);--cn-comp-pipeline-dotes: var(--cn-gray-100);--cn-comp-pipeline-bg: var(--cn-gray-50);--cn-comp-sidebar-item-hover: lch(from var(--cn-gray-300) l c h / 0.15);--cn-comp-scrollbar-thumb: var(--cn-gray-200);--cn-comp-slider-track-base: var(--cn-gray-100);--cn-comp-slider-track-progress-stripes: lch(from var(--cn-pure-white) l c h / 0.3);--cn-comp-toast-danger-bg: var(--cn-brown-300);--cn-comp-toast-danger-border: var(--cn-brown-500);--cn-comp-toast-danger-text: var(--cn-pure-black);--cn-comp-toast-danger-transparent-btn-text: var(--cn-pure-black);--cn-comp-toast-danger-transparent-btn-text-hover: var(--cn-gray-850);--cn-comp-toast-danger-transparent-btn-text-active: var(--cn-gray-850);--cn-comp-toast-danger-action-btn-text: var(--cn-brown-25);--cn-comp-toast-danger-action-btn-bg: var(--cn-pure-black);--cn-comp-toast-danger-action-btn-bg-hover: var(--cn-brown-1000);--cn-comp-toast-danger-action-btn-bg-selected: var(--cn-brown-950);--cn-comp-tooltip-bg: var(--cn-gray-1000);--cn-comp-tooltip-border: var(--cn-gray-1000);--cn-comp-tooltip-text: var(--cn-gray-25);--cn-comp-data-viz-01-blue: var(--cn-blue-500);--cn-comp-data-viz-02-purple: var(--cn-purple-600);--cn-comp-data-viz-03-pink: var(--cn-brown-600);--cn-comp-data-viz-04-green: var(--cn-blue-600);--cn-comp-data-viz-05-indigo: var(--cn-indigo-600);--cn-comp-data-viz-06-brown: var(--cn-brown-700);--cn-comp-data-viz-07-cyan: var(--cn-cyan-400);--cn-comp-data-viz-08-orange: var(--cn-orange-600);--cn-comp-data-viz-09-forest: var(--cn-blue-800);--cn-comp-data-viz-10-red: var(--cn-brown-700);--cn-comp-data-viz-11-yellow: var(--cn-yellow-300);--cn-comp-data-viz-12-gray: var(--cn-gray-400);--cn-comp-widget-test-intelligence-bg: linear-gradient(105deg, var(--cn-purple-25) -18.5%, var(--cn-bg-1) 84%);--cn-logo-text: var(--cn-gray-1000);--cn-logo-icon: var(--cn-blue-600);--cn-shadow-color-0: lch(from var(--cn-gray-600) l c h / 0);--cn-shadow-color-1: lch(from var(--cn-gray-600) l c h / 0.13);--cn-shadow-color-2: lch(from var(--cn-gray-600) l c h / 0.13);--cn-shadow-color-3: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-4: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-5: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-6: lch(from var(--cn-gray-600) l c h / 0.1);--cn-shadow-color-inner: lch(from var(--cn-pure-black) l c h / 0.15);--cn-gradient-ai-stop-1: var(--cn-blue-500);--cn-gradient-ai-stop-2: var(--cn-indigo-600);--cn-gradient-ai-stop-3: var(--cn-violet-500);--cn-gradient-ai-outline-bg-stop-1: var(--cn-pure-white);--cn-gradient-ai-outline-bg-stop-2: var(--cn-blue-50);--cn-gradient-ai-outline-bg-stop-3: var(--cn-blue-150);--cn-gradient-ai-outline-bg-stop-4: var(--cn-blue-300);--cn-gradient-ai-chat-bubble-from: lch(from var(--cn-blue-150) l c h / 0.45);--cn-gradient-ai-chat-bubble-to: lch(from var(--cn-gray-300) l c h / 0.2);--cn-gradient-skeleton-stop-1: var(--cn-gray-150);--cn-gradient-skeleton-stop-2: var(--cn-gray-50);--cn-gradient-skeleton-stop-3: var(--cn-gray-150);--cn-gradient-skeleton-mask-from: var(--cn-pure-black);--cn-gradient-skeleton-mask-to: lch(from var(--cn-pure-black) l c h / 0);--cn-gradient-sidebar-selected-from: lch(from var(--cn-blue-150) l c h / 0.45);--cn-gradient-sidebar-selected-to: lch(from var(--cn-gray-300) l c h / 0.2);--cn-gradient-img-empty-state-bg-stop-1: var(--cn-gray-25);--cn-gradient-img-empty-state-bg-stop-2: var(--cn-gray-25);--cn-gradient-img-empty-state-bg-stop-3: var(--cn-pure-white);--cn-gradient-img-empty-state-bg-stop-4: var(--cn-pure-white);--cn-gradient-img-empty-state-bg-stop-5: var(--cn-gray-25);--cn-gradient-img-empty-state-bg-stop-6: var(--cn-gray-50);--cn-gradient-img-empty-state-border-from: lch(from var(--cn-pure-black) l c h / 0.1);--cn-gradient-img-empty-state-border-to: lch(from var(--cn-pure-black) l c h / 0.02);--cn-gradient-img-empty-state-icon-stop-1: var(--cn-gray-300);--cn-gradient-img-empty-state-icon-stop-2: var(--cn-gray-400);--cn-gradient-img-empty-state-icon-stop-3: var(--cn-gray-500);--cn-gradient-img-empty-state-lines-from: var(--cn-gray-200);--cn-gradient-img-empty-state-lines-to: var(--cn-pure-white);--cn-gradient-img-empty-state-logo-from: var(--cn-gray-1000);--cn-gradient-img-empty-state-logo-to: var(--cn-gray-700);--cn-gradient-img-empty-state-bubble-t-bg-from: var(--cn-gray-50);--cn-gradient-img-empty-state-bubble-t-bg-to: var(--cn-gray-150);--cn-gradient-img-empty-state-bubble-t-icon-from: var(--cn-gray-600);--cn-gradient-img-empty-state-bubble-t-icon-to: var(--cn-gray-300);--cn-gradient-img-empty-state-bubble-b-bg-from: var(--cn-gray-150);--cn-gradient-img-empty-state-bubble-b-bg-to: var(--cn-gray-50);--cn-gradient-img-empty-state-bubble-b-icon-from: var(--cn-gray-300);--cn-gradient-img-empty-state-bubble-b-icon-to: var(--cn-gray-600);--cn-gradient-flow-onboard-img-color-bubble-default-from: lch(from var(--cn-blue-400) l c h / 0.6);--cn-gradient-flow-onboard-img-color-bubble-default-to: lch(from var(--cn-pure-white) l c h / 0);--cn-gradient-flow-onboard-img-color-bubble-danger-from: lch(from var(--cn-brown-300) l c h / 0.6);--cn-gradient-flow-onboard-img-color-bubble-danger-to: lch(from var(--cn-pure-white) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-1-default-from: lch(from var(--cn-blue-400) l c h / 0.12);--cn-gradient-flow-onboard-ellipse-t-1-default-to: lch(from var(--cn-blue-400) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-1-danger-from: lch(from var(--cn-brown-300) l c h / 0.12);--cn-gradient-flow-onboard-ellipse-t-1-danger-to: lch(from var(--cn-brown-300) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-2-default-from: lch(from var(--cn-blue-400) l c h / 0.10);--cn-gradient-flow-onboard-ellipse-t-2-default-to: lch(from var(--cn-blue-400) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-2-danger-from: lch(from var(--cn-brown-300) l c h / 0.10);--cn-gradient-flow-onboard-ellipse-t-2-danger-to: lch(from var(--cn-brown-300) l c h / 0);--cn-gradient-flow-onboard-ellipse-b-default-from: lch(from var(--cn-blue-400) l c h / 0.2);--cn-gradient-flow-onboard-ellipse-b-default-to: lch(from var(--cn-blue-400) l c h / 0);--cn-gradient-flow-onboard-ellipse-b-danger-from: lch(from var(--cn-brown-300) l c h / 0.2);--cn-gradient-flow-onboard-ellipse-b-danger-to: lch(from var(--cn-brown-300) l c h / 0);--cn-gradient-pipeline-running-border-from: var(--cn-yellow-200);--cn-gradient-pipeline-running-border-to: lch(from var(--cn-yellow-100) l c h / 0);--cn-gradient-pipeline-running-glow-from: var(--cn-yellow-100);--cn-gradient-pipeline-running-glow-to: lch(from var(--cn-yellow-100) l c h / 0);--cn-disabled-opacity: var(--cn-opacity-60);--cn-icon-devops: var(--cn-mint-500);--cn-icon-testing: var(--cn-orange-500);--cn-icon-security: var(--cn-indigo-600);--cn-icon-efficiency: var(--cn-cyan-500);--cn-icon-platform: var(--cn-purple-500);--cn-text-success: var(--cn-set-success-outline-text);--cn-text-danger: var(--cn-set-danger-outline-text);--cn-text-warning: var(--cn-set-warning-outline-text);--cn-text-merged: var(--cn-set-purple-outline-text);--cn-text-brand: var(--cn-set-brand-primary-bg);--cn-border-brand: var(--cn-set-brand-outline-border);--cn-set-ai-outline-border: linear-gradient(131deg, var(--cn-gradient-ai-stop-1) 0%, var(--cn-gradient-ai-stop-2) 50%, var(--cn-gradient-ai-stop-3) 100%);--cn-set-ai-outline-bg-gradient: linear-gradient(102deg, var(--cn-gradient-ai-outline-bg-stop-1) 8%, var(--cn-gradient-ai-outline-bg-stop-2) 35%, var(--cn-gradient-ai-outline-bg-stop-3) 65%, var(--cn-gradient-ai-outline-bg-stop-4) 87%);--cn-set-gray-secondary-text: var(--cn-text-1);--cn-set-gray-outline-text: var(--cn-text-2);--cn-set-gray-outline-bg: var(--cn-bg-2);--cn-set-gray-outline-border: var(--cn-border-2);--cn-comp-alert-fade-default: linear-gradient(0deg, var(--cn-set-gray-secondary-bg) 42%, var(--cn-gradient-alert-fade-default) 100%);--cn-comp-alert-fade-danger: linear-gradient(0deg, var(--cn-set-danger-secondary-bg) 42%, var(--cn-gradient-alert-fade-danger) 100%);--cn-comp-alert-fade-warning: linear-gradient(0deg, var(--cn-set-warning-secondary-bg) 42%, var(--cn-gradient-alert-fade-warning) 100%);--cn-comp-alert-fade-success: linear-gradient(0deg, var(--cn-set-success-secondary-bg) 42%, var(--cn-gradient-alert-fade-success) 100%);--cn-comp-dialog-fade-end: linear-gradient(0deg, var(--cn-bg-1) 0%, var(--cn-gradient-dialog-fade) 100%);--cn-comp-diff-background: var(--cn-bg-0);--cn-comp-diff-add-content: lch(from var(--cn-set-success-secondary-bg) l c h / 0.45);--cn-comp-diff-add-line-number: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.75);--cn-comp-diff-add-content-highlight: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.65);--cn-comp-diff-add-widget: var(--cn-set-brand-primary-bg);--cn-comp-diff-add-widget-color: var(--cn-set-brand-primary-text);--cn-comp-diff-del-content: lch(from var(--cn-set-danger-secondary-bg) l c h / 0.50);--cn-comp-diff-del-line-number: lch(from var(--cn-set-danger-secondary-bg-hover) l c h / 0.75);--cn-comp-diff-del-content-highlight: lch(from var(--cn-set-danger-secondary-bg-hover) l c h / 0.95);--cn-comp-diff-plain-content: var(--cn-bg-1);--cn-comp-diff-plain-line-number: var(--cn-bg-1);--cn-comp-diff-hljs-comment: var(--cn-text-3);--cn-comp-diff-hljs-keyword: var(--cn-set-purple-outline-text);--cn-comp-diff-hljs-title-class: var(--cn-set-warning-outline-text);--cn-comp-diff-hljs-string: var(--cn-set-success-outline-text);--cn-comp-diff-hljs-title-function: var(--cn-set-blue-outline-text);--cn-comp-diff-hljs-name: var(--cn-set-danger-outline-text);--cn-comp-diff-hljs-literal: var(--cn-set-cyan-outline-text);--cn-comp-diff-hljs-attr: var(--cn-set-orange-outline-text);--cn-comp-input-bg: var(--cn-bg-3);--cn-comp-pipeline-running-border: linear-gradient(180deg, var(--cn-gradient-pipeline-running-border-from) 0%, var(--cn-gradient-pipeline-running-border-to) 100%);--cn-comp-pipeline-running-glow: linear-gradient(180deg, var(--cn-gradient-pipeline-running-glow-from) 0%, var(--cn-gradient-pipeline-running-glow-to) 100%);--cn-comp-pipeline-stage-card-bg: lch(from var(--cn-bg-3) l c h / 0.5);--cn-comp-pipeline-card-footer: var(--cn-comp-pipeline-bg);--cn-comp-sidebar-bg: var(--cn-bg-2);--cn-comp-sidebar-item-text: var(--cn-text-2);--cn-comp-sidebar-item-text-hover: var(--cn-text-1);--cn-comp-sidebar-item-text-selected: var(--cn-text-1);--cn-comp-sidebar-item-text-subtle: var(--cn-text-3);--cn-comp-sidebar-item-selected: linear-gradient(95deg, var(--cn-gradient-sidebar-selected-from) -13.12%, var(--cn-gradient-sidebar-selected-to) 84.9%);--cn-comp-sidebar-item-bg-draggable: var(--cn-bg-2);--cn-comp-sidebar-separator: var(--cn-border-3);--cn-comp-selection-unselected-item: var(--cn-text-2);--cn-comp-selection-unselected-item-hover: var(--cn-set-brand-primary-bg);--cn-comp-selection-unselected-bg: var(--cn-bg-1);--cn-comp-selection-unselected-bg-hover: var(--cn-bg-2);--cn-comp-selection-unselected-border: var(--cn-border-1);--cn-comp-selection-selected-item: var(--cn-set-brand-primary-text);--cn-comp-selection-selected-bg: var(--cn-set-brand-primary-bg);--cn-comp-selection-selected-bg-hover: var(--cn-set-brand-primary-bg-hover);--cn-comp-selection-selected-border: var(--cn-set-brand-primary-bg);--cn-comp-selection-selected-border-hover: var(--cn-set-brand-primary-bg-hover);--cn-comp-skeleton-bg: linear-gradient(90deg, var(--cn-gradient-skeleton-stop-1) 0%, var(--cn-gradient-skeleton-stop-2) 50%, var(--cn-gradient-skeleton-stop-3) 100%);--cn-comp-skeleton-mask: linear-gradient(180deg, var(--cn-gradient-skeleton-mask-from) 50%, var(--cn-gradient-skeleton-mask-to) 100%);--cn-comp-slider-track-progress: var(--cn-set-brand-primary-bg);--cn-comp-slider-track-warning: var(--cn-set-warning-primary-bg);--cn-comp-slider-track-success: var(--cn-set-success-primary-bg);--cn-comp-slider-track-danger: var(--cn-set-danger-primary-bg);--cn-comp-slider-handle-bg: var(--cn-bg-0);--cn-comp-slider-handle-border: var(--cn-border-1);--cn-comp-slider-handle-bg-selected: var(--cn-bg-3);--cn-comp-slider-range-gradient: linear-gradient(90deg, var(--cn-set-gray-primary-bg) 15%, var(--cn-set-warning-primary-bg) 40%, var(--cn-set-orange-primary-bg) 60%, var(--cn-set-danger-primary-bg) 80%);--cn-comp-ai-chat-bubble: linear-gradient(95deg, var(--cn-gradient-sidebar-selected-from) -13.12%, var(--cn-gradient-sidebar-selected-to) 84.9%);--cn-comp-card-fade-default: linear-gradient(0deg, var(--cn-bg-1) 0%, var(--cn-gradient-card-fade-default) 100%);--cn-comp-card-fade-selected: linear-gradient(0deg, var(--cn-set-brand-outline-bg) 0%, var(--cn-gradient-card-fade-selected) 100%);--cn-comp-data-viz-inactive-01-blue: lch(86 23.2 255);--cn-comp-data-viz-inactive-02-purple: lch(83.2 40 320);--cn-comp-data-viz-inactive-03-pink: lch(82.4 22.4 38);--cn-comp-data-viz-inactive-04-green: lch(84 24.4 255);--cn-comp-data-viz-inactive-05-indigo: lch(80.4 34 280);--cn-comp-data-viz-inactive-06-brown: lch(79.6 20 38);--cn-comp-data-viz-inactive-07-cyan: lch(88.8 24 195);--cn-comp-data-viz-inactive-08-orange: lch(84 38.8 49);--cn-comp-data-viz-inactive-09-forest: lch(76.4 18.4 255);--cn-comp-data-viz-inactive-10-red: lch(79.6 20 38);--cn-comp-data-viz-inactive-11-yellow: lch(90.8 40 76);--cn-comp-data-viz-inactive-12-gray: lch(90.4 2.6 272);--cn-comp-data-viz-01-blue-shadow: rgb(0% 66.3% 100% / 0.4);--cn-comp-data-viz-02-purple-shadow: rgb(86.5% 25.9% 99.9% / 0.4);--cn-comp-data-viz-03-pink-shadow: rgb(82.9% 38.8% 30.2% / 0.4);--cn-comp-data-viz-04-green-shadow: rgb(0% 60.9% 94.1% / 0.4);--cn-comp-data-viz-05-indigo-shadow: rgb(0% 46.8% 100% / 0.4);--cn-comp-data-viz-06-brown-shadow: rgb(72% 33.6% 26.2% / 0.4);--cn-comp-data-viz-07-cyan-shadow: rgb(0% 78.5% 77.8% / 0.4);--cn-comp-data-viz-08-orange-shadow: rgb(99.3% 32.7% 0% / 0.4);--cn-comp-data-viz-09-forest-shadow: rgb(0% 40.9% 64.4% / 0.4);--cn-comp-data-viz-10-red-shadow: rgb(72% 33.6% 26.2% / 0.4);--cn-comp-data-viz-11-yellow-shadow: rgb(98.8% 67.9% 0% / 0.4);--cn-comp-data-viz-12-gray-shadow: rgb(71.9% 73.5% 78.2% / 0.4);--cn-comp-widget-test-intelligence-gradient: linear-gradient(90deg, var(--cn-comp-data-viz-05-indigo) 0%, var(--cn-comp-data-viz-02-purple) 100%);--cn-comp-widget-test-intelligence-text-gradient: linear-gradient(90deg, var(--cn-text-2) 3%, var(--cn-comp-data-viz-05-indigo) 75%, var(--cn-comp-data-viz-02-purple) 100%);--cn-comp-shadow-avatar-inner: inset 0 0 0 0.6px var(--cn-comp-avatar-shadow);--cn-comp-shadow-ai-inner: inset 0 6px 12px 0 var(--cn-set-ai-outline-inner);--cn-comp-monaco-foreground: var(--cn-comp-diff-hljs);--cn-comp-monaco-cursor: var(--cn-text-1);--cn-comp-monaco-whitespace: var(--cn-text-4);--cn-comp-monaco-constant: var(--cn-set-orange-outline-text);--cn-comp-monaco-invalid-bg: var(--cn-set-warning-outline-bg);--cn-comp-monaco-invalid-text: var(--cn-set-warning-outline-text);--cn-comp-monaco-diff-header-bg: var(--cn-set-brand-outline-bg);--cn-comp-monaco-line-number: var(--cn-text-4);--cn-comp-monaco-indent-guide: var(--cn-border-3);--cn-comp-monaco-indent-guide-active: var(--cn-border-1);--cn-shadow-0: 0 0 0 0 var(--cn-shadow-color-0);--cn-shadow-1: 0 1px 2px 0 var(--cn-shadow-color-1);--cn-shadow-2: 0 1px 3px 0 var(--cn-shadow-color-2), 0 1px 15px -1px var(--cn-shadow-color-2);--cn-shadow-3: 0 4px 6px -1px var(--cn-shadow-color-3), 0 2px 8px -2px var(--cn-shadow-color-3);--cn-shadow-4: 0 10px 15px -3px var(--cn-shadow-color-4), 0 4px 8px -4px var(--cn-shadow-color-4);--cn-shadow-5: 0 20px 25px -5px var(--cn-shadow-color-5), 0 8px 10px -6px var(--cn-shadow-color-5);--cn-shadow-6: 0 25px 50px -12px var(--cn-shadow-color-6);--cn-shadow-inner: inset 0 0 4.5px 0 var(--cn-shadow-color-inner);--cn-ring-danger: 0 0 0 4px var(--cn-set-danger-secondary-bg);--cn-ring-danger-hover: 0 0 0 4px var(--cn-set-danger-secondary-bg-hover);--cn-ring-selected: 0 0 0 4px var(--cn-set-brand-primary-ring);--cn-ring-success: 0 0 0 4px var(--cn-set-success-secondary-bg);--cn-ring-success-hover: 0 0 0 4px var(--cn-set-success-secondary-bg-hover);--cn-ring-warning: 0 0 0 4px var(--cn-set-warning-secondary-bg);--cn-ring-warning-hover: 0 0 0 4px var(--cn-set-warning-secondary-bg-hover);--cn-gradient-alert-fade-default: lch(from var(--cn-set-gray-secondary-bg) l c h / 0);--cn-gradient-alert-fade-danger: lch(from var(--cn-set-danger-secondary-bg) l c h / 0);--cn-gradient-alert-fade-warning: lch(from var(--cn-set-warning-secondary-bg) l c h / 0);--cn-gradient-alert-fade-success: lch(from var(--cn-set-success-secondary-bg) l c h / 0);--cn-gradient-dialog-fade: lch(from var(--cn-bg-2) l c h / 0);--cn-gradient-toast-default-to: lch(from var(--cn-bg-3) l c h / 0);--cn-gradient-toast-default-from: var(--cn-bg-3);--cn-gradient-toast-danger-to: lch(from var(--cn-comp-toast-danger-bg) l c h / 0);--cn-gradient-toast-danger-from: var(--cn-comp-toast-danger-bg);--cn-gradient-card-fade-default: lch(from var(--cn-bg-1) l c h / 0);--cn-gradient-card-fade-selected: lch(from var(--cn-set-brand-outline-bg) l c h / 0);--cn-img-empty-state-bg: radial-gradient(54% 83% at 50% 102%, var(--cn-gradient-img-empty-state-bg-stop-1) 0%, var(--cn-gradient-img-empty-state-bg-stop-2) 27%, var(--cn-gradient-img-empty-state-bg-stop-3) 46%, var(--cn-gradient-img-empty-state-bg-stop-4) 63%, var(--cn-gradient-img-empty-state-bg-stop-5) 84%, var(--cn-gradient-img-empty-state-bg-stop-6) 100%);--cn-img-empty-state-border: linear-gradient(180deg, var(--cn-gradient-img-empty-state-border-from) 0%, var(--cn-gradient-img-empty-state-border-to) 100%);--cn-img-empty-state-icon: radial-gradient(31.5% 52.5% at 50% 64%, var(--cn-gradient-img-empty-state-icon-stop-1) 0%, var(--cn-gradient-img-empty-state-icon-stop-2) 38%, var(--cn-gradient-img-empty-state-icon-stop-3) 100%);--cn-img-empty-state-lines: radial-gradient(60.84% 50% at 50% 50%, var(--cn-gradient-img-empty-state-lines-from) 0%, var(--cn-gradient-img-empty-state-lines-to) 100%);--cn-img-empty-state-logo: radial-gradient(87.5% 87.5% at 50% 50%, var(--cn-gradient-img-empty-state-logo-from) 0%, var(--cn-gradient-img-empty-state-logo-to) 100%);--cn-img-empty-state-bubble-t-bg: linear-gradient(44deg, var(--cn-gradient-img-empty-state-bubble-t-bg-from) 11%, var(--cn-gradient-img-empty-state-bubble-t-bg-to) 71%);--cn-img-empty-state-bubble-t-icon: linear-gradient(225deg, var(--cn-gradient-img-empty-state-bubble-t-icon-from) 8%, var(--cn-gradient-img-empty-state-bubble-t-icon-to) 92%);--cn-img-empty-state-bubble-b-bg: linear-gradient(44deg, var(--cn-gradient-img-empty-state-bubble-b-bg-from) 11%, var(--cn-gradient-img-empty-state-bubble-b-bg-to) 71%);--cn-img-empty-state-bubble-b-icon: linear-gradient(225deg, var(--cn-gradient-img-empty-state-bubble-b-icon-from) 8%, var(--cn-gradient-img-empty-state-bubble-b-icon-to) 92%);--cn-flow-onboard-img-color-bubble-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-img-color-bubble-default-from) 0%, var(--cn-gradient-flow-onboard-img-color-bubble-default-to) 100%);--cn-flow-onboard-img-color-bubble-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-img-color-bubble-danger-from) 0%, var(--cn-gradient-flow-onboard-img-color-bubble-danger-to) 100%);--cn-flow-onboard-ellipse-t-1-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-1-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-1-default-to) 100%);--cn-flow-onboard-ellipse-t-1-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-1-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-1-danger-to) 100%);--cn-flow-onboard-ellipse-t-2-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-2-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-2-default-to) 100%);--cn-flow-onboard-ellipse-t-2-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-2-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-2-danger-to) 100%);--cn-flow-onboard-ellipse-b-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-b-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-b-default-to) 100%);--cn-flow-onboard-ellipse-b-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-b-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-b-danger-to) 100%);--cn-comp-dialog-fade-start: linear-gradient(0deg, var(--cn-gradient-dialog-fade) 0%, var(--cn-bg-1) 100%);--cn-comp-diff-expand-content: var(--cn-comp-diff-background);--cn-comp-link-text: var(--cn-text-brand);--cn-comp-link-text-hover: lch(42.3 72 280);--cn-comp-sidebar-fade-end: linear-gradient(0deg, var(--cn-comp-sidebar-bg) 0%, var(--cn-gradient-sidebar-fade) 100%);--cn-comp-selection-unselected-border-hover: var(--cn-border-brand);--cn-comp-slider-handle-border-selected: var(--cn-border-brand);--cn-comp-toast-danger-fade: linear-gradient(0deg, var(--cn-gradient-toast-danger-from) 42%, var(--cn-gradient-toast-danger-to) 100%);--cn-comp-toast-fade: linear-gradient(0deg, var(--cn-gradient-toast-default-from) 42%, var(--cn-gradient-toast-default-to) 100%);--cn-comp-data-viz-inactive-01-blue-shadow: rgb(72% 86.2% 100% / 0.4);--cn-comp-data-viz-inactive-02-purple-shadow: rgb(96.8% 73.4% 100% / 0.4);--cn-comp-data-viz-inactive-03-pink-shadow: rgb(95.7% 75.6% 70.6% / 0.4);--cn-comp-data-viz-inactive-04-green-shadow: rgb(69.1% 84.1% 99.4% / 0.4);--cn-comp-data-viz-inactive-05-indigo-shadow: rgb(72.1% 77.5% 100% / 0.4);--cn-comp-data-viz-inactive-06-brown-shadow: rgb(91.1% 73.1% 68.7% / 0.4);--cn-comp-data-viz-inactive-07-cyan-shadow: rgb(65% 92.7% 91.7% / 0.4);--cn-comp-data-viz-inactive-08-orange-shadow: rgb(100% 75.3% 62.5% / 0.4);--cn-comp-data-viz-inactive-09-forest-shadow: rgb(64.6% 75.3% 86.7% / 0.4);--cn-comp-data-viz-inactive-10-red-shadow: rgb(91.1% 73.1% 68.7% / 0.4);--cn-comp-data-viz-inactive-11-yellow-shadow: rgb(100% 86.9% 63.7% / 0.4);--cn-comp-data-viz-inactive-12-gray-shadow: rgb(88.6% 89.2% 91.1% / 0.4);--cn-comp-shadow-data-viz-01-blue: 0 3px 5px var(--cn-comp-data-viz-01-blue-shadow);--cn-comp-shadow-data-viz-02-purple: 0 3px 5px var(--cn-comp-data-viz-02-purple-shadow);--cn-comp-shadow-data-viz-03-pink: 0 3px 5px var(--cn-comp-data-viz-03-pink-shadow);--cn-comp-shadow-data-viz-04-green: 0 3px 5px var(--cn-comp-data-viz-04-green-shadow);--cn-comp-shadow-data-viz-05-indigo: 0 3px 5px var(--cn-comp-data-viz-05-indigo-shadow);--cn-comp-shadow-data-viz-06-brown: 0 3px 5px var(--cn-comp-data-viz-06-brown-shadow);--cn-comp-shadow-data-viz-07-cyan: 0 3px 5px var(--cn-comp-data-viz-07-cyan-shadow);--cn-comp-shadow-data-viz-08-orange: 0 3px 5px var(--cn-comp-data-viz-08-orange-shadow);--cn-comp-shadow-data-viz-09-forest: 0 3px 5px var(--cn-comp-data-viz-09-forest-shadow);--cn-comp-shadow-data-viz-10-red: 0 3px 5px var(--cn-comp-data-viz-10-red-shadow);--cn-comp-shadow-data-viz-11-yellow: 0 3px 5px var(--cn-comp-data-viz-11-yellow-shadow);--cn-comp-shadow-data-viz-12-gray: 0 3px 5px var(--cn-comp-data-viz-12-gray-shadow);--cn-comp-monaco-background: var(--cn-comp-diff-background);--cn-comp-monaco-key: var(--cn-comp-diff-hljs-attr);--cn-comp-monaco-string: var(--cn-comp-diff-hljs-string);--cn-comp-monaco-number: var(--cn-comp-diff-hljs-literal);--cn-comp-monaco-boolean: var(--cn-comp-diff-hljs-keyword);--cn-comp-monaco-comment: var(--cn-comp-diff-hljs-comment);--cn-comp-monaco-tag: var(--cn-comp-diff-hljs-title-class);--cn-comp-monaco-delimiter: var(--cn-comp-diff-hljs-comment);--cn-comp-monaco-anchor: var(--cn-comp-diff-hljs-name);--cn-comp-monaco-function: var(--cn-comp-diff-hljs-title-function);--cn-comp-monaco-diff-inserted: var(--cn-text-success);--cn-comp-monaco-diff-deleted: var(--cn-text-danger);--cn-comp-monaco-diff-range: var(--cn-text-brand);--cn-comp-monaco-line-number-active: var(--cn-comp-monaco-foreground);--cn-gradient-sidebar-fade: lch(from var(--cn-comp-sidebar-bg) l c h / 0);--cn-focus: var(--cn-border-width-2) solid var(--cn-border-brand);--cn-comp-sidebar-fade-start: linear-gradient(0deg, var(--cn-gradient-sidebar-fade) 0%, var(--cn-comp-sidebar-bg) 100%);--cn-comp-shadow-data-viz-inactive-01-blue: 0 5px 10px var(--cn-comp-data-viz-inactive-01-blue-shadow);--cn-comp-shadow-data-viz-inactive-02-purple: 0 5px 10px var(--cn-comp-data-viz-inactive-02-purple-shadow);--cn-comp-shadow-data-viz-inactive-03-pink: 0 5px 10px var(--cn-comp-data-viz-inactive-03-pink-shadow);--cn-comp-shadow-data-viz-inactive-04-green: 0 5px 10px var(--cn-comp-data-viz-inactive-04-green-shadow);--cn-comp-shadow-data-viz-inactive-05-indigo: 0 5px 10px var(--cn-comp-data-viz-inactive-05-indigo-shadow);--cn-comp-shadow-data-viz-inactive-06-brown: 0 5px 10px var(--cn-comp-data-viz-inactive-06-brown-shadow);--cn-comp-shadow-data-viz-inactive-07-cyan: 0 5px 10px var(--cn-comp-data-viz-inactive-07-cyan-shadow);--cn-comp-shadow-data-viz-inactive-08-orange: 0 5px 10px var(--cn-comp-data-viz-inactive-08-orange-shadow);--cn-comp-shadow-data-viz-inactive-09-forest: 0 5px 10px var(--cn-comp-data-viz-inactive-09-forest-shadow);--cn-comp-shadow-data-viz-inactive-10-red: 0 5px 10px var(--cn-comp-data-viz-inactive-10-red-shadow);--cn-comp-shadow-data-viz-inactive-11-yellow: 0 5px 10px var(--cn-comp-data-viz-inactive-11-yellow-shadow);--cn-comp-shadow-data-viz-inactive-12-gray: 0 5px 10px var(--cn-comp-data-viz-inactive-12-gray-shadow);--cn-comp-monaco-selection: lch(91.1 0 272);--cn-comp-monaco-line-highlight: lch(96 0 272)}
|
|
5
|
+
*/.light-protanopia, .light-pro-std{--cn-icon-stroke-width-2xs: 1.8px;--cn-icon-stroke-width-xs: 1.3px;--cn-icon-stroke-width-sm: 1.2px;--cn-icon-stroke-width-md: 1.2px;--cn-icon-stroke-width-lg: 1.1px;--cn-icon-stroke-width-xl: 1px;--cn-bg-0: var(--cn-gray-25);--cn-bg-1: var(--cn-pure-white);--cn-bg-2: var(--cn-gray-25);--cn-bg-3: var(--cn-pure-white);--cn-text-1: var(--cn-pure-black);--cn-text-2: var(--cn-gray-850);--cn-text-3: var(--cn-gray-700);--cn-text-4: var(--cn-gray-600);--cn-border-1: var(--cn-gray-500);--cn-border-2: var(--cn-gray-150);--cn-border-3: var(--cn-gray-100);--cn-border-success: var(--cn-indigo-500);--cn-border-danger: var(--cn-yellow-500);--cn-border-warning: var(--cn-orange-400);--cn-state-hover: lch(from var(--cn-gray-200) l c h / 0.23);--cn-state-selected: lch(from var(--cn-gray-300) l c h / 0.26);--cn-set-brand-primary-text: var(--cn-pure-white);--cn-set-brand-primary-bg: var(--cn-indigo-700);--cn-set-brand-primary-bg-hover: var(--cn-indigo-800);--cn-set-brand-primary-bg-selected: var(--cn-indigo-800);--cn-set-brand-primary-ring: lch(from var(--cn-indigo-700) l c h / 0.15);--cn-set-brand-secondary-text: var(--cn-indigo-800);--cn-set-brand-secondary-bg: var(--cn-blue-100);--cn-set-brand-secondary-bg-hover: var(--cn-blue-150);--cn-set-brand-secondary-bg-selected: var(--cn-blue-150);--cn-set-brand-outline-text: var(--cn-indigo-800);--cn-set-brand-outline-bg: var(--cn-blue-25);--cn-set-brand-outline-border: var(--cn-indigo-600);--cn-set-brand-outline-bg-hover: var(--cn-indigo-100);--cn-set-brand-outline-bg-selected: var(--cn-indigo-100);--cn-set-ai-outline-text: var(--cn-pure-black);--cn-set-ai-outline-inner: var(--cn-pure-white);--cn-set-gray-primary-text: var(--cn-pure-black);--cn-set-gray-primary-bg: var(--cn-gray-200);--cn-set-gray-primary-bg-hover: var(--cn-gray-300);--cn-set-gray-primary-bg-selected: var(--cn-gray-300);--cn-set-gray-secondary-bg: var(--cn-gray-100);--cn-set-gray-secondary-bg-hover: var(--cn-gray-150);--cn-set-gray-secondary-bg-selected: var(--cn-gray-150);--cn-set-gray-outline-bg-hover: var(--cn-gray-50);--cn-set-gray-outline-bg-selected: var(--cn-gray-50);--cn-set-success-primary-text: var(--cn-pure-white);--cn-set-success-primary-bg: var(--cn-indigo-700);--cn-set-success-primary-bg-hover: var(--cn-indigo-800);--cn-set-success-primary-bg-selected: var(--cn-indigo-800);--cn-set-success-secondary-text: var(--cn-indigo-800);--cn-set-success-secondary-bg: var(--cn-indigo-100);--cn-set-success-secondary-bg-hover: var(--cn-indigo-150);--cn-set-success-secondary-bg-selected: var(--cn-indigo-150);--cn-set-success-outline-text: var(--cn-indigo-700);--cn-set-success-outline-bg: var(--cn-indigo-25);--cn-set-success-outline-border: var(--cn-indigo-150);--cn-set-success-outline-bg-hover: var(--cn-indigo-50);--cn-set-success-outline-bg-selected: var(--cn-indigo-50);--cn-set-danger-primary-text: var(--cn-pure-white);--cn-set-danger-primary-bg: var(--cn-yellow-600);--cn-set-danger-primary-bg-hover: var(--cn-yellow-700);--cn-set-danger-primary-bg-selected: var(--cn-yellow-700);--cn-set-danger-secondary-text: var(--cn-yellow-800);--cn-set-danger-secondary-bg: var(--cn-yellow-100);--cn-set-danger-secondary-bg-hover: var(--cn-yellow-150);--cn-set-danger-secondary-bg-selected: var(--cn-yellow-150);--cn-set-danger-outline-text: var(--cn-yellow-700);--cn-set-danger-outline-bg: var(--cn-yellow-25);--cn-set-danger-outline-border: var(--cn-yellow-150);--cn-set-danger-outline-bg-hover: var(--cn-yellow-50);--cn-set-danger-outline-bg-selected: var(--cn-yellow-50);--cn-set-warning-primary-text: var(--cn-pure-black);--cn-set-warning-primary-bg: var(--cn-orange-400);--cn-set-warning-primary-bg-hover: var(--cn-orange-500);--cn-set-warning-primary-bg-selected: var(--cn-orange-500);--cn-set-warning-secondary-text: var(--cn-orange-800);--cn-set-warning-secondary-bg: var(--cn-orange-50);--cn-set-warning-secondary-bg-hover: var(--cn-orange-100);--cn-set-warning-secondary-bg-selected: var(--cn-orange-100);--cn-set-warning-outline-text: var(--cn-orange-700);--cn-set-warning-outline-bg: var(--cn-orange-25);--cn-set-warning-outline-border: var(--cn-orange-150);--cn-set-warning-outline-bg-hover: var(--cn-orange-50);--cn-set-warning-outline-bg-selected: var(--cn-orange-50);--cn-set-blue-primary-text: var(--cn-pure-black);--cn-set-blue-primary-bg: var(--cn-cyan-500);--cn-set-blue-primary-bg-hover: var(--cn-cyan-600);--cn-set-blue-primary-bg-selected: var(--cn-cyan-600);--cn-set-blue-secondary-text: var(--cn-cyan-800);--cn-set-blue-secondary-bg: var(--cn-cyan-150);--cn-set-blue-secondary-bg-hover: var(--cn-cyan-200);--cn-set-blue-secondary-bg-selected: var(--cn-cyan-200);--cn-set-blue-outline-text: var(--cn-cyan-700);--cn-set-blue-outline-bg: var(--cn-cyan-25);--cn-set-blue-outline-border: var(--cn-cyan-150);--cn-set-blue-outline-bg-hover: var(--cn-cyan-50);--cn-set-blue-outline-bg-selected: var(--cn-cyan-50);--cn-set-purple-primary-text: var(--cn-pure-white);--cn-set-purple-primary-bg: var(--cn-purple-700);--cn-set-purple-primary-bg-hover: var(--cn-purple-800);--cn-set-purple-primary-bg-selected: var(--cn-purple-800);--cn-set-purple-secondary-text: var(--cn-purple-800);--cn-set-purple-secondary-bg: var(--cn-purple-100);--cn-set-purple-secondary-bg-hover: var(--cn-purple-150);--cn-set-purple-secondary-bg-selected: var(--cn-purple-150);--cn-set-purple-outline-text: var(--cn-purple-700);--cn-set-purple-outline-bg: var(--cn-purple-25);--cn-set-purple-outline-border: var(--cn-purple-150);--cn-set-purple-outline-bg-hover: var(--cn-purple-50);--cn-set-purple-outline-bg-selected: var(--cn-purple-50);--cn-set-brown-primary-text: var(--cn-pure-black);--cn-set-brown-primary-bg: var(--cn-brown-600);--cn-set-brown-primary-bg-hover: var(--cn-brown-700);--cn-set-brown-secondary-text: var(--cn-brown-800);--cn-set-brown-secondary-bg: var(--cn-brown-100);--cn-set-brown-secondary-bg-hover: var(--cn-brown-150);--cn-set-brown-outline-text: var(--cn-brown-700);--cn-set-brown-outline-bg: var(--cn-brown-25);--cn-set-brown-outline-border: var(--cn-brown-150);--cn-set-brown-outline-bg-hover: var(--cn-brown-50);--cn-set-cyan-primary-text: var(--cn-pure-black);--cn-set-cyan-primary-bg: var(--cn-cyan-400);--cn-set-cyan-primary-bg-hover: var(--cn-cyan-500);--cn-set-cyan-secondary-text: var(--cn-cyan-800);--cn-set-cyan-secondary-bg: var(--cn-cyan-100);--cn-set-cyan-secondary-bg-hover: var(--cn-cyan-150);--cn-set-cyan-outline-text: var(--cn-cyan-700);--cn-set-cyan-outline-bg: var(--cn-cyan-25);--cn-set-cyan-outline-border: var(--cn-cyan-150);--cn-set-cyan-outline-bg-hover: var(--cn-cyan-50);--cn-set-indigo-primary-text: var(--cn-pure-black);--cn-set-indigo-primary-bg: var(--cn-indigo-500);--cn-set-indigo-primary-bg-hover: var(--cn-indigo-600);--cn-set-indigo-primary-bg-selected: var(--cn-indigo-600);--cn-set-indigo-secondary-text: var(--cn-indigo-800);--cn-set-indigo-secondary-bg: var(--cn-indigo-150);--cn-set-indigo-secondary-bg-hover: var(--cn-indigo-200);--cn-set-indigo-secondary-bg-selected: var(--cn-indigo-200);--cn-set-indigo-outline-text: var(--cn-indigo-700);--cn-set-indigo-outline-bg: var(--cn-indigo-25);--cn-set-indigo-outline-border: var(--cn-indigo-200);--cn-set-indigo-outline-bg-hover: var(--cn-indigo-50);--cn-set-indigo-outline-bg-selected: var(--cn-indigo-50);--cn-set-forest-green-primary-text: var(--cn-pure-white);--cn-set-forest-green-primary-bg: var(--cn-cyan-700);--cn-set-forest-green-primary-bg-hover: var(--cn-cyan-800);--cn-set-forest-green-secondary-text: var(--cn-cyan-800);--cn-set-forest-green-secondary-bg: var(--cn-cyan-100);--cn-set-forest-green-secondary-bg-hover: var(--cn-cyan-150);--cn-set-forest-green-outline-text: var(--cn-cyan-700);--cn-set-forest-green-outline-bg: var(--cn-cyan-25);--cn-set-forest-green-outline-border: var(--cn-cyan-100);--cn-set-forest-green-outline-bg-hover: var(--cn-cyan-50);--cn-set-mint-primary-text: var(--cn-pure-white);--cn-set-mint-primary-bg: var(--cn-indigo-700);--cn-set-mint-primary-bg-hover: var(--cn-indigo-800);--cn-set-mint-primary-bg-selected: var(--cn-indigo-800);--cn-set-mint-secondary-text: var(--cn-indigo-800);--cn-set-mint-secondary-bg: var(--cn-indigo-100);--cn-set-mint-secondary-bg-hover: var(--cn-indigo-150);--cn-set-mint-secondary-bg-selected: var(--cn-indigo-150);--cn-set-mint-outline-text: var(--cn-indigo-700);--cn-set-mint-outline-bg: var(--cn-indigo-25);--cn-set-mint-outline-border: var(--cn-indigo-100);--cn-set-mint-outline-bg-hover: var(--cn-indigo-50);--cn-set-mint-outline-bg-selected: var(--cn-indigo-50);--cn-set-orange-primary-text: var(--cn-pure-black);--cn-set-orange-primary-bg: var(--cn-brown-500);--cn-set-orange-primary-bg-hover: var(--cn-brown-600);--cn-set-orange-secondary-text: var(--cn-brown-800);--cn-set-orange-secondary-bg: var(--cn-brown-100);--cn-set-orange-secondary-bg-hover: var(--cn-brown-150);--cn-set-orange-outline-text: var(--cn-brown-700);--cn-set-orange-outline-bg: var(--cn-brown-25);--cn-set-orange-outline-border: var(--cn-brown-150);--cn-set-orange-outline-bg-hover: var(--cn-brown-50);--cn-set-pink-primary-text: var(--cn-pure-black);--cn-set-pink-primary-bg: var(--cn-purple-400);--cn-set-pink-primary-bg-hover: var(--cn-purple-500);--cn-set-pink-primary-bg-selected: var(--cn-purple-500);--cn-set-pink-secondary-text: var(--cn-purple-800);--cn-set-pink-secondary-bg: var(--cn-purple-100);--cn-set-pink-secondary-bg-hover: var(--cn-purple-150);--cn-set-pink-secondary-bg-selected: var(--cn-purple-150);--cn-set-pink-outline-text: var(--cn-purple-700);--cn-set-pink-outline-bg: var(--cn-purple-25);--cn-set-pink-outline-border: var(--cn-purple-150);--cn-set-pink-outline-bg-hover: var(--cn-purple-50);--cn-set-pink-outline-bg-selected: var(--cn-purple-50);--cn-set-violet-primary-text: var(--cn-pure-white);--cn-set-violet-primary-bg: var(--cn-violet-700);--cn-set-violet-primary-bg-hover: var(--cn-violet-800);--cn-set-violet-primary-bg-selected: var(--cn-violet-800);--cn-set-violet-secondary-text: var(--cn-violet-800);--cn-set-violet-secondary-bg: var(--cn-violet-100);--cn-set-violet-secondary-bg-hover: var(--cn-violet-150);--cn-set-violet-secondary-bg-selected: var(--cn-violet-150);--cn-set-violet-outline-text: var(--cn-violet-800);--cn-set-violet-outline-bg: var(--cn-violet-25);--cn-set-violet-outline-border: var(--cn-violet-150);--cn-set-violet-outline-bg-hover: var(--cn-violet-50);--cn-set-violet-outline-bg-selected: var(--cn-violet-50);--cn-comp-avatar-shadow: lch(from var(--cn-gray-1000) l c h / 0.08);--cn-comp-dialog-backdrop: lch(from var(--cn-gray-600) l c h / 0.2);--cn-comp-dialog-backdrop-nested: lch(from var(--cn-gray-600) l c h / 0.1);--cn-comp-diff-plain-line-number-color: var(--cn-gray-850);--cn-comp-diff-empty-content: var(--cn-gray-50);--cn-comp-diff-hunk-content: lch(from var(--cn-blue-300) l c h / 0.15);--cn-comp-diff-hunk-line-number: lch(from var(--cn-blue-300) l c h / 0.4);--cn-comp-diff-hunk-content-color: var(--cn-gray-800);--cn-comp-diff-hljs: var(--cn-pure-black);--cn-comp-header-item-hover: lch(from var(--cn-gray-300) l c h / 0.2);--cn-comp-header-item-selected: lch(from var(--cn-gray-300) l c h / 0.26);--cn-comp-pipeline-dotes: var(--cn-gray-100);--cn-comp-pipeline-bg: var(--cn-gray-50);--cn-comp-sidebar-item-hover: lch(from var(--cn-gray-300) l c h / 0.15);--cn-comp-scrollbar-thumb: var(--cn-gray-200);--cn-comp-slider-track-base: var(--cn-gray-100);--cn-comp-slider-track-progress-stripes: lch(from var(--cn-pure-white) l c h / 0.3);--cn-comp-toast-danger-bg: var(--cn-brown-300);--cn-comp-toast-danger-border: var(--cn-brown-500);--cn-comp-toast-danger-text: var(--cn-pure-black);--cn-comp-toast-danger-transparent-btn-text: var(--cn-pure-black);--cn-comp-toast-danger-transparent-btn-text-hover: var(--cn-gray-850);--cn-comp-toast-danger-transparent-btn-text-active: var(--cn-gray-850);--cn-comp-toast-danger-action-btn-text: var(--cn-brown-25);--cn-comp-toast-danger-action-btn-bg: var(--cn-pure-black);--cn-comp-toast-danger-action-btn-bg-hover: var(--cn-brown-1000);--cn-comp-toast-danger-action-btn-bg-selected: var(--cn-brown-950);--cn-comp-tooltip-bg: var(--cn-gray-1000);--cn-comp-tooltip-border: var(--cn-gray-1000);--cn-comp-tooltip-text: var(--cn-gray-25);--cn-comp-data-viz-01-blue: var(--cn-blue-500);--cn-comp-data-viz-02-purple: var(--cn-purple-600);--cn-comp-data-viz-03-pink: var(--cn-brown-600);--cn-comp-data-viz-04-green: var(--cn-blue-600);--cn-comp-data-viz-05-indigo: var(--cn-indigo-600);--cn-comp-data-viz-06-brown: var(--cn-brown-700);--cn-comp-data-viz-07-cyan: var(--cn-cyan-400);--cn-comp-data-viz-08-orange: var(--cn-orange-600);--cn-comp-data-viz-09-forest: var(--cn-blue-800);--cn-comp-data-viz-10-red: var(--cn-brown-700);--cn-comp-data-viz-11-yellow: var(--cn-yellow-300);--cn-comp-data-viz-12-gray: var(--cn-gray-400);--cn-comp-widget-test-intelligence-bg: linear-gradient(105deg, var(--cn-purple-25) -18.5%, var(--cn-bg-1) 84%);--cn-logo-text: var(--cn-gray-1000);--cn-logo-icon: var(--cn-blue-600);--cn-shadow-color-0: lch(from var(--cn-gray-600) l c h / 0);--cn-shadow-color-1: lch(from var(--cn-gray-600) l c h / 0.13);--cn-shadow-color-2: lch(from var(--cn-gray-600) l c h / 0.13);--cn-shadow-color-3: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-4: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-5: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-6: lch(from var(--cn-gray-600) l c h / 0.1);--cn-shadow-color-inner: lch(from var(--cn-pure-black) l c h / 0.15);--cn-gradient-ai-stop-1: var(--cn-blue-500);--cn-gradient-ai-stop-2: var(--cn-indigo-600);--cn-gradient-ai-stop-3: var(--cn-violet-500);--cn-gradient-ai-outline-bg-stop-1: var(--cn-pure-white);--cn-gradient-ai-outline-bg-stop-2: var(--cn-blue-50);--cn-gradient-ai-outline-bg-stop-3: var(--cn-blue-150);--cn-gradient-ai-outline-bg-stop-4: var(--cn-blue-300);--cn-gradient-ai-chat-bubble-from: lch(from var(--cn-blue-150) l c h / 0.45);--cn-gradient-ai-chat-bubble-to: lch(from var(--cn-gray-300) l c h / 0.2);--cn-gradient-skeleton-stop-1: var(--cn-gray-150);--cn-gradient-skeleton-stop-2: var(--cn-gray-50);--cn-gradient-skeleton-stop-3: var(--cn-gray-150);--cn-gradient-skeleton-mask-from: var(--cn-pure-black);--cn-gradient-skeleton-mask-to: lch(from var(--cn-pure-black) l c h / 0);--cn-gradient-sidebar-selected-from: lch(from var(--cn-blue-150) l c h / 0.45);--cn-gradient-sidebar-selected-to: lch(from var(--cn-gray-300) l c h / 0.2);--cn-gradient-img-empty-state-bg-stop-1: var(--cn-gray-25);--cn-gradient-img-empty-state-bg-stop-2: var(--cn-gray-25);--cn-gradient-img-empty-state-bg-stop-3: var(--cn-pure-white);--cn-gradient-img-empty-state-bg-stop-4: var(--cn-pure-white);--cn-gradient-img-empty-state-bg-stop-5: var(--cn-gray-25);--cn-gradient-img-empty-state-bg-stop-6: var(--cn-gray-50);--cn-gradient-img-empty-state-border-from: lch(from var(--cn-pure-black) l c h / 0.1);--cn-gradient-img-empty-state-border-to: lch(from var(--cn-pure-black) l c h / 0.02);--cn-gradient-img-empty-state-icon-stop-1: var(--cn-gray-300);--cn-gradient-img-empty-state-icon-stop-2: var(--cn-gray-400);--cn-gradient-img-empty-state-icon-stop-3: var(--cn-gray-500);--cn-gradient-img-empty-state-lines-from: var(--cn-gray-200);--cn-gradient-img-empty-state-lines-to: var(--cn-pure-white);--cn-gradient-img-empty-state-logo-from: var(--cn-gray-1000);--cn-gradient-img-empty-state-logo-to: var(--cn-gray-700);--cn-gradient-img-empty-state-bubble-t-bg-from: var(--cn-gray-50);--cn-gradient-img-empty-state-bubble-t-bg-to: var(--cn-gray-150);--cn-gradient-img-empty-state-bubble-t-icon-from: var(--cn-gray-600);--cn-gradient-img-empty-state-bubble-t-icon-to: var(--cn-gray-300);--cn-gradient-img-empty-state-bubble-b-bg-from: var(--cn-gray-150);--cn-gradient-img-empty-state-bubble-b-bg-to: var(--cn-gray-50);--cn-gradient-img-empty-state-bubble-b-icon-from: var(--cn-gray-300);--cn-gradient-img-empty-state-bubble-b-icon-to: var(--cn-gray-600);--cn-gradient-flow-onboard-img-color-bubble-default-from: lch(from var(--cn-blue-400) l c h / 0.6);--cn-gradient-flow-onboard-img-color-bubble-default-to: lch(from var(--cn-pure-white) l c h / 0);--cn-gradient-flow-onboard-img-color-bubble-danger-from: lch(from var(--cn-brown-300) l c h / 0.6);--cn-gradient-flow-onboard-img-color-bubble-danger-to: lch(from var(--cn-pure-white) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-1-default-from: lch(from var(--cn-blue-400) l c h / 0.12);--cn-gradient-flow-onboard-ellipse-t-1-default-to: lch(from var(--cn-blue-400) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-1-danger-from: lch(from var(--cn-brown-300) l c h / 0.12);--cn-gradient-flow-onboard-ellipse-t-1-danger-to: lch(from var(--cn-brown-300) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-2-default-from: lch(from var(--cn-blue-400) l c h / 0.10);--cn-gradient-flow-onboard-ellipse-t-2-default-to: lch(from var(--cn-blue-400) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-2-danger-from: lch(from var(--cn-brown-300) l c h / 0.10);--cn-gradient-flow-onboard-ellipse-t-2-danger-to: lch(from var(--cn-brown-300) l c h / 0);--cn-gradient-flow-onboard-ellipse-b-default-from: lch(from var(--cn-blue-400) l c h / 0.2);--cn-gradient-flow-onboard-ellipse-b-default-to: lch(from var(--cn-blue-400) l c h / 0);--cn-gradient-flow-onboard-ellipse-b-danger-from: lch(from var(--cn-brown-300) l c h / 0.2);--cn-gradient-flow-onboard-ellipse-b-danger-to: lch(from var(--cn-brown-300) l c h / 0);--cn-gradient-pipeline-running-border-from: var(--cn-yellow-200);--cn-gradient-pipeline-running-border-to: lch(from var(--cn-yellow-100) l c h / 0);--cn-gradient-pipeline-running-glow-from: var(--cn-yellow-100);--cn-gradient-pipeline-running-glow-to: lch(from var(--cn-yellow-100) l c h / 0);--cn-disabled-opacity: var(--cn-opacity-60);--cn-icon-devops: var(--cn-mint-500);--cn-icon-testing: var(--cn-orange-500);--cn-icon-security: var(--cn-indigo-600);--cn-icon-efficiency: var(--cn-cyan-500);--cn-icon-platform: var(--cn-purple-500);--cn-text-success: var(--cn-set-success-outline-text);--cn-text-danger: var(--cn-set-danger-outline-text);--cn-text-warning: var(--cn-set-warning-outline-text);--cn-text-merged: var(--cn-set-purple-outline-text);--cn-text-brand: var(--cn-set-brand-primary-bg);--cn-border-brand: var(--cn-set-brand-outline-border);--cn-set-ai-outline-border: linear-gradient(131deg, var(--cn-gradient-ai-stop-1) 0%, var(--cn-gradient-ai-stop-2) 50%, var(--cn-gradient-ai-stop-3) 100%);--cn-set-ai-outline-bg-gradient: linear-gradient(102deg, var(--cn-gradient-ai-outline-bg-stop-1) 8%, var(--cn-gradient-ai-outline-bg-stop-2) 35%, var(--cn-gradient-ai-outline-bg-stop-3) 65%, var(--cn-gradient-ai-outline-bg-stop-4) 87%);--cn-set-gray-secondary-text: var(--cn-text-1);--cn-set-gray-outline-text: var(--cn-text-2);--cn-set-gray-outline-bg: var(--cn-bg-2);--cn-set-gray-outline-border: var(--cn-border-2);--cn-comp-alert-fade-default: linear-gradient(0deg, var(--cn-set-gray-secondary-bg) 42%, var(--cn-gradient-alert-fade-default) 100%);--cn-comp-alert-fade-danger: linear-gradient(0deg, var(--cn-set-danger-secondary-bg) 42%, var(--cn-gradient-alert-fade-danger) 100%);--cn-comp-alert-fade-warning: linear-gradient(0deg, var(--cn-set-warning-secondary-bg) 42%, var(--cn-gradient-alert-fade-warning) 100%);--cn-comp-alert-fade-success: linear-gradient(0deg, var(--cn-set-success-secondary-bg) 42%, var(--cn-gradient-alert-fade-success) 100%);--cn-comp-dialog-fade-end: linear-gradient(0deg, var(--cn-bg-1) 0%, var(--cn-gradient-dialog-fade) 100%);--cn-comp-diff-background: var(--cn-bg-0);--cn-comp-diff-add-content: lch(from var(--cn-set-success-secondary-bg) l c h / 0.45);--cn-comp-diff-add-line-number: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.75);--cn-comp-diff-add-content-highlight: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.65);--cn-comp-diff-add-widget: var(--cn-set-brand-primary-bg);--cn-comp-diff-add-widget-color: var(--cn-set-brand-primary-text);--cn-comp-diff-del-content: lch(from var(--cn-set-danger-secondary-bg) l c h / 0.50);--cn-comp-diff-del-line-number: lch(from var(--cn-set-danger-secondary-bg-hover) l c h / 0.75);--cn-comp-diff-del-content-highlight: lch(from var(--cn-set-danger-secondary-bg-hover) l c h / 0.95);--cn-comp-diff-plain-content: var(--cn-bg-1);--cn-comp-diff-plain-line-number: var(--cn-bg-1);--cn-comp-diff-hljs-comment: var(--cn-text-3);--cn-comp-diff-hljs-keyword: var(--cn-set-purple-outline-text);--cn-comp-diff-hljs-title-class: var(--cn-set-warning-outline-text);--cn-comp-diff-hljs-string: var(--cn-set-success-outline-text);--cn-comp-diff-hljs-title-function: var(--cn-set-blue-outline-text);--cn-comp-diff-hljs-name: var(--cn-set-danger-outline-text);--cn-comp-diff-hljs-literal: var(--cn-set-cyan-outline-text);--cn-comp-diff-hljs-attr: var(--cn-set-orange-outline-text);--cn-comp-input-bg: var(--cn-bg-3);--cn-comp-pipeline-running-border: linear-gradient(180deg, var(--cn-gradient-pipeline-running-border-from) 0%, var(--cn-gradient-pipeline-running-border-to) 100%);--cn-comp-pipeline-running-glow: linear-gradient(180deg, var(--cn-gradient-pipeline-running-glow-from) 0%, var(--cn-gradient-pipeline-running-glow-to) 100%);--cn-comp-pipeline-stage-card-bg: lch(from var(--cn-bg-3) l c h / 0.5);--cn-comp-pipeline-card-footer: var(--cn-comp-pipeline-bg);--cn-comp-sidebar-bg: var(--cn-bg-0);--cn-comp-sidebar-item-text: var(--cn-text-2);--cn-comp-sidebar-item-text-hover: var(--cn-text-1);--cn-comp-sidebar-item-text-selected: var(--cn-text-1);--cn-comp-sidebar-item-text-subtle: var(--cn-text-3);--cn-comp-sidebar-item-selected: linear-gradient(95deg, var(--cn-gradient-sidebar-selected-from) -13.12%, var(--cn-gradient-sidebar-selected-to) 84.9%);--cn-comp-sidebar-item-bg-draggable: var(--cn-bg-2);--cn-comp-sidebar-separator: var(--cn-border-3);--cn-comp-selection-unselected-item: var(--cn-text-2);--cn-comp-selection-unselected-item-hover: var(--cn-set-brand-primary-bg);--cn-comp-selection-unselected-bg: var(--cn-bg-1);--cn-comp-selection-unselected-bg-hover: var(--cn-bg-2);--cn-comp-selection-unselected-border: var(--cn-border-1);--cn-comp-selection-selected-item: var(--cn-set-brand-primary-text);--cn-comp-selection-selected-bg: var(--cn-set-brand-primary-bg);--cn-comp-selection-selected-bg-hover: var(--cn-set-brand-primary-bg-hover);--cn-comp-selection-selected-border: var(--cn-set-brand-primary-bg);--cn-comp-selection-selected-border-hover: var(--cn-set-brand-primary-bg-hover);--cn-comp-skeleton-bg: linear-gradient(90deg, var(--cn-gradient-skeleton-stop-1) 0%, var(--cn-gradient-skeleton-stop-2) 50%, var(--cn-gradient-skeleton-stop-3) 100%);--cn-comp-skeleton-mask: linear-gradient(180deg, var(--cn-gradient-skeleton-mask-from) 50%, var(--cn-gradient-skeleton-mask-to) 100%);--cn-comp-slider-track-progress: var(--cn-set-brand-primary-bg);--cn-comp-slider-track-warning: var(--cn-set-warning-primary-bg);--cn-comp-slider-track-success: var(--cn-set-success-primary-bg);--cn-comp-slider-track-danger: var(--cn-set-danger-primary-bg);--cn-comp-slider-handle-bg: var(--cn-bg-0);--cn-comp-slider-handle-border: var(--cn-border-1);--cn-comp-slider-handle-bg-selected: var(--cn-bg-3);--cn-comp-slider-range-gradient: linear-gradient(90deg, var(--cn-set-gray-primary-bg) 15%, var(--cn-set-warning-primary-bg) 40%, var(--cn-set-orange-primary-bg) 60%, var(--cn-set-danger-primary-bg) 80%);--cn-comp-ai-chat-bubble: linear-gradient(95deg, var(--cn-gradient-sidebar-selected-from) -13.12%, var(--cn-gradient-sidebar-selected-to) 84.9%);--cn-comp-card-fade-default: linear-gradient(0deg, var(--cn-bg-1) 0%, var(--cn-gradient-card-fade-default) 100%);--cn-comp-card-fade-selected: linear-gradient(0deg, var(--cn-set-brand-outline-bg) 0%, var(--cn-gradient-card-fade-selected) 100%);--cn-comp-data-viz-inactive-01-blue: lch(86 23.2 255);--cn-comp-data-viz-inactive-02-purple: lch(83.2 40 320);--cn-comp-data-viz-inactive-03-pink: lch(82.4 22.4 38);--cn-comp-data-viz-inactive-04-green: lch(84 24.4 255);--cn-comp-data-viz-inactive-05-indigo: lch(80.4 34 280);--cn-comp-data-viz-inactive-06-brown: lch(79.6 20 38);--cn-comp-data-viz-inactive-07-cyan: lch(88.8 24 195);--cn-comp-data-viz-inactive-08-orange: lch(84 38.8 49);--cn-comp-data-viz-inactive-09-forest: lch(76.4 18.4 255);--cn-comp-data-viz-inactive-10-red: lch(79.6 20 38);--cn-comp-data-viz-inactive-11-yellow: lch(90.8 40 76);--cn-comp-data-viz-inactive-12-gray: lch(90.4 2.6 272);--cn-comp-data-viz-01-blue-shadow: rgb(0% 66.3% 100% / 0.4);--cn-comp-data-viz-02-purple-shadow: rgb(86.5% 25.9% 99.9% / 0.4);--cn-comp-data-viz-03-pink-shadow: rgb(82.9% 38.8% 30.2% / 0.4);--cn-comp-data-viz-04-green-shadow: rgb(0% 60.9% 94.1% / 0.4);--cn-comp-data-viz-05-indigo-shadow: rgb(0% 46.8% 100% / 0.4);--cn-comp-data-viz-06-brown-shadow: rgb(72% 33.6% 26.2% / 0.4);--cn-comp-data-viz-07-cyan-shadow: rgb(0% 78.5% 77.8% / 0.4);--cn-comp-data-viz-08-orange-shadow: rgb(99.3% 32.7% 0% / 0.4);--cn-comp-data-viz-09-forest-shadow: rgb(0% 40.9% 64.4% / 0.4);--cn-comp-data-viz-10-red-shadow: rgb(72% 33.6% 26.2% / 0.4);--cn-comp-data-viz-11-yellow-shadow: rgb(98.8% 67.9% 0% / 0.4);--cn-comp-data-viz-12-gray-shadow: rgb(71.9% 73.5% 78.2% / 0.4);--cn-comp-widget-test-intelligence-gradient: linear-gradient(90deg, var(--cn-comp-data-viz-05-indigo) 0%, var(--cn-comp-data-viz-02-purple) 100%);--cn-comp-widget-test-intelligence-text-gradient: linear-gradient(90deg, var(--cn-text-2) 3%, var(--cn-comp-data-viz-05-indigo) 75%, var(--cn-comp-data-viz-02-purple) 100%);--cn-comp-shadow-avatar-inner: inset 0 0 0 0.6px var(--cn-comp-avatar-shadow);--cn-comp-shadow-ai-inner: inset 0 6px 12px 0 var(--cn-set-ai-outline-inner);--cn-comp-monaco-foreground: var(--cn-comp-diff-hljs);--cn-comp-monaco-cursor: var(--cn-text-1);--cn-comp-monaco-whitespace: var(--cn-text-4);--cn-comp-monaco-constant: var(--cn-set-orange-outline-text);--cn-comp-monaco-invalid-bg: var(--cn-set-warning-outline-bg);--cn-comp-monaco-invalid-text: var(--cn-set-warning-outline-text);--cn-comp-monaco-diff-header-bg: var(--cn-set-brand-outline-bg);--cn-comp-monaco-line-number: var(--cn-text-4);--cn-comp-monaco-indent-guide: var(--cn-border-3);--cn-comp-monaco-indent-guide-active: var(--cn-border-1);--cn-shadow-0: 0 0 0 0 var(--cn-shadow-color-0);--cn-shadow-1: 0 1px 2px 0 var(--cn-shadow-color-1);--cn-shadow-2: 0 1px 3px 0 var(--cn-shadow-color-2), 0 1px 15px -1px var(--cn-shadow-color-2);--cn-shadow-3: 0 4px 6px -1px var(--cn-shadow-color-3), 0 2px 8px -2px var(--cn-shadow-color-3);--cn-shadow-4: 0 10px 15px -3px var(--cn-shadow-color-4), 0 4px 8px -4px var(--cn-shadow-color-4);--cn-shadow-5: 0 20px 25px -5px var(--cn-shadow-color-5), 0 8px 10px -6px var(--cn-shadow-color-5);--cn-shadow-6: 0 25px 50px -12px var(--cn-shadow-color-6);--cn-shadow-inner: inset 0 0 4.5px 0 var(--cn-shadow-color-inner);--cn-ring-danger: 0 0 0 4px var(--cn-set-danger-secondary-bg);--cn-ring-danger-hover: 0 0 0 4px var(--cn-set-danger-secondary-bg-hover);--cn-ring-selected: 0 0 0 4px var(--cn-set-brand-primary-ring);--cn-ring-success: 0 0 0 4px var(--cn-set-success-secondary-bg);--cn-ring-success-hover: 0 0 0 4px var(--cn-set-success-secondary-bg-hover);--cn-ring-warning: 0 0 0 4px var(--cn-set-warning-secondary-bg);--cn-ring-warning-hover: 0 0 0 4px var(--cn-set-warning-secondary-bg-hover);--cn-gradient-alert-fade-default: lch(from var(--cn-set-gray-secondary-bg) l c h / 0);--cn-gradient-alert-fade-danger: lch(from var(--cn-set-danger-secondary-bg) l c h / 0);--cn-gradient-alert-fade-warning: lch(from var(--cn-set-warning-secondary-bg) l c h / 0);--cn-gradient-alert-fade-success: lch(from var(--cn-set-success-secondary-bg) l c h / 0);--cn-gradient-dialog-fade: lch(from var(--cn-bg-2) l c h / 0);--cn-gradient-toast-default-to: lch(from var(--cn-bg-3) l c h / 0);--cn-gradient-toast-default-from: var(--cn-bg-3);--cn-gradient-toast-danger-to: lch(from var(--cn-comp-toast-danger-bg) l c h / 0);--cn-gradient-toast-danger-from: var(--cn-comp-toast-danger-bg);--cn-gradient-card-fade-default: lch(from var(--cn-bg-1) l c h / 0);--cn-gradient-card-fade-selected: lch(from var(--cn-set-brand-outline-bg) l c h / 0);--cn-img-empty-state-bg: radial-gradient(54% 83% at 50% 102%, var(--cn-gradient-img-empty-state-bg-stop-1) 0%, var(--cn-gradient-img-empty-state-bg-stop-2) 27%, var(--cn-gradient-img-empty-state-bg-stop-3) 46%, var(--cn-gradient-img-empty-state-bg-stop-4) 63%, var(--cn-gradient-img-empty-state-bg-stop-5) 84%, var(--cn-gradient-img-empty-state-bg-stop-6) 100%);--cn-img-empty-state-border: linear-gradient(180deg, var(--cn-gradient-img-empty-state-border-from) 0%, var(--cn-gradient-img-empty-state-border-to) 100%);--cn-img-empty-state-icon: radial-gradient(31.5% 52.5% at 50% 64%, var(--cn-gradient-img-empty-state-icon-stop-1) 0%, var(--cn-gradient-img-empty-state-icon-stop-2) 38%, var(--cn-gradient-img-empty-state-icon-stop-3) 100%);--cn-img-empty-state-lines: radial-gradient(60.84% 50% at 50% 50%, var(--cn-gradient-img-empty-state-lines-from) 0%, var(--cn-gradient-img-empty-state-lines-to) 100%);--cn-img-empty-state-logo: radial-gradient(87.5% 87.5% at 50% 50%, var(--cn-gradient-img-empty-state-logo-from) 0%, var(--cn-gradient-img-empty-state-logo-to) 100%);--cn-img-empty-state-bubble-t-bg: linear-gradient(44deg, var(--cn-gradient-img-empty-state-bubble-t-bg-from) 11%, var(--cn-gradient-img-empty-state-bubble-t-bg-to) 71%);--cn-img-empty-state-bubble-t-icon: linear-gradient(225deg, var(--cn-gradient-img-empty-state-bubble-t-icon-from) 8%, var(--cn-gradient-img-empty-state-bubble-t-icon-to) 92%);--cn-img-empty-state-bubble-b-bg: linear-gradient(44deg, var(--cn-gradient-img-empty-state-bubble-b-bg-from) 11%, var(--cn-gradient-img-empty-state-bubble-b-bg-to) 71%);--cn-img-empty-state-bubble-b-icon: linear-gradient(225deg, var(--cn-gradient-img-empty-state-bubble-b-icon-from) 8%, var(--cn-gradient-img-empty-state-bubble-b-icon-to) 92%);--cn-flow-onboard-img-color-bubble-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-img-color-bubble-default-from) 0%, var(--cn-gradient-flow-onboard-img-color-bubble-default-to) 100%);--cn-flow-onboard-img-color-bubble-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-img-color-bubble-danger-from) 0%, var(--cn-gradient-flow-onboard-img-color-bubble-danger-to) 100%);--cn-flow-onboard-ellipse-t-1-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-1-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-1-default-to) 100%);--cn-flow-onboard-ellipse-t-1-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-1-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-1-danger-to) 100%);--cn-flow-onboard-ellipse-t-2-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-2-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-2-default-to) 100%);--cn-flow-onboard-ellipse-t-2-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-2-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-2-danger-to) 100%);--cn-flow-onboard-ellipse-b-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-b-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-b-default-to) 100%);--cn-flow-onboard-ellipse-b-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-b-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-b-danger-to) 100%);--cn-comp-dialog-fade-start: linear-gradient(0deg, var(--cn-gradient-dialog-fade) 0%, var(--cn-bg-1) 100%);--cn-comp-diff-expand-content: var(--cn-comp-diff-background);--cn-comp-link-text: var(--cn-text-brand);--cn-comp-link-text-hover: lch(42.3 72 280);--cn-comp-sidebar-fade-end: linear-gradient(0deg, var(--cn-comp-sidebar-bg) 0%, var(--cn-gradient-sidebar-fade) 100%);--cn-comp-selection-unselected-border-hover: var(--cn-border-brand);--cn-comp-slider-handle-border-selected: var(--cn-border-brand);--cn-comp-toast-danger-fade: linear-gradient(0deg, var(--cn-gradient-toast-danger-from) 42%, var(--cn-gradient-toast-danger-to) 100%);--cn-comp-toast-fade: linear-gradient(0deg, var(--cn-gradient-toast-default-from) 42%, var(--cn-gradient-toast-default-to) 100%);--cn-comp-data-viz-inactive-01-blue-shadow: rgb(72% 86.2% 100% / 0.4);--cn-comp-data-viz-inactive-02-purple-shadow: rgb(96.8% 73.4% 100% / 0.4);--cn-comp-data-viz-inactive-03-pink-shadow: rgb(95.7% 75.6% 70.6% / 0.4);--cn-comp-data-viz-inactive-04-green-shadow: rgb(69.1% 84.1% 99.4% / 0.4);--cn-comp-data-viz-inactive-05-indigo-shadow: rgb(72.1% 77.5% 100% / 0.4);--cn-comp-data-viz-inactive-06-brown-shadow: rgb(91.1% 73.1% 68.7% / 0.4);--cn-comp-data-viz-inactive-07-cyan-shadow: rgb(65% 92.7% 91.7% / 0.4);--cn-comp-data-viz-inactive-08-orange-shadow: rgb(100% 75.3% 62.5% / 0.4);--cn-comp-data-viz-inactive-09-forest-shadow: rgb(64.6% 75.3% 86.7% / 0.4);--cn-comp-data-viz-inactive-10-red-shadow: rgb(91.1% 73.1% 68.7% / 0.4);--cn-comp-data-viz-inactive-11-yellow-shadow: rgb(100% 86.9% 63.7% / 0.4);--cn-comp-data-viz-inactive-12-gray-shadow: rgb(88.6% 89.2% 91.1% / 0.4);--cn-comp-shadow-data-viz-01-blue: 0 3px 5px var(--cn-comp-data-viz-01-blue-shadow);--cn-comp-shadow-data-viz-02-purple: 0 3px 5px var(--cn-comp-data-viz-02-purple-shadow);--cn-comp-shadow-data-viz-03-pink: 0 3px 5px var(--cn-comp-data-viz-03-pink-shadow);--cn-comp-shadow-data-viz-04-green: 0 3px 5px var(--cn-comp-data-viz-04-green-shadow);--cn-comp-shadow-data-viz-05-indigo: 0 3px 5px var(--cn-comp-data-viz-05-indigo-shadow);--cn-comp-shadow-data-viz-06-brown: 0 3px 5px var(--cn-comp-data-viz-06-brown-shadow);--cn-comp-shadow-data-viz-07-cyan: 0 3px 5px var(--cn-comp-data-viz-07-cyan-shadow);--cn-comp-shadow-data-viz-08-orange: 0 3px 5px var(--cn-comp-data-viz-08-orange-shadow);--cn-comp-shadow-data-viz-09-forest: 0 3px 5px var(--cn-comp-data-viz-09-forest-shadow);--cn-comp-shadow-data-viz-10-red: 0 3px 5px var(--cn-comp-data-viz-10-red-shadow);--cn-comp-shadow-data-viz-11-yellow: 0 3px 5px var(--cn-comp-data-viz-11-yellow-shadow);--cn-comp-shadow-data-viz-12-gray: 0 3px 5px var(--cn-comp-data-viz-12-gray-shadow);--cn-comp-monaco-background: var(--cn-comp-diff-background);--cn-comp-monaco-key: var(--cn-comp-diff-hljs-attr);--cn-comp-monaco-string: var(--cn-comp-diff-hljs-string);--cn-comp-monaco-number: var(--cn-comp-diff-hljs-literal);--cn-comp-monaco-boolean: var(--cn-comp-diff-hljs-keyword);--cn-comp-monaco-comment: var(--cn-comp-diff-hljs-comment);--cn-comp-monaco-tag: var(--cn-comp-diff-hljs-title-class);--cn-comp-monaco-delimiter: var(--cn-comp-diff-hljs-comment);--cn-comp-monaco-anchor: var(--cn-comp-diff-hljs-name);--cn-comp-monaco-function: var(--cn-comp-diff-hljs-title-function);--cn-comp-monaco-diff-inserted: var(--cn-text-success);--cn-comp-monaco-diff-deleted: var(--cn-text-danger);--cn-comp-monaco-diff-range: var(--cn-text-brand);--cn-comp-monaco-line-number-active: var(--cn-comp-monaco-foreground);--cn-gradient-sidebar-fade: lch(from var(--cn-comp-sidebar-bg) l c h / 0);--cn-focus: var(--cn-border-width-2) solid var(--cn-border-brand);--cn-comp-sidebar-fade-start: linear-gradient(0deg, var(--cn-gradient-sidebar-fade) 0%, var(--cn-comp-sidebar-bg) 100%);--cn-comp-shadow-data-viz-inactive-01-blue: 0 5px 10px var(--cn-comp-data-viz-inactive-01-blue-shadow);--cn-comp-shadow-data-viz-inactive-02-purple: 0 5px 10px var(--cn-comp-data-viz-inactive-02-purple-shadow);--cn-comp-shadow-data-viz-inactive-03-pink: 0 5px 10px var(--cn-comp-data-viz-inactive-03-pink-shadow);--cn-comp-shadow-data-viz-inactive-04-green: 0 5px 10px var(--cn-comp-data-viz-inactive-04-green-shadow);--cn-comp-shadow-data-viz-inactive-05-indigo: 0 5px 10px var(--cn-comp-data-viz-inactive-05-indigo-shadow);--cn-comp-shadow-data-viz-inactive-06-brown: 0 5px 10px var(--cn-comp-data-viz-inactive-06-brown-shadow);--cn-comp-shadow-data-viz-inactive-07-cyan: 0 5px 10px var(--cn-comp-data-viz-inactive-07-cyan-shadow);--cn-comp-shadow-data-viz-inactive-08-orange: 0 5px 10px var(--cn-comp-data-viz-inactive-08-orange-shadow);--cn-comp-shadow-data-viz-inactive-09-forest: 0 5px 10px var(--cn-comp-data-viz-inactive-09-forest-shadow);--cn-comp-shadow-data-viz-inactive-10-red: 0 5px 10px var(--cn-comp-data-viz-inactive-10-red-shadow);--cn-comp-shadow-data-viz-inactive-11-yellow: 0 5px 10px var(--cn-comp-data-viz-inactive-11-yellow-shadow);--cn-comp-shadow-data-viz-inactive-12-gray: 0 5px 10px var(--cn-comp-data-viz-inactive-12-gray-shadow);--cn-comp-monaco-selection: lch(91.1 0 272);--cn-comp-monaco-line-highlight: lch(96 0 272)}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Harness Design System
|
|
3
3
|
* Generated style tokens - DO NOT EDIT DIRECTLY
|
|
4
4
|
* Copyright (c) Harness.
|
|
5
|
-
*/.light-tritanopia, .light-tri-std{--cn-icon-stroke-width-2xs: 1.8px;--cn-icon-stroke-width-xs: 1.3px;--cn-icon-stroke-width-sm: 1.2px;--cn-icon-stroke-width-md: 1.2px;--cn-icon-stroke-width-lg: 1.1px;--cn-icon-stroke-width-xl: 1px;--cn-bg-0: var(--cn-gray-25);--cn-bg-1: var(--cn-pure-white);--cn-bg-2: var(--cn-gray-25);--cn-bg-3: var(--cn-pure-white);--cn-text-1: var(--cn-pure-black);--cn-text-2: var(--cn-gray-850);--cn-text-3: var(--cn-gray-700);--cn-text-4: var(--cn-gray-600);--cn-border-1: var(--cn-gray-500);--cn-border-2: var(--cn-gray-150);--cn-border-3: var(--cn-gray-100);--cn-border-success: var(--cn-lime-500);--cn-border-danger: var(--cn-red-500);--cn-border-warning: var(--cn-orange-400);--cn-state-hover: lch(from var(--cn-gray-200) l c h / 0.23);--cn-state-selected: lch(from var(--cn-gray-300) l c h / 0.26);--cn-set-brand-primary-text: var(--cn-pure-white);--cn-set-brand-primary-bg: var(--cn-indigo-700);--cn-set-brand-primary-bg-hover: var(--cn-indigo-800);--cn-set-brand-primary-bg-selected: var(--cn-indigo-800);--cn-set-brand-primary-ring: lch(from var(--cn-indigo-700) l c h / 0.15);--cn-set-brand-secondary-text: var(--cn-indigo-800);--cn-set-brand-secondary-bg: var(--cn-blue-100);--cn-set-brand-secondary-bg-hover: var(--cn-blue-150);--cn-set-brand-secondary-bg-selected: var(--cn-blue-150);--cn-set-brand-outline-text: var(--cn-indigo-800);--cn-set-brand-outline-bg: var(--cn-blue-25);--cn-set-brand-outline-border: var(--cn-indigo-600);--cn-set-brand-outline-bg-hover: var(--cn-indigo-100);--cn-set-brand-outline-bg-selected: var(--cn-indigo-100);--cn-set-ai-outline-text: var(--cn-pure-black);--cn-set-ai-outline-inner: var(--cn-pure-white);--cn-set-gray-primary-text: var(--cn-pure-black);--cn-set-gray-primary-bg: var(--cn-gray-200);--cn-set-gray-primary-bg-hover: var(--cn-gray-300);--cn-set-gray-primary-bg-selected: var(--cn-gray-300);--cn-set-gray-secondary-bg: var(--cn-gray-100);--cn-set-gray-secondary-bg-hover: var(--cn-gray-150);--cn-set-gray-secondary-bg-selected: var(--cn-gray-150);--cn-set-gray-outline-bg-hover: var(--cn-gray-50);--cn-set-gray-outline-bg-selected: var(--cn-gray-50);--cn-set-success-primary-text: var(--cn-pure-white);--cn-set-success-primary-bg: var(--cn-lime-700);--cn-set-success-primary-bg-hover: var(--cn-lime-800);--cn-set-success-primary-bg-selected: var(--cn-lime-800);--cn-set-success-secondary-text: var(--cn-lime-800);--cn-set-success-secondary-bg: var(--cn-lime-100);--cn-set-success-secondary-bg-hover: var(--cn-lime-150);--cn-set-success-secondary-bg-selected: var(--cn-lime-150);--cn-set-success-outline-text: var(--cn-lime-700);--cn-set-success-outline-bg: var(--cn-lime-25);--cn-set-success-outline-border: var(--cn-lime-150);--cn-set-success-outline-bg-hover: var(--cn-lime-50);--cn-set-success-outline-bg-selected: var(--cn-lime-50);--cn-set-danger-primary-text: var(--cn-pure-white);--cn-set-danger-primary-bg: var(--cn-red-700);--cn-set-danger-primary-bg-hover: var(--cn-red-800);--cn-set-danger-primary-bg-selected: var(--cn-red-800);--cn-set-danger-secondary-text: var(--cn-red-800);--cn-set-danger-secondary-bg: var(--cn-red-100);--cn-set-danger-secondary-bg-hover: var(--cn-red-150);--cn-set-danger-secondary-bg-selected: var(--cn-red-150);--cn-set-danger-outline-text: var(--cn-red-700);--cn-set-danger-outline-bg: var(--cn-red-25);--cn-set-danger-outline-border: var(--cn-red-150);--cn-set-danger-outline-bg-hover: var(--cn-red-50);--cn-set-danger-outline-bg-selected: var(--cn-red-50);--cn-set-warning-primary-text: var(--cn-pure-black);--cn-set-warning-primary-bg: var(--cn-orange-300);--cn-set-warning-primary-bg-hover: var(--cn-orange-400);--cn-set-warning-primary-bg-selected: var(--cn-orange-400);--cn-set-warning-secondary-text: var(--cn-orange-800);--cn-set-warning-secondary-bg: var(--cn-orange-50);--cn-set-warning-secondary-bg-hover: var(--cn-orange-100);--cn-set-warning-secondary-bg-selected: var(--cn-orange-100);--cn-set-warning-outline-text: var(--cn-orange-700);--cn-set-warning-outline-bg: var(--cn-orange-25);--cn-set-warning-outline-border: var(--cn-orange-150);--cn-set-warning-outline-bg-hover: var(--cn-orange-50);--cn-set-warning-outline-bg-selected: var(--cn-orange-50);--cn-set-blue-primary-text: var(--cn-pure-black);--cn-set-blue-primary-bg: var(--cn-blue-500);--cn-set-blue-primary-bg-hover: var(--cn-blue-600);--cn-set-blue-primary-bg-selected: var(--cn-blue-600);--cn-set-blue-secondary-text: var(--cn-blue-800);--cn-set-blue-secondary-bg: var(--cn-blue-150);--cn-set-blue-secondary-bg-hover: var(--cn-blue-200);--cn-set-blue-secondary-bg-selected: var(--cn-blue-200);--cn-set-blue-outline-text: var(--cn-blue-700);--cn-set-blue-outline-bg: var(--cn-blue-25);--cn-set-blue-outline-border: var(--cn-blue-150);--cn-set-blue-outline-bg-hover: var(--cn-blue-50);--cn-set-blue-outline-bg-selected: var(--cn-blue-50);--cn-set-purple-primary-text: var(--cn-pure-white);--cn-set-purple-primary-bg: var(--cn-pink-700);--cn-set-purple-primary-bg-hover: var(--cn-pink-800);--cn-set-purple-primary-bg-selected: var(--cn-pink-800);--cn-set-purple-secondary-text: var(--cn-pink-800);--cn-set-purple-secondary-bg: var(--cn-pink-100);--cn-set-purple-secondary-bg-hover: var(--cn-pink-150);--cn-set-purple-secondary-bg-selected: var(--cn-pink-150);--cn-set-purple-outline-text: var(--cn-pink-700);--cn-set-purple-outline-bg: var(--cn-pink-25);--cn-set-purple-outline-border: var(--cn-pink-150);--cn-set-purple-outline-bg-hover: var(--cn-pink-50);--cn-set-purple-outline-bg-selected: var(--cn-pink-50);--cn-set-brown-primary-text: var(--cn-pure-black);--cn-set-brown-primary-bg: var(--cn-brown-600);--cn-set-brown-primary-bg-hover: var(--cn-brown-700);--cn-set-brown-secondary-text: var(--cn-brown-800);--cn-set-brown-secondary-bg: var(--cn-brown-100);--cn-set-brown-secondary-bg-hover: var(--cn-brown-150);--cn-set-brown-outline-text: var(--cn-brown-700);--cn-set-brown-outline-bg: var(--cn-brown-25);--cn-set-brown-outline-border: var(--cn-brown-150);--cn-set-brown-outline-bg-hover: var(--cn-brown-50);--cn-set-cyan-primary-text: var(--cn-pure-black);--cn-set-cyan-primary-bg: var(--cn-cyan-400);--cn-set-cyan-primary-bg-hover: var(--cn-cyan-500);--cn-set-cyan-secondary-text: var(--cn-cyan-800);--cn-set-cyan-secondary-bg: var(--cn-cyan-100);--cn-set-cyan-secondary-bg-hover: var(--cn-cyan-150);--cn-set-cyan-outline-text: var(--cn-cyan-700);--cn-set-cyan-outline-bg: var(--cn-cyan-25);--cn-set-cyan-outline-border: var(--cn-cyan-150);--cn-set-cyan-outline-bg-hover: var(--cn-cyan-50);--cn-set-indigo-primary-text: var(--cn-pure-black);--cn-set-indigo-primary-bg: var(--cn-indigo-500);--cn-set-indigo-primary-bg-hover: var(--cn-indigo-600);--cn-set-indigo-primary-bg-selected: var(--cn-indigo-600);--cn-set-indigo-secondary-text: var(--cn-indigo-800);--cn-set-indigo-secondary-bg: var(--cn-indigo-150);--cn-set-indigo-secondary-bg-hover: var(--cn-indigo-200);--cn-set-indigo-secondary-bg-selected: var(--cn-indigo-200);--cn-set-indigo-outline-text: var(--cn-indigo-700);--cn-set-indigo-outline-bg: var(--cn-indigo-25);--cn-set-indigo-outline-border: var(--cn-indigo-200);--cn-set-indigo-outline-bg-hover: var(--cn-indigo-50);--cn-set-indigo-outline-bg-selected: var(--cn-indigo-50);--cn-set-forest-green-primary-text: var(--cn-pure-white);--cn-set-forest-green-primary-bg: var(--cn-forest-700);--cn-set-forest-green-primary-bg-hover: var(--cn-forest-800);--cn-set-forest-green-secondary-text: var(--cn-forest-800);--cn-set-forest-green-secondary-bg: var(--cn-forest-100);--cn-set-forest-green-secondary-bg-hover: var(--cn-forest-150);--cn-set-forest-green-outline-text: var(--cn-forest-700);--cn-set-forest-green-outline-bg: var(--cn-forest-25);--cn-set-forest-green-outline-border: var(--cn-forest-100);--cn-set-forest-green-outline-bg-hover: var(--cn-forest-50);--cn-set-mint-primary-text: var(--cn-pure-white);--cn-set-mint-primary-bg: var(--cn-mint-700);--cn-set-mint-primary-bg-hover: var(--cn-mint-800);--cn-set-mint-primary-bg-selected: var(--cn-mint-800);--cn-set-mint-secondary-text: var(--cn-mint-800);--cn-set-mint-secondary-bg: var(--cn-mint-100);--cn-set-mint-secondary-bg-hover: var(--cn-mint-150);--cn-set-mint-secondary-bg-selected: var(--cn-mint-150);--cn-set-mint-outline-text: var(--cn-mint-700);--cn-set-mint-outline-bg: var(--cn-mint-25);--cn-set-mint-outline-border: var(--cn-mint-100);--cn-set-mint-outline-bg-hover: var(--cn-mint-50);--cn-set-mint-outline-bg-selected: var(--cn-mint-50);--cn-set-orange-primary-text: var(--cn-pure-black);--cn-set-orange-primary-bg: var(--cn-brown-500);--cn-set-orange-primary-bg-hover: var(--cn-brown-600);--cn-set-orange-secondary-text: var(--cn-brown-800);--cn-set-orange-secondary-bg: var(--cn-brown-100);--cn-set-orange-secondary-bg-hover: var(--cn-brown-150);--cn-set-orange-outline-text: var(--cn-brown-700);--cn-set-orange-outline-bg: var(--cn-brown-25);--cn-set-orange-outline-border: var(--cn-brown-150);--cn-set-orange-outline-bg-hover: var(--cn-brown-50);--cn-set-pink-primary-text: var(--cn-pure-black);--cn-set-pink-primary-bg: var(--cn-pink-400);--cn-set-pink-primary-bg-hover: var(--cn-pink-500);--cn-set-pink-primary-bg-selected: var(--cn-pink-500);--cn-set-pink-secondary-text: var(--cn-pink-800);--cn-set-pink-secondary-bg: var(--cn-pink-100);--cn-set-pink-secondary-bg-hover: var(--cn-pink-150);--cn-set-pink-secondary-bg-selected: var(--cn-pink-150);--cn-set-pink-outline-text: var(--cn-pink-700);--cn-set-pink-outline-bg: var(--cn-pink-25);--cn-set-pink-outline-border: var(--cn-pink-150);--cn-set-pink-outline-bg-hover: var(--cn-pink-50);--cn-set-pink-outline-bg-selected: var(--cn-pink-50);--cn-set-violet-primary-text: var(--cn-pure-white);--cn-set-violet-primary-bg: var(--cn-red-700);--cn-set-violet-primary-bg-hover: var(--cn-red-800);--cn-set-violet-primary-bg-selected: var(--cn-red-800);--cn-set-violet-secondary-text: var(--cn-red-800);--cn-set-violet-secondary-bg: var(--cn-red-100);--cn-set-violet-secondary-bg-hover: var(--cn-red-150);--cn-set-violet-secondary-bg-selected: var(--cn-red-150);--cn-set-violet-outline-text: var(--cn-red-800);--cn-set-violet-outline-bg: var(--cn-red-25);--cn-set-violet-outline-border: var(--cn-red-150);--cn-set-violet-outline-bg-hover: var(--cn-red-50);--cn-set-violet-outline-bg-selected: var(--cn-red-50);--cn-comp-avatar-shadow: lch(from var(--cn-gray-1000) l c h / 0.08);--cn-comp-dialog-backdrop: lch(from var(--cn-gray-600) l c h / 0.2);--cn-comp-dialog-backdrop-nested: lch(from var(--cn-gray-600) l c h / 0.1);--cn-comp-diff-plain-line-number-color: var(--cn-gray-850);--cn-comp-diff-empty-content: var(--cn-gray-50);--cn-comp-diff-hunk-content: lch(from var(--cn-blue-300) l c h / 0.15);--cn-comp-diff-hunk-line-number: lch(from var(--cn-blue-300) l c h / 0.4);--cn-comp-diff-hunk-content-color: var(--cn-gray-800);--cn-comp-diff-hljs: var(--cn-pure-black);--cn-comp-header-item-hover: lch(from var(--cn-gray-300) l c h / 0.2);--cn-comp-header-item-selected: lch(from var(--cn-gray-300) l c h / 0.26);--cn-comp-pipeline-dotes: var(--cn-gray-100);--cn-comp-pipeline-bg: var(--cn-gray-50);--cn-comp-sidebar-item-hover: lch(from var(--cn-gray-300) l c h / 0.15);--cn-comp-scrollbar-thumb: var(--cn-gray-200);--cn-comp-slider-track-base: var(--cn-gray-100);--cn-comp-slider-track-progress-stripes: lch(from var(--cn-pure-white) l c h / 0.3);--cn-comp-toast-danger-bg: var(--cn-red-300);--cn-comp-toast-danger-border: var(--cn-red-500);--cn-comp-toast-danger-text: var(--cn-pure-black);--cn-comp-toast-danger-transparent-btn-text: var(--cn-pure-black);--cn-comp-toast-danger-transparent-btn-text-hover: var(--cn-gray-850);--cn-comp-toast-danger-transparent-btn-text-active: var(--cn-gray-850);--cn-comp-toast-danger-action-btn-text: var(--cn-red-25);--cn-comp-toast-danger-action-btn-bg: var(--cn-pure-black);--cn-comp-toast-danger-action-btn-bg-hover: var(--cn-red-1000);--cn-comp-toast-danger-action-btn-bg-selected: var(--cn-red-950);--cn-comp-tooltip-bg: var(--cn-gray-1000);--cn-comp-tooltip-border: var(--cn-gray-1000);--cn-comp-tooltip-text: var(--cn-gray-25);--cn-comp-data-viz-01-blue: var(--cn-blue-500);--cn-comp-data-viz-02-purple: var(--cn-pink-600);--cn-comp-data-viz-03-pink: var(--cn-pink-600);--cn-comp-data-viz-04-green: var(--cn-lime-600);--cn-comp-data-viz-05-indigo: var(--cn-indigo-600);--cn-comp-data-viz-06-brown: var(--cn-brown-700);--cn-comp-data-viz-07-cyan: var(--cn-cyan-400);--cn-comp-data-viz-08-orange: var(--cn-brown-600);--cn-comp-data-viz-09-forest: var(--cn-forest-800);--cn-comp-data-viz-10-red: var(--cn-red-700);--cn-comp-data-viz-11-yellow: var(--cn-orange-300);--cn-comp-data-viz-12-gray: var(--cn-gray-400);--cn-comp-widget-test-intelligence-bg: linear-gradient(105deg, var(--cn-pink-25) -18.5%, var(--cn-bg-1) 84%);--cn-logo-text: var(--cn-gray-1000);--cn-logo-icon: var(--cn-blue-600);--cn-shadow-color-0: lch(from var(--cn-gray-600) l c h / 0);--cn-shadow-color-1: lch(from var(--cn-gray-600) l c h / 0.13);--cn-shadow-color-2: lch(from var(--cn-gray-600) l c h / 0.13);--cn-shadow-color-3: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-4: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-5: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-6: lch(from var(--cn-gray-600) l c h / 0.1);--cn-shadow-color-inner: lch(from var(--cn-pure-black) l c h / 0.15);--cn-gradient-ai-stop-1: var(--cn-blue-500);--cn-gradient-ai-stop-2: var(--cn-indigo-600);--cn-gradient-ai-stop-3: var(--cn-red-500);--cn-gradient-ai-outline-bg-stop-1: var(--cn-pure-white);--cn-gradient-ai-outline-bg-stop-2: var(--cn-blue-50);--cn-gradient-ai-outline-bg-stop-3: var(--cn-blue-150);--cn-gradient-ai-outline-bg-stop-4: var(--cn-blue-300);--cn-gradient-ai-chat-bubble-from: lch(from var(--cn-blue-150) l c h / 0.45);--cn-gradient-ai-chat-bubble-to: lch(from var(--cn-gray-300) l c h / 0.2);--cn-gradient-skeleton-stop-1: var(--cn-gray-150);--cn-gradient-skeleton-stop-2: var(--cn-gray-50);--cn-gradient-skeleton-stop-3: var(--cn-gray-150);--cn-gradient-skeleton-mask-from: var(--cn-pure-black);--cn-gradient-skeleton-mask-to: lch(from var(--cn-pure-black) l c h / 0);--cn-gradient-sidebar-selected-from: lch(from var(--cn-blue-150) l c h / 0.45);--cn-gradient-sidebar-selected-to: lch(from var(--cn-gray-300) l c h / 0.2);--cn-gradient-img-empty-state-bg-stop-1: var(--cn-gray-25);--cn-gradient-img-empty-state-bg-stop-2: var(--cn-gray-25);--cn-gradient-img-empty-state-bg-stop-3: var(--cn-pure-white);--cn-gradient-img-empty-state-bg-stop-4: var(--cn-pure-white);--cn-gradient-img-empty-state-bg-stop-5: var(--cn-gray-25);--cn-gradient-img-empty-state-bg-stop-6: var(--cn-gray-50);--cn-gradient-img-empty-state-border-from: lch(from var(--cn-pure-black) l c h / 0.1);--cn-gradient-img-empty-state-border-to: lch(from var(--cn-pure-black) l c h / 0.02);--cn-gradient-img-empty-state-icon-stop-1: var(--cn-gray-300);--cn-gradient-img-empty-state-icon-stop-2: var(--cn-gray-400);--cn-gradient-img-empty-state-icon-stop-3: var(--cn-gray-500);--cn-gradient-img-empty-state-lines-from: var(--cn-gray-200);--cn-gradient-img-empty-state-lines-to: var(--cn-pure-white);--cn-gradient-img-empty-state-logo-from: var(--cn-gray-1000);--cn-gradient-img-empty-state-logo-to: var(--cn-gray-700);--cn-gradient-img-empty-state-bubble-t-bg-from: var(--cn-gray-50);--cn-gradient-img-empty-state-bubble-t-bg-to: var(--cn-gray-150);--cn-gradient-img-empty-state-bubble-t-icon-from: var(--cn-gray-600);--cn-gradient-img-empty-state-bubble-t-icon-to: var(--cn-gray-300);--cn-gradient-img-empty-state-bubble-b-bg-from: var(--cn-gray-150);--cn-gradient-img-empty-state-bubble-b-bg-to: var(--cn-gray-50);--cn-gradient-img-empty-state-bubble-b-icon-from: var(--cn-gray-300);--cn-gradient-img-empty-state-bubble-b-icon-to: var(--cn-gray-600);--cn-gradient-flow-onboard-img-color-bubble-default-from: lch(from var(--cn-blue-400) l c h / 0.6);--cn-gradient-flow-onboard-img-color-bubble-default-to: lch(from var(--cn-pure-white) l c h / 0);--cn-gradient-flow-onboard-img-color-bubble-danger-from: lch(from var(--cn-red-300) l c h / 0.6);--cn-gradient-flow-onboard-img-color-bubble-danger-to: lch(from var(--cn-pure-white) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-1-default-from: lch(from var(--cn-blue-400) l c h / 0.12);--cn-gradient-flow-onboard-ellipse-t-1-default-to: lch(from var(--cn-blue-400) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-1-danger-from: lch(from var(--cn-red-300) l c h / 0.12);--cn-gradient-flow-onboard-ellipse-t-1-danger-to: lch(from var(--cn-red-300) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-2-default-from: lch(from var(--cn-blue-400) l c h / 0.10);--cn-gradient-flow-onboard-ellipse-t-2-default-to: lch(from var(--cn-blue-400) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-2-danger-from: lch(from var(--cn-red-300) l c h / 0.10);--cn-gradient-flow-onboard-ellipse-t-2-danger-to: lch(from var(--cn-red-300) l c h / 0);--cn-gradient-flow-onboard-ellipse-b-default-from: lch(from var(--cn-blue-400) l c h / 0.2);--cn-gradient-flow-onboard-ellipse-b-default-to: lch(from var(--cn-blue-400) l c h / 0);--cn-gradient-flow-onboard-ellipse-b-danger-from: lch(from var(--cn-red-300) l c h / 0.2);--cn-gradient-flow-onboard-ellipse-b-danger-to: lch(from var(--cn-red-300) l c h / 0);--cn-gradient-pipeline-running-border-from: var(--cn-orange-200);--cn-gradient-pipeline-running-border-to: lch(from var(--cn-orange-100) l c h / 0);--cn-gradient-pipeline-running-glow-from: var(--cn-orange-100);--cn-gradient-pipeline-running-glow-to: lch(from var(--cn-orange-100) l c h / 0);--cn-disabled-opacity: var(--cn-opacity-60);--cn-icon-devops: var(--cn-mint-500);--cn-icon-testing: var(--cn-brown-500);--cn-icon-security: var(--cn-indigo-600);--cn-icon-efficiency: var(--cn-cyan-500);--cn-icon-platform: var(--cn-pink-500);--cn-text-success: var(--cn-set-success-outline-text);--cn-text-danger: var(--cn-set-danger-outline-text);--cn-text-warning: var(--cn-set-warning-outline-text);--cn-text-merged: var(--cn-set-purple-outline-text);--cn-text-brand: var(--cn-set-brand-primary-bg);--cn-border-brand: var(--cn-set-brand-outline-border);--cn-set-ai-outline-border: linear-gradient(131deg, var(--cn-gradient-ai-stop-1) 0%, var(--cn-gradient-ai-stop-2) 50%, var(--cn-gradient-ai-stop-3) 100%);--cn-set-ai-outline-bg-gradient: linear-gradient(102deg, var(--cn-gradient-ai-outline-bg-stop-1) 8%, var(--cn-gradient-ai-outline-bg-stop-2) 35%, var(--cn-gradient-ai-outline-bg-stop-3) 65%, var(--cn-gradient-ai-outline-bg-stop-4) 87%);--cn-set-gray-secondary-text: var(--cn-text-1);--cn-set-gray-outline-text: var(--cn-text-2);--cn-set-gray-outline-bg: var(--cn-bg-2);--cn-set-gray-outline-border: var(--cn-border-2);--cn-comp-alert-fade-default: linear-gradient(0deg, var(--cn-set-gray-secondary-bg) 42%, var(--cn-gradient-alert-fade-default) 100%);--cn-comp-alert-fade-danger: linear-gradient(0deg, var(--cn-set-danger-secondary-bg) 42%, var(--cn-gradient-alert-fade-danger) 100%);--cn-comp-alert-fade-warning: linear-gradient(0deg, var(--cn-set-warning-secondary-bg) 42%, var(--cn-gradient-alert-fade-warning) 100%);--cn-comp-alert-fade-success: linear-gradient(0deg, var(--cn-set-success-secondary-bg) 42%, var(--cn-gradient-alert-fade-success) 100%);--cn-comp-dialog-fade-end: linear-gradient(0deg, var(--cn-bg-1) 0%, var(--cn-gradient-dialog-fade) 100%);--cn-comp-diff-background: var(--cn-bg-0);--cn-comp-diff-add-content: lch(from var(--cn-set-success-secondary-bg) l c h / 0.45);--cn-comp-diff-add-line-number: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.75);--cn-comp-diff-add-content-highlight: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.65);--cn-comp-diff-add-widget: var(--cn-set-brand-primary-bg);--cn-comp-diff-add-widget-color: var(--cn-set-brand-primary-text);--cn-comp-diff-del-content: lch(from var(--cn-set-danger-secondary-bg) l c h / 0.50);--cn-comp-diff-del-line-number: lch(from var(--cn-set-danger-secondary-bg-hover) l c h / 0.75);--cn-comp-diff-del-content-highlight: lch(from var(--cn-set-danger-secondary-bg-hover) l c h / 0.95);--cn-comp-diff-plain-content: var(--cn-bg-1);--cn-comp-diff-plain-line-number: var(--cn-bg-1);--cn-comp-diff-hljs-comment: var(--cn-text-3);--cn-comp-diff-hljs-keyword: var(--cn-set-purple-outline-text);--cn-comp-diff-hljs-title-class: var(--cn-set-warning-outline-text);--cn-comp-diff-hljs-string: var(--cn-set-success-outline-text);--cn-comp-diff-hljs-title-function: var(--cn-set-blue-outline-text);--cn-comp-diff-hljs-name: var(--cn-set-danger-outline-text);--cn-comp-diff-hljs-literal: var(--cn-set-cyan-outline-text);--cn-comp-diff-hljs-attr: var(--cn-set-orange-outline-text);--cn-comp-input-bg: var(--cn-bg-3);--cn-comp-pipeline-running-border: linear-gradient(180deg, var(--cn-gradient-pipeline-running-border-from) 0%, var(--cn-gradient-pipeline-running-border-to) 100%);--cn-comp-pipeline-running-glow: linear-gradient(180deg, var(--cn-gradient-pipeline-running-glow-from) 0%, var(--cn-gradient-pipeline-running-glow-to) 100%);--cn-comp-pipeline-stage-card-bg: lch(from var(--cn-bg-3) l c h / 0.5);--cn-comp-pipeline-card-footer: var(--cn-comp-pipeline-bg);--cn-comp-sidebar-bg: var(--cn-bg-2);--cn-comp-sidebar-item-text: var(--cn-text-2);--cn-comp-sidebar-item-text-hover: var(--cn-text-1);--cn-comp-sidebar-item-text-selected: var(--cn-text-1);--cn-comp-sidebar-item-text-subtle: var(--cn-text-3);--cn-comp-sidebar-item-selected: linear-gradient(95deg, var(--cn-gradient-sidebar-selected-from) -13.12%, var(--cn-gradient-sidebar-selected-to) 84.9%);--cn-comp-sidebar-item-bg-draggable: var(--cn-bg-2);--cn-comp-sidebar-separator: var(--cn-border-3);--cn-comp-selection-unselected-item: var(--cn-text-2);--cn-comp-selection-unselected-item-hover: var(--cn-set-brand-primary-bg);--cn-comp-selection-unselected-bg: var(--cn-bg-1);--cn-comp-selection-unselected-bg-hover: var(--cn-bg-2);--cn-comp-selection-unselected-border: var(--cn-border-1);--cn-comp-selection-selected-item: var(--cn-set-brand-primary-text);--cn-comp-selection-selected-bg: var(--cn-set-brand-primary-bg);--cn-comp-selection-selected-bg-hover: var(--cn-set-brand-primary-bg-hover);--cn-comp-selection-selected-border: var(--cn-set-brand-primary-bg);--cn-comp-selection-selected-border-hover: var(--cn-set-brand-primary-bg-hover);--cn-comp-skeleton-bg: linear-gradient(90deg, var(--cn-gradient-skeleton-stop-1) 0%, var(--cn-gradient-skeleton-stop-2) 50%, var(--cn-gradient-skeleton-stop-3) 100%);--cn-comp-skeleton-mask: linear-gradient(180deg, var(--cn-gradient-skeleton-mask-from) 50%, var(--cn-gradient-skeleton-mask-to) 100%);--cn-comp-slider-track-progress: var(--cn-set-brand-primary-bg);--cn-comp-slider-track-warning: var(--cn-set-warning-primary-bg);--cn-comp-slider-track-success: var(--cn-set-success-primary-bg);--cn-comp-slider-track-danger: var(--cn-set-danger-primary-bg);--cn-comp-slider-handle-bg: var(--cn-bg-0);--cn-comp-slider-handle-border: var(--cn-border-1);--cn-comp-slider-handle-bg-selected: var(--cn-bg-3);--cn-comp-slider-range-gradient: linear-gradient(90deg, var(--cn-set-gray-primary-bg) 15%, var(--cn-set-warning-primary-bg) 40%, var(--cn-set-orange-primary-bg) 60%, var(--cn-set-danger-primary-bg) 80%);--cn-comp-ai-chat-bubble: linear-gradient(95deg, var(--cn-gradient-sidebar-selected-from) -13.12%, var(--cn-gradient-sidebar-selected-to) 84.9%);--cn-comp-card-fade-default: linear-gradient(0deg, var(--cn-bg-1) 0%, var(--cn-gradient-card-fade-default) 100%);--cn-comp-card-fade-selected: linear-gradient(0deg, var(--cn-set-brand-outline-bg) 0%, var(--cn-gradient-card-fade-selected) 100%);--cn-comp-data-viz-inactive-01-blue: lch(86 23.2 255);--cn-comp-data-viz-inactive-02-purple: lch(83.2 32.8 350);--cn-comp-data-viz-inactive-03-pink: lch(83.2 32.8 350);--cn-comp-data-viz-inactive-04-green: lch(82.4 32 125);--cn-comp-data-viz-inactive-05-indigo: lch(80.4 34 280);--cn-comp-data-viz-inactive-06-brown: lch(79.6 20 38);--cn-comp-data-viz-inactive-07-cyan: lch(88.8 24 195);--cn-comp-data-viz-inactive-08-orange: lch(82.4 22.4 38);--cn-comp-data-viz-inactive-09-forest: lch(74.4 25.6 158);--cn-comp-data-viz-inactive-10-red: lch(79.2 34.4 32);--cn-comp-data-viz-inactive-11-yellow: lch(91.2 23.2 55);--cn-comp-data-viz-inactive-12-gray: lch(90.4 2.6 272);--cn-comp-data-viz-01-blue-shadow: rgb(0% 66.3% 100% / 0.4);--cn-comp-data-viz-02-purple-shadow: rgb(99.1% 17.2% 65.7% / 0.4);--cn-comp-data-viz-03-pink-shadow: rgb(99.1% 17.2% 65.7% / 0.4);--cn-comp-data-viz-04-green-shadow: rgb(26.2% 59.9% 0% / 0.4);--cn-comp-data-viz-05-indigo-shadow: rgb(0% 46.8% 100% / 0.4);--cn-comp-data-viz-06-brown-shadow: rgb(72% 33.6% 26.2% / 0.4);--cn-comp-data-viz-07-cyan-shadow: rgb(0% 78.5% 77.8% / 0.4);--cn-comp-data-viz-08-orange-shadow: rgb(82.9% 38.8% 30.2% / 0.4);--cn-comp-data-viz-09-forest-shadow: rgb(0% 39% 22.5% / 0.4);--cn-comp-data-viz-10-red-shadow: rgb(87.6% 3.04% 17% / 0.4);--cn-comp-data-viz-11-yellow-shadow: rgb(100% 65.9% 42.1% / 0.4);--cn-comp-data-viz-12-gray-shadow: rgb(71.9% 73.5% 78.2% / 0.4);--cn-comp-widget-test-intelligence-gradient: linear-gradient(90deg, var(--cn-comp-data-viz-05-indigo) 0%, var(--cn-comp-data-viz-02-purple) 100%);--cn-comp-widget-test-intelligence-text-gradient: linear-gradient(90deg, var(--cn-text-2) 3%, var(--cn-comp-data-viz-05-indigo) 75%, var(--cn-comp-data-viz-02-purple) 100%);--cn-comp-shadow-avatar-inner: inset 0 0 0 0.6px var(--cn-comp-avatar-shadow);--cn-comp-shadow-ai-inner: inset 0 6px 12px 0 var(--cn-set-ai-outline-inner);--cn-comp-monaco-foreground: var(--cn-comp-diff-hljs);--cn-comp-monaco-cursor: var(--cn-text-1);--cn-comp-monaco-whitespace: var(--cn-text-4);--cn-comp-monaco-constant: var(--cn-set-orange-outline-text);--cn-comp-monaco-invalid-bg: var(--cn-set-warning-outline-bg);--cn-comp-monaco-invalid-text: var(--cn-set-warning-outline-text);--cn-comp-monaco-diff-header-bg: var(--cn-set-brand-outline-bg);--cn-comp-monaco-line-number: var(--cn-text-4);--cn-comp-monaco-indent-guide: var(--cn-border-3);--cn-comp-monaco-indent-guide-active: var(--cn-border-1);--cn-shadow-0: 0 0 0 0 var(--cn-shadow-color-0);--cn-shadow-1: 0 1px 2px 0 var(--cn-shadow-color-1);--cn-shadow-2: 0 1px 3px 0 var(--cn-shadow-color-2), 0 1px 15px -1px var(--cn-shadow-color-2);--cn-shadow-3: 0 4px 6px -1px var(--cn-shadow-color-3), 0 2px 8px -2px var(--cn-shadow-color-3);--cn-shadow-4: 0 10px 15px -3px var(--cn-shadow-color-4), 0 4px 8px -4px var(--cn-shadow-color-4);--cn-shadow-5: 0 20px 25px -5px var(--cn-shadow-color-5), 0 8px 10px -6px var(--cn-shadow-color-5);--cn-shadow-6: 0 25px 50px -12px var(--cn-shadow-color-6);--cn-shadow-inner: inset 0 0 4.5px 0 var(--cn-shadow-color-inner);--cn-ring-danger: 0 0 0 4px var(--cn-set-danger-secondary-bg);--cn-ring-danger-hover: 0 0 0 4px var(--cn-set-danger-secondary-bg-hover);--cn-ring-selected: 0 0 0 4px var(--cn-set-brand-primary-ring);--cn-ring-success: 0 0 0 4px var(--cn-set-success-secondary-bg);--cn-ring-success-hover: 0 0 0 4px var(--cn-set-success-secondary-bg-hover);--cn-ring-warning: 0 0 0 4px var(--cn-set-warning-secondary-bg);--cn-ring-warning-hover: 0 0 0 4px var(--cn-set-warning-secondary-bg-hover);--cn-gradient-alert-fade-default: lch(from var(--cn-set-gray-secondary-bg) l c h / 0);--cn-gradient-alert-fade-danger: lch(from var(--cn-set-danger-secondary-bg) l c h / 0);--cn-gradient-alert-fade-warning: lch(from var(--cn-set-warning-secondary-bg) l c h / 0);--cn-gradient-alert-fade-success: lch(from var(--cn-set-success-secondary-bg) l c h / 0);--cn-gradient-dialog-fade: lch(from var(--cn-bg-2) l c h / 0);--cn-gradient-toast-default-to: lch(from var(--cn-bg-3) l c h / 0);--cn-gradient-toast-default-from: var(--cn-bg-3);--cn-gradient-toast-danger-to: lch(from var(--cn-comp-toast-danger-bg) l c h / 0);--cn-gradient-toast-danger-from: var(--cn-comp-toast-danger-bg);--cn-gradient-card-fade-default: lch(from var(--cn-bg-1) l c h / 0);--cn-gradient-card-fade-selected: lch(from var(--cn-set-brand-outline-bg) l c h / 0);--cn-img-empty-state-bg: radial-gradient(54% 83% at 50% 102%, var(--cn-gradient-img-empty-state-bg-stop-1) 0%, var(--cn-gradient-img-empty-state-bg-stop-2) 27%, var(--cn-gradient-img-empty-state-bg-stop-3) 46%, var(--cn-gradient-img-empty-state-bg-stop-4) 63%, var(--cn-gradient-img-empty-state-bg-stop-5) 84%, var(--cn-gradient-img-empty-state-bg-stop-6) 100%);--cn-img-empty-state-border: linear-gradient(180deg, var(--cn-gradient-img-empty-state-border-from) 0%, var(--cn-gradient-img-empty-state-border-to) 100%);--cn-img-empty-state-icon: radial-gradient(31.5% 52.5% at 50% 64%, var(--cn-gradient-img-empty-state-icon-stop-1) 0%, var(--cn-gradient-img-empty-state-icon-stop-2) 38%, var(--cn-gradient-img-empty-state-icon-stop-3) 100%);--cn-img-empty-state-lines: radial-gradient(60.84% 50% at 50% 50%, var(--cn-gradient-img-empty-state-lines-from) 0%, var(--cn-gradient-img-empty-state-lines-to) 100%);--cn-img-empty-state-logo: radial-gradient(87.5% 87.5% at 50% 50%, var(--cn-gradient-img-empty-state-logo-from) 0%, var(--cn-gradient-img-empty-state-logo-to) 100%);--cn-img-empty-state-bubble-t-bg: linear-gradient(44deg, var(--cn-gradient-img-empty-state-bubble-t-bg-from) 11%, var(--cn-gradient-img-empty-state-bubble-t-bg-to) 71%);--cn-img-empty-state-bubble-t-icon: linear-gradient(225deg, var(--cn-gradient-img-empty-state-bubble-t-icon-from) 8%, var(--cn-gradient-img-empty-state-bubble-t-icon-to) 92%);--cn-img-empty-state-bubble-b-bg: linear-gradient(44deg, var(--cn-gradient-img-empty-state-bubble-b-bg-from) 11%, var(--cn-gradient-img-empty-state-bubble-b-bg-to) 71%);--cn-img-empty-state-bubble-b-icon: linear-gradient(225deg, var(--cn-gradient-img-empty-state-bubble-b-icon-from) 8%, var(--cn-gradient-img-empty-state-bubble-b-icon-to) 92%);--cn-flow-onboard-img-color-bubble-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-img-color-bubble-default-from) 0%, var(--cn-gradient-flow-onboard-img-color-bubble-default-to) 100%);--cn-flow-onboard-img-color-bubble-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-img-color-bubble-danger-from) 0%, var(--cn-gradient-flow-onboard-img-color-bubble-danger-to) 100%);--cn-flow-onboard-ellipse-t-1-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-1-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-1-default-to) 100%);--cn-flow-onboard-ellipse-t-1-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-1-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-1-danger-to) 100%);--cn-flow-onboard-ellipse-t-2-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-2-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-2-default-to) 100%);--cn-flow-onboard-ellipse-t-2-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-2-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-2-danger-to) 100%);--cn-flow-onboard-ellipse-b-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-b-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-b-default-to) 100%);--cn-flow-onboard-ellipse-b-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-b-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-b-danger-to) 100%);--cn-comp-dialog-fade-start: linear-gradient(0deg, var(--cn-gradient-dialog-fade) 0%, var(--cn-bg-1) 100%);--cn-comp-diff-expand-content: var(--cn-comp-diff-background);--cn-comp-link-text: var(--cn-text-brand);--cn-comp-link-text-hover: lch(42.3 72 280);--cn-comp-sidebar-fade-end: linear-gradient(0deg, var(--cn-comp-sidebar-bg) 0%, var(--cn-gradient-sidebar-fade) 100%);--cn-comp-selection-unselected-border-hover: var(--cn-border-brand);--cn-comp-slider-handle-border-selected: var(--cn-border-brand);--cn-comp-toast-danger-fade: linear-gradient(0deg, var(--cn-gradient-toast-danger-from) 42%, var(--cn-gradient-toast-danger-to) 100%);--cn-comp-toast-fade: linear-gradient(0deg, var(--cn-gradient-toast-default-from) 42%, var(--cn-gradient-toast-default-to) 100%);--cn-comp-data-viz-inactive-01-blue-shadow: rgb(72% 86.2% 100% / 0.4);--cn-comp-data-viz-inactive-02-purple-shadow: rgb(100% 72.4% 86% / 0.4);--cn-comp-data-viz-inactive-03-pink-shadow: rgb(100% 72.4% 86% / 0.4);--cn-comp-data-viz-inactive-04-green-shadow: rgb(72.1% 84.1% 60.6% / 0.4);--cn-comp-data-viz-inactive-05-indigo-shadow: rgb(72.1% 77.5% 100% / 0.4);--cn-comp-data-viz-inactive-06-brown-shadow: rgb(91.1% 73.1% 68.7% / 0.4);--cn-comp-data-viz-inactive-07-cyan-shadow: rgb(65% 92.7% 91.7% / 0.4);--cn-comp-data-viz-inactive-08-orange-shadow: rgb(95.7% 75.6% 70.6% / 0.4);--cn-comp-data-viz-inactive-09-forest-shadow: rgb(54.8% 76.6% 64.4% / 0.4);--cn-comp-data-viz-inactive-10-red-shadow: rgb(100% 68.6% 64.3% / 0.4);--cn-comp-data-viz-inactive-11-yellow-shadow: rgb(100% 86.8% 77.7% / 0.4);--cn-comp-data-viz-inactive-12-gray-shadow: rgb(88.6% 89.2% 91.1% / 0.4);--cn-comp-shadow-data-viz-01-blue: 0 3px 5px var(--cn-comp-data-viz-01-blue-shadow);--cn-comp-shadow-data-viz-02-purple: 0 3px 5px var(--cn-comp-data-viz-02-purple-shadow);--cn-comp-shadow-data-viz-03-pink: 0 3px 5px var(--cn-comp-data-viz-03-pink-shadow);--cn-comp-shadow-data-viz-04-green: 0 3px 5px var(--cn-comp-data-viz-04-green-shadow);--cn-comp-shadow-data-viz-05-indigo: 0 3px 5px var(--cn-comp-data-viz-05-indigo-shadow);--cn-comp-shadow-data-viz-06-brown: 0 3px 5px var(--cn-comp-data-viz-06-brown-shadow);--cn-comp-shadow-data-viz-07-cyan: 0 3px 5px var(--cn-comp-data-viz-07-cyan-shadow);--cn-comp-shadow-data-viz-08-orange: 0 3px 5px var(--cn-comp-data-viz-08-orange-shadow);--cn-comp-shadow-data-viz-09-forest: 0 3px 5px var(--cn-comp-data-viz-09-forest-shadow);--cn-comp-shadow-data-viz-10-red: 0 3px 5px var(--cn-comp-data-viz-10-red-shadow);--cn-comp-shadow-data-viz-11-yellow: 0 3px 5px var(--cn-comp-data-viz-11-yellow-shadow);--cn-comp-shadow-data-viz-12-gray: 0 3px 5px var(--cn-comp-data-viz-12-gray-shadow);--cn-comp-monaco-background: var(--cn-comp-diff-background);--cn-comp-monaco-key: var(--cn-comp-diff-hljs-attr);--cn-comp-monaco-string: var(--cn-comp-diff-hljs-string);--cn-comp-monaco-number: var(--cn-comp-diff-hljs-literal);--cn-comp-monaco-boolean: var(--cn-comp-diff-hljs-keyword);--cn-comp-monaco-comment: var(--cn-comp-diff-hljs-comment);--cn-comp-monaco-tag: var(--cn-comp-diff-hljs-title-class);--cn-comp-monaco-delimiter: var(--cn-comp-diff-hljs-comment);--cn-comp-monaco-anchor: var(--cn-comp-diff-hljs-name);--cn-comp-monaco-function: var(--cn-comp-diff-hljs-title-function);--cn-comp-monaco-diff-inserted: var(--cn-text-success);--cn-comp-monaco-diff-deleted: var(--cn-text-danger);--cn-comp-monaco-diff-range: var(--cn-text-brand);--cn-comp-monaco-line-number-active: var(--cn-comp-monaco-foreground);--cn-gradient-sidebar-fade: lch(from var(--cn-comp-sidebar-bg) l c h / 0);--cn-focus: var(--cn-border-width-2) solid var(--cn-border-brand);--cn-comp-sidebar-fade-start: linear-gradient(0deg, var(--cn-gradient-sidebar-fade) 0%, var(--cn-comp-sidebar-bg) 100%);--cn-comp-shadow-data-viz-inactive-01-blue: 0 5px 10px var(--cn-comp-data-viz-inactive-01-blue-shadow);--cn-comp-shadow-data-viz-inactive-02-purple: 0 5px 10px var(--cn-comp-data-viz-inactive-02-purple-shadow);--cn-comp-shadow-data-viz-inactive-03-pink: 0 5px 10px var(--cn-comp-data-viz-inactive-03-pink-shadow);--cn-comp-shadow-data-viz-inactive-04-green: 0 5px 10px var(--cn-comp-data-viz-inactive-04-green-shadow);--cn-comp-shadow-data-viz-inactive-05-indigo: 0 5px 10px var(--cn-comp-data-viz-inactive-05-indigo-shadow);--cn-comp-shadow-data-viz-inactive-06-brown: 0 5px 10px var(--cn-comp-data-viz-inactive-06-brown-shadow);--cn-comp-shadow-data-viz-inactive-07-cyan: 0 5px 10px var(--cn-comp-data-viz-inactive-07-cyan-shadow);--cn-comp-shadow-data-viz-inactive-08-orange: 0 5px 10px var(--cn-comp-data-viz-inactive-08-orange-shadow);--cn-comp-shadow-data-viz-inactive-09-forest: 0 5px 10px var(--cn-comp-data-viz-inactive-09-forest-shadow);--cn-comp-shadow-data-viz-inactive-10-red: 0 5px 10px var(--cn-comp-data-viz-inactive-10-red-shadow);--cn-comp-shadow-data-viz-inactive-11-yellow: 0 5px 10px var(--cn-comp-data-viz-inactive-11-yellow-shadow);--cn-comp-shadow-data-viz-inactive-12-gray: 0 5px 10px var(--cn-comp-data-viz-inactive-12-gray-shadow);--cn-comp-monaco-selection: lch(91.1 0 272);--cn-comp-monaco-line-highlight: lch(96 0 272)}
|
|
5
|
+
*/.light-tritanopia, .light-tri-std{--cn-icon-stroke-width-2xs: 1.8px;--cn-icon-stroke-width-xs: 1.3px;--cn-icon-stroke-width-sm: 1.2px;--cn-icon-stroke-width-md: 1.2px;--cn-icon-stroke-width-lg: 1.1px;--cn-icon-stroke-width-xl: 1px;--cn-bg-0: var(--cn-gray-25);--cn-bg-1: var(--cn-pure-white);--cn-bg-2: var(--cn-gray-25);--cn-bg-3: var(--cn-pure-white);--cn-text-1: var(--cn-pure-black);--cn-text-2: var(--cn-gray-850);--cn-text-3: var(--cn-gray-700);--cn-text-4: var(--cn-gray-600);--cn-border-1: var(--cn-gray-500);--cn-border-2: var(--cn-gray-150);--cn-border-3: var(--cn-gray-100);--cn-border-success: var(--cn-lime-500);--cn-border-danger: var(--cn-red-500);--cn-border-warning: var(--cn-orange-400);--cn-state-hover: lch(from var(--cn-gray-200) l c h / 0.23);--cn-state-selected: lch(from var(--cn-gray-300) l c h / 0.26);--cn-set-brand-primary-text: var(--cn-pure-white);--cn-set-brand-primary-bg: var(--cn-indigo-700);--cn-set-brand-primary-bg-hover: var(--cn-indigo-800);--cn-set-brand-primary-bg-selected: var(--cn-indigo-800);--cn-set-brand-primary-ring: lch(from var(--cn-indigo-700) l c h / 0.15);--cn-set-brand-secondary-text: var(--cn-indigo-800);--cn-set-brand-secondary-bg: var(--cn-blue-100);--cn-set-brand-secondary-bg-hover: var(--cn-blue-150);--cn-set-brand-secondary-bg-selected: var(--cn-blue-150);--cn-set-brand-outline-text: var(--cn-indigo-800);--cn-set-brand-outline-bg: var(--cn-blue-25);--cn-set-brand-outline-border: var(--cn-indigo-600);--cn-set-brand-outline-bg-hover: var(--cn-indigo-100);--cn-set-brand-outline-bg-selected: var(--cn-indigo-100);--cn-set-ai-outline-text: var(--cn-pure-black);--cn-set-ai-outline-inner: var(--cn-pure-white);--cn-set-gray-primary-text: var(--cn-pure-black);--cn-set-gray-primary-bg: var(--cn-gray-200);--cn-set-gray-primary-bg-hover: var(--cn-gray-300);--cn-set-gray-primary-bg-selected: var(--cn-gray-300);--cn-set-gray-secondary-bg: var(--cn-gray-100);--cn-set-gray-secondary-bg-hover: var(--cn-gray-150);--cn-set-gray-secondary-bg-selected: var(--cn-gray-150);--cn-set-gray-outline-bg-hover: var(--cn-gray-50);--cn-set-gray-outline-bg-selected: var(--cn-gray-50);--cn-set-success-primary-text: var(--cn-pure-white);--cn-set-success-primary-bg: var(--cn-lime-700);--cn-set-success-primary-bg-hover: var(--cn-lime-800);--cn-set-success-primary-bg-selected: var(--cn-lime-800);--cn-set-success-secondary-text: var(--cn-lime-800);--cn-set-success-secondary-bg: var(--cn-lime-100);--cn-set-success-secondary-bg-hover: var(--cn-lime-150);--cn-set-success-secondary-bg-selected: var(--cn-lime-150);--cn-set-success-outline-text: var(--cn-lime-700);--cn-set-success-outline-bg: var(--cn-lime-25);--cn-set-success-outline-border: var(--cn-lime-150);--cn-set-success-outline-bg-hover: var(--cn-lime-50);--cn-set-success-outline-bg-selected: var(--cn-lime-50);--cn-set-danger-primary-text: var(--cn-pure-white);--cn-set-danger-primary-bg: var(--cn-red-700);--cn-set-danger-primary-bg-hover: var(--cn-red-800);--cn-set-danger-primary-bg-selected: var(--cn-red-800);--cn-set-danger-secondary-text: var(--cn-red-800);--cn-set-danger-secondary-bg: var(--cn-red-100);--cn-set-danger-secondary-bg-hover: var(--cn-red-150);--cn-set-danger-secondary-bg-selected: var(--cn-red-150);--cn-set-danger-outline-text: var(--cn-red-700);--cn-set-danger-outline-bg: var(--cn-red-25);--cn-set-danger-outline-border: var(--cn-red-150);--cn-set-danger-outline-bg-hover: var(--cn-red-50);--cn-set-danger-outline-bg-selected: var(--cn-red-50);--cn-set-warning-primary-text: var(--cn-pure-black);--cn-set-warning-primary-bg: var(--cn-orange-300);--cn-set-warning-primary-bg-hover: var(--cn-orange-400);--cn-set-warning-primary-bg-selected: var(--cn-orange-400);--cn-set-warning-secondary-text: var(--cn-orange-800);--cn-set-warning-secondary-bg: var(--cn-orange-50);--cn-set-warning-secondary-bg-hover: var(--cn-orange-100);--cn-set-warning-secondary-bg-selected: var(--cn-orange-100);--cn-set-warning-outline-text: var(--cn-orange-700);--cn-set-warning-outline-bg: var(--cn-orange-25);--cn-set-warning-outline-border: var(--cn-orange-150);--cn-set-warning-outline-bg-hover: var(--cn-orange-50);--cn-set-warning-outline-bg-selected: var(--cn-orange-50);--cn-set-blue-primary-text: var(--cn-pure-black);--cn-set-blue-primary-bg: var(--cn-blue-500);--cn-set-blue-primary-bg-hover: var(--cn-blue-600);--cn-set-blue-primary-bg-selected: var(--cn-blue-600);--cn-set-blue-secondary-text: var(--cn-blue-800);--cn-set-blue-secondary-bg: var(--cn-blue-150);--cn-set-blue-secondary-bg-hover: var(--cn-blue-200);--cn-set-blue-secondary-bg-selected: var(--cn-blue-200);--cn-set-blue-outline-text: var(--cn-blue-700);--cn-set-blue-outline-bg: var(--cn-blue-25);--cn-set-blue-outline-border: var(--cn-blue-150);--cn-set-blue-outline-bg-hover: var(--cn-blue-50);--cn-set-blue-outline-bg-selected: var(--cn-blue-50);--cn-set-purple-primary-text: var(--cn-pure-white);--cn-set-purple-primary-bg: var(--cn-pink-700);--cn-set-purple-primary-bg-hover: var(--cn-pink-800);--cn-set-purple-primary-bg-selected: var(--cn-pink-800);--cn-set-purple-secondary-text: var(--cn-pink-800);--cn-set-purple-secondary-bg: var(--cn-pink-100);--cn-set-purple-secondary-bg-hover: var(--cn-pink-150);--cn-set-purple-secondary-bg-selected: var(--cn-pink-150);--cn-set-purple-outline-text: var(--cn-pink-700);--cn-set-purple-outline-bg: var(--cn-pink-25);--cn-set-purple-outline-border: var(--cn-pink-150);--cn-set-purple-outline-bg-hover: var(--cn-pink-50);--cn-set-purple-outline-bg-selected: var(--cn-pink-50);--cn-set-brown-primary-text: var(--cn-pure-black);--cn-set-brown-primary-bg: var(--cn-brown-600);--cn-set-brown-primary-bg-hover: var(--cn-brown-700);--cn-set-brown-secondary-text: var(--cn-brown-800);--cn-set-brown-secondary-bg: var(--cn-brown-100);--cn-set-brown-secondary-bg-hover: var(--cn-brown-150);--cn-set-brown-outline-text: var(--cn-brown-700);--cn-set-brown-outline-bg: var(--cn-brown-25);--cn-set-brown-outline-border: var(--cn-brown-150);--cn-set-brown-outline-bg-hover: var(--cn-brown-50);--cn-set-cyan-primary-text: var(--cn-pure-black);--cn-set-cyan-primary-bg: var(--cn-cyan-400);--cn-set-cyan-primary-bg-hover: var(--cn-cyan-500);--cn-set-cyan-secondary-text: var(--cn-cyan-800);--cn-set-cyan-secondary-bg: var(--cn-cyan-100);--cn-set-cyan-secondary-bg-hover: var(--cn-cyan-150);--cn-set-cyan-outline-text: var(--cn-cyan-700);--cn-set-cyan-outline-bg: var(--cn-cyan-25);--cn-set-cyan-outline-border: var(--cn-cyan-150);--cn-set-cyan-outline-bg-hover: var(--cn-cyan-50);--cn-set-indigo-primary-text: var(--cn-pure-black);--cn-set-indigo-primary-bg: var(--cn-indigo-500);--cn-set-indigo-primary-bg-hover: var(--cn-indigo-600);--cn-set-indigo-primary-bg-selected: var(--cn-indigo-600);--cn-set-indigo-secondary-text: var(--cn-indigo-800);--cn-set-indigo-secondary-bg: var(--cn-indigo-150);--cn-set-indigo-secondary-bg-hover: var(--cn-indigo-200);--cn-set-indigo-secondary-bg-selected: var(--cn-indigo-200);--cn-set-indigo-outline-text: var(--cn-indigo-700);--cn-set-indigo-outline-bg: var(--cn-indigo-25);--cn-set-indigo-outline-border: var(--cn-indigo-200);--cn-set-indigo-outline-bg-hover: var(--cn-indigo-50);--cn-set-indigo-outline-bg-selected: var(--cn-indigo-50);--cn-set-forest-green-primary-text: var(--cn-pure-white);--cn-set-forest-green-primary-bg: var(--cn-forest-700);--cn-set-forest-green-primary-bg-hover: var(--cn-forest-800);--cn-set-forest-green-secondary-text: var(--cn-forest-800);--cn-set-forest-green-secondary-bg: var(--cn-forest-100);--cn-set-forest-green-secondary-bg-hover: var(--cn-forest-150);--cn-set-forest-green-outline-text: var(--cn-forest-700);--cn-set-forest-green-outline-bg: var(--cn-forest-25);--cn-set-forest-green-outline-border: var(--cn-forest-100);--cn-set-forest-green-outline-bg-hover: var(--cn-forest-50);--cn-set-mint-primary-text: var(--cn-pure-white);--cn-set-mint-primary-bg: var(--cn-mint-700);--cn-set-mint-primary-bg-hover: var(--cn-mint-800);--cn-set-mint-primary-bg-selected: var(--cn-mint-800);--cn-set-mint-secondary-text: var(--cn-mint-800);--cn-set-mint-secondary-bg: var(--cn-mint-100);--cn-set-mint-secondary-bg-hover: var(--cn-mint-150);--cn-set-mint-secondary-bg-selected: var(--cn-mint-150);--cn-set-mint-outline-text: var(--cn-mint-700);--cn-set-mint-outline-bg: var(--cn-mint-25);--cn-set-mint-outline-border: var(--cn-mint-100);--cn-set-mint-outline-bg-hover: var(--cn-mint-50);--cn-set-mint-outline-bg-selected: var(--cn-mint-50);--cn-set-orange-primary-text: var(--cn-pure-black);--cn-set-orange-primary-bg: var(--cn-brown-500);--cn-set-orange-primary-bg-hover: var(--cn-brown-600);--cn-set-orange-secondary-text: var(--cn-brown-800);--cn-set-orange-secondary-bg: var(--cn-brown-100);--cn-set-orange-secondary-bg-hover: var(--cn-brown-150);--cn-set-orange-outline-text: var(--cn-brown-700);--cn-set-orange-outline-bg: var(--cn-brown-25);--cn-set-orange-outline-border: var(--cn-brown-150);--cn-set-orange-outline-bg-hover: var(--cn-brown-50);--cn-set-pink-primary-text: var(--cn-pure-black);--cn-set-pink-primary-bg: var(--cn-pink-400);--cn-set-pink-primary-bg-hover: var(--cn-pink-500);--cn-set-pink-primary-bg-selected: var(--cn-pink-500);--cn-set-pink-secondary-text: var(--cn-pink-800);--cn-set-pink-secondary-bg: var(--cn-pink-100);--cn-set-pink-secondary-bg-hover: var(--cn-pink-150);--cn-set-pink-secondary-bg-selected: var(--cn-pink-150);--cn-set-pink-outline-text: var(--cn-pink-700);--cn-set-pink-outline-bg: var(--cn-pink-25);--cn-set-pink-outline-border: var(--cn-pink-150);--cn-set-pink-outline-bg-hover: var(--cn-pink-50);--cn-set-pink-outline-bg-selected: var(--cn-pink-50);--cn-set-violet-primary-text: var(--cn-pure-white);--cn-set-violet-primary-bg: var(--cn-red-700);--cn-set-violet-primary-bg-hover: var(--cn-red-800);--cn-set-violet-primary-bg-selected: var(--cn-red-800);--cn-set-violet-secondary-text: var(--cn-red-800);--cn-set-violet-secondary-bg: var(--cn-red-100);--cn-set-violet-secondary-bg-hover: var(--cn-red-150);--cn-set-violet-secondary-bg-selected: var(--cn-red-150);--cn-set-violet-outline-text: var(--cn-red-800);--cn-set-violet-outline-bg: var(--cn-red-25);--cn-set-violet-outline-border: var(--cn-red-150);--cn-set-violet-outline-bg-hover: var(--cn-red-50);--cn-set-violet-outline-bg-selected: var(--cn-red-50);--cn-comp-avatar-shadow: lch(from var(--cn-gray-1000) l c h / 0.08);--cn-comp-dialog-backdrop: lch(from var(--cn-gray-600) l c h / 0.2);--cn-comp-dialog-backdrop-nested: lch(from var(--cn-gray-600) l c h / 0.1);--cn-comp-diff-plain-line-number-color: var(--cn-gray-850);--cn-comp-diff-empty-content: var(--cn-gray-50);--cn-comp-diff-hunk-content: lch(from var(--cn-blue-300) l c h / 0.15);--cn-comp-diff-hunk-line-number: lch(from var(--cn-blue-300) l c h / 0.4);--cn-comp-diff-hunk-content-color: var(--cn-gray-800);--cn-comp-diff-hljs: var(--cn-pure-black);--cn-comp-header-item-hover: lch(from var(--cn-gray-300) l c h / 0.2);--cn-comp-header-item-selected: lch(from var(--cn-gray-300) l c h / 0.26);--cn-comp-pipeline-dotes: var(--cn-gray-100);--cn-comp-pipeline-bg: var(--cn-gray-50);--cn-comp-sidebar-item-hover: lch(from var(--cn-gray-300) l c h / 0.15);--cn-comp-scrollbar-thumb: var(--cn-gray-200);--cn-comp-slider-track-base: var(--cn-gray-100);--cn-comp-slider-track-progress-stripes: lch(from var(--cn-pure-white) l c h / 0.3);--cn-comp-toast-danger-bg: var(--cn-red-300);--cn-comp-toast-danger-border: var(--cn-red-500);--cn-comp-toast-danger-text: var(--cn-pure-black);--cn-comp-toast-danger-transparent-btn-text: var(--cn-pure-black);--cn-comp-toast-danger-transparent-btn-text-hover: var(--cn-gray-850);--cn-comp-toast-danger-transparent-btn-text-active: var(--cn-gray-850);--cn-comp-toast-danger-action-btn-text: var(--cn-red-25);--cn-comp-toast-danger-action-btn-bg: var(--cn-pure-black);--cn-comp-toast-danger-action-btn-bg-hover: var(--cn-red-1000);--cn-comp-toast-danger-action-btn-bg-selected: var(--cn-red-950);--cn-comp-tooltip-bg: var(--cn-gray-1000);--cn-comp-tooltip-border: var(--cn-gray-1000);--cn-comp-tooltip-text: var(--cn-gray-25);--cn-comp-data-viz-01-blue: var(--cn-blue-500);--cn-comp-data-viz-02-purple: var(--cn-pink-600);--cn-comp-data-viz-03-pink: var(--cn-pink-600);--cn-comp-data-viz-04-green: var(--cn-lime-600);--cn-comp-data-viz-05-indigo: var(--cn-indigo-600);--cn-comp-data-viz-06-brown: var(--cn-brown-700);--cn-comp-data-viz-07-cyan: var(--cn-cyan-400);--cn-comp-data-viz-08-orange: var(--cn-brown-600);--cn-comp-data-viz-09-forest: var(--cn-forest-800);--cn-comp-data-viz-10-red: var(--cn-red-700);--cn-comp-data-viz-11-yellow: var(--cn-orange-300);--cn-comp-data-viz-12-gray: var(--cn-gray-400);--cn-comp-widget-test-intelligence-bg: linear-gradient(105deg, var(--cn-pink-25) -18.5%, var(--cn-bg-1) 84%);--cn-logo-text: var(--cn-gray-1000);--cn-logo-icon: var(--cn-blue-600);--cn-shadow-color-0: lch(from var(--cn-gray-600) l c h / 0);--cn-shadow-color-1: lch(from var(--cn-gray-600) l c h / 0.13);--cn-shadow-color-2: lch(from var(--cn-gray-600) l c h / 0.13);--cn-shadow-color-3: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-4: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-5: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-6: lch(from var(--cn-gray-600) l c h / 0.1);--cn-shadow-color-inner: lch(from var(--cn-pure-black) l c h / 0.15);--cn-gradient-ai-stop-1: var(--cn-blue-500);--cn-gradient-ai-stop-2: var(--cn-indigo-600);--cn-gradient-ai-stop-3: var(--cn-red-500);--cn-gradient-ai-outline-bg-stop-1: var(--cn-pure-white);--cn-gradient-ai-outline-bg-stop-2: var(--cn-blue-50);--cn-gradient-ai-outline-bg-stop-3: var(--cn-blue-150);--cn-gradient-ai-outline-bg-stop-4: var(--cn-blue-300);--cn-gradient-ai-chat-bubble-from: lch(from var(--cn-blue-150) l c h / 0.45);--cn-gradient-ai-chat-bubble-to: lch(from var(--cn-gray-300) l c h / 0.2);--cn-gradient-skeleton-stop-1: var(--cn-gray-150);--cn-gradient-skeleton-stop-2: var(--cn-gray-50);--cn-gradient-skeleton-stop-3: var(--cn-gray-150);--cn-gradient-skeleton-mask-from: var(--cn-pure-black);--cn-gradient-skeleton-mask-to: lch(from var(--cn-pure-black) l c h / 0);--cn-gradient-sidebar-selected-from: lch(from var(--cn-blue-150) l c h / 0.45);--cn-gradient-sidebar-selected-to: lch(from var(--cn-gray-300) l c h / 0.2);--cn-gradient-img-empty-state-bg-stop-1: var(--cn-gray-25);--cn-gradient-img-empty-state-bg-stop-2: var(--cn-gray-25);--cn-gradient-img-empty-state-bg-stop-3: var(--cn-pure-white);--cn-gradient-img-empty-state-bg-stop-4: var(--cn-pure-white);--cn-gradient-img-empty-state-bg-stop-5: var(--cn-gray-25);--cn-gradient-img-empty-state-bg-stop-6: var(--cn-gray-50);--cn-gradient-img-empty-state-border-from: lch(from var(--cn-pure-black) l c h / 0.1);--cn-gradient-img-empty-state-border-to: lch(from var(--cn-pure-black) l c h / 0.02);--cn-gradient-img-empty-state-icon-stop-1: var(--cn-gray-300);--cn-gradient-img-empty-state-icon-stop-2: var(--cn-gray-400);--cn-gradient-img-empty-state-icon-stop-3: var(--cn-gray-500);--cn-gradient-img-empty-state-lines-from: var(--cn-gray-200);--cn-gradient-img-empty-state-lines-to: var(--cn-pure-white);--cn-gradient-img-empty-state-logo-from: var(--cn-gray-1000);--cn-gradient-img-empty-state-logo-to: var(--cn-gray-700);--cn-gradient-img-empty-state-bubble-t-bg-from: var(--cn-gray-50);--cn-gradient-img-empty-state-bubble-t-bg-to: var(--cn-gray-150);--cn-gradient-img-empty-state-bubble-t-icon-from: var(--cn-gray-600);--cn-gradient-img-empty-state-bubble-t-icon-to: var(--cn-gray-300);--cn-gradient-img-empty-state-bubble-b-bg-from: var(--cn-gray-150);--cn-gradient-img-empty-state-bubble-b-bg-to: var(--cn-gray-50);--cn-gradient-img-empty-state-bubble-b-icon-from: var(--cn-gray-300);--cn-gradient-img-empty-state-bubble-b-icon-to: var(--cn-gray-600);--cn-gradient-flow-onboard-img-color-bubble-default-from: lch(from var(--cn-blue-400) l c h / 0.6);--cn-gradient-flow-onboard-img-color-bubble-default-to: lch(from var(--cn-pure-white) l c h / 0);--cn-gradient-flow-onboard-img-color-bubble-danger-from: lch(from var(--cn-red-300) l c h / 0.6);--cn-gradient-flow-onboard-img-color-bubble-danger-to: lch(from var(--cn-pure-white) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-1-default-from: lch(from var(--cn-blue-400) l c h / 0.12);--cn-gradient-flow-onboard-ellipse-t-1-default-to: lch(from var(--cn-blue-400) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-1-danger-from: lch(from var(--cn-red-300) l c h / 0.12);--cn-gradient-flow-onboard-ellipse-t-1-danger-to: lch(from var(--cn-red-300) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-2-default-from: lch(from var(--cn-blue-400) l c h / 0.10);--cn-gradient-flow-onboard-ellipse-t-2-default-to: lch(from var(--cn-blue-400) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-2-danger-from: lch(from var(--cn-red-300) l c h / 0.10);--cn-gradient-flow-onboard-ellipse-t-2-danger-to: lch(from var(--cn-red-300) l c h / 0);--cn-gradient-flow-onboard-ellipse-b-default-from: lch(from var(--cn-blue-400) l c h / 0.2);--cn-gradient-flow-onboard-ellipse-b-default-to: lch(from var(--cn-blue-400) l c h / 0);--cn-gradient-flow-onboard-ellipse-b-danger-from: lch(from var(--cn-red-300) l c h / 0.2);--cn-gradient-flow-onboard-ellipse-b-danger-to: lch(from var(--cn-red-300) l c h / 0);--cn-gradient-pipeline-running-border-from: var(--cn-orange-200);--cn-gradient-pipeline-running-border-to: lch(from var(--cn-orange-100) l c h / 0);--cn-gradient-pipeline-running-glow-from: var(--cn-orange-100);--cn-gradient-pipeline-running-glow-to: lch(from var(--cn-orange-100) l c h / 0);--cn-disabled-opacity: var(--cn-opacity-60);--cn-icon-devops: var(--cn-mint-500);--cn-icon-testing: var(--cn-brown-500);--cn-icon-security: var(--cn-indigo-600);--cn-icon-efficiency: var(--cn-cyan-500);--cn-icon-platform: var(--cn-pink-500);--cn-text-success: var(--cn-set-success-outline-text);--cn-text-danger: var(--cn-set-danger-outline-text);--cn-text-warning: var(--cn-set-warning-outline-text);--cn-text-merged: var(--cn-set-purple-outline-text);--cn-text-brand: var(--cn-set-brand-primary-bg);--cn-border-brand: var(--cn-set-brand-outline-border);--cn-set-ai-outline-border: linear-gradient(131deg, var(--cn-gradient-ai-stop-1) 0%, var(--cn-gradient-ai-stop-2) 50%, var(--cn-gradient-ai-stop-3) 100%);--cn-set-ai-outline-bg-gradient: linear-gradient(102deg, var(--cn-gradient-ai-outline-bg-stop-1) 8%, var(--cn-gradient-ai-outline-bg-stop-2) 35%, var(--cn-gradient-ai-outline-bg-stop-3) 65%, var(--cn-gradient-ai-outline-bg-stop-4) 87%);--cn-set-gray-secondary-text: var(--cn-text-1);--cn-set-gray-outline-text: var(--cn-text-2);--cn-set-gray-outline-bg: var(--cn-bg-2);--cn-set-gray-outline-border: var(--cn-border-2);--cn-comp-alert-fade-default: linear-gradient(0deg, var(--cn-set-gray-secondary-bg) 42%, var(--cn-gradient-alert-fade-default) 100%);--cn-comp-alert-fade-danger: linear-gradient(0deg, var(--cn-set-danger-secondary-bg) 42%, var(--cn-gradient-alert-fade-danger) 100%);--cn-comp-alert-fade-warning: linear-gradient(0deg, var(--cn-set-warning-secondary-bg) 42%, var(--cn-gradient-alert-fade-warning) 100%);--cn-comp-alert-fade-success: linear-gradient(0deg, var(--cn-set-success-secondary-bg) 42%, var(--cn-gradient-alert-fade-success) 100%);--cn-comp-dialog-fade-end: linear-gradient(0deg, var(--cn-bg-1) 0%, var(--cn-gradient-dialog-fade) 100%);--cn-comp-diff-background: var(--cn-bg-0);--cn-comp-diff-add-content: lch(from var(--cn-set-success-secondary-bg) l c h / 0.45);--cn-comp-diff-add-line-number: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.75);--cn-comp-diff-add-content-highlight: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.65);--cn-comp-diff-add-widget: var(--cn-set-brand-primary-bg);--cn-comp-diff-add-widget-color: var(--cn-set-brand-primary-text);--cn-comp-diff-del-content: lch(from var(--cn-set-danger-secondary-bg) l c h / 0.50);--cn-comp-diff-del-line-number: lch(from var(--cn-set-danger-secondary-bg-hover) l c h / 0.75);--cn-comp-diff-del-content-highlight: lch(from var(--cn-set-danger-secondary-bg-hover) l c h / 0.95);--cn-comp-diff-plain-content: var(--cn-bg-1);--cn-comp-diff-plain-line-number: var(--cn-bg-1);--cn-comp-diff-hljs-comment: var(--cn-text-3);--cn-comp-diff-hljs-keyword: var(--cn-set-purple-outline-text);--cn-comp-diff-hljs-title-class: var(--cn-set-warning-outline-text);--cn-comp-diff-hljs-string: var(--cn-set-success-outline-text);--cn-comp-diff-hljs-title-function: var(--cn-set-blue-outline-text);--cn-comp-diff-hljs-name: var(--cn-set-danger-outline-text);--cn-comp-diff-hljs-literal: var(--cn-set-cyan-outline-text);--cn-comp-diff-hljs-attr: var(--cn-set-orange-outline-text);--cn-comp-input-bg: var(--cn-bg-3);--cn-comp-pipeline-running-border: linear-gradient(180deg, var(--cn-gradient-pipeline-running-border-from) 0%, var(--cn-gradient-pipeline-running-border-to) 100%);--cn-comp-pipeline-running-glow: linear-gradient(180deg, var(--cn-gradient-pipeline-running-glow-from) 0%, var(--cn-gradient-pipeline-running-glow-to) 100%);--cn-comp-pipeline-stage-card-bg: lch(from var(--cn-bg-3) l c h / 0.5);--cn-comp-pipeline-card-footer: var(--cn-comp-pipeline-bg);--cn-comp-sidebar-bg: var(--cn-bg-0);--cn-comp-sidebar-item-text: var(--cn-text-2);--cn-comp-sidebar-item-text-hover: var(--cn-text-1);--cn-comp-sidebar-item-text-selected: var(--cn-text-1);--cn-comp-sidebar-item-text-subtle: var(--cn-text-3);--cn-comp-sidebar-item-selected: linear-gradient(95deg, var(--cn-gradient-sidebar-selected-from) -13.12%, var(--cn-gradient-sidebar-selected-to) 84.9%);--cn-comp-sidebar-item-bg-draggable: var(--cn-bg-2);--cn-comp-sidebar-separator: var(--cn-border-3);--cn-comp-selection-unselected-item: var(--cn-text-2);--cn-comp-selection-unselected-item-hover: var(--cn-set-brand-primary-bg);--cn-comp-selection-unselected-bg: var(--cn-bg-1);--cn-comp-selection-unselected-bg-hover: var(--cn-bg-2);--cn-comp-selection-unselected-border: var(--cn-border-1);--cn-comp-selection-selected-item: var(--cn-set-brand-primary-text);--cn-comp-selection-selected-bg: var(--cn-set-brand-primary-bg);--cn-comp-selection-selected-bg-hover: var(--cn-set-brand-primary-bg-hover);--cn-comp-selection-selected-border: var(--cn-set-brand-primary-bg);--cn-comp-selection-selected-border-hover: var(--cn-set-brand-primary-bg-hover);--cn-comp-skeleton-bg: linear-gradient(90deg, var(--cn-gradient-skeleton-stop-1) 0%, var(--cn-gradient-skeleton-stop-2) 50%, var(--cn-gradient-skeleton-stop-3) 100%);--cn-comp-skeleton-mask: linear-gradient(180deg, var(--cn-gradient-skeleton-mask-from) 50%, var(--cn-gradient-skeleton-mask-to) 100%);--cn-comp-slider-track-progress: var(--cn-set-brand-primary-bg);--cn-comp-slider-track-warning: var(--cn-set-warning-primary-bg);--cn-comp-slider-track-success: var(--cn-set-success-primary-bg);--cn-comp-slider-track-danger: var(--cn-set-danger-primary-bg);--cn-comp-slider-handle-bg: var(--cn-bg-0);--cn-comp-slider-handle-border: var(--cn-border-1);--cn-comp-slider-handle-bg-selected: var(--cn-bg-3);--cn-comp-slider-range-gradient: linear-gradient(90deg, var(--cn-set-gray-primary-bg) 15%, var(--cn-set-warning-primary-bg) 40%, var(--cn-set-orange-primary-bg) 60%, var(--cn-set-danger-primary-bg) 80%);--cn-comp-ai-chat-bubble: linear-gradient(95deg, var(--cn-gradient-sidebar-selected-from) -13.12%, var(--cn-gradient-sidebar-selected-to) 84.9%);--cn-comp-card-fade-default: linear-gradient(0deg, var(--cn-bg-1) 0%, var(--cn-gradient-card-fade-default) 100%);--cn-comp-card-fade-selected: linear-gradient(0deg, var(--cn-set-brand-outline-bg) 0%, var(--cn-gradient-card-fade-selected) 100%);--cn-comp-data-viz-inactive-01-blue: lch(86 23.2 255);--cn-comp-data-viz-inactive-02-purple: lch(83.2 32.8 350);--cn-comp-data-viz-inactive-03-pink: lch(83.2 32.8 350);--cn-comp-data-viz-inactive-04-green: lch(82.4 32 125);--cn-comp-data-viz-inactive-05-indigo: lch(80.4 34 280);--cn-comp-data-viz-inactive-06-brown: lch(79.6 20 38);--cn-comp-data-viz-inactive-07-cyan: lch(88.8 24 195);--cn-comp-data-viz-inactive-08-orange: lch(82.4 22.4 38);--cn-comp-data-viz-inactive-09-forest: lch(74.4 25.6 158);--cn-comp-data-viz-inactive-10-red: lch(79.2 34.4 32);--cn-comp-data-viz-inactive-11-yellow: lch(91.2 23.2 55);--cn-comp-data-viz-inactive-12-gray: lch(90.4 2.6 272);--cn-comp-data-viz-01-blue-shadow: rgb(0% 66.3% 100% / 0.4);--cn-comp-data-viz-02-purple-shadow: rgb(99.1% 17.2% 65.7% / 0.4);--cn-comp-data-viz-03-pink-shadow: rgb(99.1% 17.2% 65.7% / 0.4);--cn-comp-data-viz-04-green-shadow: rgb(26.2% 59.9% 0% / 0.4);--cn-comp-data-viz-05-indigo-shadow: rgb(0% 46.8% 100% / 0.4);--cn-comp-data-viz-06-brown-shadow: rgb(72% 33.6% 26.2% / 0.4);--cn-comp-data-viz-07-cyan-shadow: rgb(0% 78.5% 77.8% / 0.4);--cn-comp-data-viz-08-orange-shadow: rgb(82.9% 38.8% 30.2% / 0.4);--cn-comp-data-viz-09-forest-shadow: rgb(0% 39% 22.5% / 0.4);--cn-comp-data-viz-10-red-shadow: rgb(87.6% 3.04% 17% / 0.4);--cn-comp-data-viz-11-yellow-shadow: rgb(100% 65.9% 42.1% / 0.4);--cn-comp-data-viz-12-gray-shadow: rgb(71.9% 73.5% 78.2% / 0.4);--cn-comp-widget-test-intelligence-gradient: linear-gradient(90deg, var(--cn-comp-data-viz-05-indigo) 0%, var(--cn-comp-data-viz-02-purple) 100%);--cn-comp-widget-test-intelligence-text-gradient: linear-gradient(90deg, var(--cn-text-2) 3%, var(--cn-comp-data-viz-05-indigo) 75%, var(--cn-comp-data-viz-02-purple) 100%);--cn-comp-shadow-avatar-inner: inset 0 0 0 0.6px var(--cn-comp-avatar-shadow);--cn-comp-shadow-ai-inner: inset 0 6px 12px 0 var(--cn-set-ai-outline-inner);--cn-comp-monaco-foreground: var(--cn-comp-diff-hljs);--cn-comp-monaco-cursor: var(--cn-text-1);--cn-comp-monaco-whitespace: var(--cn-text-4);--cn-comp-monaco-constant: var(--cn-set-orange-outline-text);--cn-comp-monaco-invalid-bg: var(--cn-set-warning-outline-bg);--cn-comp-monaco-invalid-text: var(--cn-set-warning-outline-text);--cn-comp-monaco-diff-header-bg: var(--cn-set-brand-outline-bg);--cn-comp-monaco-line-number: var(--cn-text-4);--cn-comp-monaco-indent-guide: var(--cn-border-3);--cn-comp-monaco-indent-guide-active: var(--cn-border-1);--cn-shadow-0: 0 0 0 0 var(--cn-shadow-color-0);--cn-shadow-1: 0 1px 2px 0 var(--cn-shadow-color-1);--cn-shadow-2: 0 1px 3px 0 var(--cn-shadow-color-2), 0 1px 15px -1px var(--cn-shadow-color-2);--cn-shadow-3: 0 4px 6px -1px var(--cn-shadow-color-3), 0 2px 8px -2px var(--cn-shadow-color-3);--cn-shadow-4: 0 10px 15px -3px var(--cn-shadow-color-4), 0 4px 8px -4px var(--cn-shadow-color-4);--cn-shadow-5: 0 20px 25px -5px var(--cn-shadow-color-5), 0 8px 10px -6px var(--cn-shadow-color-5);--cn-shadow-6: 0 25px 50px -12px var(--cn-shadow-color-6);--cn-shadow-inner: inset 0 0 4.5px 0 var(--cn-shadow-color-inner);--cn-ring-danger: 0 0 0 4px var(--cn-set-danger-secondary-bg);--cn-ring-danger-hover: 0 0 0 4px var(--cn-set-danger-secondary-bg-hover);--cn-ring-selected: 0 0 0 4px var(--cn-set-brand-primary-ring);--cn-ring-success: 0 0 0 4px var(--cn-set-success-secondary-bg);--cn-ring-success-hover: 0 0 0 4px var(--cn-set-success-secondary-bg-hover);--cn-ring-warning: 0 0 0 4px var(--cn-set-warning-secondary-bg);--cn-ring-warning-hover: 0 0 0 4px var(--cn-set-warning-secondary-bg-hover);--cn-gradient-alert-fade-default: lch(from var(--cn-set-gray-secondary-bg) l c h / 0);--cn-gradient-alert-fade-danger: lch(from var(--cn-set-danger-secondary-bg) l c h / 0);--cn-gradient-alert-fade-warning: lch(from var(--cn-set-warning-secondary-bg) l c h / 0);--cn-gradient-alert-fade-success: lch(from var(--cn-set-success-secondary-bg) l c h / 0);--cn-gradient-dialog-fade: lch(from var(--cn-bg-2) l c h / 0);--cn-gradient-toast-default-to: lch(from var(--cn-bg-3) l c h / 0);--cn-gradient-toast-default-from: var(--cn-bg-3);--cn-gradient-toast-danger-to: lch(from var(--cn-comp-toast-danger-bg) l c h / 0);--cn-gradient-toast-danger-from: var(--cn-comp-toast-danger-bg);--cn-gradient-card-fade-default: lch(from var(--cn-bg-1) l c h / 0);--cn-gradient-card-fade-selected: lch(from var(--cn-set-brand-outline-bg) l c h / 0);--cn-img-empty-state-bg: radial-gradient(54% 83% at 50% 102%, var(--cn-gradient-img-empty-state-bg-stop-1) 0%, var(--cn-gradient-img-empty-state-bg-stop-2) 27%, var(--cn-gradient-img-empty-state-bg-stop-3) 46%, var(--cn-gradient-img-empty-state-bg-stop-4) 63%, var(--cn-gradient-img-empty-state-bg-stop-5) 84%, var(--cn-gradient-img-empty-state-bg-stop-6) 100%);--cn-img-empty-state-border: linear-gradient(180deg, var(--cn-gradient-img-empty-state-border-from) 0%, var(--cn-gradient-img-empty-state-border-to) 100%);--cn-img-empty-state-icon: radial-gradient(31.5% 52.5% at 50% 64%, var(--cn-gradient-img-empty-state-icon-stop-1) 0%, var(--cn-gradient-img-empty-state-icon-stop-2) 38%, var(--cn-gradient-img-empty-state-icon-stop-3) 100%);--cn-img-empty-state-lines: radial-gradient(60.84% 50% at 50% 50%, var(--cn-gradient-img-empty-state-lines-from) 0%, var(--cn-gradient-img-empty-state-lines-to) 100%);--cn-img-empty-state-logo: radial-gradient(87.5% 87.5% at 50% 50%, var(--cn-gradient-img-empty-state-logo-from) 0%, var(--cn-gradient-img-empty-state-logo-to) 100%);--cn-img-empty-state-bubble-t-bg: linear-gradient(44deg, var(--cn-gradient-img-empty-state-bubble-t-bg-from) 11%, var(--cn-gradient-img-empty-state-bubble-t-bg-to) 71%);--cn-img-empty-state-bubble-t-icon: linear-gradient(225deg, var(--cn-gradient-img-empty-state-bubble-t-icon-from) 8%, var(--cn-gradient-img-empty-state-bubble-t-icon-to) 92%);--cn-img-empty-state-bubble-b-bg: linear-gradient(44deg, var(--cn-gradient-img-empty-state-bubble-b-bg-from) 11%, var(--cn-gradient-img-empty-state-bubble-b-bg-to) 71%);--cn-img-empty-state-bubble-b-icon: linear-gradient(225deg, var(--cn-gradient-img-empty-state-bubble-b-icon-from) 8%, var(--cn-gradient-img-empty-state-bubble-b-icon-to) 92%);--cn-flow-onboard-img-color-bubble-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-img-color-bubble-default-from) 0%, var(--cn-gradient-flow-onboard-img-color-bubble-default-to) 100%);--cn-flow-onboard-img-color-bubble-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-img-color-bubble-danger-from) 0%, var(--cn-gradient-flow-onboard-img-color-bubble-danger-to) 100%);--cn-flow-onboard-ellipse-t-1-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-1-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-1-default-to) 100%);--cn-flow-onboard-ellipse-t-1-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-1-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-1-danger-to) 100%);--cn-flow-onboard-ellipse-t-2-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-2-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-2-default-to) 100%);--cn-flow-onboard-ellipse-t-2-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-2-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-2-danger-to) 100%);--cn-flow-onboard-ellipse-b-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-b-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-b-default-to) 100%);--cn-flow-onboard-ellipse-b-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-b-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-b-danger-to) 100%);--cn-comp-dialog-fade-start: linear-gradient(0deg, var(--cn-gradient-dialog-fade) 0%, var(--cn-bg-1) 100%);--cn-comp-diff-expand-content: var(--cn-comp-diff-background);--cn-comp-link-text: var(--cn-text-brand);--cn-comp-link-text-hover: lch(42.3 72 280);--cn-comp-sidebar-fade-end: linear-gradient(0deg, var(--cn-comp-sidebar-bg) 0%, var(--cn-gradient-sidebar-fade) 100%);--cn-comp-selection-unselected-border-hover: var(--cn-border-brand);--cn-comp-slider-handle-border-selected: var(--cn-border-brand);--cn-comp-toast-danger-fade: linear-gradient(0deg, var(--cn-gradient-toast-danger-from) 42%, var(--cn-gradient-toast-danger-to) 100%);--cn-comp-toast-fade: linear-gradient(0deg, var(--cn-gradient-toast-default-from) 42%, var(--cn-gradient-toast-default-to) 100%);--cn-comp-data-viz-inactive-01-blue-shadow: rgb(72% 86.2% 100% / 0.4);--cn-comp-data-viz-inactive-02-purple-shadow: rgb(100% 72.4% 86% / 0.4);--cn-comp-data-viz-inactive-03-pink-shadow: rgb(100% 72.4% 86% / 0.4);--cn-comp-data-viz-inactive-04-green-shadow: rgb(72.1% 84.1% 60.6% / 0.4);--cn-comp-data-viz-inactive-05-indigo-shadow: rgb(72.1% 77.5% 100% / 0.4);--cn-comp-data-viz-inactive-06-brown-shadow: rgb(91.1% 73.1% 68.7% / 0.4);--cn-comp-data-viz-inactive-07-cyan-shadow: rgb(65% 92.7% 91.7% / 0.4);--cn-comp-data-viz-inactive-08-orange-shadow: rgb(95.7% 75.6% 70.6% / 0.4);--cn-comp-data-viz-inactive-09-forest-shadow: rgb(54.8% 76.6% 64.4% / 0.4);--cn-comp-data-viz-inactive-10-red-shadow: rgb(100% 68.6% 64.3% / 0.4);--cn-comp-data-viz-inactive-11-yellow-shadow: rgb(100% 86.8% 77.7% / 0.4);--cn-comp-data-viz-inactive-12-gray-shadow: rgb(88.6% 89.2% 91.1% / 0.4);--cn-comp-shadow-data-viz-01-blue: 0 3px 5px var(--cn-comp-data-viz-01-blue-shadow);--cn-comp-shadow-data-viz-02-purple: 0 3px 5px var(--cn-comp-data-viz-02-purple-shadow);--cn-comp-shadow-data-viz-03-pink: 0 3px 5px var(--cn-comp-data-viz-03-pink-shadow);--cn-comp-shadow-data-viz-04-green: 0 3px 5px var(--cn-comp-data-viz-04-green-shadow);--cn-comp-shadow-data-viz-05-indigo: 0 3px 5px var(--cn-comp-data-viz-05-indigo-shadow);--cn-comp-shadow-data-viz-06-brown: 0 3px 5px var(--cn-comp-data-viz-06-brown-shadow);--cn-comp-shadow-data-viz-07-cyan: 0 3px 5px var(--cn-comp-data-viz-07-cyan-shadow);--cn-comp-shadow-data-viz-08-orange: 0 3px 5px var(--cn-comp-data-viz-08-orange-shadow);--cn-comp-shadow-data-viz-09-forest: 0 3px 5px var(--cn-comp-data-viz-09-forest-shadow);--cn-comp-shadow-data-viz-10-red: 0 3px 5px var(--cn-comp-data-viz-10-red-shadow);--cn-comp-shadow-data-viz-11-yellow: 0 3px 5px var(--cn-comp-data-viz-11-yellow-shadow);--cn-comp-shadow-data-viz-12-gray: 0 3px 5px var(--cn-comp-data-viz-12-gray-shadow);--cn-comp-monaco-background: var(--cn-comp-diff-background);--cn-comp-monaco-key: var(--cn-comp-diff-hljs-attr);--cn-comp-monaco-string: var(--cn-comp-diff-hljs-string);--cn-comp-monaco-number: var(--cn-comp-diff-hljs-literal);--cn-comp-monaco-boolean: var(--cn-comp-diff-hljs-keyword);--cn-comp-monaco-comment: var(--cn-comp-diff-hljs-comment);--cn-comp-monaco-tag: var(--cn-comp-diff-hljs-title-class);--cn-comp-monaco-delimiter: var(--cn-comp-diff-hljs-comment);--cn-comp-monaco-anchor: var(--cn-comp-diff-hljs-name);--cn-comp-monaco-function: var(--cn-comp-diff-hljs-title-function);--cn-comp-monaco-diff-inserted: var(--cn-text-success);--cn-comp-monaco-diff-deleted: var(--cn-text-danger);--cn-comp-monaco-diff-range: var(--cn-text-brand);--cn-comp-monaco-line-number-active: var(--cn-comp-monaco-foreground);--cn-gradient-sidebar-fade: lch(from var(--cn-comp-sidebar-bg) l c h / 0);--cn-focus: var(--cn-border-width-2) solid var(--cn-border-brand);--cn-comp-sidebar-fade-start: linear-gradient(0deg, var(--cn-gradient-sidebar-fade) 0%, var(--cn-comp-sidebar-bg) 100%);--cn-comp-shadow-data-viz-inactive-01-blue: 0 5px 10px var(--cn-comp-data-viz-inactive-01-blue-shadow);--cn-comp-shadow-data-viz-inactive-02-purple: 0 5px 10px var(--cn-comp-data-viz-inactive-02-purple-shadow);--cn-comp-shadow-data-viz-inactive-03-pink: 0 5px 10px var(--cn-comp-data-viz-inactive-03-pink-shadow);--cn-comp-shadow-data-viz-inactive-04-green: 0 5px 10px var(--cn-comp-data-viz-inactive-04-green-shadow);--cn-comp-shadow-data-viz-inactive-05-indigo: 0 5px 10px var(--cn-comp-data-viz-inactive-05-indigo-shadow);--cn-comp-shadow-data-viz-inactive-06-brown: 0 5px 10px var(--cn-comp-data-viz-inactive-06-brown-shadow);--cn-comp-shadow-data-viz-inactive-07-cyan: 0 5px 10px var(--cn-comp-data-viz-inactive-07-cyan-shadow);--cn-comp-shadow-data-viz-inactive-08-orange: 0 5px 10px var(--cn-comp-data-viz-inactive-08-orange-shadow);--cn-comp-shadow-data-viz-inactive-09-forest: 0 5px 10px var(--cn-comp-data-viz-inactive-09-forest-shadow);--cn-comp-shadow-data-viz-inactive-10-red: 0 5px 10px var(--cn-comp-data-viz-inactive-10-red-shadow);--cn-comp-shadow-data-viz-inactive-11-yellow: 0 5px 10px var(--cn-comp-data-viz-inactive-11-yellow-shadow);--cn-comp-shadow-data-viz-inactive-12-gray: 0 5px 10px var(--cn-comp-data-viz-inactive-12-gray-shadow);--cn-comp-monaco-selection: lch(91.1 0 272);--cn-comp-monaco-line-highlight: lch(96 0 272)}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
export const themeManifest = {
|
|
2
|
-
"dark-deuteranopia": "dark-deuteranopia.
|
|
3
|
-
"dark-dimmer-deuteranopia": "dark-dimmer-deuteranopia.
|
|
4
|
-
"dark-dimmer-protanopia": "dark-dimmer-protanopia.
|
|
5
|
-
"dark-dimmer-tritanopia": "dark-dimmer-tritanopia.
|
|
6
|
-
"dark-dimmer": "dark-dimmer.
|
|
7
|
-
"dark-high-contrast-deuteranopia": "dark-high-contrast-deuteranopia.
|
|
8
|
-
"dark-high-contrast-protanopia": "dark-high-contrast-protanopia.
|
|
9
|
-
"dark-high-contrast-tritanopia": "dark-high-contrast-tritanopia.
|
|
10
|
-
"dark-high-contrast": "dark-high-contrast.
|
|
11
|
-
"dark-protanopia": "dark-protanopia.
|
|
12
|
-
"dark-tritanopia": "dark-tritanopia.
|
|
13
|
-
"light-deuteranopia": "light-deuteranopia.
|
|
14
|
-
"light-dimmer-deuteranopia": "light-dimmer-deuteranopia.
|
|
15
|
-
"light-dimmer-protanopia": "light-dimmer-protanopia.
|
|
16
|
-
"light-dimmer-tritanopia": "light-dimmer-tritanopia.
|
|
17
|
-
"light-dimmer": "light-dimmer.
|
|
18
|
-
"light-high-contrast-deuteranopia": "light-high-contrast-deuteranopia.
|
|
19
|
-
"light-high-contrast-protanopia": "light-high-contrast-protanopia.
|
|
20
|
-
"light-high-contrast-tritanopia": "light-high-contrast-tritanopia.
|
|
21
|
-
"light-high-contrast": "light-high-contrast.
|
|
22
|
-
"light-protanopia": "light-protanopia.
|
|
23
|
-
"light-tritanopia": "light-tritanopia.
|
|
2
|
+
"dark-deuteranopia": "dark-deuteranopia.c8ce82e9.css",
|
|
3
|
+
"dark-dimmer-deuteranopia": "dark-dimmer-deuteranopia.2982665b.css",
|
|
4
|
+
"dark-dimmer-protanopia": "dark-dimmer-protanopia.de2babf0.css",
|
|
5
|
+
"dark-dimmer-tritanopia": "dark-dimmer-tritanopia.b2a90941.css",
|
|
6
|
+
"dark-dimmer": "dark-dimmer.72588e44.css",
|
|
7
|
+
"dark-high-contrast-deuteranopia": "dark-high-contrast-deuteranopia.8ba52536.css",
|
|
8
|
+
"dark-high-contrast-protanopia": "dark-high-contrast-protanopia.7fe56ba5.css",
|
|
9
|
+
"dark-high-contrast-tritanopia": "dark-high-contrast-tritanopia.ef769fd1.css",
|
|
10
|
+
"dark-high-contrast": "dark-high-contrast.92a0c729.css",
|
|
11
|
+
"dark-protanopia": "dark-protanopia.28269297.css",
|
|
12
|
+
"dark-tritanopia": "dark-tritanopia.d336758f.css",
|
|
13
|
+
"light-deuteranopia": "light-deuteranopia.2eb1464b.css",
|
|
14
|
+
"light-dimmer-deuteranopia": "light-dimmer-deuteranopia.6923a80e.css",
|
|
15
|
+
"light-dimmer-protanopia": "light-dimmer-protanopia.d2862f9f.css",
|
|
16
|
+
"light-dimmer-tritanopia": "light-dimmer-tritanopia.a62b667f.css",
|
|
17
|
+
"light-dimmer": "light-dimmer.c0be7a64.css",
|
|
18
|
+
"light-high-contrast-deuteranopia": "light-high-contrast-deuteranopia.9b82bae2.css",
|
|
19
|
+
"light-high-contrast-protanopia": "light-high-contrast-protanopia.bf82dc1f.css",
|
|
20
|
+
"light-high-contrast-tritanopia": "light-high-contrast-tritanopia.b5c42be9.css",
|
|
21
|
+
"light-high-contrast": "light-high-contrast.6b57ee4e.css",
|
|
22
|
+
"light-protanopia": "light-protanopia.03a7ca55.css",
|
|
23
|
+
"light-tritanopia": "light-tritanopia.4636b57c.css"
|
|
24
24
|
};
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
{
|
|
2
|
-
"dark-deuteranopia": "dark-deuteranopia.
|
|
3
|
-
"dark-dimmer-deuteranopia": "dark-dimmer-deuteranopia.
|
|
4
|
-
"dark-dimmer-protanopia": "dark-dimmer-protanopia.
|
|
5
|
-
"dark-dimmer-tritanopia": "dark-dimmer-tritanopia.
|
|
6
|
-
"dark-dimmer": "dark-dimmer.
|
|
7
|
-
"dark-high-contrast-deuteranopia": "dark-high-contrast-deuteranopia.
|
|
8
|
-
"dark-high-contrast-protanopia": "dark-high-contrast-protanopia.
|
|
9
|
-
"dark-high-contrast-tritanopia": "dark-high-contrast-tritanopia.
|
|
10
|
-
"dark-high-contrast": "dark-high-contrast.
|
|
11
|
-
"dark-protanopia": "dark-protanopia.
|
|
12
|
-
"dark-tritanopia": "dark-tritanopia.
|
|
13
|
-
"light-deuteranopia": "light-deuteranopia.
|
|
14
|
-
"light-dimmer-deuteranopia": "light-dimmer-deuteranopia.
|
|
15
|
-
"light-dimmer-protanopia": "light-dimmer-protanopia.
|
|
16
|
-
"light-dimmer-tritanopia": "light-dimmer-tritanopia.
|
|
17
|
-
"light-dimmer": "light-dimmer.
|
|
18
|
-
"light-high-contrast-deuteranopia": "light-high-contrast-deuteranopia.
|
|
19
|
-
"light-high-contrast-protanopia": "light-high-contrast-protanopia.
|
|
20
|
-
"light-high-contrast-tritanopia": "light-high-contrast-tritanopia.
|
|
21
|
-
"light-high-contrast": "light-high-contrast.
|
|
22
|
-
"light-protanopia": "light-protanopia.
|
|
23
|
-
"light-tritanopia": "light-tritanopia.
|
|
2
|
+
"dark-deuteranopia": "dark-deuteranopia.c8ce82e9.css",
|
|
3
|
+
"dark-dimmer-deuteranopia": "dark-dimmer-deuteranopia.2982665b.css",
|
|
4
|
+
"dark-dimmer-protanopia": "dark-dimmer-protanopia.de2babf0.css",
|
|
5
|
+
"dark-dimmer-tritanopia": "dark-dimmer-tritanopia.b2a90941.css",
|
|
6
|
+
"dark-dimmer": "dark-dimmer.72588e44.css",
|
|
7
|
+
"dark-high-contrast-deuteranopia": "dark-high-contrast-deuteranopia.8ba52536.css",
|
|
8
|
+
"dark-high-contrast-protanopia": "dark-high-contrast-protanopia.7fe56ba5.css",
|
|
9
|
+
"dark-high-contrast-tritanopia": "dark-high-contrast-tritanopia.ef769fd1.css",
|
|
10
|
+
"dark-high-contrast": "dark-high-contrast.92a0c729.css",
|
|
11
|
+
"dark-protanopia": "dark-protanopia.28269297.css",
|
|
12
|
+
"dark-tritanopia": "dark-tritanopia.d336758f.css",
|
|
13
|
+
"light-deuteranopia": "light-deuteranopia.2eb1464b.css",
|
|
14
|
+
"light-dimmer-deuteranopia": "light-dimmer-deuteranopia.6923a80e.css",
|
|
15
|
+
"light-dimmer-protanopia": "light-dimmer-protanopia.d2862f9f.css",
|
|
16
|
+
"light-dimmer-tritanopia": "light-dimmer-tritanopia.a62b667f.css",
|
|
17
|
+
"light-dimmer": "light-dimmer.c0be7a64.css",
|
|
18
|
+
"light-high-contrast-deuteranopia": "light-high-contrast-deuteranopia.9b82bae2.css",
|
|
19
|
+
"light-high-contrast-protanopia": "light-high-contrast-protanopia.bf82dc1f.css",
|
|
20
|
+
"light-high-contrast-tritanopia": "light-high-contrast-tritanopia.b5c42be9.css",
|
|
21
|
+
"light-high-contrast": "light-high-contrast.6b57ee4e.css",
|
|
22
|
+
"light-protanopia": "light-protanopia.03a7ca55.css",
|
|
23
|
+
"light-tritanopia": "light-tritanopia.4636b57c.css"
|
|
24
24
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@harnessio/ui",
|
|
3
3
|
"description": "Harness Canary UI component library",
|
|
4
|
-
"version": "0.5.
|
|
4
|
+
"version": "0.5.51",
|
|
5
5
|
"private": false,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -121,8 +121,8 @@
|
|
|
121
121
|
"vaul": "^1.1.2",
|
|
122
122
|
"yaml": "^2.7.0",
|
|
123
123
|
"zod": "^3.23.8",
|
|
124
|
-
"@harnessio/yaml-editor": "0.26.0",
|
|
125
124
|
"@harnessio/core-design-system": "0.0.1",
|
|
125
|
+
"@harnessio/yaml-editor": "0.26.0",
|
|
126
126
|
"@harnessio/pipeline-graph": "1.9.6"
|
|
127
127
|
},
|
|
128
128
|
"peerDependencies": {
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Harness Design System
|
|
3
|
-
* Generated style tokens - DO NOT EDIT DIRECTLY
|
|
4
|
-
* Copyright (c) Harness.
|
|
5
|
-
*/.dark-dimmer-deuteranopia, .dark-deu-low{--cn-icon-stroke-width-2xs: 1.8px;--cn-icon-stroke-width-xs: 1.3px;--cn-icon-stroke-width-sm: 1.2px;--cn-icon-stroke-width-md: 1px;--cn-icon-stroke-width-lg: 1px;--cn-icon-stroke-width-xl: 1px;--cn-bg-0: lch(1 0.3 270);--cn-bg-1: lch(1.6 1.44 275);--cn-bg-2: lch(3.86 3.42 276);--cn-bg-3: lch(3.86 3.42 276);--cn-text-1: var(--cn-gray-150);--cn-text-2: var(--cn-gray-300);--cn-text-3: var(--cn-gray-500);--cn-text-4: var(--cn-gray-600);--cn-text-brand: var(--cn-blue-500);--cn-border-1: var(--cn-gray-800);--cn-border-2: var(--cn-gray-900);--cn-border-3: var(--cn-gray-950);--cn-border-success: var(--cn-indigo-600);--cn-border-danger: var(--cn-yellow-700);--cn-border-warning: var(--cn-orange-600);--cn-state-hover: lch(from var(--cn-gray-850) l c h / 0.16);--cn-state-selected: lch(from var(--cn-gray-850) l c h / 0.2);--cn-set-brand-primary-text: var(--cn-pure-white);--cn-set-brand-primary-bg: var(--cn-indigo-600);--cn-set-brand-primary-bg-hover: var(--cn-indigo-700);--cn-set-brand-primary-bg-selected: var(--cn-indigo-700);--cn-set-brand-primary-ring: lch(from var(--cn-indigo-600) l c h / 0.28);--cn-set-brand-secondary-text: var(--cn-blue-400);--cn-set-brand-secondary-bg: var(--cn-blue-950);--cn-set-brand-secondary-bg-hover: var(--cn-blue-900);--cn-set-brand-secondary-bg-selected: var(--cn-blue-900);--cn-set-brand-outline-text: var(--cn-blue-400);--cn-set-brand-outline-bg: lch(4.5 2.25 270);--cn-set-brand-outline-border: var(--cn-indigo-700);--cn-set-brand-outline-bg-hover: lch(9 10.8 250);--cn-set-brand-outline-bg-selected: lch(9 10.8 250);--cn-set-ai-outline-text: var(--cn-pure-white);--cn-set-ai-outline-inner: lch(from var(--cn-indigo-600) l c h / 0.35);--cn-set-gray-primary-text: var(--cn-pure-black);--cn-set-gray-primary-bg: var(--cn-gray-700);--cn-set-gray-primary-bg-hover: var(--cn-gray-600);--cn-set-gray-primary-bg-selected: var(--cn-gray-600);--cn-set-gray-secondary-bg: var(--cn-gray-950);--cn-set-gray-secondary-bg-hover: var(--cn-gray-850);--cn-set-gray-secondary-bg-selected: var(--cn-gray-850);--cn-set-gray-outline-bg-hover: lch(7.8 6 279);--cn-set-gray-outline-bg-selected: lch(7.8 6 279);--cn-set-success-primary-text: var(--cn-pure-black);--cn-set-success-primary-bg: var(--cn-indigo-400);--cn-set-success-primary-bg-hover: var(--cn-indigo-300);--cn-set-success-primary-bg-selected: var(--cn-indigo-300);--cn-set-success-secondary-text: var(--cn-indigo-200);--cn-set-success-secondary-bg: lch(15.2 24 266);--cn-set-success-secondary-bg-hover: var(--cn-indigo-850);--cn-set-success-secondary-bg-selected: var(--cn-indigo-850);--cn-set-success-outline-text: var(--cn-indigo-300);--cn-set-success-outline-bg: lch(4.5 2.25 270);--cn-set-success-outline-border: var(--cn-indigo-900);--cn-set-success-outline-bg-hover: lch(8.4 12 264);--cn-set-success-outline-bg-selected: lch(8.4 12 264);--cn-set-danger-primary-text: var(--cn-pure-black);--cn-set-danger-primary-bg: lch(65.5 85 76);--cn-set-danger-primary-bg-hover: lch(61.2 83.3 70);--cn-set-danger-primary-bg-selected: lch(61.2 83.3 70);--cn-set-danger-secondary-text: var(--cn-yellow-500);--cn-set-danger-secondary-bg: lch(12.8 15.2 60);--cn-set-danger-secondary-bg-hover: var(--cn-yellow-900);--cn-set-danger-secondary-bg-selected: var(--cn-yellow-900);--cn-set-danger-outline-text: var(--cn-yellow-600);--cn-set-danger-outline-bg: lch(4.5 1.8 60);--cn-set-danger-outline-border: var(--cn-yellow-900);--cn-set-danger-outline-bg-hover: lch(9.6 11.4 60);--cn-set-danger-outline-bg-selected: lch(9.6 11.4 60);--cn-set-warning-primary-text: var(--cn-pure-black);--cn-set-warning-primary-bg: var(--cn-orange-400);--cn-set-warning-primary-bg-hover: var(--cn-orange-500);--cn-set-warning-primary-bg-selected: var(--cn-orange-500);--cn-set-warning-secondary-text: var(--cn-orange-500);--cn-set-warning-secondary-bg: lch(12.8 16.8 48);--cn-set-warning-secondary-bg-hover: var(--cn-orange-900);--cn-set-warning-secondary-bg-selected: var(--cn-orange-900);--cn-set-warning-outline-text: var(--cn-orange-500);--cn-set-warning-outline-bg: lch(4.5 2.7 55);--cn-set-warning-outline-border: var(--cn-orange-850);--cn-set-warning-outline-bg-hover: lch(9.6 12.6 48);--cn-set-warning-outline-bg-selected: lch(9.6 12.6 48);--cn-set-blue-primary-text: var(--cn-pure-black);--cn-set-blue-primary-bg: var(--cn-blue-600);--cn-set-blue-primary-bg-hover: var(--cn-blue-500);--cn-set-blue-primary-bg-selected: var(--cn-blue-500);--cn-set-blue-secondary-text: var(--cn-blue-400);--cn-set-blue-secondary-bg: var(--cn-blue-950);--cn-set-blue-secondary-bg-hover: var(--cn-blue-900);--cn-set-blue-secondary-bg-selected: var(--cn-blue-900);--cn-set-blue-outline-text: var(--cn-blue-500);--cn-set-blue-outline-bg: lch(4.95 2.7 262);--cn-set-blue-outline-border: var(--cn-blue-900);--cn-set-blue-outline-bg-hover: lch(9 10.8 250);--cn-set-blue-outline-bg-selected: lch(9 10.8 250);--cn-set-purple-primary-text: var(--cn-pure-black);--cn-set-purple-primary-bg: var(--cn-purple-600);--cn-set-purple-primary-bg-hover: var(--cn-purple-500);--cn-set-purple-primary-bg-selected: var(--cn-purple-500);--cn-set-purple-secondary-text: var(--cn-purple-400);--cn-set-purple-secondary-bg: var(--cn-purple-900);--cn-set-purple-secondary-bg-hover: var(--cn-purple-900);--cn-set-purple-secondary-bg-selected: var(--cn-purple-900);--cn-set-purple-outline-text: var(--cn-purple-500);--cn-set-purple-outline-bg: lch(4.5 1.8 320);--cn-set-purple-outline-border: var(--cn-purple-900);--cn-set-purple-outline-bg-hover: lch(9.6 10.8 320);--cn-set-purple-outline-bg-selected: lch(9.6 10.8 320);--cn-set-brown-primary-text: var(--cn-brown-25);--cn-set-brown-primary-bg: var(--cn-brown-800);--cn-set-brown-primary-bg-hover: var(--cn-brown-700);--cn-set-brown-secondary-text: var(--cn-brown-400);--cn-set-brown-secondary-bg: var(--cn-brown-900);--cn-set-brown-secondary-bg-hover: var(--cn-brown-900);--cn-set-brown-outline-text: var(--cn-brown-500);--cn-set-brown-outline-bg: lch(4.5 1.8 50);--cn-set-brown-outline-border: var(--cn-brown-900);--cn-set-brown-outline-bg-hover: lch(9.6 8.4 40);--cn-set-cyan-primary-text: var(--cn-pure-black);--cn-set-cyan-primary-bg: var(--cn-cyan-400);--cn-set-cyan-primary-bg-hover: var(--cn-cyan-300);--cn-set-cyan-secondary-text: var(--cn-cyan-400);--cn-set-cyan-secondary-bg: var(--cn-cyan-950);--cn-set-cyan-secondary-bg-hover: var(--cn-cyan-900);--cn-set-cyan-outline-text: var(--cn-cyan-500);--cn-set-cyan-outline-bg: lch(4.5 2.25 210);--cn-set-cyan-outline-border: var(--cn-cyan-900);--cn-set-cyan-outline-bg-hover: lch(9.6 9 195);--cn-set-indigo-primary-text: var(--cn-pure-black);--cn-set-indigo-primary-bg: var(--cn-indigo-500);--cn-set-indigo-primary-bg-hover: var(--cn-indigo-400);--cn-set-indigo-primary-bg-selected: var(--cn-indigo-400);--cn-set-indigo-secondary-text: var(--cn-indigo-400);--cn-set-indigo-secondary-bg: var(--cn-indigo-950);--cn-set-indigo-secondary-bg-hover: var(--cn-indigo-850);--cn-set-indigo-secondary-bg-selected: var(--cn-indigo-850);--cn-set-indigo-outline-text: var(--cn-indigo-500);--cn-set-indigo-outline-bg: lch(4.5 2.25 270);--cn-set-indigo-outline-border: var(--cn-indigo-900);--cn-set-indigo-outline-bg-hover: lch(8.4 12 264);--cn-set-indigo-outline-bg-selected: lch(8.4 12 264);--cn-set-forest-green-primary-text: var(--cn-pure-black);--cn-set-forest-green-primary-bg: var(--cn-lime-300);--cn-set-forest-green-primary-bg-hover: var(--cn-lime-200);--cn-set-forest-green-secondary-text: var(--cn-lime-400);--cn-set-forest-green-secondary-bg: var(--cn-lime-950);--cn-set-forest-green-secondary-bg-hover: var(--cn-lime-900);--cn-set-forest-green-outline-text: var(--cn-lime-500);--cn-set-forest-green-outline-bg: lch(4.5 2.25 130);--cn-set-forest-green-outline-border: var(--cn-lime-900);--cn-set-forest-green-outline-bg-hover: lch(10.2 12 128);--cn-set-mint-primary-text: var(--cn-pure-black);--cn-set-mint-primary-bg: var(--cn-indigo-400);--cn-set-mint-primary-bg-hover: var(--cn-indigo-300);--cn-set-mint-primary-bg-selected: var(--cn-indigo-300);--cn-set-mint-secondary-text: var(--cn-indigo-300);--cn-set-mint-secondary-bg: var(--cn-indigo-950);--cn-set-mint-secondary-bg-hover: var(--cn-indigo-900);--cn-set-mint-secondary-bg-selected: var(--cn-indigo-900);--cn-set-mint-outline-text: var(--cn-indigo-500);--cn-set-mint-outline-bg: lch(4.5 2.25 270);--cn-set-mint-outline-border: var(--cn-indigo-950);--cn-set-mint-outline-bg-hover: lch(8.4 12 264);--cn-set-mint-outline-bg-selected: lch(8.4 12 264);--cn-set-orange-primary-text: var(--cn-pure-black);--cn-set-orange-primary-bg: var(--cn-brown-500);--cn-set-orange-primary-bg-hover: var(--cn-brown-400);--cn-set-orange-secondary-text: var(--cn-brown-400);--cn-set-orange-secondary-bg: var(--cn-brown-950);--cn-set-orange-secondary-bg-hover: var(--cn-brown-900);--cn-set-orange-outline-text: var(--cn-brown-600);--cn-set-orange-outline-bg: lch(4.5 1.8 50);--cn-set-orange-outline-border: var(--cn-brown-900);--cn-set-orange-outline-bg-hover: lch(9.6 8.4 40);--cn-set-pink-primary-text: var(--cn-pure-black);--cn-set-pink-primary-bg: var(--cn-purple-500);--cn-set-pink-primary-bg-hover: var(--cn-purple-400);--cn-set-pink-primary-bg-selected: var(--cn-purple-400);--cn-set-pink-secondary-text: var(--cn-purple-300);--cn-set-pink-secondary-bg: var(--cn-purple-950);--cn-set-pink-secondary-bg-hover: var(--cn-purple-900);--cn-set-pink-secondary-bg-selected: var(--cn-purple-900);--cn-set-pink-outline-text: var(--cn-purple-500);--cn-set-pink-outline-bg: lch(4.5 1.8 320);--cn-set-pink-outline-border: var(--cn-purple-950);--cn-set-pink-outline-bg-hover: lch(9.6 10.8 320);--cn-set-pink-outline-bg-selected: lch(9.6 10.8 320);--cn-set-violet-primary-text: var(--cn-pure-black);--cn-set-violet-primary-bg: var(--cn-violet-600);--cn-set-violet-primary-bg-hover: var(--cn-violet-500);--cn-set-violet-primary-bg-selected: var(--cn-violet-500);--cn-set-violet-secondary-text: var(--cn-violet-400);--cn-set-violet-secondary-bg: var(--cn-violet-950);--cn-set-violet-secondary-bg-hover: var(--cn-violet-900);--cn-set-violet-secondary-bg-selected: var(--cn-violet-900);--cn-set-violet-outline-text: var(--cn-violet-500);--cn-set-violet-outline-bg: lch(4.5 2.25 285);--cn-set-violet-outline-border: var(--cn-violet-900);--cn-set-violet-outline-bg-hover: lch(9.6 16.8 288);--cn-set-violet-outline-bg-selected: lch(9.6 16.8 288);--cn-comp-avatar-shadow: lch(from var(--cn-gray-500) l c h / 0.03);--cn-comp-diff-plain-line-number-color: var(--cn-gray-300);--cn-comp-diff-empty-content: var(--cn-gray-1000);--cn-comp-diff-hunk-content: lch(from var(--cn-indigo-600) l c h / 0.1);--cn-comp-diff-hunk-line-number: lch(from var(--cn-indigo-600) l c h / 0.2);--cn-comp-diff-hunk-content-color: var(--cn-gray-500);--cn-comp-diff-hljs: var(--cn-gray-150);--cn-comp-header-item-hover: lch(from var(--cn-gray-600) l c h / 0.02);--cn-comp-header-item-selected: lch(from var(--cn-gray-600) l c h / 0.03);--cn-comp-pipeline-dotes-extensions: var(--cn-gray-1000);--cn-comp-pipeline-card-footer: var(--cn-gray-1000);--cn-comp-pipeline-bg: var(--cn-pure-black);--cn-comp-sidebar-item-hover: lch(from var(--cn-gray-600) l c h / 0.02);--cn-comp-scrollbar-thumb: lch(26 8.5 279);--cn-comp-slider-track-base: var(--cn-gray-900);--cn-comp-slider-track-progress-stripes: lch(from var(--cn-pure-black) l c h / 0.08);--cn-comp-toast-danger-bg: lch(44.2 45.1 48);--cn-comp-toast-danger-border: var(--cn-orange-800);--cn-comp-toast-danger-text: var(--cn-orange-25);--cn-comp-toast-danger-transparent-btn-text: var(--cn-orange-25);--cn-comp-toast-danger-transparent-btn-text-hover: var(--cn-orange-50);--cn-comp-toast-danger-transparent-btn-text-active: var(--cn-orange-100);--cn-comp-toast-danger-action-btn-text: var(--cn-pure-black);--cn-comp-toast-danger-action-btn-bg: var(--cn-orange-25);--cn-comp-toast-danger-action-btn-bg-hover: var(--cn-orange-50);--cn-comp-toast-danger-action-btn-bg-selected: var(--cn-orange-100);--cn-comp-tooltip-bg: var(--cn-gray-25);--cn-comp-tooltip-border: var(--cn-gray-25);--cn-comp-tooltip-text: var(--cn-pure-black);--cn-comp-data-viz-01-blue: var(--cn-blue-500);--cn-comp-data-viz-02-purple: var(--cn-purple-600);--cn-comp-data-viz-03-pink: var(--cn-purple-500);--cn-comp-data-viz-04-green: var(--cn-blue-400);--cn-comp-data-viz-05-indigo: var(--cn-indigo-500);--cn-comp-data-viz-06-brown: var(--cn-brown-600);--cn-comp-data-viz-07-cyan: var(--cn-cyan-400);--cn-comp-data-viz-08-orange: var(--cn-brown-500);--cn-comp-data-viz-09-forest: var(--cn-blue-700);--cn-comp-data-viz-10-red: var(--cn-orange-600);--cn-comp-data-viz-11-yellow: var(--cn-yellow-300);--cn-comp-data-viz-12-gray: var(--cn-gray-500);--cn-comp-widget-test-intelligence-bg: linear-gradient(105deg, var(--cn-purple-1000) -18.5%, var(--cn-bg-1) 84%);--cn-logo-icon: var(--cn-blue-500);--cn-shadow-color-0: lch(from var(--cn-pure-black) l c h / 0);--cn-shadow-color-1: lch(from var(--cn-pure-black) l c h / 0.20);--cn-shadow-color-2: lch(from var(--cn-pure-black) l c h / 0.20);--cn-shadow-color-3: lch(from var(--cn-pure-black) l c h / 0.15);--cn-shadow-color-4: lch(from var(--cn-pure-black) l c h / 0.15);--cn-shadow-color-5: lch(from var(--cn-pure-black) l c h / 0.15);--cn-shadow-color-6: lch(from var(--cn-pure-black) l c h / 0.20);--cn-shadow-color-inner: lch(from var(--cn-pure-black) l c h / 0.20);--cn-gradient-ai-stop-1: var(--cn-blue-500);--cn-gradient-ai-stop-2: var(--cn-indigo-700);--cn-gradient-ai-stop-3: var(--cn-violet-600);--cn-gradient-ai-outline-bg-stop-2: var(--cn-indigo-1000);--cn-gradient-ai-outline-bg-stop-3: var(--cn-indigo-900);--cn-gradient-ai-outline-bg-stop-4: var(--cn-indigo-850);--cn-gradient-ai-chat-bubble-from: lch(from var(--cn-indigo-600) l c h / 0.45);--cn-gradient-ai-chat-bubble-to: lch(from var(--cn-gray-600) l c h / 0.09);--cn-gradient-skeleton-stop-1: var(--cn-gray-950);--cn-gradient-skeleton-stop-2: var(--cn-gray-850);--cn-gradient-skeleton-stop-3: var(--cn-gray-950);--cn-gradient-skeleton-mask-from: var(--cn-pure-white);--cn-gradient-skeleton-mask-to: lch(from var(--cn-pure-white) l c h / 0);--cn-gradient-sidebar-selected-from: lch(from var(--cn-indigo-500) l c h / 0.2);--cn-gradient-sidebar-selected-to: lch(from var(--cn-gray-600) l c h / 0.09);--cn-gradient-img-empty-state-bg-stop-1: var(--cn-gray-600);--cn-gradient-img-empty-state-bg-stop-2: var(--cn-gray-700);--cn-gradient-img-empty-state-bg-stop-3: var(--cn-gray-800);--cn-gradient-img-empty-state-bg-stop-4: var(--cn-gray-850);--cn-gradient-img-empty-state-bg-stop-5: var(--cn-gray-900);--cn-gradient-img-empty-state-bg-stop-6: var(--cn-gray-950);--cn-gradient-img-empty-state-border-from: lch(from var(--cn-pure-white) l c h / 0.12);--cn-gradient-img-empty-state-border-to: lch(from var(--cn-pure-white) l c h / 0.01);--cn-gradient-img-empty-state-icon-stop-1: var(--cn-gray-100);--cn-gradient-img-empty-state-icon-stop-2: var(--cn-gray-200);--cn-gradient-img-empty-state-icon-stop-3: var(--cn-gray-500);--cn-gradient-img-empty-state-lines-from: var(--cn-gray-850);--cn-gradient-img-empty-state-lines-to: var(--cn-gray-950);--cn-gradient-img-empty-state-logo-from: var(--cn-gray-25);--cn-gradient-img-empty-state-logo-to: var(--cn-gray-400);--cn-gradient-img-empty-state-bubble-t-bg-from: var(--cn-gray-850);--cn-gradient-img-empty-state-bubble-t-bg-to: var(--cn-gray-950);--cn-gradient-img-empty-state-bubble-t-icon-from: var(--cn-gray-800);--cn-gradient-img-empty-state-bubble-t-icon-to: var(--cn-gray-300);--cn-gradient-img-empty-state-bubble-b-bg-from: var(--cn-gray-950);--cn-gradient-img-empty-state-bubble-b-bg-to: var(--cn-gray-850);--cn-gradient-img-empty-state-bubble-b-icon-from: var(--cn-gray-300);--cn-gradient-img-empty-state-bubble-b-icon-to: var(--cn-gray-800);--cn-gradient-flow-onboard-img-color-bubble-default-from: lch(from var(--cn-blue-500) l c h / 0.6);--cn-gradient-flow-onboard-img-color-bubble-default-to: lch(from var(--cn-gray-850) l c h / 0);--cn-gradient-flow-onboard-img-color-bubble-danger-from: lch(from var(--cn-yellow-300) l c h / 0.6);--cn-gradient-flow-onboard-img-color-bubble-danger-to: lch(from var(--cn-gray-850) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-1-default-from: lch(from var(--cn-blue-500) l c h / 0.06);--cn-gradient-flow-onboard-ellipse-t-1-default-to: lch(from var(--cn-blue-500) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-1-danger-from: lch(from var(--cn-yellow-300) l c h / 0.06);--cn-gradient-flow-onboard-ellipse-t-1-danger-to: lch(from var(--cn-yellow-300) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-2-default-from: lch(from var(--cn-blue-500) l c h / 0.08);--cn-gradient-flow-onboard-ellipse-t-2-default-to: lch(from var(--cn-blue-500) l c h / 0);--cn-gradient-flow-onboard-ellipse-t-2-danger-from: lch(from var(--cn-yellow-300) l c h / 0.08);--cn-gradient-flow-onboard-ellipse-t-2-danger-to: lch(from var(--cn-yellow-300) l c h / 0);--cn-gradient-flow-onboard-ellipse-b-default-from: lch(from var(--cn-blue-500) l c h / 0.08);--cn-gradient-flow-onboard-ellipse-b-default-to: lch(from var(--cn-blue-500) l c h / 0);--cn-gradient-flow-onboard-ellipse-b-danger-from: lch(from var(--cn-yellow-300) l c h / 0.08);--cn-gradient-flow-onboard-ellipse-b-danger-to: lch(from var(--cn-yellow-300) l c h / 0);--cn-gradient-pipeline-running-border-from: var(--cn-yellow-400);--cn-gradient-pipeline-running-border-to: lch(from var(--cn-yellow-300) l c h / 0);--cn-gradient-pipeline-running-glow-from: lch(from var(--cn-yellow-600) l c h / 0.7);--cn-gradient-pipeline-running-glow-to: lch(from var(--cn-yellow-700) l c h / 0);--cn-disabled-opacity: var(--cn-opacity-60);--cn-icon-devops: var(--cn-mint-300);--cn-icon-testing: var(--cn-orange-400);--cn-icon-security: var(--cn-blue-500);--cn-icon-efficiency: var(--cn-cyan-300);--cn-icon-platform: var(--cn-purple-500);--cn-text-success: var(--cn-set-success-outline-text);--cn-text-danger: var(--cn-set-danger-outline-text);--cn-text-warning: var(--cn-set-warning-outline-text);--cn-text-merged: var(--cn-set-purple-outline-text);--cn-border-brand: var(--cn-set-brand-outline-border);--cn-set-ai-outline-border: linear-gradient(131deg, var(--cn-gradient-ai-stop-1) 0%, var(--cn-gradient-ai-stop-2) 50%, var(--cn-gradient-ai-stop-3) 100%);--cn-set-gray-secondary-text: var(--cn-text-1);--cn-set-gray-outline-text: var(--cn-text-2);--cn-set-gray-outline-bg: var(--cn-bg-2);--cn-set-gray-outline-border: var(--cn-border-2);--cn-comp-alert-fade-default: linear-gradient(0deg, var(--cn-set-gray-secondary-bg) 42%, var(--cn-gradient-alert-fade-default) 100%);--cn-comp-alert-fade-danger: linear-gradient(0deg, var(--cn-set-danger-secondary-bg) 42%, var(--cn-gradient-alert-fade-danger) 100%);--cn-comp-alert-fade-warning: linear-gradient(0deg, var(--cn-set-warning-secondary-bg) 42%, var(--cn-gradient-alert-fade-warning) 100%);--cn-comp-alert-fade-success: linear-gradient(0deg, var(--cn-set-success-secondary-bg) 42%, var(--cn-gradient-alert-fade-success) 100%);--cn-comp-dialog-backdrop: lch(from var(--cn-bg-0) l c h / 0.60);--cn-comp-dialog-backdrop-nested: lch(from var(--cn-bg-0) l c h / 0.40);--cn-comp-dialog-fade-end: linear-gradient(0deg, var(--cn-bg-2) 0%, var(--cn-gradient-dialog-fade) 100%);--cn-comp-diff-background: var(--cn-bg-0);--cn-comp-diff-add-content: lch(from var(--cn-set-success-secondary-bg) l c h / 0.40);--cn-comp-diff-add-line-number: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.50);--cn-comp-diff-add-content-highlight: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.70);--cn-comp-diff-add-widget: var(--cn-set-brand-primary-bg);--cn-comp-diff-add-widget-color: var(--cn-set-brand-primary-text);--cn-comp-diff-del-content: lch(from var(--cn-set-danger-secondary-bg) l c h / 0.30);--cn-comp-diff-del-line-number: lch(from var(--cn-set-danger-secondary-bg-hover) l c h / 0.60);--cn-comp-diff-del-content-highlight: lch(from var(--cn-set-danger-secondary-bg-hover) l c h / 0.80);--cn-comp-diff-plain-content: var(--cn-bg-1);--cn-comp-diff-plain-line-number: var(--cn-bg-1);--cn-comp-diff-hljs-comment: var(--cn-text-3);--cn-comp-diff-hljs-keyword: var(--cn-set-purple-outline-text);--cn-comp-diff-hljs-title-class: var(--cn-set-warning-outline-text);--cn-comp-diff-hljs-string: var(--cn-set-success-outline-text);--cn-comp-diff-hljs-title-function: var(--cn-set-blue-outline-text);--cn-comp-diff-hljs-name: var(--cn-set-danger-outline-text);--cn-comp-diff-hljs-literal: var(--cn-set-cyan-outline-text);--cn-comp-diff-hljs-attr: var(--cn-set-orange-outline-text);--cn-comp-monaco-foreground: var(--cn-comp-diff-hljs);--cn-comp-monaco-cursor: var(--cn-text-1);--cn-comp-monaco-whitespace: var(--cn-text-4);--cn-comp-monaco-constant: var(--cn-set-orange-outline-text);--cn-comp-monaco-invalid-bg: var(--cn-set-warning-outline-bg);--cn-comp-monaco-invalid-text: var(--cn-set-warning-outline-text);--cn-comp-monaco-diff-header-bg: var(--cn-set-brand-outline-bg);--cn-comp-monaco-diff-range: var(--cn-text-brand);--cn-comp-monaco-line-number: var(--cn-text-4);--cn-comp-monaco-indent-guide: var(--cn-border-3);--cn-comp-monaco-indent-guide-active: var(--cn-border-1);--cn-comp-input-bg: var(--cn-bg-3);--cn-comp-link-text: var(--cn-text-brand);--cn-comp-link-text-hover: lch(65.7 56.8 255);--cn-comp-pipeline-running-border: linear-gradient(180deg, var(--cn-gradient-pipeline-running-border-from) 0%, var(--cn-gradient-pipeline-running-border-to) 100%);--cn-comp-pipeline-running-glow: linear-gradient(180deg, var(--cn-gradient-pipeline-running-glow-from) 0%, var(--cn-gradient-pipeline-running-glow-to) 100%);--cn-comp-pipeline-stage-card-bg: lch(from var(--cn-bg-3) l c h / 0.20);--cn-comp-sidebar-bg: var(--cn-bg-2);--cn-comp-sidebar-item-text: var(--cn-text-2);--cn-comp-sidebar-item-text-hover: var(--cn-text-1);--cn-comp-sidebar-item-text-selected: var(--cn-text-1);--cn-comp-sidebar-item-text-subtle: var(--cn-text-3);--cn-comp-sidebar-item-selected: linear-gradient(95deg, var(--cn-gradient-sidebar-selected-from) -13.12%, var(--cn-gradient-sidebar-selected-to) 84.9%);--cn-comp-sidebar-item-bg-draggable: var(--cn-bg-2);--cn-comp-sidebar-separator: var(--cn-border-3);--cn-comp-selection-unselected-item: var(--cn-text-2);--cn-comp-selection-unselected-item-hover: var(--cn-set-brand-primary-bg);--cn-comp-selection-unselected-bg: var(--cn-bg-1);--cn-comp-selection-unselected-bg-hover: var(--cn-bg-2);--cn-comp-selection-unselected-border: var(--cn-border-1);--cn-comp-selection-selected-item: var(--cn-set-brand-primary-text);--cn-comp-selection-selected-bg: var(--cn-set-brand-primary-bg);--cn-comp-selection-selected-bg-hover: var(--cn-set-brand-primary-bg-hover);--cn-comp-selection-selected-border: var(--cn-set-brand-primary-bg);--cn-comp-selection-selected-border-hover: var(--cn-set-brand-primary-bg-hover);--cn-comp-skeleton-bg: linear-gradient(90deg, var(--cn-gradient-skeleton-stop-1) 0%, var(--cn-gradient-skeleton-stop-2) 50%, var(--cn-gradient-skeleton-stop-3) 100%);--cn-comp-skeleton-mask: linear-gradient(180deg, var(--cn-gradient-skeleton-mask-from) 50%, var(--cn-gradient-skeleton-mask-to) 100%);--cn-comp-slider-track-progress: var(--cn-set-brand-primary-bg);--cn-comp-slider-track-warning: var(--cn-set-warning-primary-bg);--cn-comp-slider-track-success: var(--cn-set-success-primary-bg);--cn-comp-slider-track-danger: var(--cn-set-danger-primary-bg);--cn-comp-slider-handle-bg: var(--cn-set-gray-primary-bg);--cn-comp-slider-handle-border: var(--cn-border-3);--cn-comp-slider-range-gradient: linear-gradient(90deg, var(--cn-set-gray-primary-bg) 15%, var(--cn-set-warning-primary-bg) 40%, var(--cn-set-orange-primary-bg) 60%, var(--cn-set-danger-primary-bg) 80%);--cn-comp-ai-chat-bubble: linear-gradient(95deg, var(--cn-gradient-sidebar-selected-from) -13.12%, var(--cn-gradient-sidebar-selected-to) 84.9%);--cn-comp-card-fade-default: linear-gradient(0deg, var(--cn-bg-1) 0%, var(--cn-gradient-card-fade-default) 100%);--cn-comp-card-fade-selected: linear-gradient(0deg, var(--cn-set-brand-outline-bg) 0%, var(--cn-gradient-card-fade-selected) 100%);--cn-comp-data-viz-inactive-01-blue: lch(19.5 17.4 255);--cn-comp-data-viz-inactive-02-purple: lch(17.4 30 320);--cn-comp-data-viz-inactive-03-pink: lch(19.5 28.5 320);--cn-comp-data-viz-inactive-04-green: lch(21.6 16.2 255);--cn-comp-data-viz-inactive-05-indigo: lch(19.2 18 280);--cn-comp-data-viz-inactive-06-brown: lch(16.8 16.8 38);--cn-comp-data-viz-inactive-07-cyan: lch(21.6 18 195);--cn-comp-data-viz-inactive-08-orange: lch(19.5 18.6 38);--cn-comp-data-viz-inactive-09-forest: lch(14.4 15.3 255);--cn-comp-data-viz-inactive-10-red: lch(18 29.1 49);--cn-comp-data-viz-inactive-11-yellow: lch(23.1 30 76);--cn-comp-data-viz-inactive-12-gray: lch(19.5 1.8 272);--cn-comp-data-viz-01-blue-shadow: rgb(0% 66.3% 100% / 0.26);--cn-comp-data-viz-02-purple-shadow: rgb(86.5% 25.9% 99.9% / 0.26);--cn-comp-data-viz-03-pink-shadow: rgb(93.1% 37.5% 100% / 0.26);--cn-comp-data-viz-04-green-shadow: rgb(29.8% 73.1% 100% / 0.26);--cn-comp-data-viz-05-indigo-shadow: rgb(44.5% 59.8% 100% / 0.26);--cn-comp-data-viz-06-brown-shadow: rgb(82.9% 38.8% 30.2% / 0.26);--cn-comp-data-viz-07-cyan-shadow: rgb(0% 78.5% 77.8% / 0.26);--cn-comp-data-viz-08-orange-shadow: rgb(96.4% 46.1% 36.3% / 0.26);--cn-comp-data-viz-09-forest-shadow: rgb(0% 48.1% 75.1% / 0.26);--cn-comp-data-viz-10-red-shadow: rgb(99.3% 32.7% 0% / 0.26);--cn-comp-data-viz-11-yellow-shadow: rgb(98.8% 67.9% 0% / 0.26);--cn-comp-data-viz-12-gray-shadow: rgb(60.4% 61.9% 66% / 0.26);--cn-comp-widget-test-intelligence-gradient: linear-gradient(90deg, var(--cn-comp-data-viz-05-indigo) 0%, var(--cn-comp-data-viz-02-purple) 100%);--cn-comp-widget-test-intelligence-text-gradient: linear-gradient(90deg, var(--cn-text-2) 3%, var(--cn-comp-data-viz-05-indigo) 75%, var(--cn-comp-data-viz-02-purple) 100%);--cn-comp-shadow-avatar-inner: inset 0 0 0 0.6px var(--cn-comp-avatar-shadow);--cn-comp-shadow-ai-inner: inset 0 6px 12px 0 var(--cn-set-ai-outline-inner);--cn-logo-text: var(--cn-text-1);--cn-shadow-0: 0 0 0 0 var(--cn-shadow-color-0);--cn-shadow-1: 0 1px 2px 0 var(--cn-shadow-color-1);--cn-shadow-2: 0 1px 3px 0 var(--cn-shadow-color-2), 0 1px 2px -1px var(--cn-shadow-color-2);--cn-shadow-3: 0 4px 6px -1px var(--cn-shadow-color-3), 0 2px 4px -2px var(--cn-shadow-color-3);--cn-shadow-4: 0 10px 15px -3px var(--cn-shadow-color-4), 0 4px 6px -4px var(--cn-shadow-color-4);--cn-shadow-5: 0 20px 25px -5px var(--cn-shadow-color-5), 0 8px 10px -6px var(--cn-shadow-color-5);--cn-shadow-6: 0 25px 50px -12px var(--cn-shadow-color-6);--cn-shadow-inner: inset 0 0 4.5px 0 var(--cn-shadow-color-inner);--cn-ring-danger: 0 0 0 4px var(--cn-set-danger-secondary-bg);--cn-ring-danger-hover: 0 0 0 4px var(--cn-set-danger-secondary-bg-hover);--cn-ring-selected: 0 0 0 4px var(--cn-set-brand-primary-ring);--cn-ring-success: 0 0 0 4px var(--cn-set-success-secondary-bg);--cn-ring-success-hover: 0 0 0 4px var(--cn-set-success-secondary-bg-hover);--cn-ring-warning: 0 0 0 4px var(--cn-set-warning-secondary-bg);--cn-ring-warning-hover: 0 0 0 4px var(--cn-set-warning-secondary-bg-hover);--cn-gradient-ai-outline-bg-stop-1: var(--cn-bg-2);--cn-gradient-alert-fade-default: lch(from var(--cn-set-gray-secondary-bg) l c h / 0);--cn-gradient-alert-fade-danger: lch(from var(--cn-set-danger-secondary-bg) l c h / 0);--cn-gradient-alert-fade-warning: lch(from var(--cn-set-warning-secondary-bg) l c h / 0);--cn-gradient-alert-fade-success: lch(from var(--cn-set-success-secondary-bg) l c h / 0);--cn-gradient-dialog-fade: lch(from var(--cn-bg-2) l c h / 0);--cn-gradient-toast-default-to: lch(from var(--cn-bg-3) l c h / 0);--cn-gradient-toast-default-from: var(--cn-bg-3);--cn-gradient-toast-danger-to: lch(from var(--cn-comp-toast-danger-bg) l c h / 0);--cn-gradient-toast-danger-from: var(--cn-comp-toast-danger-bg);--cn-gradient-card-fade-default: lch(from var(--cn-bg-1) l c h / 0);--cn-gradient-card-fade-selected: lch(from var(--cn-set-brand-outline-bg) l c h / 0);--cn-img-empty-state-bg: radial-gradient(54% 83% at 50% 102%, var(--cn-gradient-img-empty-state-bg-stop-1) 0%, var(--cn-gradient-img-empty-state-bg-stop-2) 27%, var(--cn-gradient-img-empty-state-bg-stop-3) 46%, var(--cn-gradient-img-empty-state-bg-stop-4) 63%, var(--cn-gradient-img-empty-state-bg-stop-5) 84%, var(--cn-gradient-img-empty-state-bg-stop-6) 100%);--cn-img-empty-state-border: linear-gradient(180deg, var(--cn-gradient-img-empty-state-border-from) 0%, var(--cn-gradient-img-empty-state-border-to) 100%);--cn-img-empty-state-icon: radial-gradient(31.5% 52.5% at 50% 64%, var(--cn-gradient-img-empty-state-icon-stop-1) 0%, var(--cn-gradient-img-empty-state-icon-stop-2) 38%, var(--cn-gradient-img-empty-state-icon-stop-3) 100%);--cn-img-empty-state-lines: radial-gradient(60.84% 50% at 50% 50%, var(--cn-gradient-img-empty-state-lines-from) 0%, var(--cn-gradient-img-empty-state-lines-to) 100%);--cn-img-empty-state-logo: radial-gradient(87.5% 87.5% at 50% 50%, var(--cn-gradient-img-empty-state-logo-from) 0%, var(--cn-gradient-img-empty-state-logo-to) 100%);--cn-img-empty-state-bubble-t-bg: linear-gradient(44deg, var(--cn-gradient-img-empty-state-bubble-t-bg-from) 11%, var(--cn-gradient-img-empty-state-bubble-t-bg-to) 71%);--cn-img-empty-state-bubble-t-icon: linear-gradient(225deg, var(--cn-gradient-img-empty-state-bubble-t-icon-from) 8%, var(--cn-gradient-img-empty-state-bubble-t-icon-to) 92%);--cn-img-empty-state-bubble-b-bg: linear-gradient(44deg, var(--cn-gradient-img-empty-state-bubble-b-bg-from) 11%, var(--cn-gradient-img-empty-state-bubble-b-bg-to) 71%);--cn-img-empty-state-bubble-b-icon: linear-gradient(225deg, var(--cn-gradient-img-empty-state-bubble-b-icon-from) 8%, var(--cn-gradient-img-empty-state-bubble-b-icon-to) 92%);--cn-flow-onboard-img-color-bubble-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-img-color-bubble-default-from) 0%, var(--cn-gradient-flow-onboard-img-color-bubble-default-to) 100%);--cn-flow-onboard-img-color-bubble-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-img-color-bubble-danger-from) 0%, var(--cn-gradient-flow-onboard-img-color-bubble-danger-to) 100%);--cn-flow-onboard-ellipse-t-1-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-1-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-1-default-to) 100%);--cn-flow-onboard-ellipse-t-1-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-1-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-1-danger-to) 100%);--cn-flow-onboard-ellipse-t-2-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-2-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-2-default-to) 100%);--cn-flow-onboard-ellipse-t-2-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-t-2-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-t-2-danger-to) 100%);--cn-flow-onboard-ellipse-b-default: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-b-default-from) 26%, var(--cn-gradient-flow-onboard-ellipse-b-default-to) 100%);--cn-flow-onboard-ellipse-b-danger: radial-gradient(50% 50% at 50% 50%, var(--cn-gradient-flow-onboard-ellipse-b-danger-from) 26%, var(--cn-gradient-flow-onboard-ellipse-b-danger-to) 100%);--cn-set-ai-outline-bg-gradient: linear-gradient(102deg, var(--cn-gradient-ai-outline-bg-stop-1) 8%, var(--cn-gradient-ai-outline-bg-stop-2) 35%, var(--cn-gradient-ai-outline-bg-stop-3) 65%, var(--cn-gradient-ai-outline-bg-stop-4) 87%);--cn-comp-dialog-fade-start: linear-gradient(0deg, var(--cn-gradient-dialog-fade) 0%, var(--cn-bg-2) 100%);--cn-comp-diff-expand-content: var(--cn-comp-diff-background);--cn-comp-monaco-background: var(--cn-comp-diff-background);--cn-comp-monaco-key: var(--cn-comp-diff-hljs-attr);--cn-comp-monaco-string: var(--cn-comp-diff-hljs-string);--cn-comp-monaco-number: var(--cn-comp-diff-hljs-literal);--cn-comp-monaco-boolean: var(--cn-comp-diff-hljs-keyword);--cn-comp-monaco-comment: var(--cn-comp-diff-hljs-comment);--cn-comp-monaco-tag: var(--cn-comp-diff-hljs-title-class);--cn-comp-monaco-delimiter: var(--cn-comp-diff-hljs-comment);--cn-comp-monaco-anchor: var(--cn-comp-diff-hljs-name);--cn-comp-monaco-function: var(--cn-comp-diff-hljs-title-function);--cn-comp-monaco-diff-inserted: var(--cn-text-success);--cn-comp-monaco-diff-deleted: var(--cn-text-danger);--cn-comp-monaco-line-number-active: var(--cn-comp-monaco-foreground);--cn-comp-sidebar-fade-end: linear-gradient(0deg, var(--cn-comp-sidebar-bg) 0%, var(--cn-gradient-sidebar-fade) 100%);--cn-comp-selection-unselected-border-hover: var(--cn-border-brand);--cn-comp-slider-handle-bg-selected: var(--cn-set-gray-outline-bg);--cn-comp-slider-handle-border-selected: var(--cn-border-brand);--cn-comp-toast-danger-fade: linear-gradient(0deg, var(--cn-gradient-toast-danger-from) 42%, var(--cn-gradient-toast-danger-to) 100%);--cn-comp-toast-fade: linear-gradient(0deg, var(--cn-gradient-toast-default-from) 42%, var(--cn-gradient-toast-default-to) 100%);--cn-comp-data-viz-inactive-01-blue-shadow: rgb(9.19% 19.6% 28.1% / 0.26);--cn-comp-data-viz-inactive-02-purple-shadow: rgb(25% 11.3% 27.8% / 0.26);--cn-comp-data-viz-inactive-03-pink-shadow: rgb(26.6% 13.5% 29.2% / 0.26);--cn-comp-data-viz-inactive-04-green-shadow: rgb(12.1% 21.3% 29.3% / 0.26);--cn-comp-data-viz-inactive-05-indigo-shadow: rgb(15.2% 18% 28.4% / 0.26);--cn-comp-data-viz-inactive-06-brown-shadow: rgb(24.2% 13.2% 10.7% / 0.26);--cn-comp-data-viz-inactive-07-cyan-shadow: rgb(1.51% 23.1% 22.8% / 0.26);--cn-comp-data-viz-inactive-08-orange-shadow: rgb(27.5% 15.1% 12.3% / 0.26);--cn-comp-data-viz-inactive-09-forest-shadow: rgb(6.24% 15.2% 22.4% / 0.26);--cn-comp-data-viz-inactive-10-red-shadow: rgb(28.7% 12.4% 4.51% / 0.26);--cn-comp-data-viz-inactive-11-yellow-shadow: rgb(28.6% 19.8% 2.88% / 0.26);--cn-comp-data-viz-inactive-12-gray-shadow: rgb(18.2% 18.5% 19.5% / 0.26);--cn-comp-shadow-data-viz-01-blue: 0 3px 5px var(--cn-comp-data-viz-01-blue-shadow);--cn-comp-shadow-data-viz-02-purple: 0 3px 5px var(--cn-comp-data-viz-02-purple-shadow);--cn-comp-shadow-data-viz-03-pink: 0 3px 5px var(--cn-comp-data-viz-03-pink-shadow);--cn-comp-shadow-data-viz-04-green: 0 3px 5px var(--cn-comp-data-viz-04-green-shadow);--cn-comp-shadow-data-viz-05-indigo: 0 3px 5px var(--cn-comp-data-viz-05-indigo-shadow);--cn-comp-shadow-data-viz-06-brown: 0 3px 5px var(--cn-comp-data-viz-06-brown-shadow);--cn-comp-shadow-data-viz-07-cyan: 0 3px 5px var(--cn-comp-data-viz-07-cyan-shadow);--cn-comp-shadow-data-viz-08-orange: 0 3px 5px var(--cn-comp-data-viz-08-orange-shadow);--cn-comp-shadow-data-viz-09-forest: 0 3px 5px var(--cn-comp-data-viz-09-forest-shadow);--cn-comp-shadow-data-viz-10-red: 0 3px 5px var(--cn-comp-data-viz-10-red-shadow);--cn-comp-shadow-data-viz-11-yellow: 0 3px 5px var(--cn-comp-data-viz-11-yellow-shadow);--cn-comp-shadow-data-viz-12-gray: 0 3px 5px var(--cn-comp-data-viz-12-gray-shadow);--cn-gradient-sidebar-fade: lch(from var(--cn-comp-sidebar-bg) l c h / 0);--cn-focus: var(--cn-border-width-2) solid var(--cn-border-brand);--cn-comp-monaco-selection: lch(3.97 0.29 270);--cn-comp-monaco-line-highlight: lch(1.99 0.3 270);--cn-comp-sidebar-fade-start: linear-gradient(0deg, var(--cn-gradient-sidebar-fade) 0%, var(--cn-comp-sidebar-bg) 100%);--cn-comp-shadow-data-viz-inactive-01-blue: 0 5px 10px var(--cn-comp-data-viz-inactive-01-blue-shadow);--cn-comp-shadow-data-viz-inactive-02-purple: 0 5px 10px var(--cn-comp-data-viz-inactive-02-purple-shadow);--cn-comp-shadow-data-viz-inactive-03-pink: 0 5px 10px var(--cn-comp-data-viz-inactive-03-pink-shadow);--cn-comp-shadow-data-viz-inactive-04-green: 0 5px 10px var(--cn-comp-data-viz-inactive-04-green-shadow);--cn-comp-shadow-data-viz-inactive-05-indigo: 0 5px 10px var(--cn-comp-data-viz-inactive-05-indigo-shadow);--cn-comp-shadow-data-viz-inactive-06-brown: 0 5px 10px var(--cn-comp-data-viz-inactive-06-brown-shadow);--cn-comp-shadow-data-viz-inactive-07-cyan: 0 5px 10px var(--cn-comp-data-viz-inactive-07-cyan-shadow);--cn-comp-shadow-data-viz-inactive-08-orange: 0 5px 10px var(--cn-comp-data-viz-inactive-08-orange-shadow);--cn-comp-shadow-data-viz-inactive-09-forest: 0 5px 10px var(--cn-comp-data-viz-inactive-09-forest-shadow);--cn-comp-shadow-data-viz-inactive-10-red: 0 5px 10px var(--cn-comp-data-viz-inactive-10-red-shadow);--cn-comp-shadow-data-viz-inactive-11-yellow: 0 5px 10px var(--cn-comp-data-viz-inactive-11-yellow-shadow);--cn-comp-shadow-data-viz-inactive-12-gray: 0 5px 10px var(--cn-comp-data-viz-inactive-12-gray-shadow)}
|