@harnessio/ui 0.1.3 → 0.1.4
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/styles.css +1 -1
- package/dist/themes/dark-deuteranopia.20e78263.css +5 -0
- package/dist/themes/dark-dimmer-deuteranopia.3e98b1a1.css +5 -0
- package/dist/themes/dark-dimmer-protanopia.0249231f.css +5 -0
- package/dist/themes/dark-dimmer-tritanopia.af89b54e.css +5 -0
- package/dist/themes/dark-dimmer.232c68a0.css +5 -0
- package/dist/themes/dark-high-contrast-deuteranopia.d3741b77.css +5 -0
- package/dist/themes/dark-high-contrast-protanopia.6dc78afc.css +5 -0
- package/dist/themes/dark-high-contrast-tritanopia.a32fda16.css +5 -0
- package/dist/themes/dark-high-contrast.4728a378.css +5 -0
- package/dist/themes/dark-protanopia.8676de6c.css +5 -0
- package/dist/themes/dark-tritanopia.a0cbda73.css +5 -0
- package/dist/themes/light-deuteranopia.01279de3.css +5 -0
- package/dist/themes/light-dimmer-deuteranopia.a9f191d4.css +5 -0
- package/dist/themes/light-dimmer-protanopia.db33b190.css +5 -0
- package/dist/themes/light-dimmer-tritanopia.b6738c2f.css +5 -0
- package/dist/themes/light-dimmer.f342a5f4.css +5 -0
- package/dist/themes/light-high-contrast-deuteranopia.6ee14a95.css +5 -0
- package/dist/themes/light-high-contrast-protanopia.24d13ac4.css +5 -0
- package/dist/themes/light-high-contrast-tritanopia.6b6d1921.css +5 -0
- package/dist/themes/light-high-contrast.63d5e727.css +5 -0
- package/dist/themes/light-protanopia.3594648d.css +5 -0
- package/dist/themes/light-tritanopia.ae30bc7e.css +5 -0
- package/dist/themes/theme-manifest.js +22 -22
- package/dist/themes/theme-manifest.json +22 -22
- package/package.json +3 -3
- package/dist/themes/dark-deuteranopia.2aa84913.css +0 -689
- package/dist/themes/dark-dimmer-deuteranopia.78c05e8e.css +0 -689
- package/dist/themes/dark-dimmer-protanopia.03925a8b.css +0 -689
- package/dist/themes/dark-dimmer-tritanopia.17728415.css +0 -689
- package/dist/themes/dark-dimmer.4f61c61c.css +0 -689
- package/dist/themes/dark-high-contrast-deuteranopia.73a6136a.css +0 -689
- package/dist/themes/dark-high-contrast-protanopia.d3da0609.css +0 -689
- package/dist/themes/dark-high-contrast-tritanopia.6cc9d2b6.css +0 -689
- package/dist/themes/dark-high-contrast.54cc283e.css +0 -689
- package/dist/themes/dark-protanopia.870f7b02.css +0 -689
- package/dist/themes/dark-tritanopia.7f778a36.css +0 -689
- package/dist/themes/light-deuteranopia.cfa3611c.css +0 -689
- package/dist/themes/light-dimmer-deuteranopia.e35e4866.css +0 -689
- package/dist/themes/light-dimmer-protanopia.1964e1d9.css +0 -689
- package/dist/themes/light-dimmer-tritanopia.12daabce.css +0 -689
- package/dist/themes/light-dimmer.ea39926e.css +0 -689
- package/dist/themes/light-high-contrast-deuteranopia.318145e9.css +0 -689
- package/dist/themes/light-high-contrast-protanopia.89e6ff2c.css +0 -689
- package/dist/themes/light-high-contrast-tritanopia.ae859638.css +0 -689
- package/dist/themes/light-high-contrast.924cbdea.css +0 -689
- package/dist/themes/light-protanopia.ba281683.css +0 -689
- package/dist/themes/light-tritanopia.8ca963f0.css +0 -689
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Harness Design System
|
|
3
|
+
* Generated style tokens - DO NOT EDIT DIRECTLY
|
|
4
|
+
* Copyright (c) Harness.
|
|
5
|
+
*/.light-dimmer-deuteranopia, .light-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: 1.2px;--cn-icon-stroke-width-lg: 1.1px;--cn-icon-stroke-width-xl: 1px;--cn-bg-0: var(--cn-gray-50);--cn-bg-1: var(--cn-gray-25);--cn-bg-2: var(--cn-gray-50);--cn-bg-3: var(--cn-gray-25);--cn-text-1: var(--cn-gray-900);--cn-text-2: var(--cn-gray-800);--cn-text-3: var(--cn-gray-700);--cn-text-4: var(--cn-gray-600);--cn-border-1: var(--cn-gray-400);--cn-border-2: var(--cn-gray-150);--cn-border-3: var(--cn-gray-100);--cn-border-success: var(--cn-indigo-400);--cn-border-danger: var(--cn-yellow-400);--cn-border-warning: var(--cn-orange-300);--cn-state-hover: lch(from var(--cn-gray-200) l c h / 0.16);--cn-state-selected: lch(from var(--cn-gray-300) l c h / 0.19);--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-150);--cn-set-gray-primary-bg-hover: var(--cn-gray-200);--cn-set-gray-primary-bg-selected: var(--cn-gray-200);--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-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-400);--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-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-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-500);--cn-set-brown-primary-bg-hover: var(--cn-brown-600);--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-300);--cn-set-cyan-primary-bg-hover: var(--cn-cyan-400);--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-400);--cn-set-indigo-primary-bg-hover: var(--cn-indigo-500);--cn-set-indigo-primary-bg-selected: var(--cn-indigo-500);--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.05);--cn-comp-dialog-backdrop: lch(from var(--cn-gray-600) l c h / 0.25);--cn-comp-dialog-backdrop-nested: lch(from var(--cn-gray-600) l c h / 0.15);--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.10);--cn-comp-diff-hunk-line-number: lch(from var(--cn-blue-300) l c h / 0.30);--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.14);--cn-comp-header-item-selected: lch(from var(--cn-gray-300) l c h / 0.19);--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.10);--cn-comp-scrollbar-thumb: var(--cn-gray-150);--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-200);--cn-comp-toast-danger-border: var(--cn-red-400);--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-purple-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-orange-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-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.11);--cn-shadow-color-2: lch(from var(--cn-gray-600) l c h / 0.11);--cn-shadow-color-3: lch(from var(--cn-gray-600) l c h / 0.06);--cn-shadow-color-4: lch(from var(--cn-gray-600) l c h / 0.06);--cn-shadow-color-5: lch(from var(--cn-gray-600) l c h / 0.06);--cn-shadow-color-6: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-inner: lch(from var(--cn-pure-black) l c h / 0.10);--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-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-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.35);--cn-comp-diff-add-line-number: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.60);--cn-comp-diff-add-content-highlight: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.50);--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.38);--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-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.40);--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 22.4 255);--cn-comp-data-viz-inactive-02-purple: lch(83.2 38 320);--cn-comp-data-viz-inactive-03-pink: lch(83.2 28 350);--cn-comp-data-viz-inactive-04-green: lch(82.4 31.2 125);--cn-comp-data-viz-inactive-05-indigo: lch(80.4 31 280);--cn-comp-data-viz-inactive-06-brown: lch(79.6 16 38);--cn-comp-data-viz-inactive-07-cyan: lch(88.8 23.2 195);--cn-comp-data-viz-inactive-08-orange: lch(83.2 36 52);--cn-comp-data-viz-inactive-09-forest: lch(74.4 24 150);--cn-comp-data-viz-inactive-10-red: lch(79.2 30.4 32);--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.1% 99.9% / 0.4);--cn-comp-data-viz-02-purple-shadow: rgb(85.1% 28.6% 97.6% / 0.4);--cn-comp-data-viz-03-pink-shadow: rgb(93.2% 28.5% 64.1% / 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.7% 99.8% / 0.4);--cn-comp-data-viz-06-brown-shadow: rgb(67.5% 36.7% 30% / 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(92.6% 35.2% 0% / 0.4);--cn-comp-data-viz-09-forest-shadow: rgb(0% 39.2% 16.7% / 0.4);--cn-comp-data-viz-10-red-shadow: rgb(83.4% 17.3% 20.1% / 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(44.2 75.2 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.5% 86.1% 100% / 0.4);--cn-comp-data-viz-inactive-02-purple-shadow: rgb(96.1% 73.9% 99.7% / 0.4);--cn-comp-data-viz-inactive-03-pink-shadow: rgb(99.7% 73.9% 85.3% / 0.4);--cn-comp-data-viz-inactive-04-green-shadow: rgb(72.4% 84% 61.1% / 0.4);--cn-comp-data-viz-inactive-05-indigo-shadow: rgb(72.8% 77.5% 100% / 0.4);--cn-comp-data-viz-inactive-06-brown-shadow: rgb(88.5% 74% 70.4% / 0.4);--cn-comp-data-viz-inactive-07-cyan-shadow: rgb(65.9% 92.5% 91.5% / 0.4);--cn-comp-data-viz-inactive-08-orange-shadow: rgb(100% 74.9% 60.8% / 0.4);--cn-comp-data-viz-inactive-09-forest-shadow: rgb(58.1% 76% 62.7% / 0.4);--cn-comp-data-viz-inactive-10-red-shadow: rgb(97.7% 69.7% 65.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(92.2 0 272);--cn-comp-monaco-line-highlight: lch(95.1 0 272)}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Harness Design System
|
|
3
|
+
* Generated style tokens - DO NOT EDIT DIRECTLY
|
|
4
|
+
* Copyright (c) Harness.
|
|
5
|
+
*/.light-dimmer-protanopia, .light-pro-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: 1.2px;--cn-icon-stroke-width-lg: 1.1px;--cn-icon-stroke-width-xl: 1px;--cn-bg-0: var(--cn-gray-50);--cn-bg-1: var(--cn-gray-25);--cn-bg-2: var(--cn-gray-50);--cn-bg-3: var(--cn-gray-25);--cn-text-1: var(--cn-gray-900);--cn-text-2: var(--cn-gray-800);--cn-text-3: var(--cn-gray-700);--cn-text-4: var(--cn-gray-600);--cn-border-1: var(--cn-gray-400);--cn-border-2: var(--cn-gray-150);--cn-border-3: var(--cn-gray-100);--cn-border-success: var(--cn-indigo-400);--cn-border-danger: var(--cn-yellow-400);--cn-border-warning: var(--cn-orange-300);--cn-state-hover: lch(from var(--cn-gray-200) l c h / 0.16);--cn-state-selected: lch(from var(--cn-gray-300) l c h / 0.19);--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-150);--cn-set-gray-primary-bg-hover: var(--cn-gray-200);--cn-set-gray-primary-bg-selected: var(--cn-gray-200);--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-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-cyan-400);--cn-set-blue-primary-bg-hover: var(--cn-cyan-500);--cn-set-blue-primary-bg-selected: var(--cn-cyan-500);--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-500);--cn-set-brown-primary-bg-hover: var(--cn-brown-600);--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-300);--cn-set-cyan-primary-bg-hover: var(--cn-cyan-400);--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-400);--cn-set-indigo-primary-bg-hover: var(--cn-indigo-500);--cn-set-indigo-primary-bg-selected: var(--cn-indigo-500);--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.05);--cn-comp-dialog-backdrop: lch(from var(--cn-gray-600) l c h / 0.25);--cn-comp-dialog-backdrop-nested: lch(from var(--cn-gray-600) l c h / 0.15);--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.10);--cn-comp-diff-hunk-line-number: lch(from var(--cn-blue-300) l c h / 0.30);--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.14);--cn-comp-header-item-selected: lch(from var(--cn-gray-300) l c h / 0.19);--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.10);--cn-comp-scrollbar-thumb: var(--cn-gray-150);--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-200);--cn-comp-toast-danger-border: var(--cn-red-400);--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-purple-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-orange-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-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.11);--cn-shadow-color-2: lch(from var(--cn-gray-600) l c h / 0.11);--cn-shadow-color-3: lch(from var(--cn-gray-600) l c h / 0.06);--cn-shadow-color-4: lch(from var(--cn-gray-600) l c h / 0.06);--cn-shadow-color-5: lch(from var(--cn-gray-600) l c h / 0.06);--cn-shadow-color-6: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-inner: lch(from var(--cn-pure-black) l c h / 0.10);--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-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-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.35);--cn-comp-diff-add-line-number: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.60);--cn-comp-diff-add-content-highlight: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.50);--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.38);--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-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.40);--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 22.4 255);--cn-comp-data-viz-inactive-02-purple: lch(83.2 38 320);--cn-comp-data-viz-inactive-03-pink: lch(83.2 28 350);--cn-comp-data-viz-inactive-04-green: lch(82.4 31.2 125);--cn-comp-data-viz-inactive-05-indigo: lch(80.4 31 280);--cn-comp-data-viz-inactive-06-brown: lch(79.6 16 38);--cn-comp-data-viz-inactive-07-cyan: lch(88.8 23.2 195);--cn-comp-data-viz-inactive-08-orange: lch(83.2 36 52);--cn-comp-data-viz-inactive-09-forest: lch(74.4 24 150);--cn-comp-data-viz-inactive-10-red: lch(79.2 30.4 32);--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.1% 99.9% / 0.4);--cn-comp-data-viz-02-purple-shadow: rgb(85.1% 28.6% 97.6% / 0.4);--cn-comp-data-viz-03-pink-shadow: rgb(93.2% 28.5% 64.1% / 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.7% 99.8% / 0.4);--cn-comp-data-viz-06-brown-shadow: rgb(67.5% 36.7% 30% / 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(92.6% 35.2% 0% / 0.4);--cn-comp-data-viz-09-forest-shadow: rgb(0% 39.2% 16.7% / 0.4);--cn-comp-data-viz-10-red-shadow: rgb(83.4% 17.3% 20.1% / 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(44.2 75.2 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.5% 86.1% 100% / 0.4);--cn-comp-data-viz-inactive-02-purple-shadow: rgb(96.1% 73.9% 99.7% / 0.4);--cn-comp-data-viz-inactive-03-pink-shadow: rgb(99.7% 73.9% 85.3% / 0.4);--cn-comp-data-viz-inactive-04-green-shadow: rgb(72.4% 84% 61.1% / 0.4);--cn-comp-data-viz-inactive-05-indigo-shadow: rgb(72.8% 77.5% 100% / 0.4);--cn-comp-data-viz-inactive-06-brown-shadow: rgb(88.5% 74% 70.4% / 0.4);--cn-comp-data-viz-inactive-07-cyan-shadow: rgb(65.9% 92.5% 91.5% / 0.4);--cn-comp-data-viz-inactive-08-orange-shadow: rgb(100% 74.9% 60.8% / 0.4);--cn-comp-data-viz-inactive-09-forest-shadow: rgb(58.1% 76% 62.7% / 0.4);--cn-comp-data-viz-inactive-10-red-shadow: rgb(97.7% 69.7% 65.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(92.2 0 272);--cn-comp-monaco-line-highlight: lch(95.1 0 272)}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Harness Design System
|
|
3
|
+
* Generated style tokens - DO NOT EDIT DIRECTLY
|
|
4
|
+
* Copyright (c) Harness.
|
|
5
|
+
*/.light-dimmer-tritanopia, .light-tri-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: 1.2px;--cn-icon-stroke-width-lg: 1.1px;--cn-icon-stroke-width-xl: 1px;--cn-bg-0: var(--cn-gray-50);--cn-bg-1: var(--cn-gray-25);--cn-bg-2: var(--cn-gray-50);--cn-bg-3: var(--cn-gray-25);--cn-text-1: var(--cn-gray-900);--cn-text-2: var(--cn-gray-800);--cn-text-3: var(--cn-gray-700);--cn-text-4: var(--cn-gray-600);--cn-border-1: var(--cn-gray-400);--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-400);--cn-border-warning: var(--cn-orange-300);--cn-state-hover: lch(from var(--cn-gray-200) l c h / 0.16);--cn-state-selected: lch(from var(--cn-gray-300) l c h / 0.19);--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-150);--cn-set-gray-primary-bg-hover: var(--cn-gray-200);--cn-set-gray-primary-bg-selected: var(--cn-gray-200);--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-200);--cn-set-warning-primary-bg-hover: var(--cn-orange-300);--cn-set-warning-primary-bg-selected: var(--cn-orange-300);--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-400);--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-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-500);--cn-set-brown-primary-bg-hover: var(--cn-brown-600);--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-300);--cn-set-cyan-primary-bg-hover: var(--cn-cyan-400);--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-400);--cn-set-indigo-primary-bg-hover: var(--cn-indigo-500);--cn-set-indigo-primary-bg-selected: var(--cn-indigo-500);--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-300);--cn-set-pink-primary-bg-hover: var(--cn-pink-400);--cn-set-pink-primary-bg-selected: var(--cn-pink-400);--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.05);--cn-comp-dialog-backdrop: lch(from var(--cn-gray-600) l c h / 0.25);--cn-comp-dialog-backdrop-nested: lch(from var(--cn-gray-600) l c h / 0.15);--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.10);--cn-comp-diff-hunk-line-number: lch(from var(--cn-blue-300) l c h / 0.30);--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.14);--cn-comp-header-item-selected: lch(from var(--cn-gray-300) l c h / 0.19);--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.10);--cn-comp-scrollbar-thumb: var(--cn-gray-150);--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-200);--cn-comp-toast-danger-border: var(--cn-red-400);--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-purple-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-orange-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-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.11);--cn-shadow-color-2: lch(from var(--cn-gray-600) l c h / 0.11);--cn-shadow-color-3: lch(from var(--cn-gray-600) l c h / 0.06);--cn-shadow-color-4: lch(from var(--cn-gray-600) l c h / 0.06);--cn-shadow-color-5: lch(from var(--cn-gray-600) l c h / 0.06);--cn-shadow-color-6: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-inner: lch(from var(--cn-pure-black) l c h / 0.10);--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-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-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.35);--cn-comp-diff-add-line-number: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.60);--cn-comp-diff-add-content-highlight: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.50);--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.38);--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-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.40);--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 22.4 255);--cn-comp-data-viz-inactive-02-purple: lch(83.2 38 320);--cn-comp-data-viz-inactive-03-pink: lch(83.2 28 350);--cn-comp-data-viz-inactive-04-green: lch(82.4 31.2 125);--cn-comp-data-viz-inactive-05-indigo: lch(80.4 31 280);--cn-comp-data-viz-inactive-06-brown: lch(79.6 16 38);--cn-comp-data-viz-inactive-07-cyan: lch(88.8 23.2 195);--cn-comp-data-viz-inactive-08-orange: lch(83.2 36 52);--cn-comp-data-viz-inactive-09-forest: lch(74.4 24 150);--cn-comp-data-viz-inactive-10-red: lch(79.2 30.4 32);--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.1% 99.9% / 0.4);--cn-comp-data-viz-02-purple-shadow: rgb(85.1% 28.6% 97.6% / 0.4);--cn-comp-data-viz-03-pink-shadow: rgb(93.2% 28.5% 64.1% / 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.7% 99.8% / 0.4);--cn-comp-data-viz-06-brown-shadow: rgb(67.5% 36.7% 30% / 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(92.6% 35.2% 0% / 0.4);--cn-comp-data-viz-09-forest-shadow: rgb(0% 39.2% 16.7% / 0.4);--cn-comp-data-viz-10-red-shadow: rgb(83.4% 17.3% 20.1% / 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(44.2 75.2 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.5% 86.1% 100% / 0.4);--cn-comp-data-viz-inactive-02-purple-shadow: rgb(96.1% 73.9% 99.7% / 0.4);--cn-comp-data-viz-inactive-03-pink-shadow: rgb(99.7% 73.9% 85.3% / 0.4);--cn-comp-data-viz-inactive-04-green-shadow: rgb(72.4% 84% 61.1% / 0.4);--cn-comp-data-viz-inactive-05-indigo-shadow: rgb(72.8% 77.5% 100% / 0.4);--cn-comp-data-viz-inactive-06-brown-shadow: rgb(88.5% 74% 70.4% / 0.4);--cn-comp-data-viz-inactive-07-cyan-shadow: rgb(65.9% 92.5% 91.5% / 0.4);--cn-comp-data-viz-inactive-08-orange-shadow: rgb(100% 74.9% 60.8% / 0.4);--cn-comp-data-viz-inactive-09-forest-shadow: rgb(58.1% 76% 62.7% / 0.4);--cn-comp-data-viz-inactive-10-red-shadow: rgb(97.7% 69.7% 65.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(92.2 0 272);--cn-comp-monaco-line-highlight: lch(95.1 0 272)}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Harness Design System
|
|
3
|
+
* Generated style tokens - DO NOT EDIT DIRECTLY
|
|
4
|
+
* Copyright (c) Harness.
|
|
5
|
+
*/.light-dimmer, .light-std-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: 1.2px;--cn-icon-stroke-width-lg: 1.1px;--cn-icon-stroke-width-xl: 1px;--cn-bg-0: var(--cn-gray-50);--cn-bg-1: var(--cn-gray-25);--cn-bg-2: var(--cn-gray-50);--cn-bg-3: var(--cn-gray-25);--cn-text-1: var(--cn-gray-900);--cn-text-2: var(--cn-gray-800);--cn-text-3: var(--cn-gray-700);--cn-text-4: var(--cn-gray-600);--cn-border-1: var(--cn-gray-400);--cn-border-2: var(--cn-gray-150);--cn-border-3: var(--cn-gray-100);--cn-border-success: var(--cn-lime-400);--cn-border-danger: var(--cn-red-400);--cn-border-warning: var(--cn-yellow-300);--cn-state-hover: lch(from var(--cn-gray-200) l c h / 0.16);--cn-state-selected: lch(from var(--cn-gray-300) l c h / 0.19);--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-150);--cn-set-gray-primary-bg-hover: var(--cn-gray-200);--cn-set-gray-primary-bg-selected: var(--cn-gray-200);--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-yellow-200);--cn-set-warning-primary-bg-hover: var(--cn-yellow-300);--cn-set-warning-primary-bg-selected: var(--cn-yellow-300);--cn-set-warning-secondary-text: var(--cn-yellow-800);--cn-set-warning-secondary-bg: var(--cn-yellow-50);--cn-set-warning-secondary-bg-hover: var(--cn-yellow-100);--cn-set-warning-secondary-bg-selected: var(--cn-yellow-100);--cn-set-warning-outline-text: var(--cn-yellow-700);--cn-set-warning-outline-bg: var(--cn-yellow-25);--cn-set-warning-outline-border: var(--cn-yellow-100);--cn-set-warning-outline-bg-hover: var(--cn-yellow-50);--cn-set-warning-outline-bg-selected: var(--cn-yellow-50);--cn-set-blue-primary-text: var(--cn-pure-black);--cn-set-blue-primary-bg: var(--cn-blue-400);--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-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-100);--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-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-100);--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-500);--cn-set-brown-primary-bg-hover: var(--cn-brown-600);--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-100);--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-300);--cn-set-cyan-primary-bg-hover: var(--cn-cyan-400);--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-400);--cn-set-indigo-primary-bg-hover: var(--cn-indigo-500);--cn-set-indigo-primary-bg-selected: var(--cn-indigo-500);--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-150);--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-50);--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-50);--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-orange-400);--cn-set-orange-primary-bg-hover: var(--cn-orange-500);--cn-set-orange-secondary-text: var(--cn-orange-800);--cn-set-orange-secondary-bg: var(--cn-orange-100);--cn-set-orange-secondary-bg-hover: var(--cn-orange-150);--cn-set-orange-outline-text: var(--cn-orange-700);--cn-set-orange-outline-bg: var(--cn-orange-25);--cn-set-orange-outline-border: var(--cn-orange-100);--cn-set-orange-outline-bg-hover: var(--cn-orange-50);--cn-set-pink-primary-text: var(--cn-pure-black);--cn-set-pink-primary-bg: var(--cn-pink-300);--cn-set-pink-primary-bg-hover: var(--cn-pink-400);--cn-set-pink-primary-bg-selected: var(--cn-pink-400);--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-100);--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-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-100);--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.05);--cn-comp-dialog-backdrop: lch(from var(--cn-gray-600) l c h / 0.25);--cn-comp-dialog-backdrop-nested: lch(from var(--cn-gray-600) l c h / 0.15);--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.10);--cn-comp-diff-hunk-line-number: lch(from var(--cn-blue-300) l c h / 0.30);--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.14);--cn-comp-header-item-selected: lch(from var(--cn-gray-300) l c h / 0.19);--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.10);--cn-comp-scrollbar-thumb: var(--cn-gray-150);--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-200);--cn-comp-toast-danger-border: var(--cn-red-400);--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-purple-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-orange-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-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.11);--cn-shadow-color-2: lch(from var(--cn-gray-600) l c h / 0.11);--cn-shadow-color-3: lch(from var(--cn-gray-600) l c h / 0.06);--cn-shadow-color-4: lch(from var(--cn-gray-600) l c h / 0.06);--cn-shadow-color-5: lch(from var(--cn-gray-600) l c h / 0.06);--cn-shadow-color-6: lch(from var(--cn-gray-600) l c h / 0.08);--cn-shadow-color-inner: lch(from var(--cn-pure-black) l c h / 0.10);--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-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-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.35);--cn-comp-diff-add-line-number: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.60);--cn-comp-diff-add-content-highlight: lch(from var(--cn-set-success-secondary-bg-hover) l c h / 0.50);--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.38);--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-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.40);--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 22.4 255);--cn-comp-data-viz-inactive-02-purple: lch(83.2 38 320);--cn-comp-data-viz-inactive-03-pink: lch(83.2 28 350);--cn-comp-data-viz-inactive-04-green: lch(82.4 31.2 125);--cn-comp-data-viz-inactive-05-indigo: lch(80.4 31 280);--cn-comp-data-viz-inactive-06-brown: lch(79.6 16 38);--cn-comp-data-viz-inactive-07-cyan: lch(88.8 23.2 195);--cn-comp-data-viz-inactive-08-orange: lch(83.2 36 52);--cn-comp-data-viz-inactive-09-forest: lch(74.4 24 150);--cn-comp-data-viz-inactive-10-red: lch(79.2 30.4 32);--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.1% 99.9% / 0.4);--cn-comp-data-viz-02-purple-shadow: rgb(85.1% 28.6% 97.6% / 0.4);--cn-comp-data-viz-03-pink-shadow: rgb(93.2% 28.5% 64.1% / 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.7% 99.8% / 0.4);--cn-comp-data-viz-06-brown-shadow: rgb(67.5% 36.7% 30% / 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(92.6% 35.2% 0% / 0.4);--cn-comp-data-viz-09-forest-shadow: rgb(0% 39.2% 16.7% / 0.4);--cn-comp-data-viz-10-red-shadow: rgb(83.4% 17.3% 20.1% / 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(44.2 75.2 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.5% 86.1% 100% / 0.4);--cn-comp-data-viz-inactive-02-purple-shadow: rgb(96.1% 73.9% 99.7% / 0.4);--cn-comp-data-viz-inactive-03-pink-shadow: rgb(99.7% 73.9% 85.3% / 0.4);--cn-comp-data-viz-inactive-04-green-shadow: rgb(72.4% 84% 61.1% / 0.4);--cn-comp-data-viz-inactive-05-indigo-shadow: rgb(72.8% 77.5% 100% / 0.4);--cn-comp-data-viz-inactive-06-brown-shadow: rgb(88.5% 74% 70.4% / 0.4);--cn-comp-data-viz-inactive-07-cyan-shadow: rgb(65.9% 92.5% 91.5% / 0.4);--cn-comp-data-viz-inactive-08-orange-shadow: rgb(100% 74.9% 60.8% / 0.4);--cn-comp-data-viz-inactive-09-forest-shadow: rgb(58.1% 76% 62.7% / 0.4);--cn-comp-data-viz-inactive-10-red-shadow: rgb(97.7% 69.7% 65.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(92.2 0 272);--cn-comp-monaco-line-highlight: lch(95.1 0 272)}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Harness Design System
|
|
3
|
+
* Generated style tokens - DO NOT EDIT DIRECTLY
|
|
4
|
+
* Copyright (c) Harness.
|
|
5
|
+
*/.light-high-contrast-deuteranopia, .light-deu-high{--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-800);--cn-text-4: var(--cn-gray-700);--cn-border-1: var(--cn-gray-600);--cn-border-2: var(--cn-gray-300);--cn-border-3: var(--cn-gray-200);--cn-border-success: var(--cn-indigo-600);--cn-border-danger: var(--cn-yellow-600);--cn-border-warning: var(--cn-orange-500);--cn-state-hover: lch(from var(--cn-gray-200) l c h / 0.30);--cn-state-selected: lch(from var(--cn-gray-300) l c h / 0.34);--cn-set-brand-primary-text: var(--cn-pure-white);--cn-set-brand-primary-bg: var(--cn-blue-700);--cn-set-brand-primary-bg-hover: var(--cn-blue-850);--cn-set-brand-primary-bg-selected: var(--cn-blue-850);--cn-set-brand-primary-ring: lch(from var(--cn-blue-700) l c h / 0.15);--cn-set-brand-secondary-text: var(--cn-blue-850);--cn-set-brand-secondary-bg: var(--cn-blue-150);--cn-set-brand-secondary-bg-hover: var(--cn-blue-200);--cn-set-brand-secondary-bg-selected: var(--cn-blue-200);--cn-set-brand-outline-text: var(--cn-blue-800);--cn-set-brand-outline-bg: var(--cn-blue-25);--cn-set-brand-outline-border: var(--cn-blue-700);--cn-set-brand-outline-bg-hover: var(--cn-blue-100);--cn-set-brand-outline-bg-selected: var(--cn-blue-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-300);--cn-set-gray-primary-bg-hover: var(--cn-gray-400);--cn-set-gray-primary-bg-selected: var(--cn-gray-400);--cn-set-gray-secondary-bg: var(--cn-gray-150);--cn-set-gray-secondary-bg-hover: var(--cn-gray-200);--cn-set-gray-secondary-bg-selected: var(--cn-gray-200);--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-900);--cn-set-success-secondary-bg: var(--cn-indigo-150);--cn-set-success-secondary-bg-hover: var(--cn-indigo-200);--cn-set-success-secondary-bg-selected: var(--cn-indigo-200);--cn-set-success-outline-text: var(--cn-indigo-800);--cn-set-success-outline-bg: var(--cn-indigo-25);--cn-set-success-outline-border: var(--cn-indigo-300);--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-900);--cn-set-danger-secondary-bg: var(--cn-yellow-150);--cn-set-danger-secondary-bg-hover: var(--cn-yellow-200);--cn-set-danger-secondary-bg-selected: var(--cn-yellow-200);--cn-set-danger-outline-text: var(--cn-yellow-800);--cn-set-danger-outline-bg: var(--cn-yellow-25);--cn-set-danger-outline-border: var(--cn-yellow-300);--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-850);--cn-set-warning-secondary-bg: var(--cn-orange-100);--cn-set-warning-secondary-bg-hover: var(--cn-orange-150);--cn-set-warning-secondary-bg-selected: var(--cn-orange-150);--cn-set-warning-outline-text: var(--cn-orange-800);--cn-set-warning-outline-bg: var(--cn-orange-25);--cn-set-warning-outline-border: var(--cn-orange-300);--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-700);--cn-set-blue-primary-bg-selected: var(--cn-blue-700);--cn-set-blue-secondary-text: var(--cn-blue-900);--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-800);--cn-set-blue-outline-bg: var(--cn-blue-25);--cn-set-blue-outline-border: var(--cn-blue-300);--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-purple-800);--cn-set-purple-primary-bg-hover: var(--cn-purple-850);--cn-set-purple-primary-bg-selected: var(--cn-purple-850);--cn-set-purple-secondary-text: var(--cn-purple-900);--cn-set-purple-secondary-bg: var(--cn-purple-150);--cn-set-purple-secondary-bg-hover: var(--cn-purple-200);--cn-set-purple-secondary-bg-selected: var(--cn-purple-200);--cn-set-purple-outline-text: var(--cn-purple-800);--cn-set-purple-outline-bg: var(--cn-purple-25);--cn-set-purple-outline-border: var(--cn-purple-300);--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-700);--cn-set-brown-primary-bg-hover: var(--cn-brown-800);--cn-set-brown-secondary-text: var(--cn-brown-900);--cn-set-brown-secondary-bg: var(--cn-brown-150);--cn-set-brown-secondary-bg-hover: var(--cn-brown-200);--cn-set-brown-outline-text: var(--cn-brown-800);--cn-set-brown-outline-bg: var(--cn-brown-25);--cn-set-brown-outline-border: var(--cn-brown-300);--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-600);--cn-set-cyan-secondary-text: var(--cn-cyan-850);--cn-set-cyan-secondary-bg: var(--cn-cyan-150);--cn-set-cyan-secondary-bg-hover: var(--cn-cyan-200);--cn-set-cyan-outline-text: var(--cn-cyan-800);--cn-set-cyan-outline-bg: var(--cn-cyan-25);--cn-set-cyan-outline-border: var(--cn-cyan-300);--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-600);--cn-set-indigo-primary-bg-hover: var(--cn-indigo-700);--cn-set-indigo-primary-bg-selected: var(--cn-indigo-700);--cn-set-indigo-secondary-text: var(--cn-indigo-850);--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-800);--cn-set-indigo-outline-bg: var(--cn-indigo-25);--cn-set-indigo-outline-border: var(--cn-indigo-300);--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-blue-800);--cn-set-forest-green-primary-bg-hover: var(--cn-blue-850);--cn-set-forest-green-secondary-text: var(--cn-blue-850);--cn-set-forest-green-secondary-bg: var(--cn-blue-150);--cn-set-forest-green-secondary-bg-hover: var(--cn-blue-200);--cn-set-forest-green-outline-text: var(--cn-blue-800);--cn-set-forest-green-outline-bg: var(--cn-blue-25);--cn-set-forest-green-outline-border: var(--cn-blue-200);--cn-set-forest-green-outline-bg-hover: var(--cn-blue-50);--cn-set-mint-primary-text: var(--cn-pure-white);--cn-set-mint-primary-bg: var(--cn-indigo-800);--cn-set-mint-primary-bg-hover: var(--cn-indigo-850);--cn-set-mint-primary-bg-selected: var(--cn-indigo-850);--cn-set-mint-secondary-text: var(--cn-indigo-850);--cn-set-mint-secondary-bg: var(--cn-indigo-150);--cn-set-mint-secondary-bg-hover: var(--cn-indigo-200);--cn-set-mint-secondary-bg-selected: var(--cn-indigo-200);--cn-set-mint-outline-text: var(--cn-indigo-800);--cn-set-mint-outline-bg: var(--cn-indigo-25);--cn-set-mint-outline-border: var(--cn-indigo-200);--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-600);--cn-set-orange-primary-bg-hover: var(--cn-brown-700);--cn-set-orange-secondary-text: var(--cn-brown-900);--cn-set-orange-secondary-bg: var(--cn-brown-150);--cn-set-orange-secondary-bg-hover: var(--cn-brown-200);--cn-set-orange-outline-text: var(--cn-brown-800);--cn-set-orange-outline-bg: var(--cn-brown-25);--cn-set-orange-outline-border: var(--cn-brown-300);--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-500);--cn-set-pink-primary-bg-hover: var(--cn-purple-600);--cn-set-pink-primary-bg-selected: var(--cn-purple-600);--cn-set-pink-secondary-text: var(--cn-purple-850);--cn-set-pink-secondary-bg: var(--cn-purple-150);--cn-set-pink-secondary-bg-hover: var(--cn-purple-200);--cn-set-pink-secondary-bg-selected: var(--cn-purple-200);--cn-set-pink-outline-text: var(--cn-purple-800);--cn-set-pink-outline-bg: var(--cn-purple-25);--cn-set-pink-outline-border: var(--cn-purple-300);--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-800);--cn-set-violet-primary-bg-hover: var(--cn-violet-850);--cn-set-violet-primary-bg-selected: var(--cn-violet-850);--cn-set-violet-secondary-text: var(--cn-violet-900);--cn-set-violet-secondary-bg: var(--cn-violet-150);--cn-set-violet-secondary-bg-hover: var(--cn-violet-200);--cn-set-violet-secondary-bg-selected: var(--cn-violet-200);--cn-set-violet-outline-text: var(--cn-violet-850);--cn-set-violet-outline-bg: var(--cn-violet-25);--cn-set-violet-outline-border: var(--cn-violet-300);--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.12);--cn-comp-dialog-backdrop: lch(from var(--cn-gray-600) l c h / 0.3);--cn-comp-dialog-backdrop-nested: lch(from var(--cn-gray-600) l c h / 0.15);--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.20);--cn-comp-diff-hunk-line-number: lch(from var(--cn-blue-300) l c h / 0.50);--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.28);--cn-comp-header-item-selected: lch(from var(--cn-gray-300) l c h / 0.34);--cn-comp-pipeline-dotes: var(--cn-gray-150);--cn-comp-pipeline-bg: var(--cn-gray-50);--cn-comp-sidebar-item-hover: lch(from var(--cn-gray-300) l c h / 0.22);--cn-comp-scrollbar-thumb: var(--cn-gray-300);--cn-comp-slider-track-base: var(--cn-gray-150);--cn-comp-slider-track-progress-stripes: lch(from var(--cn-pure-white) l c h / 0.3);--cn-comp-toast-danger-bg: var(--cn-orange-300);--cn-comp-toast-danger-border: var(--cn-orange-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-orange-25);--cn-comp-toast-danger-action-btn-bg: var(--cn-pure-black);--cn-comp-toast-danger-action-btn-bg-hover: var(--cn-orange-1000);--cn-comp-toast-danger-action-btn-bg-selected: var(--cn-orange-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-purple-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-brown-600);--cn-comp-data-viz-09-forest: var(--cn-blue-800);--cn-comp-data-viz-10-red: var(--cn-orange-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-300) l c h / 0.35);--cn-gradient-sidebar-selected-to: lch(from var(--cn-gray-300) l c h / 0.25);--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-orange-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-orange-300) l c h / 0.12);--cn-gradient-flow-onboard-ellipse-t-1-danger-to: lch(from var(--cn-orange-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-orange-300) l c h / 0.10);--cn-gradient-flow-onboard-ellipse-t-2-danger-to: lch(from var(--cn-orange-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-orange-300) l c h / 0.2);--cn-gradient-flow-onboard-ellipse-b-danger-to: lch(from var(--cn-orange-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-indigo-600);--cn-icon-testing: var(--cn-brown-600);--cn-icon-security: var(--cn-indigo-700);--cn-icon-efficiency: var(--cn-cyan-600);--cn-icon-platform: var(--cn-purple-600);--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.6);--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 22.4 255);--cn-comp-data-viz-inactive-02-purple: lch(83.2 38 320);--cn-comp-data-viz-inactive-03-pink: lch(83.2 38 320);--cn-comp-data-viz-inactive-04-green: lch(84 24.4 255);--cn-comp-data-viz-inactive-05-indigo: lch(80.4 31 280);--cn-comp-data-viz-inactive-06-brown: lch(79.6 16 38);--cn-comp-data-viz-inactive-07-cyan: lch(88.8 23.2 195);--cn-comp-data-viz-inactive-08-orange: lch(82.4 18.4 38);--cn-comp-data-viz-inactive-09-forest: lch(76.4 18.4 255);--cn-comp-data-viz-inactive-10-red: lch(79.6 32 52);--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.1% 99.9% / 0.4);--cn-comp-data-viz-02-purple-shadow: rgb(85.1% 28.6% 97.6% / 0.4);--cn-comp-data-viz-03-pink-shadow: rgb(85.1% 28.6% 97.6% / 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.7% 99.8% / 0.4);--cn-comp-data-viz-06-brown-shadow: rgb(67.5% 36.7% 30% / 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(78.3% 41.9% 34.2% / 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(78.2% 28.8% 0% / 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(40.8 43.4 255);--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.5% 86.1% 100% / 0.4);--cn-comp-data-viz-inactive-02-purple-shadow: rgb(96.1% 73.9% 99.7% / 0.4);--cn-comp-data-viz-inactive-03-pink-shadow: rgb(96.1% 73.9% 99.7% / 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.8% 77.5% 100% / 0.4);--cn-comp-data-viz-inactive-06-brown-shadow: rgb(88.5% 74% 70.4% / 0.4);--cn-comp-data-viz-inactive-07-cyan-shadow: rgb(65.9% 92.5% 91.5% / 0.4);--cn-comp-data-viz-inactive-08-orange-shadow: rgb(93.2% 76.5% 72.4% / 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(95.6% 71.8% 59.3% / 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(87.1 0 272);--cn-comp-monaco-line-highlight: lch(94 0 272)}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Harness Design System
|
|
3
|
+
* Generated style tokens - DO NOT EDIT DIRECTLY
|
|
4
|
+
* Copyright (c) Harness.
|
|
5
|
+
*/.light-high-contrast-protanopia, .light-pro-high{--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-800);--cn-text-4: var(--cn-gray-700);--cn-border-1: var(--cn-gray-600);--cn-border-2: var(--cn-gray-300);--cn-border-3: var(--cn-gray-200);--cn-border-success: var(--cn-indigo-600);--cn-border-danger: var(--cn-yellow-600);--cn-border-warning: var(--cn-orange-500);--cn-state-hover: lch(from var(--cn-gray-200) l c h / 0.30);--cn-state-selected: lch(from var(--cn-gray-300) l c h / 0.34);--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-850);--cn-set-brand-primary-bg-selected: var(--cn-indigo-850);--cn-set-brand-primary-ring: lch(from var(--cn-indigo-700) l c h / 0.15);--cn-set-brand-secondary-text: var(--cn-indigo-850);--cn-set-brand-secondary-bg: var(--cn-blue-150);--cn-set-brand-secondary-bg-hover: var(--cn-blue-200);--cn-set-brand-secondary-bg-selected: var(--cn-blue-200);--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-700);--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-300);--cn-set-gray-primary-bg-hover: var(--cn-gray-400);--cn-set-gray-primary-bg-selected: var(--cn-gray-400);--cn-set-gray-secondary-bg: var(--cn-gray-150);--cn-set-gray-secondary-bg-hover: var(--cn-gray-200);--cn-set-gray-secondary-bg-selected: var(--cn-gray-200);--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-900);--cn-set-success-secondary-bg: var(--cn-indigo-150);--cn-set-success-secondary-bg-hover: var(--cn-indigo-200);--cn-set-success-secondary-bg-selected: var(--cn-indigo-200);--cn-set-success-outline-text: var(--cn-indigo-800);--cn-set-success-outline-bg: var(--cn-indigo-25);--cn-set-success-outline-border: var(--cn-indigo-300);--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-900);--cn-set-danger-secondary-bg: var(--cn-yellow-150);--cn-set-danger-secondary-bg-hover: var(--cn-yellow-200);--cn-set-danger-secondary-bg-selected: var(--cn-yellow-200);--cn-set-danger-outline-text: var(--cn-yellow-800);--cn-set-danger-outline-bg: var(--cn-yellow-25);--cn-set-danger-outline-border: var(--cn-yellow-300);--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-850);--cn-set-warning-secondary-bg: var(--cn-orange-100);--cn-set-warning-secondary-bg-hover: var(--cn-orange-150);--cn-set-warning-secondary-bg-selected: var(--cn-orange-150);--cn-set-warning-outline-text: var(--cn-orange-800);--cn-set-warning-outline-bg: var(--cn-orange-25);--cn-set-warning-outline-border: var(--cn-orange-300);--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-700);--cn-set-blue-primary-bg-selected: var(--cn-blue-700);--cn-set-blue-secondary-text: var(--cn-blue-900);--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-800);--cn-set-blue-outline-bg: var(--cn-blue-25);--cn-set-blue-outline-border: var(--cn-blue-300);--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-purple-800);--cn-set-purple-primary-bg-hover: var(--cn-purple-850);--cn-set-purple-primary-bg-selected: var(--cn-purple-850);--cn-set-purple-secondary-text: var(--cn-purple-900);--cn-set-purple-secondary-bg: var(--cn-purple-150);--cn-set-purple-secondary-bg-hover: var(--cn-purple-200);--cn-set-purple-secondary-bg-selected: var(--cn-purple-200);--cn-set-purple-outline-text: var(--cn-purple-800);--cn-set-purple-outline-bg: var(--cn-purple-25);--cn-set-purple-outline-border: var(--cn-purple-300);--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-700);--cn-set-brown-primary-bg-hover: var(--cn-brown-800);--cn-set-brown-secondary-text: var(--cn-brown-900);--cn-set-brown-secondary-bg: var(--cn-brown-150);--cn-set-brown-secondary-bg-hover: var(--cn-brown-200);--cn-set-brown-outline-text: var(--cn-brown-800);--cn-set-brown-outline-bg: var(--cn-brown-25);--cn-set-brown-outline-border: var(--cn-brown-300);--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-600);--cn-set-cyan-secondary-text: var(--cn-cyan-850);--cn-set-cyan-secondary-bg: var(--cn-cyan-150);--cn-set-cyan-secondary-bg-hover: var(--cn-cyan-200);--cn-set-cyan-outline-text: var(--cn-cyan-800);--cn-set-cyan-outline-bg: var(--cn-cyan-25);--cn-set-cyan-outline-border: var(--cn-cyan-300);--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-600);--cn-set-indigo-primary-bg-hover: var(--cn-indigo-700);--cn-set-indigo-primary-bg-selected: var(--cn-indigo-700);--cn-set-indigo-secondary-text: var(--cn-indigo-850);--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-800);--cn-set-indigo-outline-bg: var(--cn-indigo-25);--cn-set-indigo-outline-border: var(--cn-indigo-300);--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-800);--cn-set-forest-green-primary-bg-hover: var(--cn-forest-850);--cn-set-forest-green-secondary-text: var(--cn-forest-850);--cn-set-forest-green-secondary-bg: var(--cn-forest-150);--cn-set-forest-green-secondary-bg-hover: var(--cn-forest-200);--cn-set-forest-green-outline-text: var(--cn-forest-800);--cn-set-forest-green-outline-bg: var(--cn-forest-25);--cn-set-forest-green-outline-border: var(--cn-forest-200);--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-800);--cn-set-mint-primary-bg-hover: var(--cn-mint-850);--cn-set-mint-primary-bg-selected: var(--cn-mint-850);--cn-set-mint-secondary-text: var(--cn-mint-850);--cn-set-mint-secondary-bg: var(--cn-mint-150);--cn-set-mint-secondary-bg-hover: var(--cn-mint-200);--cn-set-mint-secondary-bg-selected: var(--cn-mint-200);--cn-set-mint-outline-text: var(--cn-mint-800);--cn-set-mint-outline-bg: var(--cn-mint-25);--cn-set-mint-outline-border: var(--cn-mint-200);--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-600);--cn-set-orange-primary-bg-hover: var(--cn-brown-700);--cn-set-orange-secondary-text: var(--cn-brown-900);--cn-set-orange-secondary-bg: var(--cn-brown-150);--cn-set-orange-secondary-bg-hover: var(--cn-brown-200);--cn-set-orange-outline-text: var(--cn-brown-800);--cn-set-orange-outline-bg: var(--cn-brown-25);--cn-set-orange-outline-border: var(--cn-brown-300);--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-500);--cn-set-pink-primary-bg-hover: var(--cn-pink-600);--cn-set-pink-primary-bg-selected: var(--cn-pink-600);--cn-set-pink-secondary-text: var(--cn-pink-850);--cn-set-pink-secondary-bg: var(--cn-pink-150);--cn-set-pink-secondary-bg-hover: var(--cn-pink-200);--cn-set-pink-secondary-bg-selected: var(--cn-pink-200);--cn-set-pink-outline-text: var(--cn-pink-800);--cn-set-pink-outline-bg: var(--cn-pink-25);--cn-set-pink-outline-border: var(--cn-pink-300);--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-violet-800);--cn-set-violet-primary-bg-hover: var(--cn-violet-850);--cn-set-violet-primary-bg-selected: var(--cn-violet-850);--cn-set-violet-secondary-text: var(--cn-violet-900);--cn-set-violet-secondary-bg: var(--cn-violet-150);--cn-set-violet-secondary-bg-hover: var(--cn-violet-200);--cn-set-violet-secondary-bg-selected: var(--cn-violet-200);--cn-set-violet-outline-text: var(--cn-violet-850);--cn-set-violet-outline-bg: var(--cn-violet-25);--cn-set-violet-outline-border: var(--cn-violet-300);--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.12);--cn-comp-dialog-backdrop: lch(from var(--cn-gray-600) l c h / 0.3);--cn-comp-dialog-backdrop-nested: lch(from var(--cn-gray-600) l c h / 0.15);--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.20);--cn-comp-diff-hunk-line-number: lch(from var(--cn-blue-300) l c h / 0.50);--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.28);--cn-comp-header-item-selected: lch(from var(--cn-gray-300) l c h / 0.34);--cn-comp-pipeline-dotes: var(--cn-gray-150);--cn-comp-pipeline-bg: var(--cn-gray-50);--cn-comp-sidebar-item-hover: lch(from var(--cn-gray-300) l c h / 0.22);--cn-comp-scrollbar-thumb: var(--cn-gray-300);--cn-comp-slider-track-base: var(--cn-gray-150);--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-pink-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-300) l c h / 0.35);--cn-gradient-sidebar-selected-to: lch(from var(--cn-gray-300) l c h / 0.25);--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-600);--cn-icon-testing: var(--cn-orange-600);--cn-icon-security: var(--cn-indigo-700);--cn-icon-efficiency: var(--cn-cyan-600);--cn-icon-platform: var(--cn-purple-600);--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.6);--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 22.4 255);--cn-comp-data-viz-inactive-02-purple: lch(83.2 38 320);--cn-comp-data-viz-inactive-03-pink: lch(83.2 28 350);--cn-comp-data-viz-inactive-04-green: lch(84 24.4 255);--cn-comp-data-viz-inactive-05-indigo: lch(80.4 31 280);--cn-comp-data-viz-inactive-06-brown: lch(79.6 16 38);--cn-comp-data-viz-inactive-07-cyan: lch(88.8 23.2 195);--cn-comp-data-viz-inactive-08-orange: lch(83.2 36 52);--cn-comp-data-viz-inactive-09-forest: lch(76.4 18.4 255);--cn-comp-data-viz-inactive-10-red: lch(79.6 16 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.1% 99.9% / 0.4);--cn-comp-data-viz-02-purple-shadow: rgb(85.1% 28.6% 97.6% / 0.4);--cn-comp-data-viz-03-pink-shadow: rgb(93.2% 28.5% 64.1% / 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.7% 99.8% / 0.4);--cn-comp-data-viz-06-brown-shadow: rgb(67.5% 36.7% 30% / 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(92.6% 35.2% 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(67.5% 36.7% 30% / 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(40 68 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.5% 86.1% 100% / 0.4);--cn-comp-data-viz-inactive-02-purple-shadow: rgb(96.1% 73.9% 99.7% / 0.4);--cn-comp-data-viz-inactive-03-pink-shadow: rgb(99.7% 73.9% 85.3% / 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.8% 77.5% 100% / 0.4);--cn-comp-data-viz-inactive-06-brown-shadow: rgb(88.5% 74% 70.4% / 0.4);--cn-comp-data-viz-inactive-07-cyan-shadow: rgb(65.9% 92.5% 91.5% / 0.4);--cn-comp-data-viz-inactive-08-orange-shadow: rgb(100% 74.9% 60.8% / 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(88.5% 74% 70.4% / 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(87.1 0 272);--cn-comp-monaco-line-highlight: lch(94 0 272)}
|