@devtron-labs/devtron-fe-common-lib 1.2.4-beta-1 → 1.2.4-beta-2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{@code-editor-BKoUBsdS.js → @code-editor-BV1AeIWi.js} +1797 -1849
- package/dist/{@common-rjsf-Dwx_VhSR.js → @common-rjsf-C1PceqoJ.js} +1 -1
- package/dist/Common/CIPipeline.Types.d.ts +1 -26
- package/dist/Common/Constants.d.ts +1 -0
- package/dist/Common/CustomTagSelector/Types.d.ts +12 -0
- package/dist/Shared/Components/DynamicDataTable/DynamicDataTable.d.ts +1 -1
- package/dist/Shared/Components/DynamicDataTable/DynamicDataTableHeader.d.ts +1 -1
- package/dist/Shared/Components/DynamicDataTable/DynamicDataTableRow.d.ts +1 -1
- package/dist/Shared/Components/DynamicDataTable/types.d.ts +17 -18
- package/dist/Shared/Components/DynamicDataTable/utils.d.ts +3 -3
- package/dist/Shared/Components/index.d.ts +0 -1
- package/dist/assets/@code-editor.css +1 -1
- package/dist/index.js +309 -310
- package/package.json +1 -1
- package/dist/Shared/Components/FileUpload/FileUpload.d.ts +0 -2
- package/dist/Shared/Components/FileUpload/index.d.ts +0 -2
- package/dist/Shared/Components/FileUpload/types.d.ts +0 -8
- package/dist/assets/ic-cloud-upload.18066e05.svg +0 -1
@@ -2,7 +2,7 @@ import { j as n, J as A } from "./@vendor-RU8AW1bK.js";
|
|
2
2
|
import E, { forwardRef as $ } from "react";
|
3
3
|
import L, { getDefaultRegistry as k } from "@rjsf/core";
|
4
4
|
import D from "@rjsf/validator-ajv8";
|
5
|
-
import { T as y, c as H, a as J, d as w } from "./@code-editor-
|
5
|
+
import { T as y, c as H, a as J, d as w } from "./@code-editor-BV1AeIWi.js";
|
6
6
|
import M, { components as O } from "react-select";
|
7
7
|
import { getUiOptions as B, getTemplate as I, getSubmitButtonOptions as U, ADDITIONAL_PROPERTY_FLAG as P, errorId as W, englishStringTranslator as V, TranslatableString as q, titleId as K, canExpand as Y, deepEquals as z } from "@rjsf/utils";
|
8
8
|
import { ReactComponent as G } from "./assets/ic-chevron-down.fc70d7a7.svg";
|
@@ -70,30 +70,11 @@ export declare enum RefVariableStageType {
|
|
70
70
|
PRE_CI = "PRE_CI",
|
71
71
|
POST_CI = "POST_CI"
|
72
72
|
}
|
73
|
-
export interface FileProperty {
|
74
|
-
allowedExtensions: string[];
|
75
|
-
maxUploadSize: number;
|
76
|
-
}
|
77
|
-
export interface Constraint {
|
78
|
-
fileProperty: FileProperty;
|
79
|
-
}
|
80
|
-
export interface ValueConstraint {
|
81
|
-
choices: string[];
|
82
|
-
blockCustomValue: boolean;
|
83
|
-
constraint: Constraint;
|
84
|
-
}
|
85
|
-
export declare enum VariableTypeFormat {
|
86
|
-
STRING = "STRING",
|
87
|
-
NUMBER = "NUMBER",
|
88
|
-
BOOL = "BOOL",
|
89
|
-
DATE = "DATE",
|
90
|
-
FILE = "FILE"
|
91
|
-
}
|
92
73
|
export interface VariableType {
|
93
74
|
id: number;
|
94
75
|
name: string;
|
95
76
|
value: string;
|
96
|
-
format:
|
77
|
+
format: string;
|
97
78
|
description: string;
|
98
79
|
defaultValue: string;
|
99
80
|
allowEmptyValue: boolean;
|
@@ -102,12 +83,6 @@ export interface VariableType {
|
|
102
83
|
refVariableName: string;
|
103
84
|
refVariableStage?: RefVariableStageType;
|
104
85
|
variableStepIndexInPlugin?: number;
|
105
|
-
fileMountDir: string;
|
106
|
-
fileReferenceId: number;
|
107
|
-
valueConstraintId: number;
|
108
|
-
valueConstraint: ValueConstraint;
|
109
|
-
isRuntimeArg: boolean;
|
110
|
-
refVariableUsed: boolean;
|
111
86
|
}
|
112
87
|
interface CommandArgsMap {
|
113
88
|
command: string;
|
@@ -5,6 +5,16 @@ export interface SuggestedTagOptionType extends OptionType {
|
|
5
5
|
description: string;
|
6
6
|
propagate: boolean;
|
7
7
|
}
|
8
|
+
export declare enum DeploymentPolicy {
|
9
|
+
ALLOW = "allow",
|
10
|
+
BLOCK = "block",
|
11
|
+
BLOCK_PROD = "block-prod",
|
12
|
+
BLOCK_NON_PROD = "block-non-prod"
|
13
|
+
}
|
14
|
+
export interface VariableValueConstraintTypes {
|
15
|
+
choices?: string[];
|
16
|
+
blockCustomValue?: boolean;
|
17
|
+
}
|
8
18
|
export interface TagType {
|
9
19
|
id?: number;
|
10
20
|
key: string;
|
@@ -16,6 +26,8 @@ export interface TagType {
|
|
16
26
|
isInvalidValue?: boolean;
|
17
27
|
isSuggested?: boolean;
|
18
28
|
isPropagateDisabled?: boolean;
|
29
|
+
deploymentPolicy?: DeploymentPolicy;
|
30
|
+
valueConstraint?: VariableValueConstraintTypes;
|
19
31
|
}
|
20
32
|
export interface TagErrorType {
|
21
33
|
isValid: boolean;
|
@@ -1,2 +1,2 @@
|
|
1
1
|
import { DynamicDataTableProps } from './types';
|
2
|
-
export declare const DynamicDataTable: <K extends string
|
2
|
+
export declare const DynamicDataTable: <K extends string>({ headers, ...props }: DynamicDataTableProps<K>) => JSX.Element;
|
@@ -1,2 +1,2 @@
|
|
1
1
|
import { DynamicDataTableHeaderProps } from './types';
|
2
|
-
export declare const DynamicDataTableHeader: <K extends string
|
2
|
+
export declare const DynamicDataTableHeader: <K extends string>({ headers, rows, sortingConfig, onRowAdd, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, headerComponent, actionButtonConfig, }: DynamicDataTableHeaderProps<K>) => JSX.Element;
|
@@ -1,2 +1,2 @@
|
|
1
1
|
import { DynamicDataTableRowProps } from './types';
|
2
|
-
export declare const DynamicDataTableRow: <K extends string
|
2
|
+
export declare const DynamicDataTableRow: <K extends string>({ rows, headers, maskValue, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, validationSchema, showError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, }: DynamicDataTableRowProps<K>) => JSX.Element;
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
|
2
2
|
import { SortingOrder } from '../../../Common/Constants';
|
3
3
|
import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
|
4
|
+
import { InfoIconTippyProps } from '../../../Common/Types';
|
4
5
|
import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
|
5
6
|
import { SelectTextAreaProps } from '../SelectTextArea';
|
6
|
-
import { FileUploadProps } from '../FileUpload';
|
7
7
|
/**
|
8
8
|
* Interface representing header for a dynamic data table.
|
9
9
|
* @template K - A string representing the key type.
|
@@ -19,13 +19,14 @@ export type DynamicDataTableHeaderType<K extends string> = {
|
|
19
19
|
isSortable?: boolean;
|
20
20
|
/** An optional boolean to control the visibility of the column. */
|
21
21
|
isHidden?: boolean;
|
22
|
+
/** An optional boolean to show the column */
|
23
|
+
renderHelpTextForHeader?: () => ReactNode;
|
22
24
|
};
|
23
25
|
export declare enum DynamicDataTableRowDataType {
|
24
26
|
TEXT = "text",
|
25
27
|
DROPDOWN = "dropdown",
|
26
28
|
SELECT_TEXT = "select-text",
|
27
|
-
BUTTON = "button"
|
28
|
-
FILE_UPLOAD = "file-upload"
|
29
|
+
BUTTON = "button"
|
29
30
|
}
|
30
31
|
export type DynamicDataTableCellPropsMap = {
|
31
32
|
[DynamicDataTableRowDataType.TEXT]: Omit<ResizableTagTextAreaProps, 'className' | 'minHeight' | 'maxHeight' | 'value' | 'onChange' | 'disabled' | 'disableOnBlurResizeToMinHeight' | 'refVar' | 'dependentRef'>;
|
@@ -37,7 +38,6 @@ export type DynamicDataTableCellPropsMap = {
|
|
37
38
|
icon?: ReactNode;
|
38
39
|
text: string;
|
39
40
|
};
|
40
|
-
[DynamicDataTableRowDataType.FILE_UPLOAD]: Omit<FileUploadProps, 'className' | 'fileName' | 'onUpload' | 'multiple'>;
|
41
41
|
};
|
42
42
|
type DynamicDataTableCellData<T extends keyof DynamicDataTableCellPropsMap = keyof DynamicDataTableCellPropsMap> = T extends keyof DynamicDataTableCellPropsMap ? {
|
43
43
|
type: T;
|
@@ -63,14 +63,14 @@ export type DynamicDataTableRowType<K extends string, CustomStateType = Record<s
|
|
63
63
|
type DynamicDataTableMask<K extends string> = {
|
64
64
|
[key in K]?: boolean;
|
65
65
|
};
|
66
|
-
type DynamicDataTableCellIcon<K extends string
|
67
|
-
[key in K]?: (row: DynamicDataTableRowType<K
|
66
|
+
type DynamicDataTableCellIcon<K extends string> = {
|
67
|
+
[key in K]?: (row: DynamicDataTableRowType<K>) => ReactNode;
|
68
68
|
};
|
69
69
|
/**
|
70
70
|
* Interface representing the properties for the dynamic data table component.
|
71
71
|
* @template K - A string representing the key type.
|
72
72
|
*/
|
73
|
-
export type DynamicDataTableProps<K extends string
|
73
|
+
export type DynamicDataTableProps<K extends string> = {
|
74
74
|
/**
|
75
75
|
* An array containing the headers for the data table. \
|
76
76
|
* Each header defines a column with its label, key, width, and optional settings.
|
@@ -79,7 +79,7 @@ export type DynamicDataTableProps<K extends string, CustomStateType = Record<str
|
|
79
79
|
/**
|
80
80
|
* An array of rows where each row contains data corresponding to the table headers.
|
81
81
|
*/
|
82
|
-
rows: DynamicDataTableRowType<K
|
82
|
+
rows: DynamicDataTableRowType<K>[];
|
83
83
|
/** Optional configuration for sorting the table. */
|
84
84
|
sortingConfig?: {
|
85
85
|
sortBy: K;
|
@@ -89,11 +89,11 @@ export type DynamicDataTableProps<K extends string, CustomStateType = Record<str
|
|
89
89
|
/** An optional mask to hide the values of the cell. */
|
90
90
|
maskValue?: DynamicDataTableMask<K>;
|
91
91
|
/** Optional configuration for displaying an icon in the leading position of a cell. */
|
92
|
-
leadingCellIcon?: DynamicDataTableCellIcon<K
|
92
|
+
leadingCellIcon?: DynamicDataTableCellIcon<K>;
|
93
93
|
/** Optional configuration for displaying an icon in the trailing position of a cell. */
|
94
|
-
trailingCellIcon?: DynamicDataTableCellIcon<K
|
94
|
+
trailingCellIcon?: DynamicDataTableCellIcon<K>;
|
95
95
|
/** An optional function to render a custom wrapper component for the type `DynamicDataTableRowDataType.BUTTON`. */
|
96
|
-
buttonCellWrapComponent?: (row: DynamicDataTableRowType<K
|
96
|
+
buttonCellWrapComponent?: (row: DynamicDataTableRowType<K>) => ReactElement;
|
97
97
|
/** An optional React node for a custom header component. */
|
98
98
|
headerComponent?: ReactNode;
|
99
99
|
/** When true, data addition field will not be shown. */
|
@@ -111,15 +111,14 @@ export type DynamicDataTableProps<K extends string, CustomStateType = Record<str
|
|
111
111
|
* @param value - The value of the cell.
|
112
112
|
* @param extraData - Additional data, such as a selected value for dropdowns.
|
113
113
|
*/
|
114
|
-
onRowEdit: (row: DynamicDataTableRowType<K
|
115
|
-
files?: File[];
|
114
|
+
onRowEdit: (row: DynamicDataTableRowType<K>, headerKey: K, value: string, extraData: {
|
116
115
|
selectedValue?: SelectPickerOptionType<string>;
|
117
116
|
}) => void;
|
118
117
|
/**
|
119
118
|
* Function to handle row deletions.
|
120
119
|
* @param row - The row that was deleted.
|
121
120
|
*/
|
122
|
-
onRowDelete: (row: DynamicDataTableRowType<K
|
121
|
+
onRowDelete: (row: DynamicDataTableRowType<K>) => void;
|
123
122
|
/** Optional configuration for rendering a custom action button in a row. */
|
124
123
|
actionButtonConfig?: {
|
125
124
|
/**
|
@@ -127,7 +126,7 @@ export type DynamicDataTableProps<K extends string, CustomStateType = Record<str
|
|
127
126
|
* @param row - The current row being rendered.
|
128
127
|
* @returns A React node representing the action button.
|
129
128
|
*/
|
130
|
-
renderer: (row: DynamicDataTableRowType<K
|
129
|
+
renderer: (row: DynamicDataTableRowType<K>) => ReactNode;
|
131
130
|
/**
|
132
131
|
* This represents under which header key the action button will be rendered.
|
133
132
|
*/
|
@@ -154,13 +153,13 @@ export type DynamicDataTableProps<K extends string, CustomStateType = Record<str
|
|
154
153
|
* @param row - The row containing the cell.
|
155
154
|
* @returns An object with a boolean indicating validity and an array of error messages.
|
156
155
|
*/
|
157
|
-
validationSchema?: (value: string, key: K, row: DynamicDataTableRowType<K
|
156
|
+
validationSchema?: (value: string, key: K, row: DynamicDataTableRowType<K>) => {
|
158
157
|
isValid: boolean;
|
159
158
|
errorMessages: string[];
|
160
159
|
};
|
161
160
|
};
|
162
|
-
export interface DynamicDataTableHeaderProps<K extends string
|
161
|
+
export interface DynamicDataTableHeaderProps<K extends string> extends Pick<DynamicDataTableProps<K>, 'headers' | 'rows' | 'headerComponent' | 'sortingConfig' | 'onRowAdd' | 'readOnly' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'actionButtonConfig'>, Pick<InfoIconTippyProps, 'heading' | 'additionalContent'> {
|
163
162
|
}
|
164
|
-
export interface DynamicDataTableRowProps<K extends string
|
163
|
+
export interface DynamicDataTableRowProps<K extends string> extends Pick<DynamicDataTableProps<K>, 'rows' | 'headers' | 'maskValue' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'showError' | 'validationSchema' | 'leadingCellIcon' | 'trailingCellIcon' | 'buttonCellWrapComponent'> {
|
165
164
|
}
|
166
165
|
export {};
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { DynamicDataTableHeaderType, DynamicDataTableProps, DynamicDataTableRowDataType } from './types';
|
2
|
-
export declare const getActionButtonPosition: <K extends string
|
3
|
-
export declare const getHeaderGridTemplateColumn: <K extends string
|
4
|
-
export declare const getRowGridTemplateColumn: <K extends string
|
2
|
+
export declare const getActionButtonPosition: <K extends string>({ headers, actionButtonConfig, }: Pick<DynamicDataTableProps<K>, "headers" | "actionButtonConfig">) => number;
|
3
|
+
export declare const getHeaderGridTemplateColumn: <K extends string>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K>["actionButtonConfig"], noDeleteBtn: boolean) => string;
|
4
|
+
export declare const getRowGridTemplateColumn: <K extends string>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K>["actionButtonConfig"], noDeleteBtn: boolean) => string;
|
5
5
|
export declare const rowTypeHasInputField: (type: DynamicDataTableRowDataType) => boolean;
|
@@ -1 +1 @@
|
|
1
|
-
.tippy-box.shortcut-keys__tippy{border-radius:4px;border:1px solid rgba(255,255,255,.2);background:var(--N900)}.tippy-box.shortcut-keys__tippy>.tippy-content{padding:0}.tippy-box.shortcut-keys__tippy .shortcut-keys__chip{border-radius:4px;border:.5px solid rgba(255,255,255,.2);background:var(--N800);box-shadow:0 2px #0003;padding:0 2px;min-width:16px;max-width:250px}.button{background:none;color:inherit;border:none;outline:inherit;text-decoration:none}.button__primary--default{background:var(--B500);color:var(--N0);border:1px solid transparent}.button__primary--default.button__link{color:var(--N0)}.button__primary--default svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--default svg *[fill^="#"]{fill:var(--N0)}.button__primary--default .loader{visibility:visible;position:absolute}.button__primary--default .loader svg,.button__primary--default .loader svg *{fill:var(--N0);stroke:none}.button__primary--default:hover:not([disabled]){background:var(--B600)}.button__primary--default:active:not([disabled]){background:var(--B700)}.button__primary--negative{background:var(--R500);color:var(--N0);border:1px solid transparent}.button__primary--negative.button__link{color:var(--N0)}.button__primary--negative svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative svg *[fill^="#"]{fill:var(--N0)}.button__primary--negative .loader{visibility:visible;position:absolute}.button__primary--negative .loader svg,.button__primary--negative .loader svg *{fill:var(--N0);stroke:none}.button__primary--negative:hover:not([disabled]){background:var(--R600)}.button__primary--negative:active:not([disabled]){background:var(--R700)}.button__primary--negative-grey{background:var(--N600);color:var(--N0);border:1px solid transparent}.button__primary--negative-grey.button__link{color:var(--N0)}.button__primary--negative-grey svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative-grey svg *[fill^="#"]{fill:var(--N0)}.button__primary--negative-grey .loader{visibility:visible;position:absolute}.button__primary--negative-grey .loader svg,.button__primary--negative-grey .loader svg *{fill:var(--N0);stroke:none}.button__primary--negative-grey:hover:not([disabled]){background:var(--R600);color:var(--N0)}.button__primary--negative-grey:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative-grey:hover:not([disabled]) svg *[fill^="#"]{fill:var(--N0)}.button__primary--negative-grey:active:not([disabled]){background:var(--R700);color:var(--N0)}.button__primary--negative-grey:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative-grey:active:not([disabled]) svg *[fill^="#"]{fill:var(--N0)}.button__primary--positive{background:var(--G500);color:var(--N0);border:1px solid transparent}.button__primary--positive.button__link{color:var(--N0)}.button__primary--positive svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--positive svg *[fill^="#"]{fill:var(--N0)}.button__primary--positive .loader{visibility:visible;position:absolute}.button__primary--positive .loader svg,.button__primary--positive .loader svg *{fill:var(--N0);stroke:none}.button__primary--positive:hover:not([disabled]){background:var(--G600)}.button__primary--positive:active:not([disabled]){background:var(--G700)}.button__primary--warning{background:var(--Y500);color:var(--N900);border:1px solid transparent}.button__primary--warning.button__link{color:var(--N900)}.button__primary--warning svg *[stroke^="#"]{stroke:var(--N900)}.button__primary--warning svg *[fill^="#"]{fill:var(--N900)}.button__primary--warning .loader{visibility:visible;position:absolute}.button__primary--warning .loader svg,.button__primary--warning .loader svg *{fill:var(--N900);stroke:none}.button__primary--warning:hover:not([disabled]){background:var(--Y600)}.button__primary--warning:active:not([disabled]){background:var(--Y700)}.button__primary--neutral{background:var(--N600);color:var(--N0);border:1px solid transparent}.button__primary--neutral.button__link{color:var(--N0)}.button__primary--neutral svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--neutral svg *[fill^="#"]{fill:var(--N0)}.button__primary--neutral .loader{visibility:visible;position:absolute}.button__primary--neutral .loader svg,.button__primary--neutral .loader svg *{fill:var(--N0);stroke:none}.button__primary--neutral:hover:not([disabled]){background:var(--N700)}.button__primary--neutral:active:not([disabled]){background:var(--N800)}.button__secondary--default{background:var(--N0);color:var(--B500);border:1px solid var(--N200)}.button__secondary--default.button__link{color:var(--B500)}.button__secondary--default svg *[stroke^="#"]{stroke:var(--B500)}.button__secondary--default svg *[fill^="#"]{fill:var(--B500)}.button__secondary--default .loader{visibility:visible;position:absolute}.button__secondary--default .loader svg,.button__secondary--default .loader svg *{fill:var(--B500);stroke:none}.button__secondary--default:hover:not([disabled]){background:var(--B100);border-color:var(--B500)}.button__secondary--default:active:not([disabled]){background:var(--B200)}.button__secondary--negative{background:var(--N0);color:var(--R600);border:1px solid var(--N200)}.button__secondary--negative.button__link{color:var(--R600)}.button__secondary--negative svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative .loader{visibility:visible;position:absolute}.button__secondary--negative .loader svg,.button__secondary--negative .loader svg *{fill:var(--R600);stroke:none}.button__secondary--negative:hover:not([disabled]){background:var(--R100);border-color:var(--R600);color:var(--R600)}.button__secondary--negative:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative:hover:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative:active:not([disabled]){background:var(--R200);color:var(--R600)}.button__secondary--negative:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative:active:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative-grey{background:var(--N0);color:var(--N700);border:1px solid var(--N200)}.button__secondary--negative-grey.button__link{color:var(--N700)}.button__secondary--negative-grey svg *[stroke^="#"]{stroke:var(--N700)}.button__secondary--negative-grey svg *[fill^="#"]{fill:var(--N700)}.button__secondary--negative-grey .loader{visibility:visible;position:absolute}.button__secondary--negative-grey .loader svg,.button__secondary--negative-grey .loader svg *{fill:var(--N700);stroke:none}.button__secondary--negative-grey:hover:not([disabled]){background:var(--R100);border-color:var(--R600);color:var(--R600)}.button__secondary--negative-grey:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative-grey:hover:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative-grey:active:not([disabled]){background:var(--R200);color:var(--R600)}.button__secondary--negative-grey:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative-grey:active:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--positive{background:var(--N0);color:var(--G600);border:1px solid var(--N200)}.button__secondary--positive.button__link{color:var(--G600)}.button__secondary--positive svg *[stroke^="#"]{stroke:var(--G600)}.button__secondary--positive svg *[fill^="#"]{fill:var(--G600)}.button__secondary--positive .loader{visibility:visible;position:absolute}.button__secondary--positive .loader svg,.button__secondary--positive .loader svg *{fill:var(--G600);stroke:none}.button__secondary--positive:hover:not([disabled]){background:var(--G100);border-color:var(--G600)}.button__secondary--positive:active:not([disabled]){background:var(--G200)}.button__secondary--warning{background:var(--N0);color:var(--Y700);border:1px solid var(--N200)}.button__secondary--warning.button__link{color:var(--Y700)}.button__secondary--warning svg *[stroke^="#"]{stroke:var(--Y700)}.button__secondary--warning svg *[fill^="#"]{fill:var(--Y700)}.button__secondary--warning .loader{visibility:visible;position:absolute}.button__secondary--warning .loader svg,.button__secondary--warning .loader svg *{fill:var(--Y700);stroke:none}.button__secondary--warning:hover:not([disabled]){background:var(--Y100);border-color:var(--Y700)}.button__secondary--warning:active:not([disabled]){background:var(--Y200)}.button__secondary--neutral{background:var(--N0);color:var(--N700);border:1px solid var(--N200)}.button__secondary--neutral.button__link{color:var(--N700)}.button__secondary--neutral svg *[stroke^="#"]{stroke:var(--N700)}.button__secondary--neutral svg *[fill^="#"]{fill:var(--N700)}.button__secondary--neutral .loader{visibility:visible;position:absolute}.button__secondary--neutral .loader svg,.button__secondary--neutral .loader svg *{fill:var(--N700);stroke:none}.button__secondary--neutral:hover:not([disabled]){background:var(--N100);border-color:var(--N700)}.button__secondary--neutral:active:not([disabled]){background:var(--N200)}.button__border-less--default,.button__text--default{background:transparent;color:var(--B500);border:1px solid transparent}.button__border-less--default.button__link,.button__text--default.button__link{color:var(--B500)}.button__border-less--default svg *[stroke^="#"],.button__text--default svg *[stroke^="#"]{stroke:var(--B500)}.button__border-less--default svg *[fill^="#"],.button__text--default svg *[fill^="#"]{fill:var(--B500)}.button__border-less--default .loader,.button__text--default .loader{visibility:visible;position:absolute}.button__border-less--default .loader svg,.button__border-less--default .loader svg *,.button__text--default .loader svg,.button__text--default .loader svg *{fill:var(--B500);stroke:none}.button__border-less--negative,.button__text--negative{background:transparent;color:var(--R600);border:1px solid transparent}.button__border-less--negative.button__link,.button__text--negative.button__link{color:var(--R600)}.button__border-less--negative svg *[stroke^="#"],.button__text--negative svg *[stroke^="#"]{stroke:var(--R600)}.button__border-less--negative svg *[fill^="#"],.button__text--negative svg *[fill^="#"]{fill:var(--R600)}.button__border-less--negative .loader,.button__text--negative .loader{visibility:visible;position:absolute}.button__border-less--negative .loader svg,.button__border-less--negative .loader svg *,.button__text--negative .loader svg,.button__text--negative .loader svg *{fill:var(--R600);stroke:none}.button__border-less--negative-grey,.button__text--negative-grey{background:transparent;color:var(--N700);border:1px solid transparent}.button__border-less--negative-grey.button__link,.button__text--negative-grey.button__link{color:var(--N700)}.button__border-less--negative-grey svg *[stroke^="#"],.button__text--negative-grey svg *[stroke^="#"]{stroke:var(--N700)}.button__border-less--negative-grey svg *[fill^="#"],.button__text--negative-grey svg *[fill^="#"]{fill:var(--N700)}.button__border-less--negative-grey .loader,.button__text--negative-grey .loader{visibility:visible;position:absolute}.button__border-less--negative-grey .loader svg,.button__border-less--negative-grey .loader svg *,.button__text--negative-grey .loader svg,.button__text--negative-grey .loader svg *{fill:var(--N700);stroke:none}.button__border-less--positive,.button__text--positive{background:transparent;color:var(--G600);border:1px solid transparent}.button__border-less--positive.button__link,.button__text--positive.button__link{color:var(--G600)}.button__border-less--positive svg *[stroke^="#"],.button__text--positive svg *[stroke^="#"]{stroke:var(--G600)}.button__border-less--positive svg *[fill^="#"],.button__text--positive svg *[fill^="#"]{fill:var(--G600)}.button__border-less--positive .loader,.button__text--positive .loader{visibility:visible;position:absolute}.button__border-less--positive .loader svg,.button__border-less--positive .loader svg *,.button__text--positive .loader svg,.button__text--positive .loader svg *{fill:var(--G600);stroke:none}.button__border-less--warning,.button__text--warning{background:transparent;color:var(--Y700);border:1px solid transparent}.button__border-less--warning.button__link,.button__text--warning.button__link{color:var(--Y700)}.button__border-less--warning svg *[stroke^="#"],.button__text--warning svg *[stroke^="#"]{stroke:var(--Y700)}.button__border-less--warning svg *[fill^="#"],.button__text--warning svg *[fill^="#"]{fill:var(--Y700)}.button__border-less--warning .loader,.button__text--warning .loader{visibility:visible;position:absolute}.button__border-less--warning .loader svg,.button__border-less--warning .loader svg *,.button__text--warning .loader svg,.button__text--warning .loader svg *{fill:var(--Y700);stroke:none}.button__border-less--neutral,.button__text--neutral{background:transparent;color:var(--N700);border:1px solid transparent}.button__border-less--neutral.button__link,.button__text--neutral.button__link{color:var(--N700)}.button__border-less--neutral svg *[stroke^="#"],.button__text--neutral svg *[stroke^="#"]{stroke:var(--N700)}.button__border-less--neutral svg *[fill^="#"],.button__text--neutral svg *[fill^="#"]{fill:var(--N700)}.button__border-less--neutral .loader,.button__text--neutral .loader{visibility:visible;position:absolute}.button__border-less--neutral .loader svg,.button__border-less--neutral .loader svg *,.button__text--neutral .loader svg,.button__text--neutral .loader svg *{fill:var(--N700);stroke:none}.button__border-less--default:hover:not([disabled]){background:var(--B100)}.button__border-less--default:active:not([disabled]){background:var(--B200)}.button__border-less--negative:hover:not([disabled]){background:var(--R100)}.button__border-less--negative:active:not([disabled]){background:var(--R200)}.button__border-less--negative-grey:hover:not([disabled]){background:var(--R100);color:var(--R600)}.button__border-less--negative-grey:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__border-less--negative-grey:hover:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__border-less--negative-grey:active:not([disabled]){background:var(--R200);color:var(--R600)}.button__border-less--negative-grey:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__border-less--negative-grey:active:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__border-less--positive:hover:not([disabled]){background:var(--G100)}.button__border-less--positive:active:not([disabled]){background:var(--G200)}.button__border-less--warning:hover:not([disabled]){background:var(--Y100)}.button__border-less--warning:active:not([disabled]){background:var(--Y200)}.button__border-less--neutral:hover:not([disabled]){background:var(--N100)}.button__border-less--neutral:active:not([disabled]){background:var(--N200)}.button__text--default,.button__text--negative,.button__text--negative-grey,.button__text--positive,.button__text--warning,.button__text--neutral{padding:0!important;min-width:0!important;border:none}.button__text--default:hover,.button__text--negative:hover,.button__text--negative-grey:hover,.button__text--positive:hover,.button__text--warning:hover,.button__text--neutral:hover{text-decoration:underline!important}.button--loading{opacity:1!important}.button--loading>*{visibility:hidden}.button__link:hover{text-decoration:none}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Toastify__toast{gap:8px}.Toastify__toast-container{padding:0;width:280px}.Toastify__toast-container--top-right{top:8em}.Toastify__progress-bar{height:3px}.custom-toast{max-height:none;padding:12px;box-shadow:none;border-radius:4px;margin-bottom:16px;min-height:0;color:var(--N0);background:#1b1c1e;font-family:inherit}.custom-toast__body{margin:0;padding:0;gap:8px;align-items:flex-start;align-self:center}.custom-toast__body>.Toastify__toast-icon{margin:0;width:auto;align-self:flex-start}.custom-toast__content button.button,.custom-toast__content a.button{color:var(--N0);width:fit-content}.custom-toast__content button.button svg *[stroke^="#"],.custom-toast__content a.button svg *[stroke^="#"]{stroke:var(--N0)}.custom-toast__content button.button svg *[fill^="#"],.custom-toast__content a.button svg *[fill^="#"]{fill:var(--N0)}.custom-toast__content button.button:hover,.custom-toast__content button.button:active,.custom-toast__content a.button:hover,.custom-toast__content a.button:active{color:var(--N0)}.custom-toast__close-btn button svg path{fill:var(--N0)!important}.custom-toast__close-btn button:hover,.custom-toast__close-btn button:active{background:#fff3!important}.rounded-ends:first-child{border-radius:100% 0 0 100%}.rounded-ends:last-child{border-radius:0 100% 100% 0}.dot{border-radius:100%}.sortable-table-header__resize-btn>div{transition:all .1s ease-out}.sortable-table-header__resize-btn:hover>div,.sortable-table-header__resize-btn--dragging>div{height:100%!important;background-color:var(--B500)}button.selected-tab{border-bottom:2px solid var(--B500)}.info-card{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:8px;border:1px solid var(--N200, #D0D4D9);background:var(--N0, #FFF);box-shadow:0 0 8px #0000001a}.user-role-groups__table-row{grid-template-rows:36px}.user-role-groups__table-header,.user-role-groups__table-row{grid-template-columns:20px 200px minmax(300px,1fr);column-gap:16px}.user-role-groups__table-header--with-status,.user-role-groups__table-row--with-status{grid-template-columns:20px 200px minmax(300px,1fr) 185px}.user-role-groups__table-header--with-delete,.user-role-groups__table-row--with-delete{grid-template-columns:20px 200px minmax(300px,1fr) 24px}.user-role-groups__table-header--with-status-and-delete,.user-role-groups__table-row--with-status-and-delete{grid-template-columns:20px 200px minmax(300px,1fr) 185px 24px}.help-card__more-option{top:42px;right:56px}.help-card__more-option.k8s-client-view{right:20px;grid-template-rows:36px 1px 36px 1px 36px 1px 36px auto}.logout-card__more-option{top:42px;right:20px}.getting-started-card{background-color:var(--tippy-card-black-bg);position:fixed;z-index:6;right:20px;top:54px}.arrow-up{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid var(--tippy-card-black-bg);right:64px;position:fixed;top:42px}.getting_tippy__position{position:fixed}.create-modal-wrapper{position:fixed;right:24px;top:50px;overflow:hidden}.create-modal-wrapper .create-modal-child{padding:10px 15px;display:flex}.create-modal-wrapper .create-modal-child:first-child{border-bottom:1px solid var(--N100)}.create-modal-wrapper .create-modal-child:hover{background-color:var(--N100)}.create-modal-wrapper--try-devtron{right:84px!important}.button-with-selector{border-left:1px solid rgba(255,255,255,.2)}.button-with-selector:hover,.button-with-selector:active,.button-with-selector:focus{border:none;border-left:1px solid rgba(255,255,255,.2);background-color:var(--B600)}.feature-description .large{width:560px;height:250px}.image-chip-cell__container{grid-template-columns:18px 10px 1fr}.image-chip-cell__container--expanded{grid-template-columns:18px 1fr}.logs-renderer-container .logs-renderer__search-bar .search-bar{background:transparent;border-radius:0;border:none!important}.logs-renderer-container .logs-renderer__search-bar .search-bar input{color:var(--N0)}.logs-renderer-container .logs-renderer__search-bar .search-bar input::placeholder{color:var(--N500)}.logs-renderer-container .logs-renderer__search-bar .search-bar:hover{border:none!important;background:transparent}.logs-renderer-container .logs-renderer__search-bar .search-bar__icon path:nth-child(1){fill:none!important}.logs-renderer-container .logs-renderer__search-bar .search-bar__icon path:nth-child(2){fill:var(--N400)}.logs-renderer-container .logs-renderer__search-bar .search-bar:focus-within{border:none!important}.logs-renderer-container .logs-renderer__stage-accordion{background-color:#0c1021}.logs-renderer-container .logs-renderer__stage-accordion:not(.logs-renderer-container .logs-renderer__stage-accordion--open-stage):hover{background-color:#2c335480}.logs-renderer-container .logs-renderer__stage-accordion--open-stage{background-color:#2c3354}.logs-renderer-container .logs-renderer__log-item{grid-template-columns:34px auto}.logs-renderer-container .logs-renderer__log-item:hover{background-color:#ffffff1a}.logs-renderer-container .logs-renderer__filters-border-bottom{border-bottom:1px solid #2c3354}.logs-renderer-container .logs-renderer__filters-border-bottom>:not(:first-child){border-left:1px solid #2C3354}.gui-yaml-switch.status-filter-button.radio-group .radio__item-label{padding:2px 8px;display:flex;align-items:center;gap:6px}.gui-yaml-switch.status-filter-button.with-menu-button{border-top-right-radius:0;border-bottom-right-radius:0}.gui-yaml-switch.status-filter-button.with-menu-button .radio:last-child>.radio__item-label{border-right:none;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.collapsible__item.active{color:var(--B500);font-weight:600;background:var(--B100)}.collapsible__item.active:hover:not(.no-hover){color:var(--B500);background:var(--B100)}.collapsible__item:hover:not(.no-hover){color:var(--N700);text-decoration:none;background:var(--N50)}.collapsible__item:not(.active):not(.no-hover) .collapsible__item__title{color:var(--N900)}.empty-state{height:100%}.empty-state img{height:40%;max-height:200px;width:auto;max-width:250px}.empty-state svg{height:40%;max-height:200px;width:auto}.empty-state .button svg{height:100%;max-height:none;width:100%}.empty-state h1,.empty-state h2,.empty-state h3,.empty-state h4,.empty-state h5,.empty-state h6{color:var(--N900)}.empty-state .subtitle{font-size:13px;font-weight:400;text-align:center;line-height:20px;margin-bottom:6px}.empty-state .subtitle--text-start{text-align:start}.empty-state .cta{height:36px}.empty-state p{text-align:center;font-size:13px;color:var(--N700)}.empty-state strong{font-size:16px;margin-bottom:4px;color:var(--N900);font-weight:400}.empty-state .select-popup{height:min-content;max-height:250px;overflow:auto;padding:8px 0}.empty-state .empty-state__loader{width:34px;height:34px;margin-bottom:16px}.empty-state .empty-state__loading-text{font-size:12px;width:200px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:var(--N900)}.empty-state .button__icon{width:16px;height:16px;margin-left:8px}.toggle__switch{position:relative;display:inline-block;width:100%;height:100%}.toggle__switch.disabled,.toggle__switch.disabled .toggle__slider{cursor:not-allowed}.toggle__switch input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:all .4s ease}.toggle__slider.round{border-radius:34px}.toggle__slider.round:before{border-radius:50%}.toggle__slider:before{position:absolute;content:"";height:calc(100% - 8px);width:calc(50% - 4px);left:4px;bottom:4px;background-color:#fff;transition:all .4s ease}.toggle__slider.with-icon{background-color:var(--N000)!important}.toggle__slider.with-icon svg{position:absolute;content:"";top:-1px;left:-1px;background-color:var(--N300);transition:all .4s ease}input:checked+.toggle__slider{background-color:var(--color)}input:checked+.toggle__slider:before{transform:translate(100%)}input:checked+.toggle__slider.with-icon svg{transform:translate(100%);background-color:var(--color)}input:focus+.toggle__slider{box-shadow:0 0 1px var(--color)}.dc__toggle-square-toggle .toggle__slider{border-color:var(--color);background-color:var(--color)!important}.dc__toggle-square-toggle .toggle__slider:before{background-color:transparent}.dc__toggle-square-toggle .toggle__slider.with-icon svg{height:16px;width:16px;margin-top:1px;background-color:var(--N0);left:0;padding:0;border-radius:3px}.dc__toggle-square-toggle input:checked+.toggle__slider.with-icon svg{left:-6px;background-color:var(--N0)}.deployment-config-diff{display:grid;grid-template-columns:255px 1fr;height:100%}.deployment-config-diff--drawer{grid-template-columns:220px 1fr}.deployment-config-diff__accordion{scroll-margin-top:12px}.deployment-config-diff__main-top__header:first-child{flex:1 0 calc(50% - 2px)}.deployment-config-diff__main-top__header:last-child{flex:1 0 50%}.deployment-config-diff__main-content{flex-grow:1}.deployment-config-diff .react-monaco-editor-container{min-height:100px}.deployment-config-diff__tab-list label{flex-grow:1}.deployment-config-diff__tab-list .radio__item-label{justify-content:center}.code-editor__header{height:40px;background:var(--N100);padding:0 16px;border-bottom:1px solid var(--N200)}.code-editor__header .radio-group{height:24px;overflow:hidden}.code-editor__header .radio-group input[type=checkbox]:checked+.radio__item-label{background:var(--N700);border-radius:0;color:var(--white)}.code-editor__header .radio__item-label{padding:0 8px;display:inline-block;width:100%;height:100%;line-height:24px;cursor:pointer}.code-editor__header .radio-group{padding:0}.code-editor__header .code-editor__split-pane{color:var(--N700);margin-left:auto;fill:var(--N700)}.code-editor__header label.form__error{margin-left:8px}.code-editor__header button.clipboard{margin-left:auto;height:20px;width:20px;padding:0;background:transparent;border:unset;outline:unset}.code-editor__header button.clipboard svg{height:100%;width:100%}.code-editor__header button.clipboard:active svg{height:90%;width:90%}.code-editor__header button.clipboard:active svg path{fill:green}.code-editor__header-error{padding:8px 16px;font-size:12px;border:solid 1px #d6dbdf;background-color:var(--R100);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;color:#f32e2e}.code-editor-container{width:100%;border:1px solid #d6dbdf;border-radius:4px;overflow:hidden}.react-monaco-editor-container{min-height:300px}.code-editor__information-info-icon{width:16px;height:16px;margin:0 8px 0 0;vertical-align:bottom}.code-editor__toggle{color:var(--white)}.code-editor__toggle .toggle__switch{width:32px;margin:0 12px}.diff-icon{height:20px;width:20px;margin-right:4px;background:url("./ic-compare.0ee3e4cf.svg")}.monaco-editor-hover{margin-left:40px}.monaco-scrollable-element>.visible{z-index:9}.code-editor__shebang{padding:0 52px;color:#151515;opacity:.6}.select-button__arrow{position:absolute;right:5px}.select-button{border-radius:4px;justify-content:space-between}.select-button.default{height:40px;padding:12px 10px;background-color:#fff}.select-button:disabled{background-color:var(--N100)}.select-button--default{padding:8px 8px 8px 10px;width:100%;font-weight:500;background-color:var(--N000)}.select__label-container{display:inline-block;margin-left:auto}.select__options-container{max-height:220px;overflow:auto;color:var(--N900)}.select__option-with-subtitle{padding:9px 12px;margin-top:2px;display:flex;cursor:pointer;align-items:center}.select__option-with-subtitle--empty-state{color:var(--N500)}.select-popup{max-height:220px;overflow:auto;padding:4px 0;border-radius:4px;border:1px solid var(--N100)}.select__option{padding:10px 12px;line-height:1.5;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:var(--N000)}.select__option.selected{color:var(--B500);background-color:var(--B100)}.select-button__selected-option{display:inline-block;white-space:nowrap;text-align:left}.select__check-icon{width:16px;height:16px;margin-right:12px}.option-with-subtitle__subtitle{font-size:10px;font-weight:400;font-stretch:normal;line-height:1.33;letter-spacing:normal;color:#404040}.option-group__label{padding:8px 16px;font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:var(--N400);text-transform:uppercase}.select__sticky-bottom{position:sticky;bottom:-8px;margin-bottom:-8px;box-shadow:0 -1px 0 0 var(--N200);background-color:inherit;padding:11px 12px;width:100%;display:flex;align-items:center;cursor:pointer;color:var(--B500);font-size:13px}.select__sticky-bottom svg path{fill:var(--B500)}.select__all{height:36px;padding:4px 12px 4px 40px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:#f5f5f5}.popup-button:disabled .select-button{background-color:var(--N100)}.select__option-with-subtitle:hover,.select__option:hover{background-color:var(--window-bg)}.select__option-with-subtitle--empty-state:hover{background-color:unset}.radio-group{height:30px;background:#fff;display:flex;justify-content:center;align-items:center;padding:4px;border-radius:4px}.radio-group .label,.radio-group .radio,.radio-group .checkbox{margin:0}.radio-group .radio{height:100%;width:auto;color:var(--N400);display:flex;align-items:center}.radio-group .radio+.radio{margin-top:0}.radio-group input[type=checkbox]{display:contents;overflow:hidden;max-width:0px;height:0;opacity:0;margin:unset}.radio-group input+.radio__item-label{padding:4px 6px;height:100%;width:100%;display:flex;align-items:center;transition:all .5s;cursor:pointer}.radio-group input[type=checkbox]:checked+.radio__item-label{background:#2c3354;color:#fff;border-radius:4px}.deployment-history-diff-view .react-monaco-editor-container{min-height:100px}.git-commit-info-generic__wrapper .git-commit-info-generic__header{display:grid;grid-template-columns:20px 1fr}.git-commit-info-generic__wrapper:hover .git-commit-info-generic__copy{visibility:visible}.ci-details{background-color:var(--white);overflow:hidden;height:100%;width:100%;transition:all .3s;display:flex}.ci-details .ci-artifact .add-image-button{margin-left:52px}.ci-details .ci-artifact.ci-artifact--report svg path{fill:currentColor}.ci-details .zoom{position:absolute;bottom:12px;right:12px}.ci-details .ci-details__history{padding:16px 0 0;border-right:1px solid var(--N200);display:grid;grid-template-rows:80px 1fr;overflow:hidden;flex-basis:280px;transition:flex-basis .3s}.ci-details .ci-details__body{flex-basis:calc(100% - 280px);transition:flex-basis .3s;display:flex;flex-direction:column;position:relative;overflow:hidden}.ci-details .ci-details__body .trigger-details{transition:height .3s}.ci-details .ci-details__body .trigger-details__grid{grid-template-columns:50px 1fr}.ci-details .ci-details__body .trigger-details .trigger-details__summary .inprogress-status-color{color:var(--inprogress-orange)}.ci-details .ci-details__body .history-logs{height:100%;overflow:auto}.ci-details.ci-details--full-screen .ci-details__history{flex-basis:0;overflow:hidden;transition:flex-basis .3s;border-right:unset}.ci-details.ci-details--full-screen .ci-details__body{overflow:auto;flex-basis:100%;transition:flex-basis .3s}.ci-details.ci-details--full-screen .ci-details__body .trigger-details{overflow:hidden;height:0px;transition:height .3s}.historical-diff{display:grid;grid-template-rows:60px auto;height:100%;background-color:var(--white)}.historical-diff__container{display:grid;grid-template-columns:280px auto;height:calc(100vh - 147px)}.deployment-diff__upper{display:grid;grid-template-columns:repeat(2,1fr);position:relative}.deployment-diff__upper:after{content:"";position:absolute;width:1px;height:100%;left:calc(50% - 1px);background:var(--N200)}.historical-diff__left{padding:16px 12px;overflow:hidden;min-width:280px}.history_diff__wrapper .tab-list__tab-link.active{color:var(--N900);background:#e5f2ff;font-weight:600;border-bottom:0px}.code-editor-header-value{border-bottom:1px solid var(--N200);border-top-right-radius:4px;border-top-left-radius:4px;display:flex;justify-content:space-between;align-items:center}.compare-history__border-right{border-right:1px solid var(--N100)}.compare-history__border-left{border-left:1px solid var(--N100)}.configuration-link.active{background:var(--B100);color:var(--N900);font-weight:600;border-right:1px solid var(--N200)}.historical-name:hover{color:var(--N900)!important}.left-50{left:50px}.deployment-aborted{height:calc(100vh - 250px);justify-content:center}.icon-selected{background-color:#06c;border-radius:4px}.icon-selected path{stroke:#fff}.deployment-history-card-container{text-decoration:unset}.deployment-history-card-container:hover{text-decoration:unset;background:var(--N50)}.deployment-history-card-container.active{background:var(--B100)}.deployment-history-card-container .deployment-history-card{display:grid;grid-template-columns:20px 1fr;column-gap:8px}.deployment-history-card-container .app-status__icon{position:unset}.deployment-status-breakdown-container .vertical-connector,.deployment-approval-container .vertical-connector{border-left:1px solid var(--N300);height:15px;position:relative;left:18px;width:5px}.deployment-status-breakdown-container .deployment-status-breakdown-row,.deployment-approval-container .deployment-status-breakdown-row{display:flex;align-items:center;justify-content:left}.deployment-status-breakdown-container .deployment-status-breakdown-row.border-collapse,.deployment-approval-container .deployment-status-breakdown-row.border-collapse{border-radius:4px 4px 0 0}.deployment-status-breakdown-container .pulse-highlight,.deployment-approval-container .pulse-highlight{width:12px;height:12px;border:solid 4px rgba(255,126,91,.4);background-color:#ff7e5b;position:relative;top:5px;right:-5px;border-radius:50%;animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.deployment-status-breakdown-container .green-tick path,.deployment-approval-container .green-tick path{stroke:var(--G500)}.deployment-status-breakdown-container .app-status-row,.deployment-approval-container .app-status-row{display:grid;grid-template-columns:150px 200px 150px auto;grid-column-gap:16px}.deployment-status-breakdown-container .resource-list .app-status-row:hover,.deployment-approval-container .resource-list .app-status-row:hover{background-color:var(--N50)}.deployment-status-breakdown-container .detail-tab_border,.deployment-approval-container .detail-tab_border{border-radius:0 0 4px 4px;border-top:0}.history-component__wrapper .history-component__artifact{width:min(100%,800px)}.log-resize-button{transition:opacity .2s ease-in-out;padding:6px;width:32px;height:32px;border-radius:4px;box-shadow:0 0 4px #000a1480,0 0 4px #000a1480;background-color:#2c3354;opacity:.8;z-index:11}.log-resize-button>svg{transition:transform .2s ease-in-out;transform:scale(1)}.log-resize-button:hover{opacity:1}.log-resize-button:hover>svg{transform:scale(1.1)}.confirmation-modal{box-shadow:0 1px 1px #0000000a,0 2px 8px #0000000a,0 3px 17px #0000000a,0 4px 30px #00000021}.SingleDatePicker_picker{z-index:calc(var(--modal-index) + 1)!important}.date-time-picker .SingleDatePicker{width:100%}.date-time-picker .SingleDatePickerInput{display:flex!important;width:100%;background-color:var(--N50);margin-right:0!important;padding:0!important;height:36px!important;overflow:hidden;border:1px solid var(--N200);border-radius:4px}.date-time-picker .SingleDatePickerInput:hover{border:1px solid var(--N400)}.date-time-picker .SingleDatePickerInput:focus,.date-time-picker .SingleDatePickerInput:focus-visible,.date-time-picker .SingleDatePickerInput:focus-within{border:1px solid var(--B500)}.date-time-picker .SingleDatePickerInput__disabled{background-color:var(--N100);border-color:var(--N200)}.date-time-picker .SingleDatePickerInput_calendarIcon{padding:0 8px 0 0!important;margin:0!important;background-color:transparent!important;height:34px!important;display:flex;align-items:center}.date-time-picker .SingleDatePickerInput_calendarIcon:focus-visible{outline:none}.date-time-picker .SingleDatePickerInput__withBorder .DateInput{line-height:20px!important;height:34px;background-color:transparent;width:100%}.date-time-picker .SingleDatePickerInput__withBorder .DateInput:focus-visible{outline:none}.date-time-picker .SingleDatePickerInput__withBorder .DateInput_input{font-size:13px;border-bottom:none;cursor:pointer;background-color:transparent;color:var(--N900)}.date-time-picker .SingleDatePickerInput__withBorder .DateInput_input__focused+.DateInput_fang{display:none}.date-time-picker .SingleDatePickerInput__withBorder .DateInput_input__disabled{cursor:not-allowed}.date-time-picker .DateInput_input{padding:6px 8px!important}.date-time-picker .DateInput_input__disabled{font-style:normal}.custom-panel--iframe-element{margin:40px auto 0;width:calc(100vw - 100px);height:calc(100vh - 100px)}.pre-build-plugin-list-container .plugin-card:hover{box-shadow:0 2px 8px #0000001a}.pre-build-plugin-list-container .plugin-card:hover .plugin-card__title{color:var(--B500)}.key-value-table{display:grid;gap:1px}.key-value-table.two-columns-top-row,.key-value-table.two-columns{grid-template-columns:30% 1fr}.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell:first-child,.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell-input:first-child{border-bottom-left-radius:4px!important}.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell:last-child,.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell-input:last-child{border-bottom-right-radius:4px!important}.key-value-table.three-columns{grid-template-columns:30% 1fr 32px}.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__cell:first-child,.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__cell-input:first-child{border-bottom-left-radius:4px!important}.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__cell:last-child,.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__row-delete-btn{border-bottom-right-radius:4px}.key-value-table__row{display:contents;height:36px}.key-value-table__cell-input{outline:none;border:none!important;height:36px;width:100%;background:inherit}.key-value-table__cell-input--add{resize:none;border-radius:4px;outline:none}.key-value-table__cell:hover:not(:focus-within):not(.no-hover){outline:1px solid var(--N200)}.key-value-table__cell:focus-within{position:relative;z-index:1;outline:1px solid var(--B500)}.key-value-table__cell--error,.key-value-table__cell--error:focus-within,.key-value-table__cell--error:hover{outline:1px solid var(--R500)}.key-value-table__cell:not(:focus-within):not(:hover)>.key-value-table__error{display:none}.key-value-table__error{position:absolute;top:calc(100% + 4px);left:50%;width:100%;box-shadow:0 2px 4px #0003;transform:translate(-50%);z-index:2}.tab-group{list-style:none}.tab-group__tab{position:relative}.tab-group__tab svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--N700)}.tab-group__tab svg.tab-group__tab__icon *[fill^="#"]{fill:var(--N700)}.tab-group__tab:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:transparent;border-top-left-radius:2px;border-top-right-radius:2px}.tab-group__tab--align-active-border:after{bottom:-1px}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled){color:var(--B500)}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled) svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--B500)}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled) svg.tab-group__tab__icon *[fill^="#"]{fill:var(--B500)}.tab-group__tab--active svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--B500)}.tab-group__tab--active svg.tab-group__tab__icon *[fill^="#"]{fill:var(--B500)}.tab-group__tab--active:after{background-color:var(--B500)}.tab-group__tab__badge{border-radius:10px;min-width:20px}.tab-group__tab__badge--medium{min-width:18px}.tab-group__tab__indicator{width:6px;height:6px;border-radius:100%}.tab-group__tab__description{list-style:none}.tab-group__tab__nav-link.active{color:var(--B500);font-weight:600}.tab-group__tab__nav-link.active svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--B500)}.tab-group__tab__nav-link.active svg.tab-group__tab__icon *[fill^="#"]{fill:var(--B500)}.tab-group__tab__nav-link:not(.active){color:var(--N900)}.tab-group__tab__nav-link:hover:not([aria-disabled=true]){color:var(--B500)}.tab-group__tab:has(.active):after{background-color:var(--B500)}.edit-image-form-field__figure-container{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}.edit-image-form-field__figure-container .edit-image-form-field__figure-container--base-image{grid-column:1/span 12;grid-row:1/span 12}.edit-image-form-field__figure-container .edit-image-form-field__figure-container--edit-image-icon{grid-column:8/span 4;grid-row:8/span 4}.edit-image-form-field__fallback-image{background:#3989d933}.dynamic-data-table{display:grid;gap:1px}.dynamic-data-table.two-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__cell:first-child,.dynamic-data-table.two-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__cell-input:first-child{border-bottom-left-radius:4px!important}.dynamic-data-table.two-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__cell:last-child,.dynamic-data-table.two-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__cell-input:last-child{border-bottom-right-radius:4px!important}.dynamic-data-table.three-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__cell:first-child,.dynamic-data-table.three-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__cell-input:first-child{border-bottom-left-radius:4px!important}.dynamic-data-table.three-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__cell:last-child,.dynamic-data-table.three-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__row-delete-btn{border-bottom-right-radius:4px}.dynamic-data-table__row{display:contents;height:50px}.dynamic-data-table__cell-input{outline:none;border:none!important;height:36px;width:100%;background:inherit}.dynamic-data-table__cell-input--add{resize:none;border-radius:4px;outline:none}.dynamic-data-table__cell{min-width:0}.dynamic-data-table__cell .select-picker-borderless-control{padding:8px}.dynamic-data-table__cell:not(:has(.select-picker-borderless-control)) .dynamic-data-table__select-text-area{padding-left:8px}.dynamic-data-table__cell:hover:not(:focus-within):not(.no-hover){outline:1px solid var(--N200)}.dynamic-data-table__cell:focus-within:not(.no-focus){position:relative;z-index:1;outline:1px solid var(--B500)}.dynamic-data-table__cell--error,.dynamic-data-table__cell--error:focus-within:not(.no-focus),.dynamic-data-table__cell--error:hover{outline:1px solid var(--R500)}.dynamic-data-table__cell:not(:focus-within):not(:hover)>.dynamic-data-table__error{display:none}.dynamic-data-table__error{position:absolute;top:calc(100% + 4px);left:50%;width:100%;box-shadow:0 2px 4px #0003;transform:translate(-50%);z-index:2}.drawer{position:absolute;overflow:hidden}.drawer.left,.drawer.right{top:0;bottom:0;width:0;transition:width .2s}.drawer.left.show,.drawer.right.show{min-width:var(--minWidth);width:var(--width);max-width:var(--maxWidth)}.drawer.top,.drawer.bottom{left:0;right:0;height:0;transition:height .2s}.drawer.top.show,.drawer.bottom.show{height:var(--height)}.drawer.right{right:0}.drawer.left{left:0}.drawer.top{top:0}.drawer.bottom{bottom:0}.info-bar-container .info_text .success{background-color:var(--G100)}.info-bar-container .warn{background:var(--Y100);border:solid var(--Y200)}.info-bar-container .warn .warning-icon path:nth-child(2){fill:var(--Y700)}.info-bar-container .info_bar{background-color:var(--B100);border:1px solid var(--B200)}.info-bar-container .error_bar{background-color:var(--R100);border:1px solid var(--R200)}.info-bar-container .question-bar{background-color:var(--V100);border:1px solid var(--V200)}.search-bar:focus,.search-bar:focus-within{outline:none;border:solid 1px var(--B500)!important}.search-bar__input:focus,.search-bar__input:focus-visible{border:none;outline:none}.search-bar__icon{z-index:1;top:50%;left:8px;transform:translateY(-50%)}.search-bar__clear-button{right:0;top:50%;transform:translateY(-50%);z-index:1}.pagination{margin-top:16px;margin-bottom:16px;padding:0}.select{display:flex;align-items:center;position:relative}.select__placeholder{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700);margin-right:8px}.pagination__select-menu{padding:0;list-style:none;overflow:hidden;border:solid 1px var(--N200);border-radius:4px;width:64px;position:absolute;bottom:31px;background-color:var(--white)}.select__button{width:64px;background-color:transparent;border-radius:4px;border:solid 1px var(--N200);padding:5px 10px;text-align:left}.select__item{padding:5px 10px;cursor:pointer}.select__icon{margin-left:18px}.page{margin:0 8px;display:inline-block}.page-number{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700)}.page__button{width:24px;height:24px;border-radius:8px;color:var(--B500);background-color:var(--white);padding:0;user-select:none;border:none}.page__button--icon{background-color:var(--white);color:var(--B500)}.page__button--selected{color:var(--white);background-color:var(--B500)}.page__button:disabled{opacity:.5}.select__item:hover{background-color:var(--N50)}.page__button:hover~:disabled{background-color:var(--B100)}.page__button--selected:hover{color:var(--white);background-color:var(--B500)}@media (min-width: 1024px){.pagination{margin:16px auto}}.markdown{padding:0 20px 20px}.markdown .table-container{width:100%;overflow-x:auto}.markdown table{border-spacing:0;border-collapse:collapse}.markdown table tbody td,.markdown table tbody th,.markdown table thead td,.markdown table thead th{padding:6px 13px;border:1px solid #dfe2e5}.markdown table tbody tr,.markdown table thead tr{height:37px}.markdown table tbody tr:nth-child(2n+3),.markdown table thead tr:nth-child(2n+3){background:#f6f8fa}.markdown table tbody tr:first-child th,.markdown table thead tr:first-child th{text-align:center}.markdown table code{background-color:#1b1f230d}.markdown pre{padding:16px;border:unset;overflow:auto;font-size:85%;line-height:1.45;background-color:#f7f7f7;border-radius:3px}.markdown pre code{display:inline;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;white-space:pre;border:0}.markdown a.anchor{color:var(--N900)}.tab-description .tab-list__tab .tab-hover:hover,.tab-description .tab-list__tab .tab-hover.active{color:var(--B500)}.tab-description .tab-list__tab .tab-hover:hover .edit-yaml-icon path,.tab-description .tab-list__tab .tab-hover.active .edit-yaml-icon path{stroke:var(--B500)}.tab-description .tab-list__tab .tab-hover:hover .terminal-icon path,.tab-description .tab-list__tab .tab-hover.active .terminal-icon path{fill:var(--B500)}.tab-description .tab-list__tab .node-details__active-tab{height:2px;background-color:var(--B500);border-radius:2px 2px 0 0;margin-top:-1px}.cluster__body-details{flex-basis:100%}.cluster__body-details .pencil-icon:hover{color:var(--B500);text-decoration:none}.cluster__body-details .pencil-icon:hover svg path{stroke:var(--B500)}.cluster__body-details .mark-down-editor-container{border-bottom:1px solid var(--N200);border-radius:3px 3px 0 0;font-family:Open Sans,Arial,sans-serif!important;font-size:13px!important;line-height:1.67}.cluster__body-details .mark-down-editor-container .mark-down-editor-preview{background-color:#fff!important}.cluster__body-details .mark-down-editor-container .mark-down-editor-textarea-wrapper{border-radius:3px!important;border:1px solid var(--N200)!important;background-color:var(--N50)!important}.cluster__body-details .mark-down-editor-container .mde-textarea-wrapper{background-color:#fff!important;padding:10px!important}.cluster__body-details .mark-down-editor-container .mark-down-editor-toolbar{justify-content:space-between!important;padding-left:16px!important;padding-right:16px!important;background-color:#fff!important}.cluster__body-details .mark-down-editor-container .mde-header{height:36px!important}.cluster__body-details .mark-down-editor-container .mde-header .mde-tabs{height:inherit!important}.cluster__body-details .mark-down-editor-container .mde-header .mde-tabs button{padding-left:0!important;padding-right:0!important;margin:0 16px 0 0!important;padding-top:4px!important}.cluster__body-details .mark-down-editor-container .mde-header .mde-tabs .active-tab{border-bottom:2px solid var(--B500)!important;border-radius:0!important}.cluster__body-details .mark-down-editor-container .mde-header ul.mde-header-group{height:inherit!important;display:flex!important;justify-content:center!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important}.cluster__body-details .mark-down-editor-container .mde-header ul.mde-header-group .mde-header-item button{padding:10px 4px!important;height:inherit!important}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content{padding:0!important}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content a.anchor{color:var(--N900)}.cluster__body-details .mark-down-editor-container .mark-down-editor__hidden{display:none!important}.cluster__body-details .mark-down-editor__no-border{border:0px}.cluster__body-details .cluster__description-footer{border-radius:0 0 3px 3px;border:1px solid var(--N200);border-top:0px}.cluster__description-footer{border-radius:0 0 3px 3px;border:1px solid var(--N200)}.create-app-description{border-bottom:1px solid var(--N200)!important;border-radius:3px!important}
|
1
|
+
.tippy-box.shortcut-keys__tippy{border-radius:4px;border:1px solid rgba(255,255,255,.2);background:var(--N900)}.tippy-box.shortcut-keys__tippy>.tippy-content{padding:0}.tippy-box.shortcut-keys__tippy .shortcut-keys__chip{border-radius:4px;border:.5px solid rgba(255,255,255,.2);background:var(--N800);box-shadow:0 2px #0003;padding:0 2px;min-width:16px;max-width:250px}.button{background:none;color:inherit;border:none;outline:inherit;text-decoration:none}.button__primary--default{background:var(--B500);color:var(--N0);border:1px solid transparent}.button__primary--default.button__link{color:var(--N0)}.button__primary--default svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--default svg *[fill^="#"]{fill:var(--N0)}.button__primary--default .loader{visibility:visible;position:absolute}.button__primary--default .loader svg,.button__primary--default .loader svg *{fill:var(--N0);stroke:none}.button__primary--default:hover:not([disabled]){background:var(--B600)}.button__primary--default:active:not([disabled]){background:var(--B700)}.button__primary--negative{background:var(--R500);color:var(--N0);border:1px solid transparent}.button__primary--negative.button__link{color:var(--N0)}.button__primary--negative svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative svg *[fill^="#"]{fill:var(--N0)}.button__primary--negative .loader{visibility:visible;position:absolute}.button__primary--negative .loader svg,.button__primary--negative .loader svg *{fill:var(--N0);stroke:none}.button__primary--negative:hover:not([disabled]){background:var(--R600)}.button__primary--negative:active:not([disabled]){background:var(--R700)}.button__primary--negative-grey{background:var(--N600);color:var(--N0);border:1px solid transparent}.button__primary--negative-grey.button__link{color:var(--N0)}.button__primary--negative-grey svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative-grey svg *[fill^="#"]{fill:var(--N0)}.button__primary--negative-grey .loader{visibility:visible;position:absolute}.button__primary--negative-grey .loader svg,.button__primary--negative-grey .loader svg *{fill:var(--N0);stroke:none}.button__primary--negative-grey:hover:not([disabled]){background:var(--R600);color:var(--N0)}.button__primary--negative-grey:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative-grey:hover:not([disabled]) svg *[fill^="#"]{fill:var(--N0)}.button__primary--negative-grey:active:not([disabled]){background:var(--R700);color:var(--N0)}.button__primary--negative-grey:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative-grey:active:not([disabled]) svg *[fill^="#"]{fill:var(--N0)}.button__primary--positive{background:var(--G500);color:var(--N0);border:1px solid transparent}.button__primary--positive.button__link{color:var(--N0)}.button__primary--positive svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--positive svg *[fill^="#"]{fill:var(--N0)}.button__primary--positive .loader{visibility:visible;position:absolute}.button__primary--positive .loader svg,.button__primary--positive .loader svg *{fill:var(--N0);stroke:none}.button__primary--positive:hover:not([disabled]){background:var(--G600)}.button__primary--positive:active:not([disabled]){background:var(--G700)}.button__primary--warning{background:var(--Y500);color:var(--N900);border:1px solid transparent}.button__primary--warning.button__link{color:var(--N900)}.button__primary--warning svg *[stroke^="#"]{stroke:var(--N900)}.button__primary--warning svg *[fill^="#"]{fill:var(--N900)}.button__primary--warning .loader{visibility:visible;position:absolute}.button__primary--warning .loader svg,.button__primary--warning .loader svg *{fill:var(--N900);stroke:none}.button__primary--warning:hover:not([disabled]){background:var(--Y600)}.button__primary--warning:active:not([disabled]){background:var(--Y700)}.button__primary--neutral{background:var(--N600);color:var(--N0);border:1px solid transparent}.button__primary--neutral.button__link{color:var(--N0)}.button__primary--neutral svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--neutral svg *[fill^="#"]{fill:var(--N0)}.button__primary--neutral .loader{visibility:visible;position:absolute}.button__primary--neutral .loader svg,.button__primary--neutral .loader svg *{fill:var(--N0);stroke:none}.button__primary--neutral:hover:not([disabled]){background:var(--N700)}.button__primary--neutral:active:not([disabled]){background:var(--N800)}.button__secondary--default{background:var(--N0);color:var(--B500);border:1px solid var(--N200)}.button__secondary--default.button__link{color:var(--B500)}.button__secondary--default svg *[stroke^="#"]{stroke:var(--B500)}.button__secondary--default svg *[fill^="#"]{fill:var(--B500)}.button__secondary--default .loader{visibility:visible;position:absolute}.button__secondary--default .loader svg,.button__secondary--default .loader svg *{fill:var(--B500);stroke:none}.button__secondary--default:hover:not([disabled]){background:var(--B100);border-color:var(--B500)}.button__secondary--default:active:not([disabled]){background:var(--B200)}.button__secondary--negative{background:var(--N0);color:var(--R600);border:1px solid var(--N200)}.button__secondary--negative.button__link{color:var(--R600)}.button__secondary--negative svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative .loader{visibility:visible;position:absolute}.button__secondary--negative .loader svg,.button__secondary--negative .loader svg *{fill:var(--R600);stroke:none}.button__secondary--negative:hover:not([disabled]){background:var(--R100);border-color:var(--R600);color:var(--R600)}.button__secondary--negative:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative:hover:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative:active:not([disabled]){background:var(--R200);color:var(--R600)}.button__secondary--negative:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative:active:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative-grey{background:var(--N0);color:var(--N700);border:1px solid var(--N200)}.button__secondary--negative-grey.button__link{color:var(--N700)}.button__secondary--negative-grey svg *[stroke^="#"]{stroke:var(--N700)}.button__secondary--negative-grey svg *[fill^="#"]{fill:var(--N700)}.button__secondary--negative-grey .loader{visibility:visible;position:absolute}.button__secondary--negative-grey .loader svg,.button__secondary--negative-grey .loader svg *{fill:var(--N700);stroke:none}.button__secondary--negative-grey:hover:not([disabled]){background:var(--R100);border-color:var(--R600);color:var(--R600)}.button__secondary--negative-grey:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative-grey:hover:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative-grey:active:not([disabled]){background:var(--R200);color:var(--R600)}.button__secondary--negative-grey:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative-grey:active:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--positive{background:var(--N0);color:var(--G600);border:1px solid var(--N200)}.button__secondary--positive.button__link{color:var(--G600)}.button__secondary--positive svg *[stroke^="#"]{stroke:var(--G600)}.button__secondary--positive svg *[fill^="#"]{fill:var(--G600)}.button__secondary--positive .loader{visibility:visible;position:absolute}.button__secondary--positive .loader svg,.button__secondary--positive .loader svg *{fill:var(--G600);stroke:none}.button__secondary--positive:hover:not([disabled]){background:var(--G100);border-color:var(--G600)}.button__secondary--positive:active:not([disabled]){background:var(--G200)}.button__secondary--warning{background:var(--N0);color:var(--Y700);border:1px solid var(--N200)}.button__secondary--warning.button__link{color:var(--Y700)}.button__secondary--warning svg *[stroke^="#"]{stroke:var(--Y700)}.button__secondary--warning svg *[fill^="#"]{fill:var(--Y700)}.button__secondary--warning .loader{visibility:visible;position:absolute}.button__secondary--warning .loader svg,.button__secondary--warning .loader svg *{fill:var(--Y700);stroke:none}.button__secondary--warning:hover:not([disabled]){background:var(--Y100);border-color:var(--Y700)}.button__secondary--warning:active:not([disabled]){background:var(--Y200)}.button__secondary--neutral{background:var(--N0);color:var(--N700);border:1px solid var(--N200)}.button__secondary--neutral.button__link{color:var(--N700)}.button__secondary--neutral svg *[stroke^="#"]{stroke:var(--N700)}.button__secondary--neutral svg *[fill^="#"]{fill:var(--N700)}.button__secondary--neutral .loader{visibility:visible;position:absolute}.button__secondary--neutral .loader svg,.button__secondary--neutral .loader svg *{fill:var(--N700);stroke:none}.button__secondary--neutral:hover:not([disabled]){background:var(--N100);border-color:var(--N700)}.button__secondary--neutral:active:not([disabled]){background:var(--N200)}.button__border-less--default,.button__text--default{background:transparent;color:var(--B500);border:1px solid transparent}.button__border-less--default.button__link,.button__text--default.button__link{color:var(--B500)}.button__border-less--default svg *[stroke^="#"],.button__text--default svg *[stroke^="#"]{stroke:var(--B500)}.button__border-less--default svg *[fill^="#"],.button__text--default svg *[fill^="#"]{fill:var(--B500)}.button__border-less--default .loader,.button__text--default .loader{visibility:visible;position:absolute}.button__border-less--default .loader svg,.button__border-less--default .loader svg *,.button__text--default .loader svg,.button__text--default .loader svg *{fill:var(--B500);stroke:none}.button__border-less--negative,.button__text--negative{background:transparent;color:var(--R600);border:1px solid transparent}.button__border-less--negative.button__link,.button__text--negative.button__link{color:var(--R600)}.button__border-less--negative svg *[stroke^="#"],.button__text--negative svg *[stroke^="#"]{stroke:var(--R600)}.button__border-less--negative svg *[fill^="#"],.button__text--negative svg *[fill^="#"]{fill:var(--R600)}.button__border-less--negative .loader,.button__text--negative .loader{visibility:visible;position:absolute}.button__border-less--negative .loader svg,.button__border-less--negative .loader svg *,.button__text--negative .loader svg,.button__text--negative .loader svg *{fill:var(--R600);stroke:none}.button__border-less--negative-grey,.button__text--negative-grey{background:transparent;color:var(--N700);border:1px solid transparent}.button__border-less--negative-grey.button__link,.button__text--negative-grey.button__link{color:var(--N700)}.button__border-less--negative-grey svg *[stroke^="#"],.button__text--negative-grey svg *[stroke^="#"]{stroke:var(--N700)}.button__border-less--negative-grey svg *[fill^="#"],.button__text--negative-grey svg *[fill^="#"]{fill:var(--N700)}.button__border-less--negative-grey .loader,.button__text--negative-grey .loader{visibility:visible;position:absolute}.button__border-less--negative-grey .loader svg,.button__border-less--negative-grey .loader svg *,.button__text--negative-grey .loader svg,.button__text--negative-grey .loader svg *{fill:var(--N700);stroke:none}.button__border-less--positive,.button__text--positive{background:transparent;color:var(--G600);border:1px solid transparent}.button__border-less--positive.button__link,.button__text--positive.button__link{color:var(--G600)}.button__border-less--positive svg *[stroke^="#"],.button__text--positive svg *[stroke^="#"]{stroke:var(--G600)}.button__border-less--positive svg *[fill^="#"],.button__text--positive svg *[fill^="#"]{fill:var(--G600)}.button__border-less--positive .loader,.button__text--positive .loader{visibility:visible;position:absolute}.button__border-less--positive .loader svg,.button__border-less--positive .loader svg *,.button__text--positive .loader svg,.button__text--positive .loader svg *{fill:var(--G600);stroke:none}.button__border-less--warning,.button__text--warning{background:transparent;color:var(--Y700);border:1px solid transparent}.button__border-less--warning.button__link,.button__text--warning.button__link{color:var(--Y700)}.button__border-less--warning svg *[stroke^="#"],.button__text--warning svg *[stroke^="#"]{stroke:var(--Y700)}.button__border-less--warning svg *[fill^="#"],.button__text--warning svg *[fill^="#"]{fill:var(--Y700)}.button__border-less--warning .loader,.button__text--warning .loader{visibility:visible;position:absolute}.button__border-less--warning .loader svg,.button__border-less--warning .loader svg *,.button__text--warning .loader svg,.button__text--warning .loader svg *{fill:var(--Y700);stroke:none}.button__border-less--neutral,.button__text--neutral{background:transparent;color:var(--N700);border:1px solid transparent}.button__border-less--neutral.button__link,.button__text--neutral.button__link{color:var(--N700)}.button__border-less--neutral svg *[stroke^="#"],.button__text--neutral svg *[stroke^="#"]{stroke:var(--N700)}.button__border-less--neutral svg *[fill^="#"],.button__text--neutral svg *[fill^="#"]{fill:var(--N700)}.button__border-less--neutral .loader,.button__text--neutral .loader{visibility:visible;position:absolute}.button__border-less--neutral .loader svg,.button__border-less--neutral .loader svg *,.button__text--neutral .loader svg,.button__text--neutral .loader svg *{fill:var(--N700);stroke:none}.button__border-less--default:hover:not([disabled]){background:var(--B100)}.button__border-less--default:active:not([disabled]){background:var(--B200)}.button__border-less--negative:hover:not([disabled]){background:var(--R100)}.button__border-less--negative:active:not([disabled]){background:var(--R200)}.button__border-less--negative-grey:hover:not([disabled]){background:var(--R100);color:var(--R600)}.button__border-less--negative-grey:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__border-less--negative-grey:hover:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__border-less--negative-grey:active:not([disabled]){background:var(--R200);color:var(--R600)}.button__border-less--negative-grey:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__border-less--negative-grey:active:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__border-less--positive:hover:not([disabled]){background:var(--G100)}.button__border-less--positive:active:not([disabled]){background:var(--G200)}.button__border-less--warning:hover:not([disabled]){background:var(--Y100)}.button__border-less--warning:active:not([disabled]){background:var(--Y200)}.button__border-less--neutral:hover:not([disabled]){background:var(--N100)}.button__border-less--neutral:active:not([disabled]){background:var(--N200)}.button__text--default,.button__text--negative,.button__text--negative-grey,.button__text--positive,.button__text--warning,.button__text--neutral{padding:0!important;min-width:0!important;border:none}.button__text--default:hover,.button__text--negative:hover,.button__text--negative-grey:hover,.button__text--positive:hover,.button__text--warning:hover,.button__text--neutral:hover{text-decoration:underline!important}.button--loading{opacity:1!important}.button--loading>*{visibility:hidden}.button__link:hover{text-decoration:none}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Toastify__toast{gap:8px}.Toastify__toast-container{padding:0;width:280px}.Toastify__toast-container--top-right{top:8em}.Toastify__progress-bar{height:3px}.custom-toast{max-height:none;padding:12px;box-shadow:none;border-radius:4px;margin-bottom:16px;min-height:0;color:var(--N0);background:#1b1c1e;font-family:inherit}.custom-toast__body{margin:0;padding:0;gap:8px;align-items:flex-start;align-self:center}.custom-toast__body>.Toastify__toast-icon{margin:0;width:auto;align-self:flex-start}.custom-toast__content button.button,.custom-toast__content a.button{color:var(--N0);width:fit-content}.custom-toast__content button.button svg *[stroke^="#"],.custom-toast__content a.button svg *[stroke^="#"]{stroke:var(--N0)}.custom-toast__content button.button svg *[fill^="#"],.custom-toast__content a.button svg *[fill^="#"]{fill:var(--N0)}.custom-toast__content button.button:hover,.custom-toast__content button.button:active,.custom-toast__content a.button:hover,.custom-toast__content a.button:active{color:var(--N0)}.custom-toast__close-btn button svg path{fill:var(--N0)!important}.custom-toast__close-btn button:hover,.custom-toast__close-btn button:active{background:#fff3!important}.rounded-ends:first-child{border-radius:100% 0 0 100%}.rounded-ends:last-child{border-radius:0 100% 100% 0}.dot{border-radius:100%}.sortable-table-header__resize-btn>div{transition:all .1s ease-out}.sortable-table-header__resize-btn:hover>div,.sortable-table-header__resize-btn--dragging>div{height:100%!important;background-color:var(--B500)}button.selected-tab{border-bottom:2px solid var(--B500)}.info-card{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:8px;border:1px solid var(--N200, #D0D4D9);background:var(--N0, #FFF);box-shadow:0 0 8px #0000001a}.user-role-groups__table-row{grid-template-rows:36px}.user-role-groups__table-header,.user-role-groups__table-row{grid-template-columns:20px 200px minmax(300px,1fr);column-gap:16px}.user-role-groups__table-header--with-status,.user-role-groups__table-row--with-status{grid-template-columns:20px 200px minmax(300px,1fr) 185px}.user-role-groups__table-header--with-delete,.user-role-groups__table-row--with-delete{grid-template-columns:20px 200px minmax(300px,1fr) 24px}.user-role-groups__table-header--with-status-and-delete,.user-role-groups__table-row--with-status-and-delete{grid-template-columns:20px 200px minmax(300px,1fr) 185px 24px}.help-card__more-option{top:42px;right:56px}.help-card__more-option.k8s-client-view{right:20px;grid-template-rows:36px 1px 36px 1px 36px 1px 36px auto}.logout-card__more-option{top:42px;right:20px}.getting-started-card{background-color:var(--tippy-card-black-bg);position:fixed;z-index:6;right:20px;top:54px}.arrow-up{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid var(--tippy-card-black-bg);right:64px;position:fixed;top:42px}.getting_tippy__position{position:fixed}.create-modal-wrapper{position:fixed;right:24px;top:50px;overflow:hidden}.create-modal-wrapper .create-modal-child{padding:10px 15px;display:flex}.create-modal-wrapper .create-modal-child:first-child{border-bottom:1px solid var(--N100)}.create-modal-wrapper .create-modal-child:hover{background-color:var(--N100)}.create-modal-wrapper--try-devtron{right:84px!important}.button-with-selector{border-left:1px solid rgba(255,255,255,.2)}.button-with-selector:hover,.button-with-selector:active,.button-with-selector:focus{border:none;border-left:1px solid rgba(255,255,255,.2);background-color:var(--B600)}.feature-description .large{width:560px;height:250px}.image-chip-cell__container{grid-template-columns:18px 10px 1fr}.image-chip-cell__container--expanded{grid-template-columns:18px 1fr}.logs-renderer-container .logs-renderer__search-bar .search-bar{background:transparent;border-radius:0;border:none!important}.logs-renderer-container .logs-renderer__search-bar .search-bar input{color:var(--N0)}.logs-renderer-container .logs-renderer__search-bar .search-bar input::placeholder{color:var(--N500)}.logs-renderer-container .logs-renderer__search-bar .search-bar:hover{border:none!important;background:transparent}.logs-renderer-container .logs-renderer__search-bar .search-bar__icon path:nth-child(1){fill:none!important}.logs-renderer-container .logs-renderer__search-bar .search-bar__icon path:nth-child(2){fill:var(--N400)}.logs-renderer-container .logs-renderer__search-bar .search-bar:focus-within{border:none!important}.logs-renderer-container .logs-renderer__stage-accordion{background-color:#0c1021}.logs-renderer-container .logs-renderer__stage-accordion:not(.logs-renderer-container .logs-renderer__stage-accordion--open-stage):hover{background-color:#2c335480}.logs-renderer-container .logs-renderer__stage-accordion--open-stage{background-color:#2c3354}.logs-renderer-container .logs-renderer__log-item{grid-template-columns:34px auto}.logs-renderer-container .logs-renderer__log-item:hover{background-color:#ffffff1a}.logs-renderer-container .logs-renderer__filters-border-bottom{border-bottom:1px solid #2c3354}.logs-renderer-container .logs-renderer__filters-border-bottom>:not(:first-child){border-left:1px solid #2C3354}.gui-yaml-switch.status-filter-button.radio-group .radio__item-label{padding:2px 8px;display:flex;align-items:center;gap:6px}.gui-yaml-switch.status-filter-button.with-menu-button{border-top-right-radius:0;border-bottom-right-radius:0}.gui-yaml-switch.status-filter-button.with-menu-button .radio:last-child>.radio__item-label{border-right:none;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.collapsible__item.active{color:var(--B500);font-weight:600;background:var(--B100)}.collapsible__item.active:hover:not(.no-hover){color:var(--B500);background:var(--B100)}.collapsible__item:hover:not(.no-hover){color:var(--N700);text-decoration:none;background:var(--N50)}.collapsible__item:not(.active):not(.no-hover) .collapsible__item__title{color:var(--N900)}.empty-state{height:100%}.empty-state img{height:40%;max-height:200px;width:auto;max-width:250px}.empty-state svg{height:40%;max-height:200px;width:auto}.empty-state .button svg{height:100%;max-height:none;width:100%}.empty-state h1,.empty-state h2,.empty-state h3,.empty-state h4,.empty-state h5,.empty-state h6{color:var(--N900)}.empty-state .subtitle{font-size:13px;font-weight:400;text-align:center;line-height:20px;margin-bottom:6px}.empty-state .subtitle--text-start{text-align:start}.empty-state .cta{height:36px}.empty-state p{text-align:center;font-size:13px;color:var(--N700)}.empty-state strong{font-size:16px;margin-bottom:4px;color:var(--N900);font-weight:400}.empty-state .select-popup{height:min-content;max-height:250px;overflow:auto;padding:8px 0}.empty-state .empty-state__loader{width:34px;height:34px;margin-bottom:16px}.empty-state .empty-state__loading-text{font-size:12px;width:200px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:var(--N900)}.empty-state .button__icon{width:16px;height:16px;margin-left:8px}.toggle__switch{position:relative;display:inline-block;width:100%;height:100%}.toggle__switch.disabled,.toggle__switch.disabled .toggle__slider{cursor:not-allowed}.toggle__switch input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:all .4s ease}.toggle__slider.round{border-radius:34px}.toggle__slider.round:before{border-radius:50%}.toggle__slider:before{position:absolute;content:"";height:calc(100% - 8px);width:calc(50% - 4px);left:4px;bottom:4px;background-color:#fff;transition:all .4s ease}.toggle__slider.with-icon{background-color:var(--N000)!important}.toggle__slider.with-icon svg{position:absolute;content:"";top:-1px;left:-1px;background-color:var(--N300);transition:all .4s ease}input:checked+.toggle__slider{background-color:var(--color)}input:checked+.toggle__slider:before{transform:translate(100%)}input:checked+.toggle__slider.with-icon svg{transform:translate(100%);background-color:var(--color)}input:focus+.toggle__slider{box-shadow:0 0 1px var(--color)}.dc__toggle-square-toggle .toggle__slider{border-color:var(--color);background-color:var(--color)!important}.dc__toggle-square-toggle .toggle__slider:before{background-color:transparent}.dc__toggle-square-toggle .toggle__slider.with-icon svg{height:16px;width:16px;margin-top:1px;background-color:var(--N0);left:0;padding:0;border-radius:3px}.dc__toggle-square-toggle input:checked+.toggle__slider.with-icon svg{left:-6px;background-color:var(--N0)}.deployment-config-diff{display:grid;grid-template-columns:255px 1fr;height:100%}.deployment-config-diff--drawer{grid-template-columns:220px 1fr}.deployment-config-diff__accordion{scroll-margin-top:12px}.deployment-config-diff__main-top__header:first-child{flex:1 0 calc(50% - 2px)}.deployment-config-diff__main-top__header:last-child{flex:1 0 50%}.deployment-config-diff__main-content{flex-grow:1}.deployment-config-diff .react-monaco-editor-container{min-height:100px}.deployment-config-diff__tab-list label{flex-grow:1}.deployment-config-diff__tab-list .radio__item-label{justify-content:center}.code-editor__header{height:40px;background:var(--N100);padding:0 16px;border-bottom:1px solid var(--N200)}.code-editor__header .radio-group{height:24px;overflow:hidden}.code-editor__header .radio-group input[type=checkbox]:checked+.radio__item-label{background:var(--N700);border-radius:0;color:var(--white)}.code-editor__header .radio__item-label{padding:0 8px;display:inline-block;width:100%;height:100%;line-height:24px;cursor:pointer}.code-editor__header .radio-group{padding:0}.code-editor__header .code-editor__split-pane{color:var(--N700);margin-left:auto;fill:var(--N700)}.code-editor__header label.form__error{margin-left:8px}.code-editor__header button.clipboard{margin-left:auto;height:20px;width:20px;padding:0;background:transparent;border:unset;outline:unset}.code-editor__header button.clipboard svg{height:100%;width:100%}.code-editor__header button.clipboard:active svg{height:90%;width:90%}.code-editor__header button.clipboard:active svg path{fill:green}.code-editor__header-error{padding:8px 16px;font-size:12px;border:solid 1px #d6dbdf;background-color:var(--R100);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;color:#f32e2e}.code-editor-container{width:100%;border:1px solid #d6dbdf;border-radius:4px;overflow:hidden}.react-monaco-editor-container{min-height:300px}.code-editor__information-info-icon{width:16px;height:16px;margin:0 8px 0 0;vertical-align:bottom}.code-editor__toggle{color:var(--white)}.code-editor__toggle .toggle__switch{width:32px;margin:0 12px}.diff-icon{height:20px;width:20px;margin-right:4px;background:url("./ic-compare.0ee3e4cf.svg")}.monaco-editor-hover{margin-left:40px}.monaco-scrollable-element>.visible{z-index:9}.code-editor__shebang{padding:0 52px;color:#151515;opacity:.6}.select-button__arrow{position:absolute;right:5px}.select-button{border-radius:4px;justify-content:space-between}.select-button.default{height:40px;padding:12px 10px;background-color:#fff}.select-button:disabled{background-color:var(--N100)}.select-button--default{padding:8px 8px 8px 10px;width:100%;font-weight:500;background-color:var(--N000)}.select__label-container{display:inline-block;margin-left:auto}.select__options-container{max-height:220px;overflow:auto;color:var(--N900)}.select__option-with-subtitle{padding:9px 12px;margin-top:2px;display:flex;cursor:pointer;align-items:center}.select__option-with-subtitle--empty-state{color:var(--N500)}.select-popup{max-height:220px;overflow:auto;padding:4px 0;border-radius:4px;border:1px solid var(--N100)}.select__option{padding:10px 12px;line-height:1.5;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:var(--N000)}.select__option.selected{color:var(--B500);background-color:var(--B100)}.select-button__selected-option{display:inline-block;white-space:nowrap;text-align:left}.select__check-icon{width:16px;height:16px;margin-right:12px}.option-with-subtitle__subtitle{font-size:10px;font-weight:400;font-stretch:normal;line-height:1.33;letter-spacing:normal;color:#404040}.option-group__label{padding:8px 16px;font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:var(--N400);text-transform:uppercase}.select__sticky-bottom{position:sticky;bottom:-8px;margin-bottom:-8px;box-shadow:0 -1px 0 0 var(--N200);background-color:inherit;padding:11px 12px;width:100%;display:flex;align-items:center;cursor:pointer;color:var(--B500);font-size:13px}.select__sticky-bottom svg path{fill:var(--B500)}.select__all{height:36px;padding:4px 12px 4px 40px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:#f5f5f5}.popup-button:disabled .select-button{background-color:var(--N100)}.select__option-with-subtitle:hover,.select__option:hover{background-color:var(--window-bg)}.select__option-with-subtitle--empty-state:hover{background-color:unset}.radio-group{height:30px;background:#fff;display:flex;justify-content:center;align-items:center;padding:4px;border-radius:4px}.radio-group .label,.radio-group .radio,.radio-group .checkbox{margin:0}.radio-group .radio{height:100%;width:auto;color:var(--N400);display:flex;align-items:center}.radio-group .radio+.radio{margin-top:0}.radio-group input[type=checkbox]{display:contents;overflow:hidden;max-width:0px;height:0;opacity:0;margin:unset}.radio-group input+.radio__item-label{padding:4px 6px;height:100%;width:100%;display:flex;align-items:center;transition:all .5s;cursor:pointer}.radio-group input[type=checkbox]:checked+.radio__item-label{background:#2c3354;color:#fff;border-radius:4px}.deployment-history-diff-view .react-monaco-editor-container{min-height:100px}.git-commit-info-generic__wrapper .git-commit-info-generic__header{display:grid;grid-template-columns:20px 1fr}.git-commit-info-generic__wrapper:hover .git-commit-info-generic__copy{visibility:visible}.ci-details{background-color:var(--white);overflow:hidden;height:100%;width:100%;transition:all .3s;display:flex}.ci-details .ci-artifact .add-image-button{margin-left:52px}.ci-details .ci-artifact.ci-artifact--report svg path{fill:currentColor}.ci-details .zoom{position:absolute;bottom:12px;right:12px}.ci-details .ci-details__history{padding:16px 0 0;border-right:1px solid var(--N200);display:grid;grid-template-rows:80px 1fr;overflow:hidden;flex-basis:280px;transition:flex-basis .3s}.ci-details .ci-details__body{flex-basis:calc(100% - 280px);transition:flex-basis .3s;display:flex;flex-direction:column;position:relative;overflow:hidden}.ci-details .ci-details__body .trigger-details{transition:height .3s}.ci-details .ci-details__body .trigger-details__grid{grid-template-columns:50px 1fr}.ci-details .ci-details__body .trigger-details .trigger-details__summary .inprogress-status-color{color:var(--inprogress-orange)}.ci-details .ci-details__body .history-logs{height:100%;overflow:auto}.ci-details.ci-details--full-screen .ci-details__history{flex-basis:0;overflow:hidden;transition:flex-basis .3s;border-right:unset}.ci-details.ci-details--full-screen .ci-details__body{overflow:auto;flex-basis:100%;transition:flex-basis .3s}.ci-details.ci-details--full-screen .ci-details__body .trigger-details{overflow:hidden;height:0px;transition:height .3s}.historical-diff{display:grid;grid-template-rows:60px auto;height:100%;background-color:var(--white)}.historical-diff__container{display:grid;grid-template-columns:280px auto;height:calc(100vh - 147px)}.deployment-diff__upper{display:grid;grid-template-columns:repeat(2,1fr);position:relative}.deployment-diff__upper:after{content:"";position:absolute;width:1px;height:100%;left:calc(50% - 1px);background:var(--N200)}.historical-diff__left{padding:16px 12px;overflow:hidden;min-width:280px}.history_diff__wrapper .tab-list__tab-link.active{color:var(--N900);background:#e5f2ff;font-weight:600;border-bottom:0px}.code-editor-header-value{border-bottom:1px solid var(--N200);border-top-right-radius:4px;border-top-left-radius:4px;display:flex;justify-content:space-between;align-items:center}.compare-history__border-right{border-right:1px solid var(--N100)}.compare-history__border-left{border-left:1px solid var(--N100)}.configuration-link.active{background:var(--B100);color:var(--N900);font-weight:600;border-right:1px solid var(--N200)}.historical-name:hover{color:var(--N900)!important}.left-50{left:50px}.deployment-aborted{height:calc(100vh - 250px);justify-content:center}.icon-selected{background-color:#06c;border-radius:4px}.icon-selected path{stroke:#fff}.deployment-history-card-container{text-decoration:unset}.deployment-history-card-container:hover{text-decoration:unset;background:var(--N50)}.deployment-history-card-container.active{background:var(--B100)}.deployment-history-card-container .deployment-history-card{display:grid;grid-template-columns:20px 1fr;column-gap:8px}.deployment-history-card-container .app-status__icon{position:unset}.deployment-status-breakdown-container .vertical-connector,.deployment-approval-container .vertical-connector{border-left:1px solid var(--N300);height:15px;position:relative;left:18px;width:5px}.deployment-status-breakdown-container .deployment-status-breakdown-row,.deployment-approval-container .deployment-status-breakdown-row{display:flex;align-items:center;justify-content:left}.deployment-status-breakdown-container .deployment-status-breakdown-row.border-collapse,.deployment-approval-container .deployment-status-breakdown-row.border-collapse{border-radius:4px 4px 0 0}.deployment-status-breakdown-container .pulse-highlight,.deployment-approval-container .pulse-highlight{width:12px;height:12px;border:solid 4px rgba(255,126,91,.4);background-color:#ff7e5b;position:relative;top:5px;right:-5px;border-radius:50%;animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.deployment-status-breakdown-container .green-tick path,.deployment-approval-container .green-tick path{stroke:var(--G500)}.deployment-status-breakdown-container .app-status-row,.deployment-approval-container .app-status-row{display:grid;grid-template-columns:150px 200px 150px auto;grid-column-gap:16px}.deployment-status-breakdown-container .resource-list .app-status-row:hover,.deployment-approval-container .resource-list .app-status-row:hover{background-color:var(--N50)}.deployment-status-breakdown-container .detail-tab_border,.deployment-approval-container .detail-tab_border{border-radius:0 0 4px 4px;border-top:0}.history-component__wrapper .history-component__artifact{width:min(100%,800px)}.log-resize-button{transition:opacity .2s ease-in-out;padding:6px;width:32px;height:32px;border-radius:4px;box-shadow:0 0 4px #000a1480,0 0 4px #000a1480;background-color:#2c3354;opacity:.8;z-index:11}.log-resize-button>svg{transition:transform .2s ease-in-out;transform:scale(1)}.log-resize-button:hover{opacity:1}.log-resize-button:hover>svg{transform:scale(1.1)}.confirmation-modal{box-shadow:0 1px 1px #0000000a,0 2px 8px #0000000a,0 3px 17px #0000000a,0 4px 30px #00000021}.SingleDatePicker_picker{z-index:calc(var(--modal-index) + 1)!important}.date-time-picker .SingleDatePicker{width:100%}.date-time-picker .SingleDatePickerInput{display:flex!important;width:100%;background-color:var(--N50);margin-right:0!important;padding:0!important;height:36px!important;overflow:hidden;border:1px solid var(--N200);border-radius:4px}.date-time-picker .SingleDatePickerInput:hover{border:1px solid var(--N400)}.date-time-picker .SingleDatePickerInput:focus,.date-time-picker .SingleDatePickerInput:focus-visible,.date-time-picker .SingleDatePickerInput:focus-within{border:1px solid var(--B500)}.date-time-picker .SingleDatePickerInput__disabled{background-color:var(--N100);border-color:var(--N200)}.date-time-picker .SingleDatePickerInput_calendarIcon{padding:0 8px 0 0!important;margin:0!important;background-color:transparent!important;height:34px!important;display:flex;align-items:center}.date-time-picker .SingleDatePickerInput_calendarIcon:focus-visible{outline:none}.date-time-picker .SingleDatePickerInput__withBorder .DateInput{line-height:20px!important;height:34px;background-color:transparent;width:100%}.date-time-picker .SingleDatePickerInput__withBorder .DateInput:focus-visible{outline:none}.date-time-picker .SingleDatePickerInput__withBorder .DateInput_input{font-size:13px;border-bottom:none;cursor:pointer;background-color:transparent;color:var(--N900)}.date-time-picker .SingleDatePickerInput__withBorder .DateInput_input__focused+.DateInput_fang{display:none}.date-time-picker .SingleDatePickerInput__withBorder .DateInput_input__disabled{cursor:not-allowed}.date-time-picker .DateInput_input{padding:6px 8px!important}.date-time-picker .DateInput_input__disabled{font-style:normal}.custom-panel--iframe-element{margin:40px auto 0;width:calc(100vw - 100px);height:calc(100vh - 100px)}.pre-build-plugin-list-container .plugin-card:hover{box-shadow:0 2px 8px #0000001a}.pre-build-plugin-list-container .plugin-card:hover .plugin-card__title{color:var(--B500)}.key-value-table{display:grid;gap:1px}.key-value-table.two-columns-top-row,.key-value-table.two-columns{grid-template-columns:30% 1fr}.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell:first-child,.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell-input:first-child{border-bottom-left-radius:4px!important}.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell:last-child,.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell-input:last-child{border-bottom-right-radius:4px!important}.key-value-table.three-columns{grid-template-columns:30% 1fr 32px}.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__cell:first-child,.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__cell-input:first-child{border-bottom-left-radius:4px!important}.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__cell:last-child,.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__row-delete-btn{border-bottom-right-radius:4px}.key-value-table__row{display:contents;height:36px}.key-value-table__cell-input{outline:none;border:none!important;height:36px;width:100%;background:inherit}.key-value-table__cell-input--add{resize:none;border-radius:4px;outline:none}.key-value-table__cell:hover:not(:focus-within):not(.no-hover){outline:1px solid var(--N200)}.key-value-table__cell:focus-within{position:relative;z-index:1;outline:1px solid var(--B500)}.key-value-table__cell--error,.key-value-table__cell--error:focus-within,.key-value-table__cell--error:hover{outline:1px solid var(--R500)}.key-value-table__cell:not(:focus-within):not(:hover)>.key-value-table__error{display:none}.key-value-table__error{position:absolute;top:calc(100% + 4px);left:50%;width:100%;box-shadow:0 2px 4px #0003;transform:translate(-50%);z-index:2}.tab-group{list-style:none}.tab-group__tab{position:relative}.tab-group__tab svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--N700)}.tab-group__tab svg.tab-group__tab__icon *[fill^="#"]{fill:var(--N700)}.tab-group__tab:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:transparent;border-top-left-radius:2px;border-top-right-radius:2px}.tab-group__tab--align-active-border:after{bottom:-1px}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled){color:var(--B500)}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled) svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--B500)}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled) svg.tab-group__tab__icon *[fill^="#"]{fill:var(--B500)}.tab-group__tab--active svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--B500)}.tab-group__tab--active svg.tab-group__tab__icon *[fill^="#"]{fill:var(--B500)}.tab-group__tab--active:after{background-color:var(--B500)}.tab-group__tab__badge{border-radius:10px;min-width:20px}.tab-group__tab__badge--medium{min-width:18px}.tab-group__tab__indicator{width:6px;height:6px;border-radius:100%}.tab-group__tab__description{list-style:none}.tab-group__tab__nav-link.active{color:var(--B500);font-weight:600}.tab-group__tab__nav-link.active svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--B500)}.tab-group__tab__nav-link.active svg.tab-group__tab__icon *[fill^="#"]{fill:var(--B500)}.tab-group__tab__nav-link:not(.active){color:var(--N900)}.tab-group__tab__nav-link:hover:not([aria-disabled=true]){color:var(--B500)}.tab-group__tab:has(.active):after{background-color:var(--B500)}.edit-image-form-field__figure-container{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}.edit-image-form-field__figure-container .edit-image-form-field__figure-container--base-image{grid-column:1/span 12;grid-row:1/span 12}.edit-image-form-field__figure-container .edit-image-form-field__figure-container--edit-image-icon{grid-column:8/span 4;grid-row:8/span 4}.edit-image-form-field__fallback-image{background:#3989d933}.dynamic-data-table{display:grid;gap:1px}.dynamic-data-table.two-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__cell:first-child,.dynamic-data-table.two-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__cell-input:first-child{border-bottom-left-radius:4px!important}.dynamic-data-table.two-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__cell:last-child,.dynamic-data-table.two-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__cell-input:last-child{border-bottom-right-radius:4px!important}.dynamic-data-table.three-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__cell:first-child,.dynamic-data-table.three-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__cell-input:first-child{border-bottom-left-radius:4px!important}.dynamic-data-table.three-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__cell:last-child,.dynamic-data-table.three-columns .dynamic-data-table__row:last-of-type .dynamic-data-table__row-delete-btn{border-bottom-right-radius:4px}.dynamic-data-table__row{display:contents;height:50px}.dynamic-data-table__cell-input{outline:none;border:none!important;height:36px;width:100%;background:inherit}.dynamic-data-table__cell-input--add{resize:none;border-radius:4px;outline:none}.dynamic-data-table__cell .select-picker-borderless-control{padding:8px;gap:4px}.dynamic-data-table__cell:not(:has(.select-picker-borderless-control)) .dynamic-data-table__select-text-area{padding-left:8px}.dynamic-data-table__cell:hover:not(:focus-within):not(.no-hover){outline:1px solid var(--N200)}.dynamic-data-table__cell:focus-within:not(.no-focus){position:relative;z-index:1;outline:1px solid var(--B500)}.dynamic-data-table__cell--error,.dynamic-data-table__cell--error:focus-within:not(.no-focus),.dynamic-data-table__cell--error:hover{outline:1px solid var(--R500)}.dynamic-data-table__cell:not(:focus-within):not(:hover)>.dynamic-data-table__error{display:none}.dynamic-data-table__error{position:absolute;top:calc(100% + 4px);left:50%;width:100%;box-shadow:0 2px 4px #0003;transform:translate(-50%);z-index:2}.drawer{position:absolute;overflow:hidden}.drawer.left,.drawer.right{top:0;bottom:0;width:0;transition:width .2s}.drawer.left.show,.drawer.right.show{min-width:var(--minWidth);width:var(--width);max-width:var(--maxWidth)}.drawer.top,.drawer.bottom{left:0;right:0;height:0;transition:height .2s}.drawer.top.show,.drawer.bottom.show{height:var(--height)}.drawer.right{right:0}.drawer.left{left:0}.drawer.top{top:0}.drawer.bottom{bottom:0}.info-bar-container .info_text .success{background-color:var(--G100)}.info-bar-container .warn{background:var(--Y100);border:solid var(--Y200)}.info-bar-container .warn .warning-icon path:nth-child(2){fill:var(--Y700)}.info-bar-container .info_bar{background-color:var(--B100);border:1px solid var(--B200)}.info-bar-container .error_bar{background-color:var(--R100);border:1px solid var(--R200)}.info-bar-container .question-bar{background-color:var(--V100);border:1px solid var(--V200)}.search-bar:focus,.search-bar:focus-within{outline:none;border:solid 1px var(--B500)!important}.search-bar__input:focus,.search-bar__input:focus-visible{border:none;outline:none}.search-bar__icon{z-index:1;top:50%;left:8px;transform:translateY(-50%)}.search-bar__clear-button{right:0;top:50%;transform:translateY(-50%);z-index:1}.pagination{margin-top:16px;margin-bottom:16px;padding:0}.select{display:flex;align-items:center;position:relative}.select__placeholder{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700);margin-right:8px}.pagination__select-menu{padding:0;list-style:none;overflow:hidden;border:solid 1px var(--N200);border-radius:4px;width:64px;position:absolute;bottom:31px;background-color:var(--white)}.select__button{width:64px;background-color:transparent;border-radius:4px;border:solid 1px var(--N200);padding:5px 10px;text-align:left}.select__item{padding:5px 10px;cursor:pointer}.select__icon{margin-left:18px}.page{margin:0 8px;display:inline-block}.page-number{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700)}.page__button{width:24px;height:24px;border-radius:8px;color:var(--B500);background-color:var(--white);padding:0;user-select:none;border:none}.page__button--icon{background-color:var(--white);color:var(--B500)}.page__button--selected{color:var(--white);background-color:var(--B500)}.page__button:disabled{opacity:.5}.select__item:hover{background-color:var(--N50)}.page__button:hover~:disabled{background-color:var(--B100)}.page__button--selected:hover{color:var(--white);background-color:var(--B500)}@media (min-width: 1024px){.pagination{margin:16px auto}}.markdown{padding:0 20px 20px}.markdown .table-container{width:100%;overflow-x:auto}.markdown table{border-spacing:0;border-collapse:collapse}.markdown table tbody td,.markdown table tbody th,.markdown table thead td,.markdown table thead th{padding:6px 13px;border:1px solid #dfe2e5}.markdown table tbody tr,.markdown table thead tr{height:37px}.markdown table tbody tr:nth-child(2n+3),.markdown table thead tr:nth-child(2n+3){background:#f6f8fa}.markdown table tbody tr:first-child th,.markdown table thead tr:first-child th{text-align:center}.markdown table code{background-color:#1b1f230d}.markdown pre{padding:16px;border:unset;overflow:auto;font-size:85%;line-height:1.45;background-color:#f7f7f7;border-radius:3px}.markdown pre code{display:inline;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;white-space:pre;border:0}.markdown a.anchor{color:var(--N900)}.tab-description .tab-list__tab .tab-hover:hover,.tab-description .tab-list__tab .tab-hover.active{color:var(--B500)}.tab-description .tab-list__tab .tab-hover:hover .edit-yaml-icon path,.tab-description .tab-list__tab .tab-hover.active .edit-yaml-icon path{stroke:var(--B500)}.tab-description .tab-list__tab .tab-hover:hover .terminal-icon path,.tab-description .tab-list__tab .tab-hover.active .terminal-icon path{fill:var(--B500)}.tab-description .tab-list__tab .node-details__active-tab{height:2px;background-color:var(--B500);border-radius:2px 2px 0 0;margin-top:-1px}.cluster__body-details{flex-basis:100%}.cluster__body-details .pencil-icon:hover{color:var(--B500);text-decoration:none}.cluster__body-details .pencil-icon:hover svg path{stroke:var(--B500)}.cluster__body-details .mark-down-editor-container{border-bottom:1px solid var(--N200);border-radius:3px 3px 0 0;font-family:Open Sans,Arial,sans-serif!important;font-size:13px!important;line-height:1.67}.cluster__body-details .mark-down-editor-container .mark-down-editor-preview{background-color:#fff!important}.cluster__body-details .mark-down-editor-container .mark-down-editor-textarea-wrapper{border-radius:3px!important;border:1px solid var(--N200)!important;background-color:var(--N50)!important}.cluster__body-details .mark-down-editor-container .mde-textarea-wrapper{background-color:#fff!important;padding:10px!important}.cluster__body-details .mark-down-editor-container .mark-down-editor-toolbar{justify-content:space-between!important;padding-left:16px!important;padding-right:16px!important;background-color:#fff!important}.cluster__body-details .mark-down-editor-container .mde-header{height:36px!important}.cluster__body-details .mark-down-editor-container .mde-header .mde-tabs{height:inherit!important}.cluster__body-details .mark-down-editor-container .mde-header .mde-tabs button{padding-left:0!important;padding-right:0!important;margin:0 16px 0 0!important;padding-top:4px!important}.cluster__body-details .mark-down-editor-container .mde-header .mde-tabs .active-tab{border-bottom:2px solid var(--B500)!important;border-radius:0!important}.cluster__body-details .mark-down-editor-container .mde-header ul.mde-header-group{height:inherit!important;display:flex!important;justify-content:center!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important}.cluster__body-details .mark-down-editor-container .mde-header ul.mde-header-group .mde-header-item button{padding:10px 4px!important;height:inherit!important}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content{padding:0!important}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content a.anchor{color:var(--N900)}.cluster__body-details .mark-down-editor-container .mark-down-editor__hidden{display:none!important}.cluster__body-details .mark-down-editor__no-border{border:0px}.cluster__body-details .cluster__description-footer{border-radius:0 0 3px 3px;border:1px solid var(--N200);border-top:0px}.cluster__description-footer{border-radius:0 0 3px 3px;border:1px solid var(--N200)}.create-app-description{border-bottom:1px solid var(--N200)!important;border-radius:3px!important}
|