/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
/*
Make sure all color changes also reflect in `src/core/Color.ts`, `src/styled-props/color.css` and `src/styled-props/background.css` as well.
A StyledProps based component can define color/background color by using React/TypeScript props directly like
,
*/
:root {
/* ============ Colors ============ */
/* Primary colors - for links, buttons, etc. */
--primary-10: #1a1a1a;
--primary-9-dark: #1b2e49; /* To be used in tooltip background */
--primary-9: #0a3364; /* Darker Primary */
--primary-8: #004ba4;
--primary-7: #0278d5; /* Main Primary */
--primary-6: #0092e4;
--primary-5: #00ade4; /* Brand Primary */
--primary-4: #3dc7f6;
--primary-3: #a3e9ff; /* Lighter Primary */
--primary-2: #cdf4fe;
--primary-1: #effbff;
--primary-bg: #fafcff;
--primary-light-hover: #fcfeff;
/* Text & Background - Gray Scale */
--grey-1000: #000000;
--grey-900: #0b0b0d;
--grey-800: #22222a;
--grey-700: #383946;
--grey-600: #4f5162;
--grey-500: #6b6d85; /* Main */
--grey-450: #6b6d85;
--grey-400: #9293ab;
--grey-350: #9293ab;
--grey-300: #b0b1c4;
--grey-250: #b0b1c4;
--grey-200: #d9dae5;
--grey-100: #f3f3fa;
--grey-50: #fafbfc; /* Background */
--grey-0: #ffffff;
/* Alerts & Statues - Green */
--green-900: #1e5c1f;
--green-800: #1b841d;
--green-700: #299b2c;
--green-600: #42ab45;
--green-500: #4dc952; /* Main */
--green-450: #4dc952;
--green-400: #86d981;
--green-350: #86d981;
--green-300: #a2e29b;
--green-200: #bdeab7;
--green-100: #d8f3d4;
--green-50: #e4f7e1; /* Background */
/* Alerts & Statues - Cornflower Blue */
--blue-900: #2d376d;
--blue-800: #39478f;
--blue-700: #4c5cb0;
--blue-600: #6374d0;
--blue-500: #798bec; /* Main */
--blue-450: #798bec;
--blue-400: #8598ff;
--blue-350: #8598ff;
--blue-300: #97a7ff;
--blue-200: #b1beff;
--blue-100: #dae0ff;
--blue-50: #f4f6ff; /* Background */
/* Alerts & Statues - Yellow */
--yellow-900: #fcb519;
--yellow-800: #fcc026;
--yellow-700: #fcc62d;
--yellow-600: #fdcc35;
--yellow-500: #fdd13b; /* Main */
--yellow-450: #fdd13b;
--yellow-400: #fedf76;
--yellow-350: #fedf76;
--yellow-300: #fee89d;
--yellow-200: #fef1c4;
--yellow-100: #fff9e7;
--yellow-50: #fffbee; /* Background */
/* Alerts & Statues - Orange */
--orange-900: #ff5310;
--orange-800: #ff661a;
--orange-700: #ff7020;
--orange-600: #ff7b26;
--orange-500: #ff832b; /* Main */
--orange-400: #ffa86b;
--orange-300: #ffc195;
--orange-200: #ffdabf;
--orange-100: #fff0e6;
--orange-50: #fff5ed; /* Background */
/* Alerts & Statues - Red */
--red-900: #b41710;
--red-800: #c41f17;
--red-700: #cf2318;
--red-600: #da291d;
--red-500: #e43326; /* Main */
--red-450: #e43326;
--red-400: #ee5f54;
--red-350: #ee5f54;
--red-300: #ef9790;
--red-200: #f5c0bc;
--red-100: #fbe6e4;
--red-50: #fcedec; /* Background */
/* Secondary & Charts - Teal */
--teal-900: #07a0ab;
--teal-800: #05aab6;
--teal-700: #06b7c4;
--teal-600: #03c0cd;
--teal-500: #0bc8d6; /* Main */
--teal-400: #47d5df;
--teal-300: #73dfe7;
--teal-200: #a9eff2;
--teal-100: #c0fbfe;
--teal-50: #d3fcfe; /* Background */
/* Secondary & Charts - Lime Green */
--lime-900: #487a34;
--lime-800: #558b2f;
--lime-700: #689f38;
--lime-600: #76af34;
--lime-500: #7fb800; /* Main */
--lime-400: #9ccc65;
--lime-300: #aadc72;
--lime-200: #c5e1a5;
--lime-100: #eaf8db;
--lime-50: #f1fae6; /* Background */
/* Secondary & Charts - Purple */
--purple-900: #4d0b8f;
--purple-800: #4d278f;
--purple-700: #592baa;
--purple-600: #6938c0;
--purple-500: #7d4dd3; /* Main */
--purple-400: #ae82fc;
--purple-300: #c19eff;
--purple-200: #cfb4ff;
--purple-100: #e1d0ff;
--purple-50: #eadeff; /* Background */
/* Secondary & Charts - Magenta */
--magenta-900: #ca136c;
--magenta-800: #d91f79;
--magenta-700: #ee2a89;
--magenta-600: #f53693;
--magenta-500: #ff479f; /* Main */
--magenta-400: #ff8ac1;
--magenta-300: #ffabd3;
--magenta-200: #ffcde4;
--magenta-100: #ffeef7;
--magenta-50: #fff3f9; /* Background */
/* Don't know where they are used */
--sea-green-500: #35d6cb;
--aqua-500: #61c1dd;
/* ===== Theme colors ===== */
--theme-light-bg: var(--grey-0);
--theme-light-nav-panel-bg: #07182b;
--theme-dark-bg: var(--grey-800); /* #28293d; */
--theme-dark-canvas-bg: #090909;
--theme-dark-canvas-dot: #585b81;
--theme-dark-nav-panel-bg: #030d19;
/* ================================== *
* ===== Style Variable Aliases ===== *
* ================================== */
/* ----- Colors ----- */
--white: var(--grey-0);
--black: var(--grey-1000);
--black-100: var(--grey-900);
--grey: var(--grey-500);
--grey-bg: var(--grey-50);
--primary-darker: var(--primary-9);
--primary-main: var(--primary-7);
--primary: var(--primary-main);
--primary-brand: var(--primary-5);
--primary-lighter: var(--primary-3);
--green: var(--green-500);
--green-bg: var(--green-50);
--blue: var(--blue-500);
--blue-bg: var(--blue-50);
--yellow: var(--yellow-500);
--yellow-bg: var(--yellow-50);
--yellow: var(--yellow-500);
--yellow-bg: var(--yellow-50);
--red: var(--red-500);
--red-bg: var(--red-50);
--teal: var(--teal-500);
--teal-bg: var(--teal-50);
--lime: var(--lime-500);
--lime-bg: var(--lime-50);
--purple: var(--purple-500);
--purple-bg: var(--purple-50);
--magenta: var(--magenta-500);
--magenta-bg: var(--magenta-50);
/* page and panel colors @2021-04-27 */
--form-bg: #f8fcff;
--form-section-bg: transparent;
--form-panel-bg: var(--white);
--form-subsection-bg: var(--white);
/* state colors @2021-04-27 */
--error: var(--red-600);
--warning: var(--orange-600);
--success: var(--green-600);
/* form colors @2021-04-27 */
--form-active-tab: var(--primary-7);
--form-primary-button-bg: var(--primary-7);
--form-active-panel-indicator: var(--primary-7);
--form-header-text: var(--black);
--form-body-text: var(--black);
--form-input-text: var(--black);
--form-placeholder-text: var(--gray-400);
--form-label: var(--gray-600);
--form-field-border: #dedfe9;
/* box shadows */
--dark-shadow-color: rgb(0 0 0 / 16%);
--light-shadow-color: rgb(255 255 255 / 16%);
/* ai theme */
--ai-purple-900: #4715d2;
--ai-purple-800: #592cd7;
--ai-purple-700: #6c44db;
--ai-purple-600: #7e5be0;
--ai-purple-500: #a38ae9;
--ai-purple-400: #b5a1ed;
--ai-purple-300: #c8b9f2;
--ai-purple-200: #dad0f6;
--ai-purple-100: #ede8fb;
--ai-purple-50: #f8f5ff;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
/* ------------------------------------------------ *
* overwriting UICore and BluePrint style variables *
* ------------------------------------------------ */
:root {
/* ***** CSS variables for Harness Experience 2.0 Design System ***** */
/* ============ Fonts ============ */
--font-family: Inter, 'Nunito', sans-serif, -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Open Sans', 'Helvetica Neue';
--font-family-mono: Menlo, Monaco, 'Courier New', monospace;
}
body {
font-family: var(--font-family);
color: var(--grey-900);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
/* ============ Spacing (Padding, Margin, Gutter) ============ */
--spacing-0: 0; /* 0px */
--spacing-1: 0.125rem; /* 2px */
--spacing-2: 0.25rem; /* 4px */
--spacing-3: 0.5rem; /* 8px */
--spacing-4: 0.75rem; /* 12px */
--spacing-5: 1rem; /* 16px */
--spacing-6: 1.25rem; /* 20px */
--spacing-7: 1.5rem; /* 24px */
--spacing-8: 2rem; /* 32px */
--spacing-9: 2.5rem; /* 40px */
--spacing-10: 3rem; /* 48px */
--spacing-11: 4rem; /* 64px */
--spacing-12: 4.5rem; /* 72px */
--spacing-13: 6rem; /* 96px */
--spacing-14: 10rem; /* 160px */
/* ----- Spacing and width/height ----- */
--spacing: var(--spacing-5);
--spacing-main: var(--spacing-5);
/* make it compatible with former UICore definition */
--spacing-none: var(--spacing-0);
--spacing-tiny: var(--spacing-1); /* 2px */
--spacing-xsmall: var(--spacing-2); /* formerly 5px; */
--spacing-small: var(--spacing-3); /* formerly 10px; */
--spacing-medium: var(--spacing-5); /* formerly 15px; */
--spacing-large: var(--spacing-6); /* formerly 20px; */
--spacing-xlarge: var(--spacing-7); /* formerly 25px; */
--spacing-xxlarge: var(--spacing-8); /* formerly 30px; */
--spacing-xxxlarge: var(--spacing-9); /* formerly 40px; */
--spacing-huge: var(--spacing-10); /* formerly 50px; */
/* padding: defined in @media screen */
/* margin: defined in @media screen */
--padding-container: var(--spacing-10); /* 48px; padding of outer containers, such as page, model dialog, etc. */
--padding-panel: var(--spacing-8); /* 36px; */
--padding-section: var(--spacing-7); /* 24px; */
--padding-button: var(--spacing-4); /* 12px; padding left/right of button */
--margin-container: var(--spacing-10); /* 48px; */
--margin-section: var(--spacing-7); /* 24px; */
--margin-form-field: var(--spacing-4);
--button-width: var(--spacing-13);
--min-button-width: var(--spacing-12);
--card-width: 250px;
--font-size-xsmall: 10px; /* very small text */
--font-size-small: 12px; /* H4, small text */
--font-size-normal: 14px; /* H3, normal text */
--font-size-medium: 18px; /* H2 */
--font-size-large: 28px; /* formerly 29px; need to be an even number */
--font-size-xlarge: 32px;
/* ====== Elevation (shadow) ====== */
--elevation-2: 0 2px 4px 0 var(--dark-shadow-color); /* not in use yet */
--elevation-2: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
--elevation-3: 0px 0px 2px rgba(40, 41, 61, 0.04), 0px 4px 8px rgba(96, 97, 112, 0.16);
--elevation-4: 0px 2px 4px rgba(40, 41, 61, 0.04), 0px 8px 16px rgba(96, 97, 112, 0.16);
--card-shadow: var(--elevation-3);
--card-hover-shadow: var(--elevation-4);
--panel-shadow: 3px 0 3px 0 var(--dark-shadow-color); /* property for nav panel box-shadow */
/* Button Shadows */
--button-shadow: 0px 0px 3px 1px var(--grey-100);
--button-hover-shadow: 0px 3px 8px 4px var(--grey-200);
--button-shadow-dark: 0px 0px 3px 1px rgb(0 0 0 / 30%);
--button-hover-shadow-dark: 0px 3px 8px 4px rgb(0 0 0 / 30%);
--nav-button-hover-shadow: var(--elevation-2);
/* ====== form spacing @2021-04-27 ====== */
/* page > section > subsection
or page > panel > subsection */
--dialog-padding: 36px 48px 48px 48px;
--form-padding: 32px 48px 96px 32px;
--form-section-padding: 0; /* 20px 24px; */
--form-panel-padding: 0; /* 20px 24px; */
--form-subsection-padding: 20px 24px; /* 16px 0 0 0; padding-top for both page section and panel section */
--form-section-margin: 8px 0 24px 0;
--form-panel-margin: 8px 0 24px 0;
--form-subsection-margin: 8px 0 0 0;
--form-panel-subsection-margin: 20px 0 0 0;
--form-field-margin: 0 12px 12px 0;
--form-action-buttons-margin: 8px 0 0 0; /* 24 + 8 = 32px */
--form-label-margin: 0 0 4px 0;
--form-message-margin: 8px 0 0 0;
--form-input-padding: 8px;
--form-icon-spacing: 4px;
--form-input-font-size: 13px;
/* =========== Style Variable Aliases end =========== */
/* ==============================
* Style definition for xLarge
* Screen Width at 1280px+
* Columns: 16
* ============================== */
--full-width-xl: 1280px;
--unit-xl: 8px; /* 8 x 8 px */
--padding-xl: 16px;
--margin-xl: 16px;
--col-content-xl: 40px; /* content area */
--col-xl: calc(var(--padding-xl) * 2 + var(--col-content-xl));
--panel-padding-xl: 16px;
--panel-margin-xl: 16px;
--panel-col-content-xl: 64px;
/* --- for expanded (secondary nav) panel --- */
--exp-padding-xl: 16px;
--exp-margin-xl: 16px;
--exp-col-content-xl: 28px; /* content area */
--panel-exp-padding-xl: 16px;
--panel-exp-margin-xl: 16px;
--panel-exp-col-content-xl: 40px;
--panel-exp-full-xl: 288px;
--grid-bg-collapsed-xl: none; /* url(/grid_bg_collapsed_xl.svg); */
--grid-bg-expanded-xl: none; /* url(/grid_bg_expanded_xl.svg); */
/* ====================
* Style definition Max
* Columns: 16
* ==================== */
--full-width-max: 1680px;
--unit-max: 8px; /* 8 x 8 px */
--padding-max: 16px;
--margin-max: 24px;
--col-content-max: 64px; /* content area */
--col-max: calc(var(--padding-max) * 2 + var(--col-content-max));
--panel-padding-max: 16px;
--panel-margin-max: 20px;
--panel-col-content-max: 56px;
/* --- for expanded (secondary nav) panel --- */
--exp-padding-max: 16px;
--exp-margin-max: 24px;
--exp-col-content-max: 52px; /* content area */
--panel-exp-padding-max: 16px;
--panel-exp-margin-max: 16px;
--panel-exp-col-content-max: 40px;
--panel-exp-full-max: 288px;
--dialog-width-xsmall: calc(var(--col-max) * 3);
--dialog-width-small: calc(var(--col-max) * 4);
--dialog-width-medium: calc(var(--col-max) * 8);
--dialog-width-large: calc(var(--col-max) * 10);
/* ========== Style definition for expanded panel ========== */
--panel-exp-col-1: var(--panel-exp-col);
--panel-exp-col-2: calc(var(--panel-exp-col) * 2);
--panel-exp-col-3: calc(var(--panel-exp-col) * 3);
--panel-exp-col-4: calc(var(--panel-exp-col) * 4); /* 288px */
--sidebar-exp: calc(var(--panel-exp-full) - var(--panel-col)); /* the width of the 2ndary sidebar: 288 - 96 = 192px */
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
@keyframes styles--spinner-rotation--23Udm {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
/* ===== xLarge: Screen Width at 1280px+ ===== */
@media screen and (max-width: 1680px) {
html {
font-size: 16px; /* Define root font size -> 1rem / 16px */
}
:root {
/* general spacing */
--full-width: var(--full-width-xl);
--unit: var(--unit-xl); /* 8px = 0.5rem; min unit = 8 x 8 px */
--padding: var(--padding-xl); /* 16px; */
--margin: var(--margin-xl); /* 16px; */
/* Grid column */
--col-content: var(--col-content-xl); /* 48px; /* content area */
--col: var(--col-xl);
/* Global nav panel */
--panel-padding: var(--panel-padding-xl);
--panel-margin: var(--panel-margin-xl);
--panel-col-content: var(--panel-col-content-xl);
--panel-col: calc(var(--panel-margin) * 2 + var(--panel-col-content)); /* 88px; /* Collapsed Panel */
/* Sencondary expanded panel */
--exp-padding: var(--exp-padding-xl); /* 16px; */
--exp-margin: var(--exp-margin-xl); /* 16px; */
--exp-col-content: var(--exp-col-content-xl); /* 48px; /* content area */
--exp-col: calc(var(--exp-padding-xl) * 2 + var(--exp-col-content-xl));
--panel-exp-padding: var(--panel-exp-padding-xl);
--panel-exp-margin: var(--panel-exp-margin-xl);
--panel-exp-col-content: var(--panel-exp-col-content-xl);
--panel-exp-col: calc(var(--panel-exp-padding) * 2 + var(--panel-exp-col-content)); /* Collapsed Panel */
--panel-exp-full: calc(var(--panel-exp-col) * 4);
/* Grid demo background */
--grid-bg-collapsed: var(--grid-bg-collapsed-xl);
--grid-bg-expanded: var(--grid-bg-expanded-xl);
}
}
/* ===== Max: Screen Width at 1680px+ ===== */
@media screen and (min-width: 1680px) {
html {
font-size: 16px; /* Define root font size -> 1rem / 16px */
}
:root {
/* general spacing */
--full-width: var(--full-width-max);
--unit: var(--unit-max); /* 8px = 0.5rem; min unit = 8 x 8 px */
--padding: var(--padding-max); /* 16px; */
--margin: var(--margin-max); /* 24px; */
/* Grid column */
--col-content: var(--col-content-max); /* 64px; /* content area */
--col: var(--col-xl);
/* Global nav panel */
--panel-padding: var(--panel-padding-max);
--panel-margin: var(--panel-margin-max);
--panel-col-content: var(--panel-col-content-max);
--panel-col: calc(var(--panel-margin) * 2 + var(--panel-col-content)); /* 96px; /* Collapsed Panel */
/* Sencondary expanded panel */
--exp-padding: var(--exp-padding-max); /* 16px; */
--exp-margin: var(--exp-margin-max); /* 24px; */
--exp-col-content: var(--exp-col-content-max); /* 64px; /* content area */
--exp-col: calc(var(--exp-padding) * 2 + var(--exp-col-content));
--panel-exp-padding: var(--panel-exp-padding-max);
--panel-exp-margin: var(--panel-exp-margin-max);
--panel-exp-col-content: var(--panel-exp-col-content-max);
--panel-exp-col: calc(var(--panel-exp-padding) * 2 + var(--panel-exp-col-content)); /* Collapsed Panel */
--panel-exp-full: calc(var(--panel-exp-col) * 4);
/* Grid demo background */
--grid-bg-collapsed: var(--grid-bg-collapsed-max);
--grid-bg-expanded: var(--grid-bg-expanded-max);
}
}
:root {
--grid-bg-collapsed-max: none; /* url(/grid_bg_collapsed_max.svg); */
--grid-bg-expanded-max: none; /* url(/grid_bg_expanded_max.svg); */
--col-1: var(--col);
--col-2: calc(var(--col) * 2);
--col-3: calc(var(--col) * 3);
--col-4: calc(var(--col) * 4);
--col-5: calc(var(--col) * 5);
--col-6: calc(var(--col) * 6);
--col-7: calc(var(--col) * 7);
--col-8: calc(var(--col) * 8);
--col-9: calc(var(--col) * 9);
--col-10: calc(var(--col) * 10);
--col-11: calc(var(--col) * 11);
--col-12: calc(var(--col) * 12);
--col-13: calc(var(--col) * 13);
--col-14: calc(var(--col) * 14);
--col-15: calc(var(--col) * 15);
--col-16: calc(var(--col) * 16);
--col-full: var(--col-16); /* dialog */
/* ========== Style definition for expanded panel ========== */
--exp-col-1: var(--exp-col);
--exp-col-2: calc(var(--exp-col) * 2);
--exp-col-3: calc(var(--exp-col) * 3);
--exp-col-4: calc(var(--exp-col) * 4);
--exp-col-5: calc(var(--exp-col) * 5);
--exp-col-6: calc(var(--exp-col) * 6);
--exp-col-7: calc(var(--exp-col) * 7);
--exp-col-8: calc(var(--exp-col) * 8);
--exp-col-9: calc(var(--exp-col) * 9);
--exp-col-10: calc(var(--exp-col) * 10);
--exp-col-11: calc(var(--exp-col) * 11);
--exp-col-12: calc(var(--exp-col) * 12);
--exp-col-13: calc(var(--exp-col) * 13);
--exp-col-14: calc(var(--exp-col) * 14);
--exp-col-15: calc(var(--exp-col) * 15);
--exp-col-16: calc(var(--exp-col) * 16);
--exp-col-full: var(--exp-col-16);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.bp3-portal .bp3-dialog {
box-shadow: none;
background: var(--white);
}
.bp3-portal .bp3-dialog .bp3-dialog-header {
box-shadow: none;
margin-top: var(--spacing-small);
}
.bp3-portal .bp3-dialog .bp3-dialog-header .bp3-heading {
font-weight: normal;
}
.bp3-portal .bp3-dialog .bp3-dialog-close-button svg {
fill: var(--grey-600);
height: var(--spacing-xlarge);
width: var(--spacing-xlarge);
}
.bp3-portal .bp3-dialog .bp3-dialog-close-button:hover {
background: none;
}
.bp3-portal .bp3-dialog .bp3-dialog-close-button:hover svg {
fill: var(--grey-800);
}
.bp3-portal .bp3-dialog .bp3-dialog-close-button {
margin-right: var(--spacing-xsmall);
}
.bp3-portal .bp3-dialog.bp3-dark {
border-left: none;
background-color: var(--blue-800) !important;
}
.bp3-portal .bp3-dialog.bp3-dark .bp3-dialog-header {
margin-top: var(--spacing-small);
background-color: var(--blue-800) !important;
}
.bp3-portal .bp3-dialog.bp3-dark .bp3-dialog-close-button svg {
height: var(--spacing-xlarge);
width: var(--spacing-xlarge);
fill: var(--grey-400);
}
.bp3-portal .bp3-dialog.bp3-dark .bp3-dialog-close-button:hover {
background: none;
}
.bp3-portal .bp3-dialog.bp3-dark .bp3-dialog-close-button:hover svg {
fill: var(--white);
}
.bp3-portal .bp3-dialog.bp3-dark .bp3-dialog-close-button {
margin-right: var(--spacing-xsmall);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.bp3-menu-item:hover {
background: var(--primary-6);
color: var(--white);
}
.bp3-menu-item.bp3-active, .bp3-menu-item.bp3-intent-primary.bp3-active, .bp3-submenu .bp3-popover-target.bp3-intent-primary.bp3-popover-open > .bp3-menu-item, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
background: var(--primary-7);
color: var(--white);
}
.bp3-menu-item.bp3-active:hover, .bp3-menu-item.bp3-intent-primary.bp3-active:hover, .bp3-submenu .bp3-popover-target.bp3-intent-primary.bp3-popover-open > .bp3-menu-item:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item:hover {
background: var(--primary-6);
color: var(--white);
}
.bp3-popover.bp3-dark .bp3-popover-arrow::before, .bp3-dark .bp3-popover .bp3-popover-arrow::before {
box-shadow: 0px 0px 2px rgba(40, 41, 61, 0.04), 0px 4px 8px rgba(96, 97, 112, 0.16);
}
.bp3-popover.bp3-dark, .bp3-dark .bp3-popover {
border-radius: 8px;
box-shadow: 0px 0px 2px rgba(40, 41, 61, 0.04), 0px 4px 8px rgba(96, 97, 112, 0.16);
}
.bp3-popover .bp3-popover-content {
border-radius: 8px;
}
/** Background color */
.bp3-popover.bp3-dark .bp3-popover-content, .bp3-dark .bp3-popover .bp3-popover-content {
background: var(--primary-9-dark);
}
/** Twisty */
.bp3-popover.bp3-dark .bp3-popover-arrow-border, .bp3-dark .bp3-popover .bp3-popover-arrow-border, .bp3-popover.bp3-dark .bp3-popover-arrow-fill, .bp3-dark .bp3-popover .bp3-popover-arrow-fill {
fill: var(--primary-9-dark);
}
.bp3-tooltip {
box-shadow: unset;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Accordion--accordion--geYp- {
position: relative;
}
.Accordion--panel--aaI79:first-child {
padding-top: var(--spacing-xlarge);
}
.Accordion--panel--aaI79:last-child {
padding-bottom: var(--spacing-xlarge);
}
.Accordion--panel--aaI79 {
padding: var(--spacing-small) 0;
}
.Accordion--panel--aaI79 .Accordion--collapse--Yyi78 {
position: relative;
z-index: 1;
}
.Accordion--panel--aaI79 .Accordion--summary--y6Vta {
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
.Accordion--panel--aaI79 .Accordion--summary--y6Vta .Accordion--label--WOuad {
font-weight: 600;
font-size: var(--font-size-normal);
color: var(--black);
padding-right: var(--spacing-4) !important;
}
.Accordion--panel--aaI79 .Accordion--summary--y6Vta .Accordion--iconPositionedLeft--\+tXYn {
padding-right: 0 !important;
padding-left: var(--spacing-4);
}
.Accordion--panel--aaI79 .Accordion--chevron--0sN7i {
width: var(--spacing-4);
height: 6px;
position: relative;
color: var(--primary-7);
margin-right: 2px;
}
.Accordion--panel--aaI79 .Accordion--chevron--0sN7i::before,
.Accordion--panel--aaI79 .Accordion--chevron--0sN7i::after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 8.48px;
width: 0;
border: 1px solid currentColor;
transform-origin: center top;
}
.Accordion--panel--aaI79 .Accordion--chevron--0sN7i::before {
transform: rotate(-45deg);
}
.Accordion--panel--aaI79 .Accordion--chevron--0sN7i::after {
transform: translateX(11px) rotate(45deg);
}
.Accordion--panel--aaI79[data-disabled='true'] > .Accordion--summary--y6Vta {
cursor: not-allowed;
}
.Accordion--panel--aaI79[data-disabled='true'] > .Accordion--summary--y6Vta > .Accordion--chevron--0sN7i {
opacity: 0;
}
.Accordion--panel--aaI79[data-open='true'] > .Accordion--summary--y6Vta > .Accordion--chevron--0sN7i {
transform: rotate(180deg);
}
.Accordion--panel--aaI79 .Accordion--details---3Gnf {
padding: var(--spacing-4) 0 var(--spacing-large) 0;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Tabs--main--y3zBo {
width: 100%;
font-family: var(--font-family) !important;
}
.Tabs--main--y3zBo .bp3-tabs {
width: 100%;
}
.Tabs--main--y3zBo .bp3-tab[aria-selected='true'] {
color: var(--grey-900);
font-weight: 600;
}
.Tabs--main--y3zBo .bp3-tab:not([aria-disabled='true']):hover {
color: var(--primary-7) !important;
}
.Tabs--main--y3zBo .bp3-tab:not([aria-disabled='true']):hover .bp3-icon svg path {
fill: var(--primary-7) !important;
}
.Tabs--icons--DSU16 .bp3-tab-list > *:not(:last-child) {
margin-right: var(--spacing-8) !important;
}
.Tabs--horizontal--jTAL5 .bp3-tab {
margin-top: var(--spacing-4);
margin-bottom: var(--spacing-4);
color: var(--grey-700);
padding: 0 var(--spacing-3);
display: flex;
justify-content: center;
font-size: var(--font-size-normal);
line-height: 19px;
font-weight: 500;
}
.Tabs--horizontal--jTAL5 .bp3-tab[aria-disabled='true'] {
color: var(--grey-700);
opacity: 50%;
cursor: not-allowed;
}
.Tabs--horizontal--jTAL5 .bp3-tab-list > *:not(:last-child) {
margin-right: var(--spacing-3);
}
.Tabs--horizontal--jTAL5 .bp3-tab-indicator-wrapper {
top: 12px;
}
.Tabs--horizontal--jTAL5 .bp3-tab-indicator-wrapper .bp3-tab-indicator {
height: 2px;
background-color: var(--primary-7);
border-radius: var(--spacing-2) var(--spacing-2) var(--spacing-0) var(--spacing-0) !important;
}
.Tabs--vertical--mle\+d .bp3-tab {
color: var(--grey-500);
}
.Tabs--vertical--mle\+d .bp3-tab-indicator-wrapper {
background-color: var(--grey-100) !important;
}
.Tabs--vertical--mle\+d .bp3-tab-indicator-wrapper .bp3-tab-indicator {
width: 2px;
background-color: var(--primary-7) !important;
left: 100% !important;
}
.Tabs--vertical--mle\+d .bp3-tab[aria-selected='true'] {
color: var(--primary-7);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Avatar--Avatar--FijqF {
display: inline-block;
margin: 0 5px;
position: relative;
}
.Avatar--AvatarInner--Swof6 {
font-weight: bolder;
box-sizing: border-box;
white-space: nowrap;
text-overflow: ellipsis;
display: flex;
align-items: center;
justify-content: center;
}
.Avatar--contentStyle--gjYZQ {
text-align: center;
cursor: pointer;
}
.Avatar--imageStyle--jeXe1 {
display: block;
}
.Avatar--hoverToolTipLayout---V6sT {
word-break: break-all !important;
text-align: start !important;
max-width: 320px;
min-width: 206px;
}
.Avatar--hoverAvatarLayout--uLIdz {
justify-content: flex-start !important;
column-gap: 5px;
background: var(--grey-100) !important;
height: 54px;
padding-bottom: 0px !important;
align-items: flex-end !important;
}
.Avatar--avatarPopOver--Ksaoj {
display: flex;
align-items: center;
}
.Avatar--avatarImg--JRig1 {
position: relative;
top: 11px;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Utils--tooltipContainer--TwLSv {
padding: var(--spacing-medium);
max-width: 500px;
max-height: 500px;
overflow: auto;
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
:not(.Layout--vertical--T4kWV).Layout--vertical--T4kWV,
:not(.Layout--vertical--T4kWV).Layout--horizontal--S6hd2,
:not(.Layout--horizontal--S6hd2).Layout--vertical--T4kWV,
:not(.Layout--horizontal--S6hd2).Layout--horizontal--S6hd2 {
--layout-spacing: 0;
display: flex;
flex-basis: auto;
flex-shrink: 0;
width: auto;
}
:not(.Layout--vertical--T4kWV).Layout--vertical--T4kWV, :not(.Layout--horizontal--S6hd2).Layout--vertical--T4kWV {
flex-direction: column;
}
:not(.Layout--vertical--T4kWV).Layout--horizontal--S6hd2, :not(.Layout--horizontal--S6hd2).Layout--horizontal--S6hd2 {
flex-direction: row;
}
:not(.Layout--vertical--T4kWV).Layout--vertical--T4kWV > * + *, :not(.Layout--horizontal--S6hd2).Layout--vertical--T4kWV > * + * {
margin-top: var(--layout-spacing) !important;
}
:not(.Layout--vertical--T4kWV).Layout--horizontal--S6hd2 > * + *, :not(.Layout--horizontal--S6hd2).Layout--horizontal--S6hd2 > * + * {
margin-left: var(--layout-spacing) !important;
}
:not(.Layout--vertical--T4kWV).Layout--layout-spacing-xsmall--J1itc, :not(.Layout--horizontal--S6hd2).Layout--layout-spacing-xsmall--J1itc {
--layout-spacing: var(--spacing-xsmall);
}
:not(.Layout--vertical--T4kWV).Layout--layout-spacing-small--dYktH, :not(.Layout--horizontal--S6hd2).Layout--layout-spacing-small--dYktH {
--layout-spacing: var(--spacing-small);
}
:not(.Layout--vertical--T4kWV).Layout--layout-spacing-medium--3W5dZ, :not(.Layout--horizontal--S6hd2).Layout--layout-spacing-medium--3W5dZ {
--layout-spacing: var(--spacing-medium);
}
:not(.Layout--vertical--T4kWV).Layout--layout-spacing-large--Lwk6S, :not(.Layout--horizontal--S6hd2).Layout--layout-spacing-large--Lwk6S {
--layout-spacing: var(--spacing-large);
}
:not(.Layout--vertical--T4kWV).Layout--layout-spacing-xlarge--mL4FI, :not(.Layout--horizontal--S6hd2).Layout--layout-spacing-xlarge--mL4FI {
--layout-spacing: var(--spacing-xlarge);
}
:not(.Layout--vertical--T4kWV).Layout--layout-spacing-xxlarge--UsH6-, :not(.Layout--horizontal--S6hd2).Layout--layout-spacing-xxlarge--UsH6- {
--layout-spacing: var(--spacing-xxlarge);
}
:not(.Layout--vertical--T4kWV).Layout--layout-spacing-xxxlarge--v7-27, :not(.Layout--horizontal--S6hd2).Layout--layout-spacing-xxxlarge--v7-27 {
--layout-spacing: var(--spacing-xxxlarge);
}
:not(.Layout--vertical--T4kWV).Layout--layout-spacing-huge--\+jD9l, :not(.Layout--horizontal--S6hd2).Layout--layout-spacing-huge--\+jD9l {
--layout-spacing: var(--spacing-huge);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Text--lineclamp--ZAdNZ {
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--text-line-clamp);
overflow: hidden;
word-break: break-all;
}
.Text--withDocsTooltip--bxLUw {
display: flex;
align-items: center;
}
.Text--targetClass--Mwmtp {
display: flex !important;
}
.Text--icon--MjOq- {
vertical-align: middle;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Tooltip--acenter--0tGTR {
display: flex;
align-items: center;
}
.Tooltip--acenter--0tGTR .bp3-popover-wrapper {
margin-top: 0 !important;
}
.Tooltip--tooltipIcon--x5SN8 {
margin: 0 var(--spacing-xsmall) var(--spacing-xsmall) var(--spacing-xsmall);
display: flex;
position: relative;
}
.Tooltip--tooltipWrapper--yREeB {
margin: 0;
border-radius: var(--spacing-3);
}
.Tooltip--tooltipWrapper--yREeB .bp3-popover-content {
padding: 0;
background: none;
}
.Tooltip--tooltipWrapper--yREeB .bp3-popover-arrow-fill {
fill: var(--primary-9-dark);
}
.Tooltip--tooltipContentWrapper--wmZ4X {
margin: 0;
padding: var(--spacing-5);
height: 100%;
color: white;
max-width: 400px;
border-radius: var(--spacing-3);
font-size: var(--font-size-small);
line-height: var(--font-size-medium);
outline: none;
background: var(--primary-9-dark);
}
.Tooltip--tooltipContentWrapper--wmZ4X a {
color: var(--primary-5);
}
.Tooltip--tooltipContentWrapper--wmZ4X p {
margin: 0 !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.AvatarGroup--stack--Fjmjm {
display: inline-flex;
flex-direction: row-reverse;
}
.AvatarGroup--noStack--SRkXe {
display: inline-flex;
}
.AvatarGroup--stackAvatar--tiDG-:not(:last-child) {
margin-left: var(--avatar-over-lap);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Button--button--maDuR {
/* Disabled */
}
.Button--button--maDuR[class*='bp3-button'],
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']) {
/* Override Blueprint styles */
display: inline-flex;
font-family: var(--font-family);
font-size: var(--font-size, var(--font-size-normal));
transition: all 0.25s cubic-bezier(0.39, 0.58, 0.57, 1);
transition-property: background-color, color, border-color;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN {
/* defaulted to secondary button */
--button-height: 32px;
--text-color: var(--primary-7);
--background-color: var(--white);
--background-color-hover: var(--white);
--background-color-active: var(--white);
--font-size: 14px;
--font-weight: 600;
--box-shadow: none;
--padding: 16px;
--padding-left: var(--padding);
--padding-right: var(--padding);
--border: 1px solid var(--primary-7);
--icon-padding: 4px;
height: var(--button-height);
min-height: var(--button-height);
color: var(--text-color) !important;
background-color: var(--background-color) !important;
font-weight: var(--font-weight) !important;
border-radius: 4px;
box-shadow: var(--box-shadow) !important;
padding-left: var(--padding-left);
padding-right: var(--padding-right);
border: var(--border) !important;
letter-spacing: 0.5px;
background-image: none;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN:hover:not([disabled]), .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN:hover:not([disabled]) {
--box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
background-color: var(--background-color-hover) !important;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN:active,
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN[class*='active'],
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN:active,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN[class*='active'] {
--box-shadow: inset 0px 0.5px 4px rgba(96, 97, 112, 0.32);
background-color: var(--background-color-active) !important;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN[disabled], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN[disabled] {
--box-shadow: none;
opacity: 0.5;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--withLeftIcon--7VAhu, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--withLeftIcon--7VAhu {
--padding-left: calc(var(--padding) - var(--icon-padding));
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--withLeftIcon--7VAhu span[icon]:first-of-type,
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--withLeftIcon--7VAhu span[data-icon]:first-of-type,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--withLeftIcon--7VAhu span[icon]:first-of-type,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--withLeftIcon--7VAhu span[data-icon]:first-of-type {
padding-right: var(--icon-padding);
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--withRightIcon--4Tbqf, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--withRightIcon--4Tbqf {
--padding-right: calc(var(--padding) - var(--icon-padding));
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--withRightIcon--4Tbqf span[class*='button-text'],
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--withRightIcon--4Tbqf span[class*='button-text']::before,
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--withRightIcon--4Tbqf span[class*='button-text'] > *,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--withRightIcon--4Tbqf span[class*='button-text'],
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--withRightIcon--4Tbqf span[class*='button-text']::before,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--withRightIcon--4Tbqf span[class*='button-text'] > * {
margin-right: 0;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--withRightIcon--4Tbqf span[icon]:last-of-type,
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--withRightIcon--4Tbqf span[data-icon]:last-of-type,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--withRightIcon--4Tbqf span[icon]:last-of-type,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--withRightIcon--4Tbqf span[data-icon]:last-of-type {
padding-left: var(--icon-padding);
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-link--C7v7k, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-link--C7v7k {
--background-color: transparent;
--background-color-hover: transparent;
--background-color-active: transparent;
--border: none;
--box-shadow: none;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-link--C7v7k:hover:not([disabled]), .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-link--C7v7k:hover:not([disabled]) {
--box-shadow: none;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-link--C7v7k:active,
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-link--C7v7k[class*='active'],
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-link--C7v7k:focus,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-link--C7v7k:active,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-link--C7v7k[class*='active'],
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-link--C7v7k:focus {
--box-shadow: none;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-primary--IHTtK, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-primary--IHTtK {
--text-color: var(--white);
--background-color: var(--primary-7);
--background-color-hover: var(--primary-8);
--background-color-active: var(--primary-7);
--border: none;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-primary--IHTtK[class*='intent-success'], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-primary--IHTtK[class*='intent-success'] {
--background-color: var(--green-500);
--background-color-hover: var(--green-600);
--background-color-active: var(--green-800);
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-primary--IHTtK[class*='intent-danger'], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-primary--IHTtK[class*='intent-danger'] {
--background-color: var(--red-500);
--background-color-hover: var(--red-600);
--background-color-active: var(--red-800);
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-primary--IHTtK[class*='intent-warning'], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-primary--IHTtK[class*='intent-warning'] {
--background-color: var(--yellow-500);
--background-color-hover: var(--yellow-600);
--background-color-active: var(--yellow-800);
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-secondary--exXCV, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-secondary--exXCV {
--focus-outline-color: var(--primary-7);
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-secondary--exXCV[class*='intent-success'], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-secondary--exXCV[class*='intent-success'] {
border: 1px solid var(--green-800) !important;
color: var(--green-800) !important;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-secondary--exXCV[class*='intent-warning'], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-secondary--exXCV[class*='intent-warning'] {
border: 1px solid var(--yellow-800) !important;
color: var(--yellow-800) !important;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-secondary--exXCV[class*='intent-danger'], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-secondary--exXCV[class*='intent-danger'] {
border: 1px solid var(--red-800) !important;
color: var(--red-800) !important;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-tertiary--dr5ot, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-tertiary--dr5ot {
--text-color: var(--grey-500);
--background-color: var(--grey-100);
--background-color-hover: var(--grey-50);
--background-color-active: var(--grey-100);
--border: none;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-icon--huy-J, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-icon--huy-J {
--text-color: var(--grey-300);
--background-color: transparent;
--background-color-hover: transparent;
--background-color-active: transparent;
--border: none;
--focus-outline-color: var(--text-color);
width: var(--button-height);
padding: 0;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-icon--huy-J:hover:not([disabled]), .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-icon--huy-J:hover:not([disabled]) {
--text-color: var(--primary-6);
--box-shadow: none;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-icon--huy-J:active,
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-icon--huy-J[class*='active'],
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-icon--huy-J:focus,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-icon--huy-J:active,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-icon--huy-J[class*='active'],
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-icon--huy-J:focus {
--text-color: var(--primary-7);
--box-shadow: none;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-icon--huy-J span[icon],
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-icon--huy-J span[data-icon],
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-icon--huy-J span[icon],
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-icon--huy-J span[data-icon] {
padding: 0 !important;
margin: 0;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--variation-ai--QcNJ2, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--variation-ai--QcNJ2 {
--text-color: var(--white);
--background-color: var(--ai-purple-800);
--background-color-hover: var(--ai-purple-900);
--background-color-active: var(--ai-purple-900);
--border: none;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--size--wrljU.Button--large--SIv\+c, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--size--wrljU.Button--large--SIv\+c {
--button-height: 48px;
--padding: 32px;
--icon-padding: 8px;
--font-size: 18px;
}
.Button--button--maDuR[class*='bp3-button'].Button--variation--tGoFN.Button--size--wrljU.Button--small---tUss, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--variation--tGoFN.Button--size--wrljU.Button--small---tUss {
--button-height: 24px;
--padding: 12px;
--icon-padding: 4px;
--font-size: 13px;
--font-weight: 500;
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN), .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN) {
height: 32px;
padding: 5px 20px;
background-image: none;
border: none;
letter-spacing: 0.4px;
line-height: 20px;
max-height: 32px;
background-color: var(--grey-50);
color: var(--primary-7);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN):not(.Button--without-shadow--sV8Yu), .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN):not(.Button--without-shadow--sV8Yu) {
box-shadow: var(--button-shadow);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN):not(.Button--without-shadow--sV8Yu):hover, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN):not(.Button--without-shadow--sV8Yu):hover {
box-shadow: var(--button-hover-shadow);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN):not(.Button--without-shadow--sV8Yu).Button--iconOnly--5XdrH:not([disabled]), .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN):not(.Button--without-shadow--sV8Yu).Button--iconOnly--5XdrH:not([disabled]) {
box-shadow: var(--button-hover-shadow); /* none; */
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN).Button--round--bWPVn, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN).Button--round--bWPVn {
border-radius: 100px;
padding-left: 15px;
padding-right: 15px;
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN).Button--iconOnly--5XdrH:not([disabled]), .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN).Button--iconOnly--5XdrH:not([disabled]) {
color: var(--grey-450);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN).Button--link--p8Dmf, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN).Button--link--p8Dmf {
padding: 0;
border: none;
height: auto;
min-height: auto;
color: var(--primary-7);
background-color: transparent;
vertical-align: unset;
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN).Button--link--p8Dmf:hover,
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN).Button--link--p8Dmf:active,
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN).Button--link--p8Dmf[class*='active'],
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN).Button--link--p8Dmf:hover,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN).Button--link--p8Dmf:active,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN).Button--link--p8Dmf[class*='active'] {
background: none;
border: none;
box-shadow: none;
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN).Button--link--p8Dmf:hover:not([disabled]), .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN).Button--link--p8Dmf:hover:not([disabled]) {
text-decoration: underline;
color: var(--primary-8);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN):hover, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN):hover {
background-color: var(--grey-50);
color: var(--primary-8);
text-decoration: none;
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN):hover.Button--iconOnly--5XdrH:not([disabled]), .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN):hover.Button--iconOnly--5XdrH:not([disabled]) {
background-color: transparent;
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[disabled], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[disabled] {
border: 1px solid var(--grey-350);
color: var(--grey-600);
background-color: var(--white);
opacity: 0.5;
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[disabled].Button--link--p8Dmf, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[disabled].Button--link--p8Dmf {
background-color: none;
border: none;
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='minimal'], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='minimal'] {
background-color: transparent;
border: none;
box-shadow: none;
color: var(--primary-7);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='minimal']:hover, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='minimal']:hover {
background-color: transparent;
box-shadow: var(--button-shadow);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='minimal']:not(.Button--without-shadow--sV8Yu):hover, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='minimal']:not(.Button--without-shadow--sV8Yu):hover {
box-shadow: var(--button-hover-shadow);
}
/* Primary */
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-primary'], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-primary'] {
color: var(--grey-0);
background-color: var(--primary-7);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-primary']:hover, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-primary']:hover {
color: var(--grey-0);
background-color: var(--primary-7);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-primary']:not(.Button--without-shadow--sV8Yu), .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-primary']:not(.Button--without-shadow--sV8Yu) {
box-shadow: var(--button-shadow);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-primary']:not(.Button--without-shadow--sV8Yu):hover, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-primary']:not(.Button--without-shadow--sV8Yu):hover {
box-shadow: var(--button-hover-shadow);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-primary']:active,
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-primary'][class*='active'],
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-primary']:active,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-primary'][class*='active'] {
background-color: var(--primary-8);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-primary'][class*='minimal'], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-primary'][class*='minimal'] {
border: none;
box-shadow: none;
color: var(--primary-7);
background: none;
}
/* Success */
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-success'], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-success'] {
color: var(--white);
border: 1px solid var(--green-500);
background-color: var(--green-500);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-success']:hover, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-success']:hover {
border: 1px solid var(--green-600);
background-color: var(--green-600);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-success']:active,
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-success'][class*='active'],
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-success']:active,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-success'][class*='active'] {
border: 1px solid var(--green-800);
background-color: var(--green-800);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-success'][disabled], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-success'][disabled] {
border: 1px solid var(--green-500);
background-color: var(--green-500);
}
/* Warning */
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-warning'], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-warning'] {
color: var(--white);
border: 1px solid var(--yellow-500);
background-color: var(--yellow-500);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-warning']:hover, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-warning']:hover {
border: 1px solid var(--yellow-600);
background-color: var(--yellow-600);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-warning']:active,
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-warning'][class*='active'],
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-warning']:active,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-warning'][class*='active'] {
border: 1px solid var(--yellow-800);
background-color: var(--yellow-800);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-warning'][disabled], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-warning'][disabled] {
border: 1px solid var(--yellow-500);
background-color: var(--yellow-500);
}
/* Danger */
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-danger'], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-danger'] {
color: var(--white);
border: 1px solid var(--red-800);
background-color: var(--red-800);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-danger']:hover, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-danger']:hover {
border: 1px solid var(--red-800);
background-color: var(--red-800);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-danger']:active,
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-danger'][class*='active'],
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-danger']:active,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-danger'][class*='active'] {
border: 1px solid var(--red-800);
background-color: var(--red-800);
}
.Button--button--maDuR[class*='bp3-button']:not(.Button--variation--tGoFN)[class*='intent-danger'][disabled], .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']):not(.Button--variation--tGoFN)[class*='intent-danger'][disabled] {
border: 1px solid var(--red-800);
background-color: var(--red-800);
}
.Button--button--maDuR[class*='bp3-button'].Button--with-current-color--sbVoL .bp3-icon, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--with-current-color--sbVoL .bp3-icon {
color: currentColor !important;
}
.Button--button--maDuR[class*='bp3-button'].Button--with-current-color--sbVoL .bp3-spinner .bp3-spinner-head, .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--with-current-color--sbVoL .bp3-spinner .bp3-spinner-head {
stroke: currentColor;
}
/* Make inline icons have the same color as the button color */
.Button--button--maDuR[class*='bp3-button'].Button--with-current-color--sbVoL > span svg path,
.Button--button--maDuR[class*='bp3-button'].Button--with-current-color--sbVoL > span svg circle,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--with-current-color--sbVoL > span svg path,
.Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--with-current-color--sbVoL > span svg circle {
fill: currentColor !important;
}
.Button--button--maDuR[class*='bp3-button'].Button--with-current-color--sbVoL > span svg :not(path), .Button--button--maDuR[class*='bp3-button']:not([class*='bp3-intent-']).Button--with-current-color--sbVoL > span svg :not(path) {
stroke: currentColor !important;
}
/* stylelint-disable no-descending-specificity */
.Button--button--maDuR[class*='bp3-disabled'] svg,
.Button--button--maDuR[class*='bp3-disabled'] svg > * {
cursor: not-allowed;
}
.Button--withDocsTooltip--EA8OZ {
display: flex;
align-items: center;
}
html:not(.bp3-focus-disabled) [class*='variation'][class*='bp3-button']:not([disabled]):focus {
outline: none;
position: relative;
}
html:not(.bp3-focus-disabled) [class*='variation'][class*='bp3-button']:not([disabled]):focus::after {
content: '';
display: block;
position: absolute;
top: -3px;
bottom: -3px;
left: -3px;
right: -3px;
border-radius: 5px;
border-width: 0.01em;
border-style: solid;
border-color: var(--focus-outline-color, var(--background-color));
}
html:not(.bp3-focus-disabled) [class*='variation'][class*='bp3-button']:not([disabled]):focus[class*='variation-primary']::after, html:not(.bp3-focus-disabled) [class*='variation'][class*='bp3-button']:not([disabled]):focus[class*='variation-tertiary']::after {
top: -2px;
bottom: -2px;
left: -2px;
right: -2px;
}
html:not(.bp3-focus-disabled) [class*='variation'][class*='bp3-button']:not([disabled]):focus[class*='variation-secondary']::after, html:not(.bp3-focus-disabled) [class*='variation'][class*='bp3-button']:not([disabled]):focus[class*='variation-link']::after {
border-color: var(--primary-7);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.SplitButton--main--Z5ZeH {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.SplitButton--dropdown---HTvd {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
padding-right: var(--spacing-medium) !important;
position: relative;
}
.SplitButton--dropdown---HTvd::before {
content: '';
height: 60%;
width: 1px;
position: absolute;
left: -0.5px;
top: 20%;
background-color: var(--white);
}
.SplitButton--dropdown---HTvd[class*='variation-secondary']::before,
.SplitButton--dropdown---HTvd[class*='variation-link']::before {
background-color: var(--primary-7);
}
.SplitButton--splitButton--CF888 {
position: relative;
display: flex;
align-items: center;
}
.SplitButton--splitButton--CF888 button.SplitButton--bp3-button--FN7Db {
box-shadow: none;
}
.SplitButton--splitButton--CF888 button.SplitButton--bp3-button--FN7Db:hover {
box-shadow: none;
}
.SplitButton--splitButton--CF888 .bp3-menu-item.bp3-active,
.SplitButton--splitButton--CF888 .bp3-menu-item:hover {
background-color: var(--primary-7);
color: var(--white);
}
.SplitButton--splitButton--CF888 .bp3-menu-item.bp3-active .bp3-icon, .SplitButton--splitButton--CF888 .bp3-menu-item:hover .bp3-icon {
color: var(--white);
}
.SplitButton--splitButton--CF888 .bp3-icon.bp3-icon-chevron-down {
padding-left: 0 !important;
}
.SplitButton--splitButton--CF888 .border-left-0[class*='Button--button'][class*='bp3-button'] {
border-left: none !important;
}
.SplitButton--splitButton--CF888 .border-right-0[class*='Button--button'][class*='bp3-button'] {
border-right: none !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.ButtonGroup--btnGroup--YyP2d > *:not(:last-child),
.ButtonGroup--btnGroup--YyP2d > *:not(:last-child) button[class*='Button---button'] {
margin-right: -1px;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.ButtonGroup--btnGroup--YyP2d > *:not(:first-child),
.ButtonGroup--btnGroup--YyP2d > *:not(:first-child) button[class*='Button---button'] {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Checkbox--checkbox--OY-B6 {
--cb-size: var(--spacing-5);
--cb-bg-color: var(--white);
--cb-border-color: var(--primary-7);
--cb-border-radius: var(--spacing-2);
--cb-icon: none;
--cb-icon-tick: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3.076 6.175c.477-.548 1.323-.568 1.825-.042l1.795 1.882c.008.008.02.008.027 0l4.531-4.722c.455-.474 1.215-.47 1.664.01.422.451.411 1.155-.025 1.593l-6.101 6.128c-.046.046-.12.048-.169.004l-3.445-3.128c-.498-.451-.543-1.218-.102-1.725z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");
--cb-icon-dash: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 14' xmlns='http://www.w3.org/2000/svg'%3E%3Crect fill='%23fff' height='2.5' rx='1' x='3' width='10' y='5.75'/%3E%3C/svg%3E");
--cb-icon-filter: none;
--cb-icon-shadow: drop-shadow(0 1px 2px rgba(40, 41, 61, 0.4)) drop-shadow(0 2px 4px rgba(96, 97, 112, 0.2));
--line-height: 1rem !important;
--font-size: var(--font-size-small) !important;
--intent-color: var(--grey-700);
display: flex;
padding: var(--spacing-xsmall) 0 !important;
}
.Checkbox--checkbox--OY-B6 .bp3-control-indicator {
margin: 0 !important;
margin-right: var(--spacing-small) !important;
width: var(--cb-size);
height: var(--cb-size);
border-radius: var(--cb-border-radius) !important;
border: 1px solid var(--cb-border-color);
background-clip: border-box;
background-image: none !important;
background-color: var(--cb-bg-color) !important;
box-shadow: none !important;
}
.Checkbox--checkbox--OY-B6 .bp3-control-indicator::before {
width: 100%;
height: 100%;
background: var(--cb-icon) no-repeat center !important;
filter: var(--cb-icon-filter);
}
.Checkbox--checkbox--OY-B6 :checked ~ .bp3-control-indicator,
.Checkbox--checkbox--OY-B6 :indeterminate ~ .bp3-control-indicator {
--cb-bg-color: var(--cb-border-color);
--cb-icon-filter: var(--cb-icon-shadow);
}
.Checkbox--checkbox--OY-B6 :checked ~ .bp3-control-indicator {
--cb-icon: var(--cb-icon-tick);
}
.Checkbox--checkbox--OY-B6 :indeterminate ~ .bp3-control-indicator {
--cb-icon: var(--cb-icon-dash);
}
.Checkbox--checkbox--OY-B6 :disabled ~ .bp3-control-indicator {
--cb-border-color: var(--grey-200);
--cb-bg-color: var(--grey-100);
--cb-icon-filter: none;
}
.Checkbox--checkbox--OY-B6 :disabled:checked ~ .bp3-control-indicator,
.Checkbox--checkbox--OY-B6 :disabled:indeterminate ~ .bp3-control-indicator {
--cb-border-color: var(--grey-500);
--cb-bg-color: var(--grey-500);
}
.bp3-checkbox.Checkbox--boxed--6NAdo {
display: flex;
align-items: center;
height: var(--spacing-8);
padding: 0 var(--spacing-4) 0 var(--spacing-3) !important;
background-color: var(--primary-bg);
border: 1px solid var(--grey-200);
border-radius: 4px;
}
.bp3-checkbox.Checkbox--boxed--6NAdo.Checkbox--checked--0YubP {
border-color: var(--primary-7);
background-color: var(--primary-1);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.CopyToClipboard--popoverContent--QgVEp {
display: flex;
background-color: black;
border-radius: 5px;
padding: var(--spacing-xsmall) var(--spacing-small);
}
.CopyToClipboard--tooltipLabel--SejcM {
color: var(--white);
padding-right: var(--spacing-small);
}
.CopyToClipboard--copyIcon--OU5ZK {
cursor: pointer;
margin-right: var(--spacing-xsmall) !important;
}
.CopyToClipboard--copyIcon--OU5ZK svg {
fill: var(--primary-7);
color: var(--primary-7);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Dialog--dialog--dippN {
border-radius: 5px;
box-shadow: none !important;
background: var(--white) !important;
padding: var(--dialog-padding);
position: relative;
}
.Dialog--dialog--dippN .Dialog--children--s9Xj1 {
height: 100%;
overflow: auto;
}
.Dialog--dialog--dippN .Dialog--close--sYpxI {
position: absolute;
right: 22px;
top: 22px;
cursor: pointer;
}
.Dialog--dialog--dippN footer {
position: absolute;
bottom: 46px;
}
.Dialog--dialog--dippN .bp3-dialog-header {
box-shadow: none;
margin-top: 0 !important;
padding: 0;
margin-bottom: 32px !important;
min-height: 32px !important;
}
.Dialog--dialog--dippN .bp3-dialog-header .bp3-heading {
font-weight: 600 !important;
font-style: normal;
color: var(--grey-900);
}
.Dialog--dialog--dippN .bp3-dialog-close-button svg {
fill: var(--grey-400) !important;
height: 22px !important;
width: 22px !important;
}
.Dialog--dialog--dippN .bp3-dialog-close-button:hover {
background: none;
}
.Dialog--dialog--dippN .bp3-dialog-close-button:hover svg {
fill: var(--grey-500) !important;
}
.Dialog--dialog--dippN .bp3-dialog-close-button {
margin-right: 0 !important;
min-height: 22px !important;
min-width: 22px !important;
padding: 0 !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.ModalDialog--container--EHJyH {
position: relative;
margin: 0;
padding: 0;
height: var(--ModalDialog-Height, auto);
min-height: 200px;
max-height: min(var(--ModalDialog-Height, 680px), calc(100vh - var(--spacing-huge)));
max-width: calc(100vw - var(--spacing-huge));
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-areas:
'header'
'toolbar'
'body'
'footer';
}
.ModalDialog--spinnerContainer--XwD39 {
position: absolute;
background: rgba(0, 0, 0, 0.2);
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
height: 100%;
width: 100%;
z-index: 15;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.ModalDialog--noHeader--bmCaO.ModalDialog--noFooter--4SvHY .ModalDialog--body--blTvG {
background: none;
}
.ModalDialog--header--T3Oph,
.ModalDialog--footer--REG2p {
padding: var(--spacing-xxlarge) var(--spacing-huge);
}
.ModalDialog--header--T3Oph {
grid-area: header;
padding-bottom: var(--spacing-xlarge);
}
.ModalDialog--footer--REG2p {
grid-area: footer;
padding-top: var(--spacing-xlarge);
}
.ModalDialog--toolbar--xl0Lm {
grid-area: toolbar;
padding: 0 var(--spacing-huge) var(--spacing-large);
}
.ModalDialog--noHeader--bmCaO .ModalDialog--toolbar--xl0Lm {
padding-top: var(--spacing-huge);
}
.ModalDialog--closeButton--pyZyO {
position: absolute !important;
right: 22px;
top: 22px;
cursor: pointer;
z-index: 10;
}
.ModalDialog--body--blTvG {
--shadowTop: inset 0px 8px 5px -5px rgba(96, 97, 112, 0.16);
--shadowBottom: inset 0px -8px 5px -5px rgba(96, 97, 112, 0.16);
position: relative;
grid-area: body;
overflow: auto;
}
.ModalDialog--body--blTvG::before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
z-index: 2;
}
.ModalDialog--body--blTvG .ModalDialog--bodyContent--2d2U4 {
position: relative;
z-index: 1;
overflow: auto;
height: 100%;
padding: 0 var(--spacing-huge);
display: grid;
grid-template-rows: 1px 1fr 1px;
}
.ModalDialog--noHeader--bmCaO.ModalDialog--noToolbar--Cnekk .ModalDialog--body--blTvG .ModalDialog--bodyContent--2d2U4 {
padding-top: var(--spacing-huge);
}
.ModalDialog--noFooter--4SvHY .ModalDialog--body--blTvG .ModalDialog--bodyContent--2d2U4 {
padding-bottom: var(--spacing-huge);
}
.ModalDialog--body--blTvG.ModalDialog--shadowTop--4-nIG::before {
box-shadow: var(--shadowTop);
}
.ModalDialog--body--blTvG.ModalDialog--shadowBottom--c0mgI::before {
box-shadow: var(--shadowBottom);
}
.ModalDialog--body--blTvG.ModalDialog--shadowTopAndBottom--9WjXU::before {
box-shadow: var(--shadowTop), var(--shadowBottom);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Toggle--toggle--PHnn1 {
--toggle-background-color: var(--white);
--toggle-border-color: #c7c9d9; /* grey-200 too light and grey-250/300 too dark */
--toggle-pill-size: var(--spacing-4);
--toggle-pill-color: var(--white);
--toggle-pill-shadow: 0 1px 2px rgba(40, 41, 61, 0.2), 0 2px 4px rgba(96, 97, 112, 0.2);
line-height: 1rem;
font-size: var(--font-size-small);
color: var(--grey-700) !important;
padding: var(--spacing-xsmall) 0 !important;
display: flex;
}
.Toggle--toggleIcon--aKeWH {
display: inline-flex;
align-items: center;
justify-content: flex-start;
width: calc(var(--toggle-pill-size) * 2);
border-radius: calc(var(--toggle-pill-size) / 2 + 4px);
background-color: var(--toggle-background-color);
border: 1px solid var(--toggle-border-color);
padding: 1px;
overflow: hidden;
margin-right: var(--spacing-3);
cursor: pointer;
user-select: none;
}
.Toggle--toggleIcon--aKeWH::before {
content: '';
width: var(--toggle-pill-size);
height: var(--toggle-pill-size);
border-radius: 50%;
background-color: var(--toggle-pill-color);
box-shadow: var(--toggle-pill-shadow);
}
.Toggle--input--86NC6:checked ~ .Toggle--toggleIcon--aKeWH {
justify-content: flex-end;
--toggle-background-color: var(--primary-7);
--toggle-border-color: var(--primary-7);
}
.Toggle--input--86NC6:disabled ~ .Toggle--toggleIcon--aKeWH {
--toggle-background-color: var(--grey-100);
--toggle-border-color: var(--grey-200);
--toggle-pill-color: var(--grey-500);
--toggle-pill-shadow: none;
}
.Toggle--input--86NC6:focus ~ .Toggle--toggleIcon--aKeWH {
outline: rgba(19, 124, 189, 0.6) auto 2px;
outline-offset: 2px;
}
.Toggle--input--86NC6 {
left: 0;
opacity: 0;
position: absolute;
top: 0;
z-index: -1;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.List--list--W27N6 {
padding-left: var(--spacing-xxxlarge, 30px);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.ListItem--item--Gn8IE {
color: var(--color, var(--grey-500));
}
.ListItem--item--Gn8IE:not(:last-child) {
margin-bottom: var(--spacing-xsmall, 5px);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Tag--main--0OCTJ {
font-family: var(--font-family) !important;
}
.Tag--main--0OCTJ .bp3-tag {
background-color: var(--grey-50);
color: var(--primary-9) !important;
border-radius: 4px;
border: 1px solid var(--grey-200);
}
.Tag--main--0OCTJ .bp3-intent-primary {
border: 1px solid var(--blue-500) !important;
background: var(--white) !important;
color: var(--blue-600) !important;
}
.Tag--main--0OCTJ .bp3-intent-success {
border: 1px solid var(--green-500) !important;
background: var(--white) !important;
color: var(--green-600) !important;
}
.Tag--main--0OCTJ .bp3-intent-warning {
border: 1px solid var(--yellow-500) !important;
background: var(--white) !important;
color: var(--yellow-600) !important;
}
.Tag--main--0OCTJ .bp3-intent-danger {
border: 1px solid var(--red-500) !important;
background: var(--white) !important;
color: var(--red-600) !important;
}
.Tag--main--0OCTJ .bp3-minimal {
background: var(--grey-300) !important;
color: var(--grey-500) !important;
}
.Tag--main--0OCTJ .bp3-minimal.bp3-intent-primary {
border: 1px solid var(--primary-6) !important;
background: var(--blue-350) !important;
color: var(--blue-600) !important;
}
.Tag--main--0OCTJ .bp3-minimal.bp3-intent-success {
border: 1px solid var(--green-350) !important;
background: var(--green-350) !important;
color: var(--green-600) !important;
}
.Tag--main--0OCTJ .bp3-minimal.bp3-intent-warning {
border: 1px solid var(--yellow-350) !important;
background: var(--yellow-350) !important;
color: var(--yellow-600) !important;
}
.Tag--main--0OCTJ .bp3-minimal.bp3-intent-danger {
border: 1px solid var(--red-350) !important;
background: var(--red-350) !important;
color: var(--red-600) !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Radio--radio--6VyF- {
--radio-height: 12px;
/* create template for repeated css into which vars can be passed */
font-family: var(--font-family);
font-size: var(--font-size-small);
color: var(--grey-800);
/*
There are 3 boolean properties that can be selected (disabled, checked, active), which yields 8 unique combinations.
However, 2 of these combinations are not possible (disabled + active)
*/
/* -----NOT DISABLED----- */
/* -----DISABLED----- */
}
.Radio--radio--6VyF- > span[class*='bp3-control-indicator'] {
height: var(--radio-height) !important;
width: var(--radio-height) !important;
}
/* white dot in center of blue circle when checked */
.Radio--radio--6VyF- > span[class*='bp3-control-indicator']::before {
width: var(--radio-height);
height: var(--radio-height);
}
/* disabled: F, checked: F */
.Radio--radio--6VyF- input:not(:disabled):not(:checked) ~ span[class*='bp3-control-indicator'] {
--box-background: var(--white);
--box-border: var(--grey-500);
background: var(--box-background) !important;
box-shadow: inset 0 0 0 1px var(--box-border), inset 0 -1px 0 var(--box-border) !important;
/* border color */
}
/* disabled: F, checked: T */
.Radio--radio--6VyF- input:not(:disabled):checked ~ span[class*='bp3-control-indicator'] {
--box-background: var(--primary-7);
--box-border: var(--primary-8);
background: var(--box-background) !important;
box-shadow: inset 0 0 0 1px var(--box-border), inset 0 -1px 0 var(--box-border) !important;
/* border color */
}
/* disabled: F, checked: F, active: T */
.Radio--radio--6VyF- input:not(:disabled):not(:checked):active ~ span[class*='bp3-control-indicator'] {
--box-background: var(--grey-100);
--box-border: var(--grey-500);
background: var(--box-background) !important;
box-shadow: inset 0 0 0 1px var(--box-border), inset 0 -1px 0 var(--box-border) !important;
/* border color */
}
/* disabled: F, checked: T, active: T */
.Radio--radio--6VyF- input:not(:disabled):checked:active ~ span[class*='bp3-control-indicator'] {
--box-background: var(--grey-400);
--box-border: var(--grey-400);
background: var(--box-background) !important;
box-shadow: inset 0 0 0 1px var(--box-border), inset 0 -1px 0 var(--box-border) !important;
/* border color */
}
/* disabled: T, checked: F */
.Radio--radio--6VyF- input:disabled:not(:checked) ~ span[class*='bp3-control-indicator'] {
--box-background: var(--white);
--box-border: var(--grey-300);
background: var(--box-background) !important;
box-shadow: inset 0 0 0 1px var(--box-border), inset 0 -1px 0 var(--box-border) !important;
/* border color */
}
/* disabled: T, checked: T */
.Radio--radio--6VyF- input:disabled:checked ~ span[class*='bp3-control-indicator'] {
--box-background: var(--grey-400);
--box-border: var(--grey-400);
background: var(--box-background) !important;
box-shadow: inset 0 0 0 1px var(--box-border), inset 0 -1px 0 var(--box-border) !important;
/* border color */
}
/* Style little white circle in the middle of blue circle */
.Radio--radio--6VyF- input:disabled:checked ~ span[class*='bp3-control-indicator']::before {
opacity: unset !important;
}
.Radio--radioGroup--B5HES {
font-family: var(--font-family);
font-size: var(--font-size, var(--font-size-normal));
color: var(--grey-800);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.RadioButton--asPill--GWr5\+ {
display: inline-block;
padding: 0.66rem 1.5rem !important;
border-radius: 2em;
background-color: white !important;
border: 1px solid lightgray;
cursor: pointer;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
margin-right: 0.5rem !important;
}
.RadioButton--asPill--GWr5\+ span {
margin: 0;
}
.RadioButton--pillChecked--liQnY {
background-color: var(--primary-6) !important;
border-color: var(--primary-7);
color: white !important;
}
.RadioButton--asPill--GWr5\+ .RadioButton--radioIcon--N0OFF {
display: none;
}
.RadioButton--radio--CIM5U {
--radio-size: var(--spacing-5);
--radio-bg-color: var(--white);
--radio-border-color: var(--primary-7);
--radio-icon-color: transparent;
--radio-icon-shadow: none;
line-height: 1rem;
font-size: var(--font-size-small);
color: var(--grey-700) !important;
padding: var(--spacing-xsmall) 0 !important;
display: flex;
}
.RadioButton--radioIcon--N0OFF {
display: inline-grid;
place-items: center;
width: var(--radio-size);
height: var(--radio-size);
border-radius: 50%;
background-color: var(--radio-bg-color);
border: 1px solid var(--radio-border-color);
overflow: hidden;
margin-right: var(--spacing-3);
cursor: pointer;
user-select: none;
}
.RadioButton--radioIcon--N0OFF::before {
display: block;
content: '';
width: calc(var(--radio-size) / 2);
height: calc(var(--radio-size) / 2);
border-radius: 50%;
background-color: var(--radio-icon-color);
box-shadow: var(--radio-icon-shadow);
}
.RadioButton--input--Rw3ey:checked ~ .RadioButton--radioIcon--N0OFF {
--radio-icon-color: var(--white);
--radio-bg-color: var(--radio-border-color);
--radio-icon-shadow: 0 1px 2px rgba(40, 41, 61, 0.2), 0 2px 4px rgba(96, 97, 112, 0.2);
}
.RadioButton--input--Rw3ey:disabled ~ .RadioButton--radioIcon--N0OFF {
--radio-bg-color: var(--grey-100);
--radio-border-color: var(--grey-200);
--radio-icon-shadow: none;
cursor: not-allowed;
}
.RadioButton--input--Rw3ey:checked:disabled ~ .RadioButton--radioIcon--N0OFF {
--radio-border-color: var(--grey-500);
--radio-bg-color: var(--grey-500);
--radio-icon-color: var(--grey-100);
}
.RadioButton--input--Rw3ey:focus ~ .RadioButton--radioIcon--N0OFF {
outline: rgba(19, 124, 189, 0.6) auto 2px;
outline-offset: 2px;
}
.RadioButton--input--Rw3ey {
left: 0;
opacity: 0;
position: absolute;
top: 0;
z-index: -1;
}
.RadioButton--tooltipAlign--81Nc1 {
display: inline-flex;
align-items: baseline;
}
.RadioButton--radioLabel--kYehA {
position: relative;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.RadioButtonGroup--radioButtonGroupLabel--pbkbC {
display: block;
font-size: var(--font-size, var(--font-size-normal));
color: var(--grey-800);
margin-bottom: var(--spacing-3);
}
.RadioButtonGroup--inline--pn4yn {
display: flex;
flex-flow: wrap;
}
.RadioButtonGroup--inline--pn4yn > * {
margin-right: var(--spacing-4) !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Switch--switch--bm\+NB {
--switch-height: 12px;
/* create template for repeated css into which vars can be passed */
font-family: var(--font-family);
font-size: var(--font-size, var(--font-size-normal));
color: var(--grey-800);
/*
There are 3 boolean properties that can be selected (disabled, checked, active), which yields 8 unique combinations.
However, 2 of these combinations are not possible (disabled + active)
*/
/* -----NOT DISABLED----- */
/* -----DISABLED----- */
}
/* oval */
.Switch--switch--bm\+NB > span[class*='bp3-control-indicator'] {
height: var(--switch-height) !important;
width: 22px !important;
min-width: 22px !important;
}
/* circle in center of button */
.Switch--switch--bm\+NB > span[class*='bp3-control-indicator']::before {
width: var(--switch-height) !important;
height: var(--switch-height) !important;
margin: 0px !important;
}
/* horizontal alignment of circle in center of button */
.Switch--switch--bm\+NB > input:checked ~ span[class*='bp3-control-indicator']::before {
left: calc(100% - var(--switch-height)) !important;
}
/* disabled: F, checked: F */
.Switch--switch--bm\+NB input:not(:disabled):not(:checked) ~ span[class*='bp3-control-indicator'] {
--oval-background: var(--grey-200);
--oval-border: var(--grey-400);
--circle-border: var(--grey-500);
background: var(--oval-background) !important;
box-shadow: inset 0 0 0 1px var(--oval-border), inset 0 -1px 0 var(--oval-border) !important;
}
/* oval border */
.Switch--switch--bm\+NB input:not(:disabled):not(:checked) ~ span[class*='bp3-control-indicator']::before {
box-shadow: inset 0 0 0 1px var(--circle-border), inset 0 -1px 0 var(--circle-border) !important; /* circle border */
}
/* disabled: F, checked: T */
.Switch--switch--bm\+NB input:not(:disabled):checked ~ span[class*='bp3-control-indicator'] {
--oval-background: var(--primary-7);
--oval-border: var(--primary-7);
--circle-border: var(--primary-8);
background: var(--oval-background) !important;
box-shadow: inset 0 0 0 1px var(--oval-border), inset 0 -1px 0 var(--oval-border) !important;
}
/* oval border */
.Switch--switch--bm\+NB input:not(:disabled):checked ~ span[class*='bp3-control-indicator']::before {
box-shadow: inset 0 0 0 1px var(--circle-border), inset 0 -1px 0 var(--circle-border) !important; /* circle border */
}
/* disabled: F, checked: F, active: T */
.Switch--switch--bm\+NB input:not(:disabled):not(:checked):active ~ span[class*='bp3-control-indicator'] {
--oval-background: var(--grey-300);
--oval-border: var(--grey-500);
--circle-border: var(--grey-500);
background: var(--oval-background) !important;
box-shadow: inset 0 0 0 1px var(--oval-border), inset 0 -1px 0 var(--oval-border) !important;
}
/* oval border */
.Switch--switch--bm\+NB input:not(:disabled):not(:checked):active ~ span[class*='bp3-control-indicator']::before {
box-shadow: inset 0 0 0 1px var(--circle-border), inset 0 -1px 0 var(--circle-border) !important; /* circle border */
}
/* disabled: F, checked: T, active: T */
.Switch--switch--bm\+NB input:not(:disabled):checked:active ~ span[class*='bp3-control-indicator'] {
--oval-background: var(--primary-8);
--oval-border: var(--primary-8);
--circle-border: var(--primary-9);
background: var(--oval-background) !important;
box-shadow: inset 0 0 0 1px var(--oval-border), inset 0 -1px 0 var(--oval-border) !important;
}
/* oval border */
.Switch--switch--bm\+NB input:not(:disabled):checked:active ~ span[class*='bp3-control-indicator']::before {
box-shadow: inset 0 0 0 1px var(--circle-border), inset 0 -1px 0 var(--circle-border) !important; /* circle border */
}
/* disabled: T, checked: F */
.Switch--switch--bm\+NB input:disabled:not(:checked) ~ span[class*='bp3-control-indicator'] {
--oval-background: var(--grey-200);
--oval-border: var(--grey-400);
--circle-border: var(--grey-400);
background: var(--oval-background) !important;
box-shadow: inset 0 0 0 1px var(--oval-border), inset 0 -1px 0 var(--oval-border) !important;
}
/* oval border */
.Switch--switch--bm\+NB input:disabled:not(:checked) ~ span[class*='bp3-control-indicator']::before {
box-shadow: inset 0 0 0 1px var(--circle-border), inset 0 -1px 0 var(--circle-border) !important; /* circle border */
}
/* disabled: T, checked: T */
.Switch--switch--bm\+NB input:disabled:checked ~ span[class*='bp3-control-indicator'] {
--oval-background: var(--grey-400);
--oval-border: var(--grey-400);
--circle-border: var(--grey-400);
background: var(--oval-background) !important;
box-shadow: inset 0 0 0 1px var(--oval-border), inset 0 -1px 0 var(--oval-border) !important;
}
/* oval border */
.Switch--switch--bm\+NB input:disabled:checked ~ span[class*='bp3-control-indicator']::before {
box-shadow: inset 0 0 0 1px var(--circle-border), inset 0 -1px 0 var(--circle-border) !important; /* circle border */
}
.Switch--inlineTooltip--pgIqH {
display: inline !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.SwitchIcon--switchIcon--wfmO0 {
--disabled-color: rgba(92, 112, 128, 0.6);
}
.SwitchIcon--switchIcon--wfmO0.SwitchIcon--disabled--EF4iF .SwitchIcon--labelClass--dZCau {
color: var(--disabled-color);
cursor: not-allowed;
}
.SwitchIcon--switchIcon--wfmO0.SwitchIcon--disabled--EF4iF .SwitchIcon--icon---yS1o span {
color: var(--disabled-color);
}
.SwitchIcon--switchIcon--wfmO0 .SwitchIcon--toggleSwitch--hEJCV {
position: relative;
cursor: pointer;
}
.SwitchIcon--switchIcon--wfmO0 .SwitchIcon--toggleSwitch--hEJCV .SwitchIcon--toggleContent--eZby4 {
width: 60px;
height: 27px;
background: var(--grey-350);
position: relative;
border-radius: 8px;
display: grid;
grid-template-columns: 1fr 1fr;
}
.SwitchIcon--switchIcon--wfmO0 .SwitchIcon--toggleSwitch--hEJCV .SwitchIcon--toggleContent--eZby4:before {
content: '';
position: absolute;
width: 50%;
height: inherit;
border-radius: 8px;
background: var(--grey-100);
border: 1px solid var(--grey-350);
transition: all 0.2s ease;
}
.SwitchIcon--switchIcon--wfmO0 .SwitchIcon--toggleSwitch--hEJCV .SwitchIcon--toggleContent--eZby4 .SwitchIcon--icon---yS1o {
z-index: 2;
transition: all 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
}
.SwitchIcon--switchIcon--wfmO0 .SwitchIcon--toggleSwitch--hEJCV input[type='checkbox'] {
display: none;
}
.SwitchIcon--switchIcon--wfmO0 .SwitchIcon--toggleSwitch--hEJCV input[type='checkbox']:not(:checked) + .SwitchIcon--toggleContent--eZby4:before {
transform: translatex(0);
}
.SwitchIcon--switchIcon--wfmO0 .SwitchIcon--toggleSwitch--hEJCV input[type='checkbox']:checked + .SwitchIcon--toggleContent--eZby4:before {
transform: translatex(100%);
}
.SwitchIcon--switchIcon--wfmO0 .SwitchIcon--labelClass--dZCau {
display: flex !important;
align-items: center;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Label--main--1-9i- {
display: block;
/*
font-weight: 400;
font-size: var(--font-size-xsmall);
line-height: 1rem;
letter-spacing: 0.2px;
color: var(--gray-300);
*/
color: var(--form-label);
margin: var(--form-label-margin);
letter-spacing: 0.2px;
font-size: 12px;
line-height: 16px;
font-weight: 600;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Carousel--carousel--9z72J {
position: relative;
}
.Carousel--carousel--9z72J .Carousel--carouselView--dXhdR {
position: relative;
width: 100%;
overflow: hidden;
}
.Carousel--carousel--9z72J .Carousel--carouselView--dXhdR .Carousel--carouselLeft--FiGmn,
.Carousel--carousel--9z72J .Carousel--carouselView--dXhdR .Carousel--carouselRight--Mf081 {
position: absolute;
width: 50px;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
display: none;
z-index: 1;
cursor: pointer;
}
.Carousel--carousel--9z72J .Carousel--carouselView--dXhdR .Carousel--carouselLeft--FiGmn > div, .Carousel--carousel--9z72J .Carousel--carouselView--dXhdR .Carousel--carouselRight--Mf081 > div {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
}
.Carousel--carousel--9z72J .Carousel--carouselView--dXhdR:hover .Carousel--carouselLeft--FiGmn,
.Carousel--carousel--9z72J .Carousel--carouselView--dXhdR:hover .Carousel--carouselRight--Mf081 {
display: block;
}
.Carousel--carousel--9z72J .Carousel--carouselView--dXhdR .Carousel--carouselLeft--FiGmn {
left: 0;
}
.Carousel--carousel--9z72J .Carousel--carouselView--dXhdR .Carousel--carouselRight--Mf081 {
right: 0;
}
.Carousel--carousel--9z72J .Carousel--carouselView--dXhdR .Carousel--carouselItem--B8fTw {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.Carousel--carousel--9z72J .Carousel--carouselView--dXhdR .Carousel--carouselItem--B8fTw.Carousel--active--TY34d,
.Carousel--carousel--9z72J .Carousel--carouselView--dXhdR .Carousel--carouselItem--B8fTw.Carousel--carouselItemPrev--Jkxey,
.Carousel--carousel--9z72J .Carousel--carouselView--dXhdR .Carousel--carouselItem--B8fTw.Carousel--carouselItemNext--wEL5h {
display: block;
}
.Carousel--carousel--9z72J .Carousel--carouselView--dXhdR .Carousel--carouselItem--B8fTw.Carousel--active--TY34d {
transform: translateX(0%);
}
.Carousel--carousel--9z72J .Carousel--carouselView--dXhdR .Carousel--carouselItem--B8fTw.Carousel--carouselItemPrev--Jkxey {
transform: translateX(-100%);
}
.Carousel--carousel--9z72J .Carousel--carouselView--dXhdR .Carousel--carouselItem--B8fTw.Carousel--carouselItemNext--wEL5h {
transform: translateX(100%);
}
.Carousel--carousel--9z72J .Carousel--carouselIndicators--KrpYM {
display: block;
margin: 0 auto;
}
.Carousel--carousel--9z72J .Carousel--carouselIndicators--KrpYM .Carousel--indicator--6F9vZ {
width: 8px;
height: 8px;
background-color: var(--grey-250);
border: 1px solid var(--grey-400);
border-radius: 50%;
display: inline-block;
margin: 4px;
}
.Carousel--carousel--9z72J .Carousel--carouselIndicators--KrpYM .Carousel--indicator--6F9vZ.Carousel--active--TY34d {
background-color: var(--grey-350);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.TextInput--main--o7wPV {
display: flex;
flex-flow: column;
margin-bottom: var(--spacing-4);
}
.TextInput--main--o7wPV .bp3-input {
display: block;
border: 1px solid var(--grey-200);
border-radius: var(--spacing-2);
font-size: var(--form-input-font-size);
padding: var(--spacing-small);
height: var(--spacing-8);
color: var(--black);
box-shadow: none;
}
.TextInput--main--o7wPV .bp3-input:hover {
border-color: var(--primary-6);
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
}
.TextInput--main--o7wPV .bp3-input:focus {
color: var(--black);
border-color: var(--primary-7);
box-shadow: none;
}
.TextInput--main--o7wPV .bp3-input::-moz-placeholder,
.TextInput--main--o7wPV .bp3-input::-webkit-input-placeholder,
.TextInput--main--o7wPV .bp3-input:-ms-input-placeholder,
.TextInput--main--o7wPV .bp3-input:-moz-placeholder,
.TextInput--main--o7wPV .bp3-input::placeholder {
color: var(--form-placeholder-text) !important;
}
.TextInput--main--o7wPV .bp3-input:disabled {
background-color: var(--grey-50);
}
.TextInput--main--o7wPV.TextInput--hasError--MVjyt .bp3-input {
border-color: var(--red-600);
}
.TextInput--main--o7wPV.TextInput--hasError--MVjyt .bp3-input:focus {
border-color: var(--red-600);
outline-color: var(--red-600);
}
.TextInput--main--o7wPV.TextInput--hasError--MVjyt.TextInput--errorIcon--HEV5n .bp3-icon:first-child {
color: var(--red-600);
}
.TextInput--main--o7wPV.TextInput--success--v0P7d .bp3-input-action {
margin: var(--spacing-small);
display: flex;
width: var(--spacing-4);
height: var(--spacing-4);
}
.TextInput--main--o7wPV.TextInput--success--v0P7d .bp3-input-action .bp3-icon {
display: flex;
}
.TextInput--main--o7wPV.TextInput--success--v0P7d .bp3-input-action .bp3-icon path {
fill: var(--green-500);
}
.TextInput--main--o7wPV .bp3-input-group > .bp3-icon:first-child {
margin: var(--spacing-small);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.FormError--errorDiv---LSu5 {
margin-top: var(--spacing-small);
display: flex;
}
.FormError--error--SFia- {
font-size: var(--font-size-normal);
color: var(--red-600);
margin-left: var(--spacing-xsmall);
word-break: break-word;
}
.FormError--errorIcon--4RAX2 .bp3-icon:first-child {
color: var(--red-600);
}
.FormError--errorTextIcon--bJ0ZF {
color: var(--red-600);
margin-top: var(--spacing-tiny) !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.FieldArray--container--vqHW6 {
width: 100%;
}
.FieldArray--container--vqHW6 .FieldArray--title--Sh\+pD {
justify-content: space-between;
align-items: center;
}
.FieldArray--container--vqHW6 .FieldArray--title--Sh\+pD .FieldArray--text--T139Z {
font-weight: 500;
padding: 7px 0;
}
.FieldArray--container--vqHW6 .FieldArray--noData--DFv4N {
border: 1px solid var(--grey-300);
border-radius: 4px;
text-align: center;
padding: var(--spacing-large);
}
.FieldArray--container--vqHW6 .FieldArray--noData--DFv4N .FieldArray--text--T139Z {
line-height: 1.5;
margin-bottom: 20px;
}
.FieldArray--container--vqHW6 table {
border: 1px solid var(--grey-300);
border-radius: 4px;
width: 100%;
}
.FieldArray--container--vqHW6 table thead th {
border-bottom: 1px solid var(--grey-300);
padding: 15px;
font-weight: normal;
font-size: smaller;
text-align: left;
color: var(--grey-500);
}
.FieldArray--container--vqHW6 table tbody tr td {
border-bottom: 1px solid var(--grey-200);
padding: 10px 15px;
}
.FieldArray--container--vqHW6 table tbody tr td.FieldArray--deleteColumn--Cgg7G {
text-align: right;
}
.FieldArray--container--vqHW6 table tbody tr input[type='text'] {
border: 1px solid transparent;
}
.FieldArray--container--vqHW6 table tbody tr:hover {
background-color: var(--blue-100);
}
.FieldArray--container--vqHW6 table tbody tr:hover input[type='text'] {
border: 1px solid var(--grey-400);
}
.FieldArray--container--vqHW6 table tbody tr:last-child td {
border-bottom: none;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.TextAreaEditable--editable--jXLcq {
background-color: var(--white);
min-height: 50px;
max-height: 100px;
width: 100%;
overflow-y: auto;
padding: 10px;
box-shadow: none;
border: 1px solid var(--bp3-intent-color, var(--grey-200));
padding-right: 35px;
border-radius: var(--spacing-2);
word-break: break-all;
white-space: pre-wrap;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.ExpressionDropdown--dropdown--sFB9H {
padding: 10px 0px 3px 5px !important;
}
.ExpressionDropdown--overflowList--JSJnP {
max-width: 600px;
}
.ExpressionDropdown--paddingLeft--dIEj1 {
padding-left: 5px !important;
}
.ExpressionDropdown--visibleItemTextHeader--ipsKL {
padding-left: 5px;
font-weight: 600;
font-size: 13px;
line-height: 16px;
}
.ExpressionDropdown--visibleItemText--9cEB\+ {
color: var(--primary-7) !important;
text-transform: capitalize;
cursor: pointer;
align-items: center;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.DurationInput--main--sRIPD {
position: relative;
display: inline-flex;
padding-right: calc(14px + calc(2 * var(--spacing-small)));
}
.DurationInput--main--sRIPD .DurationInput--helpIcon--Ij98F {
position: absolute;
right: 0;
bottom: 0;
margin: var(--spacing-small);
}
.DurationInput--main--sRIPD .bp3-input-action {
margin: var(--spacing-small);
display: flex;
width: 12px;
height: 12px;
}
.DurationInput--main--sRIPD .bp3-input-action .bp3-icon.DurationInput--warnIcon--L\+1If {
display: flex;
}
.DurationInput--main--sRIPD .bp3-input-action .bp3-icon.DurationInput--warnIcon--L\+1If path {
fill: var(--yellow-500);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.ListHeader--listHeader--jMZJr {
margin: var(--spacing-medium) var(--spacing-xxlarge) !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Select--main--NHFCo {
position: relative;
}
.Select--main--NHFCo.Select--borderless--5eyP3 .bp3-input {
border: none !important;
box-shadow: none !important;
}
.Select--main--NHFCo .bp3-input {
display: block;
border: 1px solid var(--grey-200);
border-radius: var(--spacing-2);
font-size: var(--font-size-normal);
padding: var(--spacing-small);
height: var(--spacing-8);
color: var(--grey-900);
box-shadow: none;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
}
.Select--main--NHFCo .bp3-input:hover {
border-color: var(--primary-6);
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
}
.Select--main--NHFCo .bp3-input:focus {
border-color: var(--primary-7);
}
.Select--main--NHFCo .bp3-input::-moz-placeholder,
.Select--main--NHFCo .bp3-input::-webkit-input-placeholder,
.Select--main--NHFCo .bp3-input:-ms-input-placeholder,
.Select--main--NHFCo .bp3-input:-moz-placeholder,
.Select--main--NHFCo .bp3-input::placeholder {
color: var(--grey-400) !important;
font-weight: 400;
}
.Select--main--NHFCo .bp3-input:disabled {
background-color: var(--grey-50);
color: var(--grey-400);
border-color: var(--grey-200);
box-shadow: none;
}
.Select--main--NHFCo .bp3-input-group .bp3-input-left-container {
margin-top: 2px;
}
.Select--main--NHFCo .bp3-input-group.bp3-large .bp3-input-left-container {
margin-top: 0;
}
.Select--main--NHFCo .bp3-overlay {
display: block;
width: 100%;
}
.Select--main--NHFCo .bp3-input-action {
opacity: 0.5;
}
.Select--main--NHFCo .bp3-transition-container,
.Select--main--NHFCo .bp3-popover {
width: 100%;
box-shadow: none;
border-radius: 0 0 4px 4px;
}
.Select--main--NHFCo .bp3-menu {
max-height: 350px;
width: 100%;
overflow: auto;
border-radius: var(--spacing-2);
padding: 0;
position: absolute;
top: var(--spacing-1);
border: 0.5px solid rgba(0, 0, 0, 0.1);
box-sizing: border-box;
box-shadow: 0px 0px 1px rgb(40 41 61 / 4%), 0px 2px 4px rgb(96 97 112 / 16%);
}
.Select--main--NHFCo .icon-container {
position: absolute;
right: 0;
}
.Select--tooltipContainer--hFkW4 {
padding: var(--spacing-medium);
max-width: 500px;
max-height: 500px;
overflow: auto;
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
}
.Select--popover--YxbRB .bp3-menu {
max-height: 350px;
overflow: auto;
min-width: 250px;
width: 100%;
padding: 0;
}
.Select--popover--YxbRB .Select--menuItem--lRFKr {
height: var(--spacing-8);
padding: 0 var(--spacing-small);
display: flex;
align-items: center;
cursor: pointer;
}
.Select--popover--YxbRB .Select--menuItem--lRFKr .Select--menuItemLabel--d-WYM {
color: var(--black);
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
}
.Select--popover--YxbRB .Select--menuItem--lRFKr .bp3-icon {
margin-right: var(--spacing-small);
}
.Select--popover--YxbRB .Select--menuItem--lRFKr.Select--active--Kge-I {
background: var(--primary-1);
}
.Select--popover--YxbRB .Select--menuItem--lRFKr.Select--menuItemSizeSmall--Vt-7e {
height: 24px;
font-size: var(--font-size-small);
}
.Select--popover--YxbRB .Select--menuItem--lRFKr.Select--menuItemSizeLarge--Wzx\+B {
height: 40px;
font-size: var(--font-size-medium);
}
.Select--popover--YxbRB .Select--menuItem--lRFKr.Select--disabled--HQZXN {
color: var(--grey-400);
cursor: not-allowed;
}
.Select--popover--YxbRB .Select--menuItem--lRFKr.Select--loading--xXRwj {
color: var(--grey-400);
cursor: not-allowed;
}
.Select--popover--YxbRB .Select--menuItem--lRFKr.Select--rightIcon--OniIm {
justify-content: space-between;
}
.Select--popover--YxbRB .Select--menuItem--lRFKr:hover {
background: var(--primary-1);
}
.Select--createNewItemButton--hqAOf {
padding: 5px 8px !important;
}
.Select--noResultsFound--MMFKT {
color: var(--grey-500);
padding: 8px 0px 0px 7px;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.SelectV2--main--E\+BVZ {
position: relative;
}
.SelectV2--main--E\+BVZ .bp3-input {
display: block;
border: 1px solid var(--form-field-border);
border-radius: 4px;
font-size: var(--font-size-normal);
padding: var(--spacing-small);
height: 32px;
color: var(--grey-800);
box-shadow: none;
}
.SelectV2--main--E\+BVZ .bp3-input::-moz-placeholder,
.SelectV2--main--E\+BVZ .bp3-input::-webkit-input-placeholder,
.SelectV2--main--E\+BVZ .bp3-input:-ms-input-placeholder,
.SelectV2--main--E\+BVZ .bp3-input:-moz-placeholder,
.SelectV2--main--E\+BVZ .bp3-input::placeholder {
color: var(--grey-100) !important;
opacity: 0.5;
}
.SelectV2--main--E\+BVZ .bp3-input:disabled {
background-color: var(--grey-100);
color: var(--grey-400);
}
.SelectV2--main--E\+BVZ .bp3-input-group .bp3-input-left-container {
margin-top: 2px;
}
.SelectV2--main--E\+BVZ .bp3-input-group.bp3-large .bp3-input-left-container {
margin-top: 0;
}
.SelectV2--main--E\+BVZ .bp3-popover-open .bp3-input {
color: var(--grey-800);
border-color: var(--primary-7);
box-shadow: none;
border-radius: 4px 4px 0 0;
}
.SelectV2--main--E\+BVZ .bp3-overlay {
display: block;
width: 100%;
}
.SelectV2--main--E\+BVZ .bp3-large .bp3-input-action {
margin-top: 2px;
}
.SelectV2--main--E\+BVZ .bp3-transition-container,
.SelectV2--main--E\+BVZ .bp3-popover {
width: 100%;
box-shadow: none;
border-radius: 0 0 4px 4px;
}
.SelectV2--main--E\+BVZ .bp3-menu {
max-height: 350px;
width: 100%;
overflow: auto;
box-shadow: none;
border: 1px solid var(--grey-400);
border-radius: 0 0 4px 4px;
padding: 0;
}
.SelectV2--main--E\+BVZ .SelectV2--menuItem--iBYc4 {
height: 32px;
padding: 0 var(--spacing-small);
display: flex;
align-items: center;
cursor: pointer;
}
.SelectV2--main--E\+BVZ .SelectV2--menuItem--iBYc4 .bp3-icon {
margin-right: var(--spacing-small);
}
.SelectV2--main--E\+BVZ .SelectV2--menuItem--iBYc4.SelectV2--active--2L7dm {
background: var(--primary-7);
color: var(--white);
}
.SelectV2--main--E\+BVZ .SelectV2--menuItem--iBYc4.SelectV2--menuItemSizeSmall--sVG3z {
height: 24px;
font-size: var(--font-size-small);
}
.SelectV2--main--E\+BVZ .SelectV2--menuItem--iBYc4.SelectV2--menuItemSizeLarge--DKYCT {
height: 40px;
font-size: var(--font-size-medium);
}
.SelectV2--main--E\+BVZ .SelectV2--menuItem--iBYc4.SelectV2--disabled--s45LX {
color: var(--grey-400);
cursor: not-allowed;
}
.SelectV2--main--E\+BVZ .SelectV2--menuItem--iBYc4.SelectV2--loading--80Xjr {
color: var(--grey-400);
cursor: not-allowed;
}
.SelectV2--main--E\+BVZ .SelectV2--menuItem--iBYc4:hover {
background-color: var(--grey-100);
color: var(--grey-800);
}
.SelectV2--main--E\+BVZ .icon-container {
position: absolute;
right: 0;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.DropDown--main--c0Z7q.DropDown--disabled--V6njb {
pointer-events: none;
}
.DropDown--main--c0Z7q.DropDown--disabled--V6njb .DropDown--dropdownButton--orfjM.DropDown--withBorder--tv96b {
background-color: var(--grey-100);
}
.DropDown--main--c0Z7q.DropDown--disabled--V6njb .DropDown--dropdownButton--orfjM .DropDown--labelWrapper--li851 .DropDown--label--K3WUD {
color: var(--grey-400) !important;
}
.DropDown--main--c0Z7q .DropDown--dropdownButton--orfjM {
border-radius: var(--spacing-2);
padding: 0px var(--spacing-4);
height: var(--spacing-8);
transition: all 200ms ease-out;
transition-property: border-color, background-color;
}
.DropDown--main--c0Z7q .DropDown--dropdownButton--orfjM.DropDown--minWidth--0PC5\+ {
column-gap: var(--spacing-xlarge);
}
.DropDown--main--c0Z7q .DropDown--dropdownButton--orfjM.DropDown--withBorder--tv96b {
background-color: var(--primary-bg);
border: 1px solid var(--grey-200);
}
.DropDown--main--c0Z7q .DropDown--dropdownButton--orfjM.DropDown--withBorder--tv96b.DropDown--selected--3ny6j {
border-color: var(--primary-7);
background-color: var(--primary-1);
}
.DropDown--main--c0Z7q .DropDown--dropdownButton--orfjM.DropDown--withBorder--tv96b .DropDown--labelWrapper--li851 .DropDown--label--K3WUD {
font-size: var(--font-size-small);
font-weight: 500;
color: var(--grey-800);
outline: none;
}
.DropDown--main--c0Z7q .DropDown--dropdownButton--orfjM .DropDown--labelWrapper--li851 {
flex-shrink: 1;
column-gap: var(--spacing-3);
}
.DropDown--main--c0Z7q .DropDown--dropdownButton--orfjM .DropDown--labelWrapper--li851 .bp3-popover-wrapper {
display: inline-flex;
}
.DropDown--main--c0Z7q .DropDown--dropdownButton--orfjM .DropDown--labelWrapper--li851 .DropDown--label--K3WUD {
font-size: var(--font-size-normal);
font-weight: 400;
color: var(--grey-900);
}
.DropDown--main--c0Z7q .DropDown--dropdownButton--orfjM:not(.DropDown--withBorder--tv96b):hover {
background-color: var(--grey-100);
border-color: var(--grey-100);
}
.DropDown--main--c0Z7q .DropDown--dropdownButton--orfjM .DropDown--btnWrapper--\+7s4L {
column-gap: var(--spacing-4);
}
.DropDown--main--c0Z7q .DropDown--dropdownButton--orfjM .bp3-button {
padding: 0px !important;
height: 14px !important;
min-height: 14px;
min-width: 14px;
outline: none;
}
.DropDown--main--c0Z7q .DropDown--dropdownButton--orfjM button {
box-shadow: none !important;
outline: none;
padding: 5px 12px !important;
}
.DropDown--popover--ONV6l.bp3-popover {
box-shadow: 0px 0px 1px rgb(40 41 61 / 4%), 0px 2px 4px rgb(96 97 112 / 16%);
border: 0.5px solid rgba(0, 0, 0, 0.1);
border-radius: var(--spacing-2);
transform: translateY(var(--spacing-1)) !important;
}
.DropDown--popover--ONV6l.bp3-popover .bp3-input-group {
margin: var(--spacing-small);
margin-bottom: var(--spacing-xsmall);
}
.DropDown--popover--ONV6l.bp3-popover .bp3-input-group .bp3-input {
border-radius: var(--spacing-2);
font-size: 13px;
padding-left: var(--spacing-xxlarge) !important;
height: var(--spacing-8);
color: var(--grey-900);
box-shadow: none !important;
background: var(--grey-100);
}
.DropDown--popover--ONV6l.bp3-popover .bp3-input-group .bp3-input ::-moz-placeholder,
.DropDown--popover--ONV6l.bp3-popover .bp3-input-group .bp3-input ::-webkit-input-placeholder,
.DropDown--popover--ONV6l.bp3-popover .bp3-input-group .bp3-input :-ms-input-placeholder,
.DropDown--popover--ONV6l.bp3-popover .bp3-input-group .bp3-input :-moz-placeholder,
.DropDown--popover--ONV6l.bp3-popover .bp3-input-group .bp3-input ::placeholder {
color: var(--grey-300);
}
.DropDown--popover--ONV6l.bp3-popover .bp3-input-group .bp3-input-left-container {
top: 50%;
transform: translateY(-50%);
left: 3px;
}
.DropDown--popover--ONV6l.bp3-popover .bp3-input-group .bp3-input-action {
opacity: 0.5;
transform: scale(0.8);
top: 1px;
}
.DropDown--popover--ONV6l.bp3-popover .bp3-input-group .bp3-input-action button {
outline: none;
}
.DropDown--popover--ONV6l.bp3-popover .bp3-menu {
max-height: 350px;
width: 100%;
overflow: auto;
border-radius: var(--spacing-2);
padding: var(--spacing-1) 0px;
box-sizing: border-box;
}
.DropDown--popover--ONV6l.bp3-popover .bp3-menu .DropDown--menuItem--brhEZ {
height: var(--spacing-8);
padding: 0 var(--spacing-4);
display: flex;
align-items: center;
cursor: pointer;
color: var(--black);
font-weight: 400;
font-size: 13px;
}
.DropDown--popover--ONV6l.bp3-popover .bp3-menu .DropDown--menuItem--brhEZ.DropDown--active--\+5WlR {
background: var(--primary-7);
color: var(--white);
}
.DropDown--popover--ONV6l.bp3-popover .bp3-menu .DropDown--menuItem--brhEZ.DropDown--disabled--V6njb {
color: var(--grey-400);
cursor: default;
}
.DropDown--popover--ONV6l.bp3-popover .bp3-menu .DropDown--menuItem--brhEZ:hover:not(.DropDown--active--\+5WlR, .DropDown--disabled--V6njb) {
background: var(--primary-1);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.StepWizard--main--G25kU {
height: 100%;
}
.StepWizard--main--G25kU.StepWizard--navBar--C1cPd {
display: grid;
grid-template-columns: 320px 1fr;
overflow: hidden;
position: relative;
}
.StepWizard--main--G25kU.StepWizard--navBar--C1cPd .StepWizard--navBarList--y0ufC {
background-color: #267cc9;
padding: 48px;
border-right: 1px solid #979797;
grid-template-rows: repeat(auto-fill, var(--spacing-xxlarge));
overflow: hidden;
justify-content: center;
}
.StepWizard--main--G25kU.StepWizard--navBar--C1cPd .StepWizard--navBarList--y0ufC .StepWizard--navStep--pPurD {
display: grid;
grid-template-columns: 28px 1fr;
margin-bottom: var(--spacing-7);
cursor: not-allowed;
}
.StepWizard--main--G25kU.StepWizard--navBar--C1cPd .StepWizard--navBarList--y0ufC .StepWizard--navStep--pPurD.StepWizard--activeStep--cpQhg {
cursor: unset;
}
.StepWizard--main--G25kU.StepWizard--navBar--C1cPd .StepWizard--navBarList--y0ufC .StepWizard--navStep--pPurD.StepWizard--activeStep--cpQhg .StepWizard--stepName--qYlbY {
color: var(--grey-50);
font-weight: bold;
word-break: break-word;
}
.StepWizard--main--G25kU.StepWizard--navBar--C1cPd .StepWizard--navBarList--y0ufC .StepWizard--navStep--pPurD.StepWizard--activeStep--cpQhg .StepWizard--number--03aus {
background-color: var(--grey-50);
}
.StepWizard--main--G25kU.StepWizard--navBar--C1cPd .StepWizard--navBarList--y0ufC .StepWizard--navStep--pPurD.StepWizard--completedStep--BBBZw {
cursor: pointer;
}
.StepWizard--main--G25kU.StepWizard--navBar--C1cPd .StepWizard--navBarList--y0ufC .StepWizard--navStep--pPurD .StepWizard--stepSubTitle--q56c2 {
grid-column: 1 / span 2;
}
.StepWizard--main--G25kU.StepWizard--navBar--C1cPd .StepWizard--navBarList--y0ufC .StepWizard--navStep--pPurD .StepWizard--stepSubTitleString--1NGvN {
grid-column: 2;
font-weight: 400 !important;
font-size: var(--form-input-font-size) !important;
}
.StepWizard--main--G25kU.StepWizard--navBar--C1cPd .StepWizard--navBarList--y0ufC .StepWizard--navStep--pPurD .StepWizard--stepName--qYlbY {
color: var(--grey-50);
word-break: break-word;
}
.StepWizard--main--G25kU.StepWizard--navBar--C1cPd .StepWizard--navBarList--y0ufC .StepWizard--navStep--pPurD.StepWizard--nestedStep--Bxe7J {
padding-left: var(--spacing-large);
}
.StepWizard--main--G25kU.StepWizard--navBar--C1cPd .StepWizard--navBarList--y0ufC .StepWizard--navStep--pPurD .StepWizard--number--03aus {
padding: 1px var(--spacing-xsmall);
margin-right: var(--spacing-small);
background-color: #79a5cc;
border-radius: 50%;
color: #267cc9;
text-align: center;
width: 19px;
height: 19px;
display: inline-block;
}
.StepWizard--main--G25kU .StepWizard--stepDetails--ko2Xd {
padding: var(--spacing-9) var(--spacing-10) var(--spacing-10) var(--spacing-10);
background: var(--form-bg) !important;
}
.StepWizard--header--dZw3V {
display: grid;
justify-content: center;
}
.StepWizard--header--dZw3V svg {
color: var(--white);
}
.StepWizard--title---wQNa {
color: var(--grey-50);
font-size: large;
font-weight: 600;
margin-top: var(--spacing-6);
margin-bottom: var(--spacing-10);
text-align: center;
}
.StepWizard--completedIcon--Zp2oR {
background-color: var(--green-500);
border-radius: 50%;
height: var(--spacing-large) !important;
width: var(--spacing-large) !important;
}
.StepWizard--defaultWatermark--Maa3S {
position: absolute;
left: -8.19%;
right: 78.36%;
top: 66.12%;
bottom: -17%;
width: 400px !important;
z-index: 1;
}
.StepWizard--defaultWatermark--Maa3S svg {
opacity: 0.1;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.MultiSelect--main--UgwAr {
position: relative;
}
.MultiSelect--main--UgwAr .bp3-input {
display: block;
border: 1px solid var(--grey-200);
border-radius: var(--spacing-2);
font-size: var(--font-size-normal);
padding: 0 var(--spacing-small);
min-height: var(--spacing-8);
color: var(--grey-900);
box-shadow: none;
}
.MultiSelect--main--UgwAr .bp3-input:hover {
border-color: var(--primary-6);
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
}
.MultiSelect--main--UgwAr .bp3-input:focus {
border-color: var(--primary-7);
}
.MultiSelect--main--UgwAr .bp3-input::-moz-placeholder,
.MultiSelect--main--UgwAr .bp3-input::-webkit-input-placeholder,
.MultiSelect--main--UgwAr .bp3-input:-ms-input-placeholder,
.MultiSelect--main--UgwAr .bp3-input:-moz-placeholder,
.MultiSelect--main--UgwAr .bp3-input::placeholder {
color: var(--grey-400) !important;
font-weight: 400;
}
.MultiSelect--main--UgwAr .bp3-input:disabled {
background-color: var(--grey-50);
color: var(--grey-400);
border-color: var(--grey-200);
box-shadow: none;
}
.MultiSelect--main--UgwAr .bp3-popover-open .bp3-input {
color: var(--grey-800);
border-color: var(--primary-7);
box-shadow: none;
border-radius: 4px 4px 0 0;
}
.MultiSelect--main--UgwAr .bp3-overlay {
display: block;
width: 100%;
}
.MultiSelect--main--UgwAr .bp3-transition-container,
.MultiSelect--main--UgwAr .bp3-popover {
width: 100%;
box-shadow: none;
border-radius: 0 0 4px 4px;
}
.MultiSelect--main--UgwAr .bp3-menu {
max-height: 350px;
width: 100%;
overflow: auto;
border-radius: var(--spacing-2);
padding: 0;
position: absolute;
top: var(--spacing-1);
border: 0.5px solid rgba(0, 0, 0, 0.1);
box-sizing: border-box;
box-shadow: 0px 0px 1px rgb(40 41 61 / 4%), 0px 2px 4px rgb(96 97 112 / 16%);
}
.MultiSelect--main--UgwAr .MultiSelect--tag--nRoNG {
background: var(--primary-2);
color: var(--grey-900);
padding-right: var(--spacing-4);
}
.MultiSelect--main--UgwAr .MultiSelect--tag--nRoNG .bp3-tag-remove {
width: var(--spacing-4);
height: var(--spacing-4);
display: flex;
border: 1px solid var(--grey-700);
border-radius: var(--spacing-10);
align-items: center;
opacity: 0.4;
}
.MultiSelect--main--UgwAr .MultiSelect--tag--nRoNG .bp3-icon-small-cross svg {
width: 10px;
height: 10px;
}
.MultiSelect--main--UgwAr .MultiSelect--menuItem--bpCng {
min-height: var(--spacing-8);
height: fit-content;
padding: 0 var(--spacing-small);
display: flex;
align-items: center;
cursor: pointer;
}
.MultiSelect--main--UgwAr .MultiSelect--menuItem--bpCng .MultiSelect--menuItemLabel--HtxmJ {
color: var(--black);
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
}
.MultiSelect--main--UgwAr .MultiSelect--menuItem--bpCng .MultiSelect--checkbox---YnLD {
margin: 0 var(--spacing-small) 0 0;
}
.MultiSelect--main--UgwAr .MultiSelect--menuItem--bpCng.MultiSelect--active--FLpbP {
background: var(--primary-1);
}
.MultiSelect--main--UgwAr .MultiSelect--menuItem--bpCng.MultiSelect--disabled--jV88O {
color: var(--grey-400);
cursor: not-allowed;
}
.MultiSelect--main--UgwAr .MultiSelect--menuItem--bpCng.MultiSelect--loading--XorD\+ {
color: var(--grey-400);
cursor: not-allowed;
}
.MultiSelect--main--UgwAr .MultiSelect--menuItem--bpCng:hover {
background: var(--primary-1);
}
.MultiSelect--main--UgwAr .icon-container {
position: absolute;
right: 0;
}
.MultiSelect--popover--Skp4P .bp3-menu {
max-height: 350px;
overflow: auto;
min-width: 250px;
width: 100%;
padding: 0;
}
.MultiSelect--popover--Skp4P .MultiSelect--menuItem--bpCng {
min-height: var(--spacing-8);
height: fit-content;
padding: 0 var(--spacing-small);
display: flex;
align-items: center;
cursor: pointer;
}
.MultiSelect--popover--Skp4P .MultiSelect--menuItem--bpCng .MultiSelect--menuItemLabel--HtxmJ {
color: var(--black);
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
}
.MultiSelect--popover--Skp4P .MultiSelect--menuItem--bpCng .MultiSelect--checkbox---YnLD {
margin: 0 var(--spacing-small) 0 0;
}
.MultiSelect--popover--Skp4P .MultiSelect--menuItem--bpCng.MultiSelect--active--FLpbP {
background: var(--primary-1);
}
.MultiSelect--popover--Skp4P .MultiSelect--menuItem--bpCng.MultiSelect--disabled--jV88O {
color: var(--grey-400);
cursor: not-allowed;
}
.MultiSelect--popover--Skp4P .MultiSelect--menuItem--bpCng.MultiSelect--loading--XorD\+ {
color: var(--grey-400);
cursor: not-allowed;
}
.MultiSelect--popover--Skp4P .MultiSelect--menuItem--bpCng:hover {
background: var(--primary-1);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.TabNavigation--container--uQPZF .TabNavigation--tags--fV52h {
padding: 3px var(--spacing-5);
font-weight: 500;
border-radius: 25px;
font-size: var(--font-size-normal);
color: var(--primary-7);
cursor: pointer;
line-height: 24px;
background: none;
}
.TabNavigation--container--uQPZF .TabNavigation--tags--fV52h.TabNavigation--small--LBlL9 {
padding: 0 var(--spacing-4);
border-radius: 90px;
font-size: 13px;
}
.TabNavigation--container--uQPZF .TabNavigation--tags--fV52h:hover {
text-decoration: none;
}
.TabNavigation--container--uQPZF .TabNavigation--tags--fV52h:hover:not(.TabNavigation--active--jKSWF, .TabNavigation--disabled--XYQUn) {
background: var(--grey-100);
}
.TabNavigation--container--uQPZF .TabNavigation--tags--fV52h:hover:not(.TabNavigation--small--LBlL9, .TabNavigation--disabled--XYQUn) {
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
}
.TabNavigation--container--uQPZF .TabNavigation--tags--fV52h.TabNavigation--active--jKSWF {
background: var(--primary-9);
color: var(--white);
}
.TabNavigation--container--uQPZF .TabNavigation--tags--fV52h.TabNavigation--active--jKSWF:not(.TabNavigation--small--LBlL9) {
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
}
.TabNavigation--container--uQPZF .TabNavigation--tags--fV52h.TabNavigation--disabled--XYQUn {
cursor: not-allowed;
opacity: 0.5;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Thumbnail--squareCardContainer--waEfH {
display: flex;
flex-direction: column;
align-items: center;
width: 72px;
}
.Thumbnail--squareCardContainer--waEfH .Thumbnail--squareCard--dYLy1 {
width: 64px;
height: 64px;
padding: var(--spacing-small);
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
overflow: hidden;
}
.Thumbnail--squareCardContainer--waEfH .Thumbnail--squareCard--dYLy1:hover {
background-color: var(--primary-1);
border-color: transparent;
}
.Thumbnail--squareCardContainer--waEfH .Thumbnail--squareCard--dYLy1 .Thumbnail--image--KHtiB {
object-fit: contain;
width: 26px;
height: 26px;
}
.Thumbnail--squareCardContainer--waEfH .Thumbnail--label--y2ipV {
font-size: var(--font-size-small) !important;
text-align: center;
}
.Thumbnail--squareCardContainer--waEfH.Thumbnail--bigger--eLeso {
width: 88px;
}
.Thumbnail--squareCardContainer--waEfH.Thumbnail--bigger--eLeso .Thumbnail--squareCard--dYLy1 {
width: 80px;
height: 80px;
}
.Thumbnail--squareCardContainer--waEfH.Thumbnail--large--Psm4Q {
width: 320px;
}
.Thumbnail--squareCardContainer--waEfH.Thumbnail--large--Psm4Q .Thumbnail--squareCard--dYLy1 {
width: 320px;
justify-content: flex-start;
padding: 0px var(--spacing-large);
}
.Thumbnail--squareCardContainer--waEfH input[type='checkbox'] {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
overflow: hidden;
opacity: 0;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
div.Card--card--mrX2I {
border-radius: 4px;
display: inline-block;
padding: var(--spacing-large);
position: relative;
border: 1px solid transparent;
box-shadow: var(--elevation-2);
}
div.Card--card--mrX2I:focus {
box-shadow: var(--elevation-3);
outline: none;
}
.Card--interactive--tTKCr:hover {
cursor: pointer;
box-shadow: var(--elevation-4) !important;
background-color: var(--primary-light-hover);
border: 1px solid var(--primary-7);
}
.Card--cardIcon--RXGM2 .bp3-icon {
display: block;
}
.Card--cardIcon--RXGM2 .bp3-icon svg {
margin: 0 auto var(--spacing-small);
}
.Card--selected--vcBEB {
border: 1px solid var(--primary-7) !important;
background-color: var(--primary-1);
}
.Card--disabled--O0z5r {
cursor: not-allowed !important;
background-color: var(--grey-100) !important;
color: var(--disabled-color) !important;
}
.Card--disabled--O0z5r > * {
opacity: 0.5;
}
.Card--cardMenu--6JrmS {
position: relative;
}
.Card--cardMenu--6JrmS.Card--colorIdentifier--elRmh:before,
.Card--cardMenu--6JrmS.Card--colorIdentifier--elRmh:after {
content: '';
position: absolute;
top: -21px;
left: -21px;
border-color: transparent;
border-style: solid;
}
.Card--cardMenu--6JrmS.Card--colorIdentifier--elRmh::after {
border-top-left-radius: 5px;
border-width: 15px;
border-left-color: currentColor;
border-top-color: currentColor;
}
.Card--cardMenu--6JrmS .Card--title--XvNxT {
margin-left: 5px;
position: relative;
top: -10px;
left: 7px;
width: calc(100% - 20px);
}
.Card--cardMenu--6JrmS .Card--dots--ScIFF {
position: absolute;
top: -9px;
right: -10px;
width: 28px !important;
height: 28px !important;
border: 1px solid transparent;
display: flex !important;
justify-content: center !important;
align-items: center !important;
border-radius: 4px;
}
.Card--cardMenu--6JrmS .Card--dots--ScIFF:hover,
.Card--cardMenu--6JrmS .Card--dots--ScIFF:focus,
.Card--cardMenu--6JrmS .Card--dots--ScIFF:focus-within {
border: solid 1px var(--grey-200);
}
.Card--cardMenu--6JrmS .Card--dots--ScIFF button:hover,
.Card--cardMenu--6JrmS .Card--dots--ScIFF button:focus,
.Card--cardMenu--6JrmS .Card--dots--ScIFF button:focus-within {
color: var(--primary-7) !important;
}
.Card--cardMenu--6JrmS .Card--dots--ScIFF .Card--menu--cR0iC {
cursor: pointer;
outline: none !important;
color: var(--primary-1);
box-shadow: none;
}
.Card--cardMenu--6JrmS .Card--dots--ScIFF .Card--menu--cR0iC svg[data-icon='more'] {
transform: rotate(90deg);
transform-origin: 50% 50%;
}
.Card--cardMenu--6JrmS .Card--dots--ScIFF .Card--menu--cR0iC:hover {
box-shadow: none !important;
color: var(--primary-6);
background-color: var(--gray-50);
}
.Card--corner--5vu8i {
position: absolute;
top: 0;
right: 0;
}
.Card--corner--5vu8i .Card--badge--mSMoj {
width: 0;
position: absolute;
height: 0;
border-top: 25px solid var(--primary-7);
border-left: 25px solid transparent;
right: 0;
z-index: 1;
}
.Card--corner--5vu8i .bp3-icon {
position: absolute;
top: 3px;
right: 2px;
z-index: 10;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.ThumbnailSelect--mainContainer--9wltq .bp3-form-helper-text {
margin-top: var(--spacing-medium);
}
.ThumbnailSelect--mainContainer--9wltq .ThumbnailSelect--changeButton--VqbHj {
font-size: 10px !important;
margin-top: var(--spacing-medium) !important;
padding-left: 0 !important;
padding-right: 0 !important;
outline: none;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.GroupedThumbnailSelect--mainContainer--cdjFE .GroupedThumbnailSelect--container--O17mo > div:not(:first-child) {
border-left: 1px solid var(--grey-100);
padding-left: var(--spacing-xxlarge) !important;
}
.GroupedThumbnailSelect--mainContainer--cdjFE .GroupedThumbnailSelect--container--O17mo .GroupedThumbnailSelect--thumbnailsRow--iv4-1 {
margin-top: var(--spacing-4) !important;
}
.GroupedThumbnailSelect--mainContainer--cdjFE .GroupedThumbnailSelect--container--O17mo .GroupedThumbnailSelect--changeButton--1ET4t {
font-size: 10px !important;
margin-top: var(--spacing-medium) !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.GroupedThumbnailSelect--mainContainer--cdjFE .bp3-form-helper-text {
margin-top: var(--spacing-medium);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.DateInput--dateInput--32ymh {
position: relative;
}
.DateInput--calendarIcon--G3nM- {
position: absolute;
top: 1px;
right: 1px;
}
.DateInput--calendarIcon--G3nM- button {
height: 30px !important;
width: 30px !important;
}
.DateInput--helpText--Lm6IM {
font-size: var(--font-size-small);
margin-top: var(--spacing-small);
}
.DateInput--helpIcon--Mc8eY {
margin-left: var(--spacing-small);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Pagination--roundedButton--3jPhD {
height: 32px !important;
background-color: var(--white) !important;
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16) !important;
border: none !important;
opacity: 1 !important;
border-radius: 0 !important;
outline: none !important;
}
.Pagination--roundedButton--3jPhD:hover {
background-color: var(--primary-1) !important;
}
.Pagination--roundedButton--3jPhD:disabled {
color: var(--grey-400) !important;
background-color: var(--white) !important;
}
.Pagination--roundedButton--3jPhD.Pagination--selected--Qq5y1 {
background-color: var(--primary-6) !important;
color: var(--white) !important;
}
.Pagination--buttonLeft--zTlIr {
border-radius: 32px 0 0 32px !important;
}
.Pagination--buttonRight--Is2nn {
border-radius: 0 32px 32px 0 !important;
}
.Pagination--pageSizeDropdown--SYRhn {
max-height: 200px;
overflow-y: auto;
min-width: 60px;
}
.Pagination--container--rQYa2 {
gap: var(--spacing-small);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.ExpandingSearchInput--main--SIJ1u {
display: flex !important;
justify-content: flex-start;
background-color: transparent;
height: 100%;
}
.ExpandingSearchInput--main--SIJ1u.ExpandingSearchInput--flip--KbRH2 {
justify-content: flex-end;
}
.ExpandingSearchInput--main--SIJ1u.ExpandingSearchInput--alwaysExpanded--NM8v7 input[type='search'] {
width: 100% !important;
}
.ExpandingSearchInput--main--SIJ1u.ExpandingSearchInput--light--YY1ij input[type='search'].ExpandingSearchInput--filter--F51wc {
color: var(--black);
background-color: var(--primary-1);
border: 1px solid var(--primary-7);
}
.ExpandingSearchInput--main--SIJ1u.ExpandingSearchInput--light--YY1ij input[type='search'].ExpandingSearchInput--find--GHWx1 {
color: var(--grey-900);
background-color: var(--primary-bg);
border: 1px solid var(--grey-200);
}
.ExpandingSearchInput--main--SIJ1u.ExpandingSearchInput--light--YY1ij input[type='search']:placeholder-shown:not(:focus).ExpandingSearchInput--filter--F51wc {
background-color: var(--white);
border-color: var(--grey-200);
}
.ExpandingSearchInput--main--SIJ1u.ExpandingSearchInput--dark--F7L6H input[type='search'] {
color: var(--grey-200);
background-color: #fff0;
border: 1px solid var(--grey-350);
}
.ExpandingSearchInput--main--SIJ1u.ExpandingSearchInput--dark--F7L6H input[type='search']:placeholder-shown:not(:focus) {
border-color: transparent;
}
.ExpandingSearchInput--main--SIJ1u input[type='search'] {
position: relative;
padding-left: 30px !important;
height: 100%;
box-shadow: none;
-webkit-transition-property: width, padding-right, border-radius;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in-out;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
border-radius: 4px;
font-size: 13px;
min-height: 32px;
}
.ExpandingSearchInput--main--SIJ1u input[type='search']:placeholder-shown:not(:focus) {
width: 32px;
padding-right: 0;
}
.ExpandingSearchInput--main--SIJ1u input[type='search'].ExpandingSearchInput--notransition--LFKIb {
-webkit-transition: none !important;
transition: none !important;
}
.ExpandingSearchInput--main--SIJ1u input[type='search']::-webkit-search-decoration,
.ExpandingSearchInput--main--SIJ1u input[type='search']::-webkit-search-cancel-button,
.ExpandingSearchInput--main--SIJ1u input[type='search']::-webkit-search-results-button,
.ExpandingSearchInput--main--SIJ1u input[type='search']::-webkit-search-results-decoration {
display: none;
}
.ExpandingSearchInput--icon--lVryO {
position: absolute;
width: 32px;
height: 100%;
display: flex !important;
justify-content: center;
align-items: center;
margin: 0 !important;
pointer-events: none;
}
.ExpandingSearchInput--flip--KbRH2 .ExpandingSearchInput--icon--lVryO {
position: relative;
top: 9px;
left: 32px !important;
}
.ExpandingSearchInput--btnWrapper--4oYyp {
position: absolute;
right: 8px;
width: auto;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 4px;
}
.ExpandingSearchInput--btnWrapper--4oYyp span {
font-size: var(--font-size-xsmall);
color: var(--grey-500);
font-weight: 500;
}
.ExpandingSearchInput--btnWrapper--4oYyp .bp3-button {
padding: 0px !important;
height: 22px !important;
box-shadow: none !important;
outline: none;
min-height: 22px;
min-width: 22px;
}
.ExpandingSearchInput--btnWrapper--4oYyp .bp3-button:hover {
background-color: var(--primary-1) !important;
border-radius: 50%;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.TagInput--popover--Q2w7I ul.bp3-menu {
max-height: 300px;
max-width: 400px;
overflow: auto;
}
.TagInput--tagInput--54xQj .TagInput--spinner--Tq1Yl {
align-self: center;
transform: translateX(-5px);
}
.TagInput--tagInput--54xQj .TagInput--input--Myvab {
box-shadow: none;
}
.TagInput--tagInput--54xQj .TagInput--input--Myvab.TagInput--readonly--wdSR7 {
background: none;
}
.TagInput--tagInput--54xQj .TagInput--input--Myvab .TagInput--tag--xKNEb {
border-radius: 10px;
}
.TagInput--tagInput--54xQj .TagInput--input--Myvab .TagInput--tag--xKNEb.TagInput--addTagButton--RhNtV {
background-color: transparent !important;
border: 1px solid var(--grey-300);
}
.TagInput--tagInput--54xQj .TagInput--input--Myvab .TagInput--tag--xKNEb.TagInput--addTagButton--RhNtV:hover {
cursor: pointer;
}
.TagInput--tagInput--54xQj .TagInput--input--Myvab .TagInput--tag--xKNEb.TagInput--addTagButton--RhNtV button {
display: none;
}
.TagInput--tagInput--54xQj .TagInput--input--Myvab .TagInput--tag--xKNEb[class*='intent-primary'] {
background-color: var(--primary-7);
color: var(--white);
}
.TagInput--tagInput--54xQj:focus-within .TagInput--tag--xKNEb.TagInput--addTagButton--RhNtV, .TagInput--tagInput--54xQj [class*='popover-open'] .TagInput--tag--xKNEb.TagInput--addTagButton--RhNtV {
display: none;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.CodeBlock--codeBlock--flTGc pre {
margin: 0;
}
.CodeBlock--floatingCopyButton--7JIKz {
margin-top: var(--spacing-xsmall) !important;
position: sticky;
top: var(--spacing-small);
right: var(--spacing-small);
align-self: start;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.StepTitle--editIcon--KW6S6 {
background: var(--primary) !important;
color: var(--white) !important;
padding: var(--spacing-1) !important;
border-radius: 20px !important;
}
.StepTitle--editIcon--KW6S6 svg {
padding: 3px !important;
}
.StepTitle--iconNoBorder--w4ETn {
margin: 0 var(--spacing-small) !important;
}
.StepTitle--defaultState--mKmxa {
border-radius: 10px;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Step--stepContainer--3c3Yn {
display: flex;
flex-direction: column;
}
.Step--borderLeft--Yqbqn {
border-left: 1px solid var(--grey-200);
}
.Step--alignContainerRight--72y6G {
padding: var(--spacing-small) !important;
margin: 0 !important;
margin-left: 18px !important;
}
.Step--card--G9\+Ug {
min-width: 100%;
}
.Step--bottomMargin--RkLdH {
margin-bottom: var(--spacing-huge) !important;
}
.Step--stepMargin--XREOi {
padding: var(--spacing-small) var(--spacing-xlarge) var(--spacing-xlarge) var(--spacing-large) !important;
}
.Step--stepSubtitle--5DSyK {
padding: 0 calc(var(--spacing-medium) + var(--spacing-tiny)) !important;
}
.Step--disabledStep--19d4F {
cursor: not-allowed !important;
pointer-events: none !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.MultiLevelSelect--multiLevelSelectorContainer--\+XefT {
box-sizing: border-box;
width: 100%;
width: 250px;
}
.MultiLevelSelect--label--Z85iu {
display: contents;
font-weight: normal;
}
.MultiLevelSelect--menuClose--kBXgP {
display: none;
}
.MultiLevelSelect--menuOpen--JdILF {
display: block;
}
.MultiLevelSelect--active--jt9ea {
box-shadow: 0px 0px 0px 1px var(--primary-7);
}
.MultiLevelSelect--inactive--UCG3y {
box-shadow: none;
}
.MultiLevelSelect--multiSelectorContainer--ExB9u {
display: flex;
flex-direction: row;
border: 1px solid var(--grey-300);
max-width: 100%;
background-color: var(--white);
border-radius: 5px;
align-items: center;
}
.MultiLevelSelect--multiSelector--vyN\+A {
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
overflow-x: auto;
}
.MultiLevelSelect--multiSelectorPlaceholder--Q3Zhc {
font-size: 14px;
color: var(--grey-400);
margin-left: 15px;
}
.MultiLevelSelect--optionsSelectedContainer--0oPWl {
display: flex;
justify-content: center;
align-items: center;
padding: 5px 10px;
font-size: 14px;
min-width: max-content;
flex-wrap: nowrap;
}
.MultiLevelSelect--optionsValue--7DUzd {
display: inline-block;
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 5px;
}
.MultiLevelSelect--optionsGroup--a0SEC {
color: var(--black);
font-size: 14px;
font-weight: 600;
}
.MultiLevelSelect--multiSelectorButton--cY-Uw {
display: flex;
align-items: center;
margin: 8px;
height: 25px;
}
.MultiLevelSelect--multiSelectorButton--cY-Uw:hover .MultiLevelSelect--arrowDown--cZPIF {
border-top: 7px solid var(--black);
}
.MultiLevelSelect--multiSelectorButton--cY-Uw:hover .MultiLevelSelect--arrowUp--rKUJU {
border-bottom: 7px solid var(--black);
}
.MultiLevelSelect--multiSelectorButton--cY-Uw .MultiLevelSelect--arrowDown--cZPIF {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid var(--grey-300);
}
.MultiLevelSelect--multiSelectorButton--cY-Uw .MultiLevelSelect--arrowDown--cZPIF:hover {
border-top: 7px solid var(--black);
}
.MultiLevelSelect--multiSelectorButton--cY-Uw .MultiLevelSelect--arrowUp--rKUJU {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 7px solid var(--black);
}
.MultiLevelSelect--multiLevelOptionsContainer--cHIXj {
position: absolute;
background-color: var(--white);
margin-top: 5px;
border-radius: 5px;
z-index: 1;
box-shadow: 0px 0px 5px var(--grey-300);
min-width: 250px;
}
.MultiLevelSelect--optionsMainMenu--cQ2Q3 {
position: relative;
margin: 0;
padding: 0;
color: var(--grey-500);
}
.MultiLevelSelect--optionsSubMenu--ZBoQu {
display: flex;
align-items: center;
padding: 10px 25px 10px 15px;
cursor: pointer;
}
.MultiLevelSelect--optionsSubMenu--ZBoQu:hover {
background-color: var(--grey-200);
}
.MultiLevelSelect--optionsSubMenu--ZBoQu input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.MultiLevelSelect--optionsContainer--0Db7k {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 8px 10px 15px;
position: relative;
}
.MultiLevelSelect--optionsLabel--aq3c9 {
max-width: 180px;
word-break: break-all;
padding-right: 10px;
}
.MultiLevelSelect--optionsSubMenuContainer--4oxU5 {
background-color: var(--white);
box-shadow: 0px 0px 3px var(--grey-300);
border-radius: 5px;
position: absolute;
width: max-content;
top: 0;
right: 0;
z-index: 1;
transform: translate(100%, 0);
display: none;
}
.MultiLevelSelect--optionsSubMenuHeader--hncWA {
font-size: 14px;
padding: 10px 15px;
color: var(--grey-900);
text-transform: capitalize;
text-align: center;
}
.MultiLevelSelect--optionsContainer--0Db7k:hover {
background-color: var(--grey-200);
cursor: pointer;
}
.MultiLevelSelect--optionsContainer--0Db7k:hover > .MultiLevelSelect--optionsSubMenuContainer--4oxU5 {
display: grid;
}
.MultiLevelSelect--optionsContainer--0Db7k:hover .MultiLevelSelect--arrowRight--a1JFD {
border-left: 7px solid var(--black);
}
.MultiLevelSelect--optionsContainer--0Db7k .MultiLevelSelect--arrowRight--a1JFD {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 7px solid var(--grey-300);
}
.MultiLevelSelect--optionsContainer--0Db7k .MultiLevelSelect--arrowRight--a1JFD:hover {
border-left: 7px solid var(--black);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.StackTraceList--main--r4K\+Z .StackTraceList--listContainer--81qIn {
margin-top: var(--spacing-xsmall);
overflow-y: scroll;
}
.StackTraceList--panel--83-NQ {
border: 1px solid var(--grey-200);
margin-bottom: var(--spacing-xsmall) !important;
border-radius: var(--spacing-xsmall);
}
.StackTraceList--panel--83-NQ .StackTraceList--textContainer--4R-kY {
padding: var(--spacing-medium);
}
.StackTraceList--panel--83-NQ .StackTraceList--textContainer--4R-kY .StackTraceList--timestamp--pkOKa {
font-size: var(--font-size-small);
margin-bottom: var(--spacing-xsmall);
font-weight: bold;
}
.StackTraceList--panel--83-NQ .StackTraceList--textContainer--4R-kY .StackTraceList--textContent--Crn2z {
font-size: var(--font-size-small);
word-break: break-word;
white-space: pre-wrap;
margin-bottom: 0;
font-family: var(--font-family-mono);
}
.StackTraceList--panel--83-NQ .StackTraceList--textContainer--4R-kY .StackTraceList--textContent--Crn2z[data-is-collapsed='true'] {
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
display: -webkit-box;
}
.StackTraceList--panel--83-NQ .StackTraceList--isExpandible--Vi-Mr {
padding-bottom: var(--spacing-xsmall);
}
.StackTraceList--panel--83-NQ .StackTraceList--collapseButtonText--QLh7B {
font-size: var(--font-size-small) !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Collapse--main--OjsXP {
width: 100%;
border-top: 1px solid var(--grey-300);
padding: 0 var(--spacing-small);
}
.Collapse--main--OjsXP .Collapse--header--d8YYK {
padding-top: var(--spacing-small) !important;
}
.Collapse--main--OjsXP .Collapse--collapse--oZOGR {
margin-top: var(--spacing-xsmall);
margin-left: var(--spacing-large);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.CollapseHeader--main--Clu9t {
width: 100%;
display: flex;
justify-content: space-between;
}
.CollapseHeader--main--Clu9t .CollapseHeader--leftSection--w8Fzn {
display: inline-flex;
align-items: center;
cursor: pointer;
}
.CollapseHeader--main--Clu9t .CollapseHeader--leftSection--w8Fzn .CollapseHeader--title--ughrE {
margin-left: var(--spacing-small);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.CollapseListPanel--main--q5fPj .CollapseListPanel--collapse--91QO7 {
margin-top: var(--spacing-xsmall);
margin-left: var(--spacing-large);
}
.CollapseListPanel--main--q5fPj .CollapseListPanel--footerContent--M\+aLB {
margin-top: var(--spacing-small);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.GraphError--main--1NeG9 {
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
}
.GraphError--main--1NeG9 .GraphError--img--7HcWP {
width: 100%;
height: 100%;
}
.GraphError--main--1NeG9 .GraphError--title--86JKq {
margin: 24px 0px;
}
.GraphError--main--1NeG9 .GraphError--secondLink--s2G\+P {
margin-left: 24px;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.SelectWithSubview--removeDropdownStyling--dqdXc .bp3-transition-container {
width: unset;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.SparkChart--main--\+RoJR .container {
display: flex;
justify-content: space-between;
width: 100%;
padding: 0px;
background: transparent;
overflow: hidden;
}
.SparkChart--main--\+RoJR .vertical {
cursor: pointer;
}
.SparkChart--main--\+RoJR .vertical .progress-bar {
display: flex;
flex: 1;
height: 60px;
min-width: 4px;
margin-right: 3px;
}
.SparkChart--main--\+RoJR .vertical .progress-bar .progress-track {
position: relative;
height: 100%;
width: 100%;
background: transparent;
}
.SparkChart--main--\+RoJR .vertical .progress-bar .progress-track .progress-fill {
position: absolute;
height: 50%;
width: 100%;
bottom: 0;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.StackedSummaryTable--overviewSummary--OzdEe {
min-width: 350px;
flex-grow: 1;
}
.StackedSummaryTable--overviewSummary--OzdEe:not(:last-child) {
border-right: thin solid var(--grey-100);
}
.StackedSummaryTable--overviewSummary--OzdEe [role='row'] {
border: none !important;
}
.StackedSummaryTable--overviewSummary--OzdEe .links {
color: var(--primary-7);
cursor: pointer;
overflow: hidden;
max-width: 150px;
display: inline-block;
text-overflow: ellipsis;
padding-right: var(--spacing-6);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.TableV2--table--lleIZ {
height: 100%;
}
.TableV2--table--lleIZ .TableV2--header--eqDJ2 {
font-weight: bold;
font-size: 11px;
color: var(--grey-800);
display: flex;
padding: var(--spacing-medium);
text-transform: uppercase;
}
.TableV2--table--lleIZ .TableV2--header--eqDJ2.TableV2--minimal--\+dtUX {
color: var(--grey-600);
border-bottom: 1px solid var(--grey-100);
}
.TableV2--table--lleIZ .TableV2--cell--FeK90.TableV2--sortable--amX3E {
cursor: pointer;
display: flex;
align-items: center;
}
.TableV2--table--lleIZ .TableV2--body--XiXES {
min-height: calc(100% - 115px);
}
.TableV2--table--lleIZ .TableV2--row--hoDnl {
display: flex;
flex-direction: column;
padding: var(--spacing-medium);
background-color: white;
border: 1px solid transparent;
position: relative;
}
.TableV2--table--lleIZ .TableV2--cells--h1jdx {
display: flex;
align-items: center;
}
.TableV2--table--lleIZ .TableV2--card--cJrSD {
box-shadow: 0 1px 5px -4px var(--black);
border-radius: 4px;
margin-bottom: var(--spacing-small);
}
.TableV2--table--lleIZ .TableV2--card--cJrSD.TableV2--clickable--7nfTU {
cursor: pointer;
}
.TableV2--table--lleIZ .TableV2--card--cJrSD.TableV2--clickable--7nfTU:hover {
box-shadow: 0px 2px 8px -5px var(--black);
border: 1px solid var(--primary-7);
background-color: #fcfeff;
}
.TableV2--table--lleIZ .TableV2--row--hoDnl.TableV2--minimal--\+dtUX {
border-bottom: 1px solid var(--grey-100);
padding: var(--spacing-small) var(--spacing-medium);
}
.TableV2--table--lleIZ .TableV2--minimal--\+dtUX.TableV2--clickable--7nfTU {
cursor: pointer;
}
.TableV2--table--lleIZ .TableV2--minimal--\+dtUX.TableV2--clickable--7nfTU:hover {
background-color: var(--primary-1);
}
.TableV2--table--lleIZ .TableV2--cell--FeK90 {
display: inline-block;
vertical-align: middle;
}
.TableV2--table--lleIZ [role='columnheader'].TableV2--resizable--QP8aU {
margin: 0;
padding: 0.5rem;
}
.TableV2--table--lleIZ [role='columnheader'].TableV2--resizable--QP8aU:hover {
border-right: 1px solid var(--grey-200);
}
.TableV2--table--lleIZ [role='columnheader'].TableV2--resizable--QP8aU {
position: relative;
}
.TableV2--table--lleIZ [role='columnheader'].TableV2--resizable--QP8aU :last-child {
border-right: 0;
}
.TableV2--table--lleIZ .TableV2--resizer--vWjqq {
display: inline-block;
width: 10px;
height: 100%;
position: absolute;
right: 0;
top: 0;
transform: translateX(50%);
z-index: 1;
touch-action: none;
}
.TableV2--table--lleIZ .TableV2--pagination--khOiJ {
padding: var(--spacing-medium);
}
.TableV2--table--lleIZ .TableV2--rowSubComponent--K7y9H {
margin-top: var(--spacing-medium);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.StackedSummaryBar--summaryCount--g99eK {
width: var(--spacing-10);
text-align: right;
white-space: nowrap !important;
flex-shrink: 0;
flex-grow: 0;
}
.StackedSummaryBar--barSection--MDiNJ {
height: 8px;
border-radius: 2px;
margin-right: 1px !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.FormikForm--main--T0yJ- .bp3-form-group.bp3-intent-primary {
--bp3-intent-color: var(--primary-7);
}
.FormikForm--main--T0yJ- .bp3-form-group.bp3-intent-success {
--bp3-intent-color: var(--green-500);
}
.FormikForm--main--T0yJ- .bp3-form-group.bp3-intent-warning {
--bp3-intent-color: var(--yellow-500);
}
.FormikForm--main--T0yJ- .bp3-form-group.bp3-intent-danger {
--bp3-intent-color: var(--red-500);
}
.FormikForm--main--T0yJ- .bp3-form-group .bp3-form-helper-text {
color: var(--bp3-intent-color, var(--grey-500)) !important;
}
.FormikForm--main--T0yJ- .bp3-form-group .bp3-file-upload-input,
.FormikForm--main--T0yJ- .bp3-form-group .ColorPicker--picker {
box-shadow: none !important;
border: 1px solid var(--grey-200) !important;
}
.FormikForm--main--T0yJ- .bp3-form-group .bp3-input {
height: var(--spacing-8);
border-radius: var(--spacing-2);
border: 1px solid var(--bp3-intent-color, var(--grey-200));
outline: none;
box-shadow: none;
}
.FormikForm--main--T0yJ- .bp3-form-group .bp3-input:hover {
border-color: var(--primary-6);
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
}
.FormikForm--main--T0yJ- .bp3-form-group .bp3-input:focus {
border-color: var(--primary-7);
}
.FormikForm--main--T0yJ- .bp3-form-group .bp3-input:disabled {
background-color: var(--grey-50);
color: var(--grey-400);
border-color: var(--grey-200);
box-shadow: none;
}
.FormikForm--main--T0yJ- .bp3-label {
color: var(--grey-600);
font-size: var(--form-input-font-size);
font-weight: 500;
}
.FormikForm--main--T0yJ- .bp3-input.bp3-tag-input {
overflow: auto;
height: fit-content;
max-height: 70px;
}
.FormikForm--main--T0yJ- .bp3-input.bp3-tag-input.bp3-disabled {
background: var(--grey-50) !important;
}
.FormikForm--main--T0yJ- .bp3-input.bp3-tag-input.bp3-active {
--bp3-intent-color: var(--primary-5);
}
.FormikForm--main--T0yJ- .bp3-input.bp3-tag-input .bp3-tag-input-values {
margin: 2px 7px 0 1px !important;
}
.FormikForm--main--T0yJ- .bp3-file-input {
height: 38px;
}
.FormikForm--main--T0yJ- textarea.bp3-input {
min-height: var(--spacing-10);
}
.FormikForm--main--T0yJ- .bp3-file-upload-input {
height: 38px;
border-radius: 5px;
box-shadow: none;
border: 1px solid #dddddd;
line-height: 36px;
}
.FormikForm--main--T0yJ- .bp3-file-upload-input:after {
line-height: 28px;
border: 1px solid var(--grey-350);
box-shadow: none;
background-image: none;
color: var(--grey-600);
background-color: var(--white);
}
.FormikForm--main--T0yJ- .bp3-input-ghost {
font-size: 14px;
line-height: 22px;
margin-top: 3px;
margin-bottom: 3px;
}
.FormikForm--main--T0yJ- .bp3-tag-input .bp3-tag {
height: 22px;
line-height: 22px;
font-size: 14px;
margin-top: 3px;
margin-bottom: 3px;
}
.FormikForm--checkBoxDocTooltipLabel--hKOi3 {
display: inline-block !important;
}
.FormikForm--inlineRadioGroup--6jqc\+ {
padding-top: var(--spacing-2) !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.OverlaySpinner--overlaySpinner--Bl1QB {
position: relative;
}
.OverlaySpinner--overlay--06pb- {
position: absolute;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.2);
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
height: 100%;
width: 100%;
z-index: 15;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.ColorPicker--picker--yZpBt > span:first-of-type {
display: flex;
}
.ColorPicker--picker--yZpBt .ColorPicker--color--\+ianJ {
display: inline-block;
height: 16px;
border-radius: 2px;
}
.ColorPicker--picker--yZpBt .ColorPicker--color--\+ianJ.ColorPicker--transparent--HXsr5 {
border: 1px dotted var(--grey-500);
}
.ColorPicker--grid--F9\+5d {
display: grid;
grid-template-columns: repeat(9, 32px);
grid-template-rows: repeat(5, 32px);
grid-column-gap: 0;
grid-row-gap: 0;
grid-auto-flow: column;
}
.ColorPicker--grid--F9\+5d button {
all: unset;
transition: transform 0.5s ease;
}
.ColorPicker--grid--F9\+5d button:not(.ColorPicker--selected--V-gYE):hover,
.ColorPicker--grid--F9\+5d button:not(.ColorPicker--selected--V-gYE):focus {
cursor: pointer;
border: 2px solid var(--white);
}
.ColorPicker--grid--F9\+5d button.ColorPicker--selected--V-gYE {
display: flex;
justify-content: center;
align-items: center;
border: 2px solid var(--white);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.InputWithIdentifier--txtNameContainer--uDA6S {
position: relative;
}
.InputWithIdentifier--txtNameContainer--uDA6S .InputWithIdentifier--txtIdContainer--od9FZ {
position: absolute;
align-items: center;
right: 0;
}
.InputWithIdentifier--txtNameContainer--uDA6S .InputWithIdentifier--idValue--bv0Ox {
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--primary-7);
}
.InputWithIdentifier--txtNameContainer--uDA6S .InputWithIdentifier--idError--DFymV {
margin-top: calc(-1 * var(--spacing-small));
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.MultiTypeInput--input--q7K03 {
flex: 1 1 auto;
position: relative;
}
.MultiTypeInput--mini--PTs-- {
position: relative;
}
.MultiTypeInput--mini--PTs-- input[type='text'].MultiTypeInput--bp3-intent-primary--FW7lj, .MultiTypeInput--mini--PTs-- .bp3-input.MultiTypeInput--bp3-intent-primary--FW7lj {
--bp3-intent-color: var(--primary-7);
}
.MultiTypeInput--mini--PTs-- input[type='text'].MultiTypeInput--bp3-intent-success--ki7bC, .MultiTypeInput--mini--PTs-- .bp3-input.MultiTypeInput--bp3-intent-success--ki7bC {
--bp3-intent-color: var(--green-500);
}
.MultiTypeInput--mini--PTs-- input[type='text'].MultiTypeInput--bp3-intent-warning--xTzLe, .MultiTypeInput--mini--PTs-- .bp3-input.MultiTypeInput--bp3-intent-warning--xTzLe {
--bp3-intent-color: var(--yellow-500);
}
.MultiTypeInput--mini--PTs-- input[type='text'].MultiTypeInput--bp3-intent-danger--MNV94, .MultiTypeInput--mini--PTs-- .bp3-input.MultiTypeInput--bp3-intent-danger--MNV94 {
--bp3-intent-color: var(--red-500);
}
.MultiTypeInput--mini--PTs-- input[type='text'],
.MultiTypeInput--mini--PTs-- .bp3-input {
box-shadow: none;
border: 1px solid var(--bp3-intent-color, var(--grey-200));
padding-right: 35px;
height: var(--spacing-7);
border-radius: var(--spacing-2);
}
.MultiTypeInput--mini--PTs-- input[type='text']:hover, .MultiTypeInput--mini--PTs-- .bp3-input:hover {
border-color: var(--primary-6);
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
}
.MultiTypeInput--mini--PTs-- input[type='text']:focus, .MultiTypeInput--mini--PTs-- .bp3-input:focus {
border-color: var(--primary-7);
}
.MultiTypeInput--mini--PTs-- input[type='text'][disabled],
.MultiTypeInput--mini--PTs-- input[type='text'].bp3-disabled,
.MultiTypeInput--mini--PTs-- .bp3-input[disabled],
.MultiTypeInput--mini--PTs-- .bp3-input.bp3-disabled {
background-color: var(--grey-50);
}
.MultiTypeInput--mini--PTs-- .bp3-popover-target {
height: 100%;
}
.MultiTypeInput--mini--PTs-- .bp3-input-action {
height: 100%;
display: flex;
align-items: center;
}
.MultiTypeInput--mini--PTs--.MultiTypeInput--disabled--t1P8D .MultiTypeInput--btn--hvHU1::before {
background: var(--grey-50);
}
.MultiTypeInput--main--3PZwa {
position: relative;
}
.MultiTypeInput--main--3PZwa input[type='text'].MultiTypeInput--bp3-intent-primary--FW7lj, .MultiTypeInput--main--3PZwa .bp3-input.MultiTypeInput--bp3-intent-primary--FW7lj {
--bp3-intent-color: var(--primary-7);
}
.MultiTypeInput--main--3PZwa input[type='text'].MultiTypeInput--bp3-intent-success--ki7bC, .MultiTypeInput--main--3PZwa .bp3-input.MultiTypeInput--bp3-intent-success--ki7bC {
--bp3-intent-color: var(--green-500);
}
.MultiTypeInput--main--3PZwa input[type='text'].MultiTypeInput--bp3-intent-warning--xTzLe, .MultiTypeInput--main--3PZwa .bp3-input.MultiTypeInput--bp3-intent-warning--xTzLe {
--bp3-intent-color: var(--yellow-500);
}
.MultiTypeInput--main--3PZwa input[type='text'].MultiTypeInput--bp3-intent-danger--MNV94, .MultiTypeInput--main--3PZwa .bp3-input.MultiTypeInput--bp3-intent-danger--MNV94 {
--bp3-intent-color: var(--red-500);
}
.MultiTypeInput--main--3PZwa input[type='text'],
.MultiTypeInput--main--3PZwa .bp3-input {
box-shadow: none;
border: 1px solid var(--bp3-intent-color, var(--grey-200));
padding-right: 35px;
height: var(--spacing-8);
border-radius: var(--spacing-2);
}
.MultiTypeInput--main--3PZwa input[type='text']:hover, .MultiTypeInput--main--3PZwa .bp3-input:hover {
border-color: var(--primary-6);
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
}
.MultiTypeInput--main--3PZwa input[type='text']:focus, .MultiTypeInput--main--3PZwa .bp3-input:focus {
border-color: var(--primary-7);
}
.MultiTypeInput--main--3PZwa input[type='text'][disabled],
.MultiTypeInput--main--3PZwa input[type='text'].bp3-disabled,
.MultiTypeInput--main--3PZwa .bp3-input[disabled],
.MultiTypeInput--main--3PZwa .bp3-input.bp3-disabled {
background-color: var(--grey-50);
}
.MultiTypeInput--main--3PZwa .bp3-popover-target {
height: 100%;
}
.MultiTypeInput--main--3PZwa.MultiTypeInput--disabled--t1P8D .MultiTypeInput--btn--hvHU1::before {
background: var(--grey-50);
}
.MultiTypeInput--wrapper--qUJN8 {
display: block;
}
.MultiTypeInput--miniBtn--oAJWY {
all: unset;
background: var(--grey-100);
padding-left: var(--spacing-2);
width: var(--spacing-7);
display: flex;
justify-content: center;
align-items: center;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
cursor: pointer;
position: absolute;
right: 1px;
top: 1px;
height: 22px;
}
.MultiTypeInput--miniBtn--oAJWY::before {
content: '';
height: 22px;
width: var(--spacing-3);
transform: translateX(-18px);
background: var(--white);
border-radius: var(--spacing-2);
border-right: 1px solid var(--grey-100);
position: absolute;
}
.MultiTypeInput--miniBtn--oAJWY .bp3-icon {
color: currentColor !important;
}
.MultiTypeInput--miniBtn--oAJWY.MultiTypeInput--FIXED--nU5xk {
color: var(--primary-6);
}
.MultiTypeInput--miniBtn--oAJWY.MultiTypeInput--RUNTIME--wUVVe,
.MultiTypeInput--miniBtn--oAJWY.MultiTypeInput--RUNTIMEV1--PhZkz {
color: var(--purple-500);
}
.MultiTypeInput--miniBtn--oAJWY.MultiTypeInput--RUNTIME--wUVVe::before, .MultiTypeInput--miniBtn--oAJWY.MultiTypeInput--RUNTIMEV1--PhZkz::before {
background: var(--grey-50);
}
.MultiTypeInput--miniBtn--oAJWY.MultiTypeInput--EXPRESSION--VR6u2 {
color: var(--orange-700);
}
.MultiTypeInput--miniBtn--oAJWY.MultiTypeInput--REGEX--Wnp1X {
color: var(--red-600);
}
.MultiTypeInput--miniBtn--oAJWY:disabled,
.MultiTypeInput--miniBtn--oAJWY[disabled] {
cursor: not-allowed;
opacity: 0.6;
}
.MultiTypeInput--btn--hvHU1 {
all: unset;
background: var(--grey-100);
padding-left: var(--spacing-2);
width: var(--spacing-7);
display: flex;
justify-content: center;
align-items: center;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
cursor: pointer;
position: absolute;
right: 1px;
top: 1px;
height: 30px;
}
.MultiTypeInput--btn--hvHU1::before {
content: '';
height: 30px;
left: var(--spacing-4);
width: var(--spacing-3);
transform: translateX(-18px);
background: var(--white);
border-radius: var(--spacing-2);
border-right: 1px solid var(--bp3-intent-color, var(--grey-200));
position: absolute;
}
.MultiTypeInput--btn--hvHU1 .bp3-icon {
color: currentColor !important;
}
.MultiTypeInput--btn--hvHU1.MultiTypeInput--FIXED--nU5xk {
color: var(--primary-6);
}
.MultiTypeInput--btn--hvHU1.MultiTypeInput--RUNTIME--wUVVe,
.MultiTypeInput--btn--hvHU1.MultiTypeInput--RUNTIMEV1--PhZkz {
color: var(--purple-500);
}
.MultiTypeInput--btn--hvHU1.MultiTypeInput--RUNTIME--wUVVe::before, .MultiTypeInput--btn--hvHU1.MultiTypeInput--RUNTIMEV1--PhZkz::before {
background: var(--grey-50);
}
.MultiTypeInput--btn--hvHU1.MultiTypeInput--EXPRESSION--VR6u2 {
color: var(--orange-700);
}
.MultiTypeInput--btn--hvHU1.MultiTypeInput--REGEX--Wnp1X {
color: var(--red-600);
}
.MultiTypeInput--btn--hvHU1:hover {
background: var(--primary-1);
}
.MultiTypeInput--btn--hvHU1:disabled,
.MultiTypeInput--btn--hvHU1[disabled] {
cursor: not-allowed;
opacity: 0.6;
}
.MultiTypeInput--inputTypeButtonPopoverClass--Zm1f5 {
height: 100%;
}
.MultiTypeInput--menu--HWzYP {
text-align: right !important;
min-width: 140px !important;
max-width: 140px !important;
box-shadow: 0px 2px 4px rgba(40, 41, 61, 0.04), 0px 8px 16px rgba(96, 97, 112, 0.16);
border-radius: 8px;
}
.MultiTypeInput--bp3MenuItem--J7SWV {
padding: 0;
line-height: 16px;
}
.MultiTypeInput--menuItem--kSSen {
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--spacing-2);
padding: var(--spacing-2);
}
.MultiTypeInput--menuItem--kSSen .MultiTypeInput--menuItemLabel--5rAuD {
display: inline-block;
text-align: right;
}
.MultiTypeInput--menuItem--kSSen .MultiTypeInput--menuItemIcon--c1zNz {
width: 16px;
display: flex;
justify-content: flex-end;
}
.MultiTypeInput--menuItem--kSSen .MultiTypeInput--menuItemIcon--c1zNz .bp3-icon {
color: currentColor !important;
}
.MultiTypeInput--menuItem--kSSen .MultiTypeInput--menuItemIcon--c1zNz.MultiTypeInput--FIXED--nU5xk {
color: var(--primary-7);
}
.MultiTypeInput--menuItem--kSSen .MultiTypeInput--menuItemIcon--c1zNz.MultiTypeInput--RUNTIME--wUVVe,
.MultiTypeInput--menuItem--kSSen .MultiTypeInput--menuItemIcon--c1zNz.MultiTypeInput--RUNTIMEV1--PhZkz {
color: var(--purple-500);
}
.MultiTypeInput--menuItem--kSSen .MultiTypeInput--menuItemIcon--c1zNz.MultiTypeInput--EXPRESSION--VR6u2 {
color: var(--orange-500);
}
.MultiTypeInput--menuItem--kSSen .MultiTypeInput--menuItemIcon--c1zNz.MultiTypeInput--REGEX--Wnp1X {
color: var(--red-600);
}
.MultiTypeInput--menuItem--kSSen:hover {
color: var(--white);
}
.MultiTypeInput--menuItem--kSSen:hover .MultiTypeInput--menuItemLabel--5rAuD,
.MultiTypeInput--menuItem--kSSen:hover .MultiTypeInput--menuItemIcon--c1zNz {
color: var(--white) !important;
}
.MultiTypeInput--popover--bQtx2 {
box-shadow: none;
}
.MultiTypeInput--select--gcHJg .bp3-input-action {
right: 32px !important;
}
.MultiTypeInput--select--gcHJg input[type='text'],
.MultiTypeInput--select--gcHJg .MultiTypeInput--fixedValueInput--mDMBG,
.MultiTypeInput--select--gcHJg .bp3-input {
padding-right: 75px !important;
}
.MultiTypeInput--learnMoreItem--VMlXG {
margin: 5px -5px -5px -5px;
padding: 0;
position: relative;
height: 36px;
width: 140px;
overflow: hidden;
border-radius: 0 0 8px 8px;
}
.MultiTypeInput--learnMoreItem--VMlXG:hover {
background-color: transparent;
color: inherit;
}
.MultiTypeInput--learnMore--FEoOq {
background-color: var(--grey-100);
height: 36px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0 0 var(--spacing-4);
font-size: var(--font-size-small);
}
.MultiTypeInput--learnMoreItem--VMlXG .MultiTypeInput--learnMore--FEoOq {
padding: 0 var(--spacing-4);
}
.MultiTypeInput--learnMoreWrapper--cI0hE {
display: block;
}
.MultiTypeInput--learnMoreWrapper--cI0hE .bp3-popover-target {
display: block;
}
.MultiTypeInput--learnMorePopover--0bRy7 {
width: 415px;
border-radius: 4px 0 4px 4px;
box-shadow: var(--elevation-4) !important;
background-color: var(--white);
}
.MultiTypeInput--learnMorePopover--0bRy7 .MultiTypeInput--learnMore--FEoOq {
width: 100%;
}
.MultiTypeInput--learnMorePopover--0bRy7 .MultiTypeInput--body--twq47 {
padding: var(--spacing-5);
}
.MultiTypeInput--learnMorePopover--0bRy7 .MultiTypeInput--content--J-LN5 {
display: grid;
grid-template-columns: 30px 1fr;
column-gap: var(--spacing-3);
font-size: var(--font-size-small);
white-space: normal;
text-align: left;
}
.MultiTypeInput--learnMorePopover--0bRy7 .MultiTypeInput--content--J-LN5 .bp3-icon {
align-self: center;
justify-self: center;
}
.MultiTypeInput--learnMorePopover--0bRy7 .MultiTypeInput--content--J-LN5 .bp3-icon[data-type='FIXED'] {
color: var(--primary-6);
}
.MultiTypeInput--learnMorePopover--0bRy7 .MultiTypeInput--content--J-LN5 .bp3-icon[data-type='RUNTIME'],
.MultiTypeInput--learnMorePopover--0bRy7 .MultiTypeInput--content--J-LN5 .bp3-icon[data-type='RUNTIMEV1'] {
color: var(--purple-500);
}
.MultiTypeInput--learnMorePopover--0bRy7 .MultiTypeInput--content--J-LN5 .bp3-icon[data-type='EXPRESSION'] {
color: var(--orange-700);
}
.MultiTypeInput--learnMorePopover--0bRy7 .MultiTypeInput--content--J-LN5 .bp3-icon[data-type='REGEX'] {
color: var(--red-600);
}
.MultiTypeInput--learnMorePopover--0bRy7 .MultiTypeInput--checkbox--p\+mRv {
padding-top: var(--spacing-5);
margin-top: var(--spacing-5);
border-top: 1px solid var(--grey-200);
}
.MultiTypeInput--learnMoreEmpty--6XI20 {
display: block;
height: 1px;
width: 150px;
position: absolute;
top: 0;
right: 0;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.ExpressionInput--menu--V5hf1 {
max-width: 600px;
overflow: hidden auto;
padding: var(--spacing-4) 0;
border-radius: var(--spacing-3);
box-shadow: var(--elevation-2), var(--elevation-3);
}
.ExpressionInput--expressionDropdownMenu--M7F-J {
max-width: 600px;
overflow: hidden auto;
padding: var(--spacing-4) 0;
}
.ExpressionInput--menuItem--74Dsg {
display: flex;
}
.ExpressionInput--menuItem--74Dsg .ExpressionInput--group1--TBsYw {
flex: 0 1 auto;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
direction: ltr;
}
.ExpressionInput--menuItem--74Dsg .ExpressionInput--group2--lzEx7 {
flex: 0 1 auto;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
direction: rtl;
}
.ExpressionInput--menuItem--74Dsg mark {
white-space: nowrap;
}
.ExpressionInput--popover--sE7Sd {
box-shadow: none;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.SelectWithSubmenu--main--MObcF {
position: relative;
}
.SelectWithSubmenu--main--MObcF .SelectWithSubmenu--MultiTypeInput--btn--lrJov {
top: 25px;
}
.SelectWithSubmenu--loading--8Qpj8 {
height: var(--spacing-8);
padding: 0 var(--spacing-small);
display: flex;
align-items: center;
color: var(--grey-400);
cursor: not-allowed;
}
.SelectWithSubmenu--noResultsFound--7zIB2 {
height: var(--spacing-8);
padding: 0 var(--spacing-small);
display: flex;
align-items: center;
}
.SelectWithSubmenu--tag--mMa-n {
background: var(--primary-2);
color: var(--grey-900);
padding-right: var(--spacing-4);
}
.SelectWithSubmenu--tag--mMa-n .bp3-tag-remove {
width: var(--spacing-4);
height: var(--spacing-4);
display: flex;
border: 1px solid var(--grey-700);
border-radius: var(--spacing-10);
align-items: center;
opacity: 0.4;
}
.SelectWithSubmenu--tag--mMa-n .bp3-icon-small-cross svg {
width: 10px;
height: 10px;
}
.SelectWithSubmenu--menu--wAJ-Q {
max-height: 350px;
overflow-y: scroll;
min-width: 250px;
width: 100%;
padding: 0;
}
.SelectWithSubmenu--menu--wAJ-Q .bp3-menu-item > .bp3-icon {
margin-top: 0;
}
.SelectWithSubmenu--menu--wAJ-Q .bp3-menu-item:hover {
background: var(--primary-1) !important;
color: var(--black) !important;
}
.SelectWithSubmenu--menuItem--kPTet {
height: var(--spacing-8);
padding: 0 var(--spacing-small);
display: flex;
align-items: center;
cursor: pointer;
width: 100%;
}
.SelectWithSubmenu--submenu--Eihng {
max-height: 350px;
overflow: auto;
min-width: 200px;
width: 100%;
padding: 0;
cursor: pointer;
}
.SelectWithSubmenu--submenu--Eihng .bp3-control {
margin-bottom: 0px;
}
.SelectWithSubmenu--submenu--Eihng .bp3-control-indicator {
margin-top: 0px;
}
.SelectWithSubmenu--submenuItem--fAtyO {
min-height: var(--spacing-8);
height: fit-content;
padding: 0 var(--spacing-small);
display: flex;
align-items: center;
cursor: pointer;
}
.SelectWithSubmenu--submenuItem--fAtyO .SelectWithSubmenu--menuItemLabel--PAmVr {
color: var(--black);
font-weight: 400 !important;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
cursor: pointer;
}
.SelectWithSubmenu--submenuItem--fAtyO .SelectWithSubmenu--checkbox--Yr9KL {
margin: 0 var(--spacing-small) 0 0;
cursor: pointer;
}
.SelectWithSubmenu--submenuItem--fAtyO:hover {
background: var(--primary-1) !important;
color: var(--black) !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.SelectWithSubmenuV2--wrapperClassName--sFFlc {
display: block;
}
.SelectWithSubmenuV2--targetClassName--yG\+6Y {
width: 100%;
}
.SelectWithSubmenuV2--menuItem--NHJGc {
width: 100%;
}
.SelectWithSubmenuV2--submenu--sPYTe {
max-height: 350px;
overflow: auto;
min-width: 250px;
width: 100%;
padding: 0;
}
.SelectWithSubmenuV2--submenuItem--3QSj8 {
height: var(--spacing-8);
padding: 0 var(--spacing-small);
display: flex;
align-items: center;
cursor: pointer;
}
.SelectWithSubmenuV2--submenuItem--3QSj8 .SelectWithSubmenuV2--menuItemLabel--juQql {
color: var(--black);
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
}
.SelectWithSubmenuV2--submenuItem--3QSj8 .bp3-icon {
margin-right: var(--spacing-small);
}
.SelectWithSubmenuV2--submenuItem--3QSj8.SelectWithSubmenuV2--active--fsF4F {
background: var(--primary-1);
}
.SelectWithSubmenuV2--submenuItem--3QSj8.SelectWithSubmenuV2--menuItemSizeSmall--JpNNy {
height: 24px;
font-size: var(--font-size-small);
}
.SelectWithSubmenuV2--submenuItem--3QSj8.SelectWithSubmenuV2--menuItemSizeLarge--6HSuA {
height: 40px;
font-size: var(--font-size-medium);
}
.SelectWithSubmenuV2--submenuItem--3QSj8.SelectWithSubmenuV2--disabled--kp8Em {
color: var(--grey-400);
cursor: not-allowed;
}
.SelectWithSubmenuV2--submenuItem--3QSj8.SelectWithSubmenuV2--loading--dVdVi {
color: var(--grey-400);
cursor: not-allowed;
}
.SelectWithSubmenuV2--submenuItem--3QSj8:hover {
color: var(--black);
background: var(--primary-1) !important;
}
.SelectWithSubmenuV2--noResultsFound--67IvW {
height: var(--spacing-8);
padding: 0 var(--spacing-small);
display: flex;
align-items: center;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.MultiSelectWithSubmenu--main--wPbFV {
position: relative;
}
.MultiSelectWithSubmenu--main--wPbFV .MultiSelectWithSubmenu--MultiTypeInput--btn--PNK0T {
top: 25px;
}
.MultiSelectWithSubmenu--loading--T1c6S {
height: var(--spacing-8);
padding: 0 var(--spacing-small);
display: flex;
align-items: center;
color: var(--grey-400);
cursor: not-allowed;
}
.MultiSelectWithSubmenu--noResultsFound--TxDfO {
height: var(--spacing-8);
padding: 0 var(--spacing-small);
display: flex;
align-items: center;
}
.MultiSelectWithSubmenu--tag--U0KEH {
background: var(--primary-2);
color: var(--grey-900);
padding-right: var(--spacing-4);
}
.MultiSelectWithSubmenu--tag--U0KEH .bp3-tag-remove {
width: var(--spacing-4);
height: var(--spacing-4);
display: flex;
border: 1px solid var(--grey-700);
border-radius: var(--spacing-10);
align-items: center;
opacity: 0.4;
}
.MultiSelectWithSubmenu--tag--U0KEH .bp3-icon-small-cross svg {
width: 10px;
height: 10px;
}
.MultiSelectWithSubmenu--menu--Ipb0Y .bp3-menu-item > .bp3-icon {
margin-top: 0;
}
.MultiSelectWithSubmenu--menu--Ipb0Y .bp3-menu-item:hover {
background: var(--primary-1) !important;
color: var(--black) !important;
}
.MultiSelectWithSubmenu--menuItem--tQhL5 {
height: var(--spacing-8);
padding: 0 var(--spacing-small);
display: flex;
align-items: center;
cursor: pointer;
width: 100%;
}
.MultiSelectWithSubmenu--submenu--JFtaj {
max-height: 350px;
overflow: auto;
min-width: 200px;
width: 100%;
padding: 0;
cursor: pointer;
}
.MultiSelectWithSubmenu--submenu--JFtaj .bp3-control {
margin-bottom: 0px;
}
.MultiSelectWithSubmenu--submenu--JFtaj .bp3-control-indicator {
margin-top: 0px;
}
.MultiSelectWithSubmenu--submenuItem--O\+4HW {
min-height: var(--spacing-8);
height: fit-content;
padding: 0 var(--spacing-small);
display: flex;
align-items: center;
cursor: pointer;
}
.MultiSelectWithSubmenu--submenuItem--O\+4HW .MultiSelectWithSubmenu--menuItemLabel--oa4oi {
color: var(--black);
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
cursor: pointer;
}
.MultiSelectWithSubmenu--submenuItem--O\+4HW .MultiSelectWithSubmenu--checkbox--vm1Xm {
margin: 0 var(--spacing-small) 0 0;
cursor: pointer;
}
.MultiSelectWithSubmenu--submenuItem--O\+4HW:hover {
background: var(--primary-1) !important;
color: var(--black) !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.CategorizedSelect--categoryItem--gMj4n {
font-weight: 600;
height: 40px !important;
box-shadow: 0px 2px 4px -2px var(--grey-400);
background-color: var(--grey-100);
}
.CategorizedSelect--categoryItem--gMj4n .CategorizedSelect--collapseIcon--vUzQu {
margin-right: var(--spacing-xsmall) !important;
transition: all 200ms ease;
transform: rotate(0deg);
}
.CategorizedSelect--categoryItem--gMj4n[data-is-collapsed='true']:not(:last-of-type) {
border-bottom: 0.5px solid var(--grey-300);
}
.CategorizedSelect--categoryItem--gMj4n[data-is-collapsed='true'] .CategorizedSelect--collapseIcon--vUzQu {
transform: rotate(-90deg);
}
.CategorizedSelect--item--c\+lf6 {
margin-left: var(--spacing-xsmall);
}
.CategorizedSelect--creatableOption--iG81q {
margin-left: var(--spacing-xsmall);
}
.CategorizedSelect--creatableOption--iG81q > p span {
margin-right: 0 !important;
}
.CategorizedSelect--addNewOptionForm--LRZI3 {
padding: var(--spacing-medium);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.StepsProgress--stepsProgress--FtwR8 .StepsProgress--progressBar--BVmZp {
margin-bottom: var(--spacing-xlarge);
}
.StepsProgress--stepsProgress--FtwR8 .StepsProgress--progressBar--BVmZp .StepsProgress--progressHeight--9Qauc {
height: 10px;
border-radius: 0;
background: transparent;
box-shadow: 0px 0px 2px 1px inset var(--grey-300);
}
.StepsProgress--stepsProgress--FtwR8 .StepsProgress--stepWrap--g3d6n {
display: flex;
}
.StepsProgress--stepsProgress--FtwR8 .StepsProgress--stepWrap--g3d6n .StepsProgress--stepLabelContainer--4qSKB {
flex: 1;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.WeightedStack--main--x\+q3i {
width: 100%;
}
.WeightedStack--main--x\+q3i .container {
display: flex;
justify-content: space-between;
width: 100%;
margin: var(--spacing-small) auto;
padding: 0px;
background: transparent;
overflow: hidden;
flex-direction: column;
}
.WeightedStack--main--x\+q3i .progress-bar {
display: flex;
flex: 1;
height: 20px;
}
.WeightedStack--main--x\+q3i .progress-bar .progress-track {
position: relative;
height: 100%;
width: 100%;
background: transparent;
}
.WeightedStack--main--x\+q3i .progress-bar .progress-track .progress-fill {
display: flex;
justify-content: flex-end;
align-items: center;
border-radius: 0 4px 4px 0;
position: absolute;
height: 100%;
width: 50%;
bottom: 0;
}
.WeightedStack--stack--KancN {
display: flex;
padding-bottom: var(--spacing-medium);
}
.WeightedStack--stackLabelCommon--HMr\+5 {
white-space: nowrap !important;
text-overflow: ellipsis;
overflow: hidden;
}
.WeightedStack--stackColumn--IoKpr {
flex-direction: column;
}
.WeightedStack--stackColumn--IoKpr .WeightedStack--stackLabel--wwysJ {
margin-bottom: var(--spacing-xsmall);
}
.WeightedStack--stackColumnReverse--2qzVn {
flex-direction: column-reverse;
}
.WeightedStack--stackColumnReverse--2qzVn .WeightedStack--stackLabel--wwysJ {
margin-top: var(--spacing-xsmall);
}
.WeightedStack--stackRow--C2S\+c {
flex-direction: row;
align-items: center;
}
.WeightedStack--stackRow--C2S\+c .WeightedStack--stackLabel--wwysJ {
margin-right: var(--spacing-xsmall);
}
.WeightedStack--stackRowReverse--5ykR5 {
flex-direction: row-reverse;
align-items: center;
}
.WeightedStack--stackRowReverse--5ykR5 .WeightedStack--stackLabel--wwysJ {
margin-left: var(--spacing-xsmall);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.Breadcrumbs--breadcrumbs--zsJy7 {
line-height: 18px;
}
.Breadcrumbs--breadcrumbs--zsJy7 .Breadcrumbs--breadcrumb--pDYvt {
display: flex;
align-items: center;
justify-content: flex-start;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.GridListToggle--gridUnselected--T7AWF {
box-shadow: none !important;
}
.GridListToggle--gridUnselected--T7AWF:hover {
color: var(--primary-6) !important;
}
.GridListToggle--listUnselected--xZYmc {
box-shadow: none !important;
}
.GridListToggle--listUnselected--xZYmc:hover {
color: var(--primary-6) !important;
}
.GridListToggle--splitUnselected--jcAG6 {
box-shadow: none !important;
}
.GridListToggle--splitUnselected--jcAG6:hover {
color: var(--primary-6) !important;
}
.GridListToggle--gridButton--iZ\+I8,
.GridListToggle--listButton--cfW9Z {
padding-left: 0px !important;
padding-right: 0px !important;
min-width: 24px;
}
.GridListToggle--splitButton--oLtK3 {
padding-left: var(--spacing-small) !important;
padding-right: 0px !important;
min-width: 24px;
}
.GridListToggle--gridButton--iZ\+I8 {
margin-right: var(--spacing-small) !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.MultiSelectDropDown--main--1w3eG.MultiSelectDropDown--disabled--tUxZq {
pointer-events: none;
}
.MultiSelectDropDown--main--1w3eG.MultiSelectDropDown--disabled--tUxZq .MultiSelectDropDown--dropdownButton--bMorb.MultiSelectDropDown--withBorder--QA04m {
background-color: var(--grey-100);
}
.MultiSelectDropDown--main--1w3eG.MultiSelectDropDown--disabled--tUxZq .MultiSelectDropDown--dropdownButton--bMorb .MultiSelectDropDown--labelWrapper--Utr98 .MultiSelectDropDown--label--c4RqE {
color: var(--grey-400) !important;
}
.MultiSelectDropDown--main--1w3eG.MultiSelectDropDown--disabled--tUxZq .MultiSelectDropDown--counter--OK0Mk {
background-color: var(--grey-400) !important;
}
.MultiSelectDropDown--main--1w3eG .MultiSelectDropDown--dropdownButton--bMorb {
border-radius: var(--spacing-2);
padding: 0px var(--spacing-4);
height: var(--spacing-8);
transition: all 200ms ease-out;
transition-property: border-color, background-color;
}
.MultiSelectDropDown--main--1w3eG .MultiSelectDropDown--dropdownButton--bMorb.MultiSelectDropDown--minWidth--v5xIb {
column-gap: var(--spacing-xlarge);
}
.MultiSelectDropDown--main--1w3eG .MultiSelectDropDown--dropdownButton--bMorb.MultiSelectDropDown--withBorder--QA04m {
background-color: var(--primary-bg);
border: 1px solid var(--grey-200);
}
.MultiSelectDropDown--main--1w3eG .MultiSelectDropDown--dropdownButton--bMorb.MultiSelectDropDown--withBorder--QA04m.MultiSelectDropDown--selected--joSCR {
border-color: var(--primary-7);
background-color: var(--primary-1);
}
.MultiSelectDropDown--main--1w3eG .MultiSelectDropDown--dropdownButton--bMorb.MultiSelectDropDown--withBorder--QA04m .MultiSelectDropDown--labelWrapper--Utr98 .MultiSelectDropDown--label--c4RqE {
font-size: var(--font-size-small);
font-weight: 500;
color: var(--grey-800);
outline: none;
}
.MultiSelectDropDown--main--1w3eG .MultiSelectDropDown--dropdownButton--bMorb .MultiSelectDropDown--labelWrapper--Utr98 {
flex-shrink: 1;
column-gap: var(--spacing-3);
}
.MultiSelectDropDown--main--1w3eG .MultiSelectDropDown--dropdownButton--bMorb .MultiSelectDropDown--labelWrapper--Utr98 .bp3-popover-wrapper {
display: inline-flex;
}
.MultiSelectDropDown--main--1w3eG .MultiSelectDropDown--dropdownButton--bMorb .MultiSelectDropDown--labelWrapper--Utr98 .MultiSelectDropDown--label--c4RqE {
font-size: var(--font-size-normal);
font-weight: 400;
color: var(--grey-900);
}
.MultiSelectDropDown--main--1w3eG .MultiSelectDropDown--dropdownButton--bMorb .MultiSelectDropDown--labelWrapper--Utr98 .MultiSelectDropDown--counter--OK0Mk {
font-size: var(--font-size-small);
font-weight: 500;
background-color: var(--primary-7);
color: var(--white);
padding: 0 var(--spacing-small);
border-radius: 10px;
line-height: 16px;
}
.MultiSelectDropDown--main--1w3eG .MultiSelectDropDown--dropdownButton--bMorb:not(.MultiSelectDropDown--withBorder--QA04m):hover {
background-color: var(--grey-100);
border-color: var(--grey-100);
}
.MultiSelectDropDown--main--1w3eG .MultiSelectDropDown--dropdownButton--bMorb .bp3-button {
padding: 0px !important;
height: 14px !important;
min-height: 14px;
min-width: 14px;
outline: none;
}
.MultiSelectDropDown--main--1w3eG .MultiSelectDropDown--dropdownButton--bMorb button {
box-shadow: none !important;
outline: none;
padding: 5px 12px !important;
}
.MultiSelectDropDown--popover--s3zRv.bp3-popover {
box-shadow: 0px 0px 1px rgb(40 41 61 / 4%), 0px 2px 4px rgb(96 97 112 / 16%);
border: 0.5px solid rgba(0, 0, 0, 0.1);
border-radius: var(--spacing-2);
transform: translateY(var(--spacing-1)) !important;
}
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-input-group {
margin: var(--spacing-small);
margin-bottom: var(--spacing-xsmall);
}
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-input-group .bp3-input {
border-radius: var(--spacing-2);
font-size: 13px;
padding-left: var(--spacing-xxlarge) !important;
height: var(--spacing-8);
color: var(--grey-900);
box-shadow: none !important;
background: var(--grey-100);
}
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-input-group .bp3-input ::-moz-placeholder,
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-input-group .bp3-input ::-webkit-input-placeholder,
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-input-group .bp3-input :-ms-input-placeholder,
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-input-group .bp3-input :-moz-placeholder,
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-input-group .bp3-input ::placeholder {
color: var(--grey-300);
}
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-input-group .bp3-input-left-container {
top: 50%;
transform: translateY(-50%);
left: 3px;
}
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-input-group .bp3-input-action {
opacity: 0.5;
transform: scale(0.8);
top: 1px;
}
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-input-group .bp3-input-action button {
outline: none;
}
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-menu {
max-height: 350px;
width: 100%;
overflow: auto;
border-radius: var(--spacing-2);
padding: var(--spacing-1) 0px;
box-sizing: border-box;
min-width: 200px;
}
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-menu .MultiSelectDropDown--menuItem---f2AK {
height: var(--spacing-8);
padding: 0 var(--spacing-4) !important;
display: flex;
align-items: center;
cursor: pointer;
color: var(--black);
font-weight: 400;
font-size: 13px;
}
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-menu .MultiSelectDropDown--menuItem---f2AK.MultiSelectDropDown--active--CxIuI {
background: var(--primary-7);
color: var(--white) !important;
}
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-menu .MultiSelectDropDown--menuItem---f2AK.MultiSelectDropDown--disabled--tUxZq {
color: var(--grey-400);
cursor: default;
}
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-menu .MultiSelectDropDown--menuItem---f2AK:hover:not(.MultiSelectDropDown--active--CxIuI, .MultiSelectDropDown--disabled--tUxZq) {
background: var(--primary-1);
}
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-menu .MultiSelectDropDown--menuItem---f2AK :checked ~ .bp3-control-indicator {
--cb-bg-color: var(--white);
--cb-icon-filter: invert(62%) sepia(98%) saturate(6594%) hue-rotate(191deg) brightness(93%)
contrast(98%);
}
.MultiSelectDropDown--popover--s3zRv.bp3-popover .bp3-menu .MultiSelectDropDown--menuItem---f2AK .bp3-control-indicator {
outline: none;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.useToaster--toaster--THY8t .bp3-toast {
margin: 0;
min-height: 50px;
min-width: 250px;
}
.useToaster--toaster--THY8t .bp3-toast .bp3-toast-message {
padding: 16px;
padding-left: 8px;
}
.useToaster--toaster--THY8t .bp3-toast .bp3-button-group {
padding: 10px 5px;
visibility: hidden;
}
.useToaster--toaster--THY8t .bp3-toast:hover .bp3-button-group {
visibility: visible;
}
.useToaster--toaster--THY8t .bp3-toast > .bp3-icon {
margin: 16px 0 16px 12px;
}
/* colors */
.useToaster--toaster--THY8t .bp3-toast.bp3-intent-warning {
background-color: var(--orange-500);
}
.useToaster--toaster--THY8t .bp3-toast.bp3-intent-danger {
background-color: var(--red-600);
}
.useToaster--toaster--THY8t .bp3-toast.bp3-intent-success {
background-color: var(--green-600);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.PageHeader--container--pkoR2 {
padding-top: var(--spacing-4) !important;
padding-bottom: 10px !important;
border-bottom: 1px solid var(--grey-200);
position: relative;
z-index: 2;
}
.PageHeader--container--pkoR2 h2 {
margin: 0;
color: var(--grey-800) !important;
font-size: 20px !important;
}
.PageHeader--container--pkoR2 .PageHeader--breadcrumbsDiv--2\+j3\+ {
margin-bottom: 4px;
}
.PageHeader--container--pkoR2.PageHeader--small--47p6Z {
height: 49px;
}
.PageHeader--container--pkoR2.PageHeader--small--47p6Z + div[data-name='page-body'] {
--page-header-height: 49px;
}
.PageHeader--container--pkoR2.PageHeader--standard--Ea-Cc {
height: 73px;
}
.PageHeader--container--pkoR2.PageHeader--standard--Ea-Cc + div[data-name='page-body'] {
--page-header-height: 73px;
}
.PageHeader--container--pkoR2.PageHeader--medium--KfVO4 {
height: 80px;
}
.PageHeader--container--pkoR2.PageHeader--medium--KfVO4 + div[data-name='page-body'] {
--page-header-height: 80px;
}
.PageHeader--container--pkoR2.PageHeader--large--hKNpn {
height: 96px;
background-color: var(--primary-1) !important;
}
.PageHeader--container--pkoR2.PageHeader--large--hKNpn + div[data-name='page-body'] {
--page-header-height: 96px;
}
.PageHeader--container--pkoR2.PageHeader--xlarge--Wdzkt {
height: 144px;
background-color: var(--primary-1) !important;
}
.PageHeader--container--pkoR2.PageHeader--xlarge--Wdzkt + div[data-name='page-body'] {
--page-header-height: 144px;
}
.PageHeader--container--pkoR2.PageHeader--xxlarge--Fju7\+ {
height: 192px;
background-color: var(--primary-1) !important;
}
.PageHeader--container--pkoR2.PageHeader--xxlarge--Fju7\+ + div[data-name='page-body'] {
--page-header-height: 192px;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.PageSubHeader--container--lKQjt {
background: var(--white) !important;
padding: var(--spacing-5) var(--spacing-xlarge) !important;
border-bottom: 1px solid var(--grey-200);
height: 65px;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.PageSpinner--spinner--X6tQ3 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 20;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border-radius: inherit;
}
@supports not ((backdrop-filter: blur(5px)) or (-webkit-backdrop-filter: blur(5px))) {
.PageSpinner--spinner--X6tQ3 {
background-color: rgba(255, 255, 255, 0.8) !important;
}
}
.PageSpinner--spinner--X6tQ3.PageSpinner--fixed--Gtoge {
position: fixed;
}
.PageSpinner--spinner--X6tQ3 {
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: translateZ(0);
backface-visibility: hidden;
perspective: 1000;
transform: translate3d(0, 0, 0);
transform: translateZ(0);
}
.PageSpinner--content--ll2Km {
z-index: 3;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.PageError--pageError--5jRvB {
position: static;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.NoDataCard--noDataCard--7mG9v {
width: 100% !important;
height: calc(100vh - var(--page-header-height, 64px));
}
.NoDataCard--noDataCard--7mG9v .NoDataCard--message--FNsoT {
line-height: 24px !important ;
}
.NoDataCard--noDataCard--7mG9v .NoDataCard--buttonContainer--niZYe {
padding-top: 24px;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.PageBody--pageBody--4wGDd {
height: calc(100% - var(--page-header-height, 64px));
min-height: calc(90vh - var(--page-header-height, 64px));
overflow: auto;
position: relative;
}
.PageBody--pageBody--4wGDd.PageBody--filled--tox8a {
height: 100%;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.TagsPopover--tagsPopover--UJxPK {
max-width: 150px;
}
.TagsPopover--tag--bxVXK {
margin: var(--spacing-small) var(--spacing-small) 0 0;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.MinMaxSlider--slider--0Ab6n {
position: relative;
}
.MinMaxSlider--slider__track--0tTPS,
.MinMaxSlider--slider__range--oaWG1,
.MinMaxSlider--slider__left-value--Cpemg,
.MinMaxSlider--slider__right-value--wU\+8R {
position: absolute;
}
.MinMaxSlider--slider__track--0tTPS,
.MinMaxSlider--slider__range--oaWG1 {
border-radius: 3px;
height: 5px;
}
.MinMaxSlider--slider__track--0tTPS {
background-color: var(--grey-200);
z-index: 1;
}
.MinMaxSlider--slider__range--oaWG1 {
background-color: var(--primary-7);
z-index: 2;
}
.MinMaxSlider--slider__left-value--Cpemg {
left: 6px;
}
.MinMaxSlider--slider__right-value--wU\+8R {
right: -4px;
}
.MinMaxSlider--slider__left-value--Cpemg,
.MinMaxSlider--slider__right-value--wU\+8R {
margin-top: -32px;
background: var(--primary-7);
padding: var(--spacing-tiny) var(--spacing-xsmall);
color: var(--white);
font-size: var(--font-size-small);
border-radius: 2px;
}
/* Removing the default appearance */
.MinMaxSlider--thumb--s2ubM,
.MinMaxSlider--thumb--s2ubM::-webkit-slider-thumb {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
}
.MinMaxSlider--thumb--s2ubM {
pointer-events: none;
position: absolute;
height: 0;
outline: none;
}
.MinMaxSlider--thumbZindex-3--r0HUY {
z-index: 3;
}
.MinMaxSlider--thumbZindex-5--vdPW4 {
z-index: 5;
}
/* For Chrome browsers */
.MinMaxSlider--thumb--s2ubM::-webkit-slider-thumb {
position: relative;
height: 18px;
width: 18px;
cursor: pointer;
background-color: var(--white);
border: none;
border-radius: 50%;
box-shadow: 0 0 1px 1px var(--grey-200);
margin-top: 4px;
pointer-events: all;
}
/* For Firefox browsers */
.MinMaxSlider--thumb--s2ubM::-moz-range-thumb {
background-color: var(--white);
border: none;
border-radius: 50%;
box-shadow: 0 0 1px 1px var(--grey-200);
cursor: pointer;
height: 18px;
width: 18px;
margin-top: 4px;
pointer-events: all;
position: relative;
}
.MinMaxSlider--resetButton--9bF0V {
margin: var(--spacing-small) 0 !important;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.ConfirmationDialog--dialog--vhryi {
padding: var(--spacing-large) var(--spacing-large) var(--spacing-xxlarge) var(--spacing-xxlarge);
}
.ConfirmationDialog--dialog--vhryi .ConfirmationDialog--iconContainer--EEPUQ {
flex-direction: row-reverse;
padding: var(--spacing-xsmall) 0 !important;
}
.ConfirmationDialog--dialog--vhryi .ConfirmationDialog--iconContainer--EEPUQ .ConfirmationDialog--icon--rIAZK {
cursor: pointer;
}
.ConfirmationDialog--dialog--vhryi .ConfirmationDialog--header--tkg4\+ {
align-items: center;
}
.ConfirmationDialog--dialog--vhryi .ConfirmationDialog--body--l\+BWv {
flex: 1;
word-wrap: break-word;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.PillToggle--optionBtns--GbpRp {
display: inline-flex;
align-items: center;
border-radius: 100px;
border: 1px solid var(--grey-400);
font-size: var(--font-size-xsmall);
font-weight: bold;
height: 16px;
box-sizing: border-box;
}
.PillToggle--optionBtns--GbpRp .PillToggle--item--Yxrlc {
width: 62px;
height: 16px;
color: var(--grey-600);
text-align: center;
padding: 2px;
border-radius: 100px;
cursor: pointer;
}
.PillToggle--optionBtns--GbpRp .PillToggle--item--Yxrlc .PillToggle--disableToggleReasonIcon--NZH3B {
margin: 0 var(--spacing-tiny);
}
.PillToggle--optionBtns--GbpRp .PillToggle--selected--Ihig- {
background-color: var(--grey-700);
color: var(--white);
cursor: default;
}
.PillToggle--optionBtns--GbpRp .PillToggle--disabledMode--BouVH {
cursor: default;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.CollapsableSelect--closeChangeBtn--M1TxV {
margin: auto;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.DetailPageCard--main--Tld6G {
flex: 1;
height: fit-content;
overflow-x: hidden;
}
.DetailPageCard--main--Tld6G hr {
width: 100%;
border-top: 1px line var(--grey-300);
}
.DetailPageCard--main--Tld6G .DetailPageCard--detailsSectionRowWrapper--XEszC {
padding: var(--spacing-4) 0 !important;
}
.DetailPageCard--main--Tld6G .DetailPageCard--detailsSectionRowWrapper--XEszC:not(:last-child) {
border-bottom: 1px solid var(--grey-200);
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.LogLine--logLine--0\+SJQ {
display: inline-block;
min-height: 20px;
min-width: 1px;
font-size: inherit;
line-height: inherit;
white-space: pre-wrap;
word-break: break-all;
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
.SimpleLogViewer--logViewer--mWK-4 {
background: var(--grey-900);
color: var(--grey-100);
font-family: 'Roboto Mono', 'Monaco', 'Ubuntu Mono', monospace;
font-size: 12px;
line-height: 20px;
padding: var(--spacing-small) 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.SimpleLogViewer--logViewer--mWK-4 pre {
background: transparent !important;
padding: 0;
margin: 0 !important;
box-sizing: border-box;
font-family: inherit;
position: sticky;
top: 35px;
}
.SimpleLogViewer--logViewer--mWK-4 .SimpleLogViewer--line--DoLIi {
display: grid;
grid-template-columns: var(--char-size, 3ch) 1fr;
column-gap: var(--spacing-5);
padding: 0 var(--spacing-small);
}
.SimpleLogViewer--logViewer--mWK-4 .SimpleLogViewer--line--DoLIi .SimpleLogViewer--lineNumber--9Hn7G {
text-align: right;
}
.SimpleLogViewer--logViewer--mWK-4 .SimpleLogViewer--line--DoLIi:hover {
background-color: var(--grey-800);
}
.ansi-black-fg {
color: black !important;
}
.ansi-black-bg {
background-color: black !important;
}
.ansi-red-fg {
color: #b00 !important;
}
.ansi-red-bg {
background-color: #b00 !important;
}
.ansi-green-fg {
color: #0b0 !important;
}
.ansi-green-bg {
background-color: #0b0 !important;
}
.ansi-yellow-fg {
color: #bb0 !important;
}
.ansi-yellow-bg {
background-color: #bb0 !important;
}
.ansi-blue-fg {
color: #00b !important;
}
.ansi-blue-bg {
background-color: #00b !important;
}
.ansi-magenta-fg {
color: #b0b !important;
}
.ansi-magenta-bg {
background-color: #b0b !important;
}
.ansi-cyan-fg {
color: #0bb !important;
}
.ansi-cyan-bg {
background-color: #0bb !important;
}
.ansi-white-fg {
color: white !important;
}
.ansi-white-bg {
background-color: white !important;
}
.ansi-bright-black-fg {
color: #555 !important;
}
.ansi-bright-black-bg {
background-color: #555 !important;
}
.ansi-bright-red-fg {
color: #f55 !important;
}
.ansi-bright-red-bg {
background-color: #f55 !important;
}
.ansi-bright-green-fg {
color: lime !important;
}
.ansi-bright-green-bg {
background-color: lime !important;
}
.ansi-bright-yellow-fg {
color: #ff5 !important;
}
.ansi-bright-yellow-bg {
background-color: #ff5 !important;
}
.ansi-bright-blue-fg {
color: #55f !important;
}
.ansi-bright-blue-bg {
background-color: #55f !important;
}
.ansi-bright-magenta-fg {
color: #f5f !important;
}
.ansi-bright-magenta-bg {
background-color: #f5f !important;
}
.ansi-bright-cyan-fg {
color: #5ff !important;
}
.ansi-bright-cyan-bg {
background-color: #5ff !important;
}
.ansi-bright-white-fg {
color: white !important;
}
.ansi-bright-white-bg {
background-color: white !important;
}
a.ansi-decoration-link {
color: inherit;
text-decoration: underline;
}
.ansi-decoration-bold {
font-weight: bold !important;
}
.ansi-decoration-dim {
opacity: 0.5 !important;
}
.ansi-decoration-italic {
font-style: italic !important;
}
.ansi-decoration-underline {
text-decoration: underline !important;
}
.ansi-decoration-blink {
animation: blinker 1s linear infinite;
}
.ansi-decoration-hidden {
opacity: 0 !important;
}
.ansi-decoration-strikethrough {
text-decoration: line-through !important;
}
@keyframes SimpleLogViewer--blinker--FhEv1 {
50% {
opacity: 0;
}
}
/*
* Copyright (c) Harness Inc.
*
* This source code is licensed under the Apache 2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--barWidth: 50px;
}
.MultiStepProgressIndicator--dotOutLine--Ycjsc {
outline: 1px solid var(--grey-200);
}
.MultiStepProgressIndicator--dot--X2CVd {
width: 20px;
height: 20px;
border-radius: 10px;
border: 3px solid var(--white);
background: var(--grey-300);
box-sizing: border-box;
}
.MultiStepProgressIndicator--dotSuccess--vl-sP {
background: var(--primary-6);
border: 3px solid var(--primary-4);
outline: 0.1px solid var(--primary-4);
}
.MultiStepProgressIndicator--halfBar--N-N4u {
width: var(--barWidth);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.MultiStepProgressIndicator--fullBar--RATSk {
width: calc(2 * (var(--barWidth)));
}
.MultiStepProgressIndicator--statusBar--QN0\+F {
height: 5px;
width: calc(2 * (var(--barWidth)));
position: relative;
}
.MultiStepProgressIndicator--bar--KWMb3 {
height: 5px;
position: absolute;
background: var(--grey-200);
}
.MultiStepProgressIndicator--barSuccess--86vsO {
height: 5px;
background: linear-gradient(var(--teal-300), var(--primary-6));
}
.MultiStepProgressIndicator--spacing--CR4E8 {
padding: 2px !important;
}
.MultiStepProgressIndicator--dotNameSuccess--7HJyh {
margin-top: -26px;
position: absolute;
}
.MultiStepProgressIndicator--dotNameFailed--aBqJt {
color: var(--grey-500);
margin-top: -26px;
position: absolute;
}
.MultiStepProgressIndicator--textmaxlength--NjJ2y {
max-width: 100px;
}
/*
* Copyright 2024 Harness Inc. All rights reserved.
* Use of this source code is governed by the PolyForm Shield 1.0.0 license
* that can be found in the licenses directory at the root of this repository, also available at
* https://polyformproject.org/wp-content/uploads/2020/06/PolyForm-Shield-1.0.0.txt.
*/
/* CSS picked from MultiSelectDropDown.css */
.FiltersMultiSelectDropDown--main--FYLyn.FiltersMultiSelectDropDown--disabled--aMiBv .FiltersMultiSelectDropDown--dropdownButton--wFeqq.FiltersMultiSelectDropDown--withBorder--aFQwB {
background-color: var(--grey-200);
}
.FiltersMultiSelectDropDown--main--FYLyn.FiltersMultiSelectDropDown--disabled--aMiBv .FiltersMultiSelectDropDown--counter--gkwR\+ {
background-color: var(--grey-200) !important;
}
.FiltersMultiSelectDropDown--main--FYLyn .FiltersMultiSelectDropDown--dropdownButton--wFeqq {
border-radius: var(--spacing-2);
padding: 0px var(--spacing-3);
height: var(--spacing-8);
transition: all 200ms ease-out;
transition-property: border-color, background-color;
}
.FiltersMultiSelectDropDown--main--FYLyn .FiltersMultiSelectDropDown--dropdownButton--wFeqq:hover {
background-color: var(--grey-100);
transition: background-color 0.2s ease;
}
.FiltersMultiSelectDropDown--main--FYLyn .FiltersMultiSelectDropDown--dropdownButton--wFeqq.FiltersMultiSelectDropDown--minWidth--UVae\+ {
column-gap: var(--spacing-small);
}
.FiltersMultiSelectDropDown--main--FYLyn .FiltersMultiSelectDropDown--dropdownButton--wFeqq.FiltersMultiSelectDropDown--withBorder--aFQwB {
border: 1px solid var(--grey-200);
}
.FiltersMultiSelectDropDown--main--FYLyn .FiltersMultiSelectDropDown--dropdownButton--wFeqq.FiltersMultiSelectDropDown--withBorder--aFQwB.FiltersMultiSelectDropDown--selected--LdlcL {
border-color: var(--grey-200);
}
.FiltersMultiSelectDropDown--main--FYLyn .FiltersMultiSelectDropDown--dropdownButton--wFeqq.FiltersMultiSelectDropDown--withBorder--aFQwB .FiltersMultiSelectDropDown--labelWrapper--KcmYk .FiltersMultiSelectDropDown--label--qqSmy {
font-size: var(--font-size-small);
font-weight: 500;
color: var(--grey-800);
outline: none;
}
.FiltersMultiSelectDropDown--main--FYLyn .FiltersMultiSelectDropDown--dropdownButton--wFeqq .FiltersMultiSelectDropDown--labelWrapper--KcmYk {
flex-shrink: 1;
column-gap: var(--spacing-2);
cursor: pointer;
}
.FiltersMultiSelectDropDown--main--FYLyn .FiltersMultiSelectDropDown--dropdownButton--wFeqq .FiltersMultiSelectDropDown--labelWrapper--KcmYk .bp3-popover-wrapper {
display: inline-flex;
}
.FiltersMultiSelectDropDown--main--FYLyn .FiltersMultiSelectDropDown--dropdownButton--wFeqq .FiltersMultiSelectDropDown--labelWrapper--KcmYk .FiltersMultiSelectDropDown--label--qqSmy {
font-size: var(--font-size-normal);
font-weight: 400;
color: var(--grey-900);
}
.FiltersMultiSelectDropDown--main--FYLyn .FiltersMultiSelectDropDown--dropdownButton--wFeqq .FiltersMultiSelectDropDown--labelWrapper--KcmYk .FiltersMultiSelectDropDown--counter--gkwR\+ {
background-color: var(--grey-100);
padding: 0 var(--spacing-xsmall);
border-radius: var(--spacing-xsmall);
font-size: 13px;
max-width: 96px;
}
.FiltersMultiSelectDropDown--main--FYLyn .FiltersMultiSelectDropDown--dropdownButton--wFeqq:not(.FiltersMultiSelectDropDown--withBorder--aFQwB):hover {
background-color: var(--grey-100);
border-color: var(--grey-100);
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.FiltersMultiSelectDropDown--main--FYLyn .FiltersMultiSelectDropDown--dropdownButton--wFeqq .bp3-button {
padding: 0px !important;
height: 14px !important;
min-height: 14px;
min-width: 14px;
outline: none;
}
.FiltersMultiSelectDropDown--main--FYLyn .FiltersMultiSelectDropDown--dropdownButton--wFeqq button {
box-shadow: none !important;
outline: none;
padding: 5px 12px !important;
}
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover {
max-width: 350px;
box-shadow: 0px 0px 1px rgb(40 41 61 / 4%), 0px 2px 4px rgb(96 97 112 / 16%);
border: 0.5px solid rgba(0, 0, 0, 0.1);
border-radius: var(--spacing-2);
transform: translateY(var(--spacing-1)) !important;
}
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover .bp3-input-group {
margin: var(--spacing-small);
margin-bottom: var(--spacing-xsmall);
}
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover .bp3-input-group .bp3-input {
border-radius: var(--spacing-2);
font-size: 13px;
padding-left: var(--spacing-xxlarge) !important;
height: var(--spacing-8);
color: var(--grey-900);
box-shadow: none !important;
background: var(--grey-100);
}
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover .bp3-input-group .bp3-input ::-moz-placeholder,
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover .bp3-input-group .bp3-input ::-webkit-input-placeholder,
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover .bp3-input-group .bp3-input :-ms-input-placeholder,
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover .bp3-input-group .bp3-input :-moz-placeholder,
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover .bp3-input-group .bp3-input ::placeholder {
color: var(--grey-300);
}
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover .bp3-input-group .bp3-input-left-container {
top: 50%;
transform: translateY(-50%);
left: 3px;
}
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover .bp3-input-group .bp3-input-action {
opacity: 0.5;
transform: scale(0.8);
top: 1px;
}
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover .bp3-input-group .bp3-input-action button {
outline: none;
}
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover .bp3-menu {
max-height: 350px;
width: 100%;
overflow: auto;
border-radius: var(--spacing-2);
padding: var(--spacing-1) 0px;
box-sizing: border-box;
min-width: 200px;
}
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover .bp3-menu .FiltersMultiSelectDropDown--menuItem--6WY2D {
height: var(--spacing-8);
padding: 0 var(--spacing-4) !important;
display: flex;
align-items: center;
cursor: pointer;
color: var(--black);
font-weight: 400;
font-size: 12px;
transition: background-color 0.2s ease;
}
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover .bp3-menu .FiltersMultiSelectDropDown--menuItem--6WY2D:not(.FiltersMultiSelectDropDown--noResults--WQcof):hover {
background: var(--grey-100);
}
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover .bp3-menu .FiltersMultiSelectDropDown--menuItem--6WY2D.FiltersMultiSelectDropDown--noResults--WQcof {
color: var(--grey-400);
cursor: default;
}
.FiltersMultiSelectDropDown--popover--Zw9Lf.bp3-popover .bp3-menu .FiltersMultiSelectDropDown--menuItem--6WY2D .bp3-control-indicator {
outline: none;
flex-shrink: 0;
}
.FiltersMultiSelectDropDown--verticalDivider--Mq4EY {
width: 1px;
height: 13px;
background-color: var(--grey-300);
}
.FiltersMultiSelectDropDown--crossIcon--uEKAq {
margin-left: 5px !important;
cursor: pointer;
}
.FiltersMultiSelectDropDown--clearSelection--pRpWI {
padding: 0 var(--spacing-4) !important;
height: var(--spacing-8);
padding: 0 var(--spacing-4) !important;
display: flex;
align-items: center;
cursor: pointer;
}
.FiltersMultiSelectDropDown--selectedItemsPopover--7Ja-6 {
max-width: 250px;
}
/*
* Copyright 2024 Harness Inc. All rights reserved.
* Use of this source code is governed by the PolyForm Shield 1.0.0 license
* that can be found in the licenses directory at the root of this repository, also available at
* https://polyformproject.org/wp-content/uploads/2020/06/PolyForm-Shield-1.0.0.txt.
*/
/* CSS picked from MultiSelectDropDown.css */
.FiltersSelectDropDown--main--yAbhV .FiltersSelectDropDown--dropdownButton--FwdTg {
border-radius: var(--spacing-2);
padding: 0px var(--spacing-3);
height: var(--spacing-8);
transition: all 200ms ease-out;
transition-property: border-color, background-color;
}
.FiltersSelectDropDown--main--yAbhV .FiltersSelectDropDown--dropdownButton--FwdTg:hover:not(.FiltersSelectDropDown--disabled--Jo\+rp) {
background-color: var(--grey-100);
transition: background-color 0.2s ease;
}
.FiltersSelectDropDown--main--yAbhV .FiltersSelectDropDown--dropdownButton--FwdTg.FiltersSelectDropDown--minWidth--t7XiS {
column-gap: var(--spacing-small);
}
.FiltersSelectDropDown--main--yAbhV .FiltersSelectDropDown--dropdownButton--FwdTg.FiltersSelectDropDown--withBorder--o9E6t {
border: 1px solid var(--grey-200);
}
.FiltersSelectDropDown--main--yAbhV .FiltersSelectDropDown--dropdownButton--FwdTg.FiltersSelectDropDown--withBorder--o9E6t.FiltersSelectDropDown--selected--w-Y9c {
border-color: var(--grey-200);
}
.FiltersSelectDropDown--main--yAbhV .FiltersSelectDropDown--dropdownButton--FwdTg.FiltersSelectDropDown--withBorder--o9E6t .FiltersSelectDropDown--labelWrapper--tRMkv .FiltersSelectDropDown--label--XpEze {
font-size: var(--font-size-small);
font-weight: 500;
color: var(--grey-800);
outline: none;
}
.FiltersSelectDropDown--main--yAbhV .FiltersSelectDropDown--dropdownButton--FwdTg .FiltersSelectDropDown--labelWrapper--tRMkv {
flex-shrink: 1;
column-gap: var(--spacing-2);
cursor: pointer;
}
.FiltersSelectDropDown--main--yAbhV .FiltersSelectDropDown--dropdownButton--FwdTg .FiltersSelectDropDown--labelWrapper--tRMkv .bp3-popover-wrapper {
display: inline-flex;
}
.FiltersSelectDropDown--main--yAbhV .FiltersSelectDropDown--dropdownButton--FwdTg .FiltersSelectDropDown--labelWrapper--tRMkv .FiltersSelectDropDown--label--XpEze {
font-size: var(--font-size-normal);
font-weight: 400;
color: var(--grey-900);
}
.FiltersSelectDropDown--main--yAbhV .FiltersSelectDropDown--dropdownButton--FwdTg .FiltersSelectDropDown--labelWrapper--tRMkv .FiltersSelectDropDown--counter--dyOCt {
background-color: var(--grey-100);
padding: 0 var(--spacing-xsmall);
border-radius: var(--spacing-xsmall);
font-size: 13px;
max-width: 96px;
}
.FiltersSelectDropDown--main--yAbhV .FiltersSelectDropDown--dropdownButton--FwdTg.FiltersSelectDropDown--disabled--Jo\+rp .FiltersSelectDropDown--labelWrapper--tRMkv .FiltersSelectDropDown--counter--dyOCt {
background-color: var(--grey-200);
}
.FiltersSelectDropDown--popover--QnwMd.bp3-popover {
max-width: 350px;
box-shadow: 0px 0px 1px rgb(40 41 61 / 4%), 0px 2px 4px rgb(96 97 112 / 16%);
border: 0.5px solid rgba(0, 0, 0, 0.1);
border-radius: var(--spacing-2);
transform: translateY(var(--spacing-1)) !important;
}
.FiltersSelectDropDown--popover--QnwMd.bp3-popover .bp3-input-group {
margin: var(--spacing-small);
margin-bottom: var(--spacing-xsmall);
}
.FiltersSelectDropDown--popover--QnwMd.bp3-popover .bp3-input-group .bp3-input {
border-radius: var(--spacing-2);
font-size: 13px;
padding-left: var(--spacing-xxlarge) !important;
height: var(--spacing-8);
color: var(--grey-900);
box-shadow: none !important;
background: var(--grey-100);
}
.FiltersSelectDropDown--popover--QnwMd.bp3-popover .bp3-input-group .bp3-input ::-moz-placeholder,
.FiltersSelectDropDown--popover--QnwMd.bp3-popover .bp3-input-group .bp3-input ::-webkit-input-placeholder,
.FiltersSelectDropDown--popover--QnwMd.bp3-popover .bp3-input-group .bp3-input :-ms-input-placeholder,
.FiltersSelectDropDown--popover--QnwMd.bp3-popover .bp3-input-group .bp3-input :-moz-placeholder,
.FiltersSelectDropDown--popover--QnwMd.bp3-popover .bp3-input-group .bp3-input ::placeholder {
color: var(--grey-300);
}
.FiltersSelectDropDown--popover--QnwMd.bp3-popover .bp3-input-group .bp3-input-left-container {
top: 50%;
transform: translateY(-50%);
left: 3px;
}
.FiltersSelectDropDown--popover--QnwMd.bp3-popover .bp3-input-group .bp3-input-action {
opacity: 0.5;
transform: scale(0.8);
top: 1px;
}
.FiltersSelectDropDown--popover--QnwMd.bp3-popover .bp3-input-group .bp3-input-action button {
outline: none;
}
.FiltersSelectDropDown--popover--QnwMd.bp3-popover .bp3-menu {
max-height: 350px;
width: 100%;
overflow: auto;
border-radius: var(--spacing-2);
padding: var(--spacing-1) 0px;
box-sizing: border-box;
min-width: 200px;
}
.FiltersSelectDropDown--popover--QnwMd.bp3-popover .bp3-menu .FiltersSelectDropDown--menuItem--4HEHs {
height: var(--spacing-8);
padding: 0 var(--spacing-4) !important;
display: flex;
align-items: center;
cursor: pointer;
color: var(--black);
font-weight: 400;
font-size: 12px;
transition: background-color 0.2s ease, color 0.2s ease;
}
.FiltersSelectDropDown--popover--QnwMd.bp3-popover .bp3-menu .FiltersSelectDropDown--menuItem--4HEHs.FiltersSelectDropDown--active--q1vUd {
background: var(--primary-7);
color: var(--white) !important;
}
.FiltersSelectDropDown--popover--QnwMd.bp3-popover .bp3-menu .FiltersSelectDropDown--menuItem--4HEHs:hover:not(.FiltersSelectDropDown--active--q1vUd, .FiltersSelectDropDown--disabled--Jo\+rp, .FiltersSelectDropDown--noResultsFound--fa0Jp) {
background: var(--grey-100);
color: var(--black) !important;
}
.FiltersSelectDropDown--popover--QnwMd.bp3-popover .bp3-menu .FiltersSelectDropDown--menuItem--4HEHs.FiltersSelectDropDown--noResultsFound--fa0Jp {
cursor: default;
color: var(--grey-400);
}
.FiltersSelectDropDown--verticalDivider--A9wPE {
width: 1px;
height: 13px;
background-color: var(--grey-300);
}
.FiltersSelectDropDown--crossIcon--Wl0Od {
margin-left: 5px !important;
cursor: pointer;
}
.FiltersSelectDropDown--clearSelection--XZVZv {
padding: 0 var(--spacing-4) !important;
height: var(--spacing-8);
display: flex;
align-items: center;
cursor: pointer;
}
.FiltersSelectDropDown--disabled--Jo\+rp {
background-color: var(--grey-200) !important;
}
.FiltersSelectDropDown--sectionTitle--qcA5B {
border-top: none !important;
margin-top: 0px !important;
}
.FiltersSelectDropDown--sectionTitle--qcA5B h6 {
color: var(--grey-500) !important;
font-size: 11px;
font-weight: 400;
}
.FiltersSelectDropDown--horizontalPopover--WKjD3.bp3-popover {
max-width: 450px !important;
}
.FiltersSelectDropDown--horizontalMenuWrapper--Ls0tD {
display: grid !important;
grid-template-columns: 200px 200px !important;
gap: var(--spacing-2);
padding: var(--spacing-2);
}
.FiltersSelectDropDown--horizontalMenuWrapper--Ls0tD .FiltersSelectDropDown--firstColumn---ZrTT {
grid-column-start: 1;
}
.FiltersSelectDropDown--horizontalMenuWrapper--Ls0tD .FiltersSelectDropDown--secondColumn--Y2Eo4 {
grid-column-start: 2;
}
/*
* Copyright 2024 Harness Inc. All rights reserved.
* Use of this source code is governed by the PolyForm Shield 1.0.0 license
* that can be found in the licenses directory at the root of this repository, also available at
* https://polyformproject.org/wp-content/uploads/2020/06/PolyForm-Shield-1.0.0.txt.
*/
/* CSS picked from MultiSelectDropDown.css */
.FilterTextInput--main--QWEXh .FilterTextInput--dropdownButton--pQofp {
border-radius: var(--spacing-2);
padding: 0px var(--spacing-3);
height: var(--spacing-8);
transition: all 200ms ease-out;
transition-property: border-color, background-color;
}
.FilterTextInput--main--QWEXh .FilterTextInput--dropdownButton--pQofp:hover:not(.FilterTextInput--disabled--Qo1L9) {
background-color: var(--grey-100);
transition: background-color 0.2s ease;
}
.FilterTextInput--main--QWEXh .FilterTextInput--dropdownButton--pQofp.FilterTextInput--minWidth--wDpO4 {
column-gap: var(--spacing-small);
}
.FilterTextInput--main--QWEXh .FilterTextInput--dropdownButton--pQofp.FilterTextInput--withBorder--s1qeN {
border: 1px solid var(--grey-200);
}
.FilterTextInput--main--QWEXh .FilterTextInput--dropdownButton--pQofp.FilterTextInput--withBorder--s1qeN.FilterTextInput--selected--pc4ue {
border-color: var(--grey-200);
}
.FilterTextInput--main--QWEXh .FilterTextInput--dropdownButton--pQofp.FilterTextInput--withBorder--s1qeN .FilterTextInput--labelWrapper--4bhpW .FilterTextInput--label--e6j8z {
font-size: var(--font-size-small);
font-weight: 500;
color: var(--grey-800);
outline: none;
}
.FilterTextInput--main--QWEXh .FilterTextInput--dropdownButton--pQofp .FilterTextInput--labelWrapper--4bhpW {
column-gap: var(--spacing-2);
cursor: pointer;
}
.FilterTextInput--main--QWEXh .FilterTextInput--dropdownButton--pQofp .FilterTextInput--labelWrapper--4bhpW .FilterTextInput--label--e6j8z {
font-size: var(--font-size-normal);
font-weight: 400;
color: var(--grey-900);
}
.FilterTextInput--main--QWEXh .FilterTextInput--dropdownButton--pQofp .FilterTextInput--labelWrapper--4bhpW .FilterTextInput--counter--pcq2q {
background-color: var(--grey-100);
padding: 0 var(--spacing-xsmall);
border-radius: var(--spacing-xsmall);
font-size: 13px;
max-width: 96px;
}
.FilterTextInput--main--QWEXh .FilterTextInput--dropdownButton--pQofp.FilterTextInput--disabled--Qo1L9 .FilterTextInput--labelWrapper--4bhpW .FilterTextInput--counter--pcq2q {
background-color: var(--grey-200);
}
.FilterTextInput--popover--4KuQT.bp3-popover {
box-shadow: 0px 0px 1px rgb(40 41 61 / 4%), 0px 2px 4px rgb(96 97 112 / 16%);
border: 0.5px solid rgba(0, 0, 0, 0.1);
border-radius: var(--spacing-2);
transform: translateY(var(--spacing-1)) !important;
}
.FilterTextInput--verticalDivider--tzlTt {
width: 1px;
height: 13px;
background-color: var(--grey-300);
}
.FilterTextInput--crossIcon--kp2cn {
margin-left: 5px !important;
cursor: pointer;
}
.FilterTextInput--wrapper--NoL69 {
padding: var(--spacing-small);
}
.FilterTextInput--wrapper--NoL69 .FilterTextInput--input--tYcsi {
width: 286px;
}
.FilterTextInput--disabled--Qo1L9 {
background-color: var(--grey-200) !important;
}
.FilterTextInput--selectedItemsPopover--gDLvo {
max-width: 250px;
}
.FilterTextInput--itemsPopover--KKOQM {
display: flex;
}