@devtron-labs/devtron-fe-common-lib 1.3.11 → 1.4.0-beta-1
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-rPJFOe5y.js → @code-editor-DKwWMrM8.js} +5490 -5391
- package/dist/{@common-rjsf-BAGSeimh.js → @common-rjsf-Dkh3jTCW.js} +2 -2
- package/dist/{@framer-motion-BxQTtYmm.js → @framer-motion-CdgdF0KV.js} +1 -1
- package/dist/{@react-dates-M_eJUVeH.js → @react-dates-CtQV2TLr.js} +1 -1
- package/dist/{@react-select-CywptBlV.js → @react-select-Cn3OpC9h.js} +1 -1
- package/dist/@react-virtualized-sticky-tree-CVJYfMx0.js +452 -0
- package/dist/{@vendor-QI4m26H1.js → @vendor-CwAQS8iU.js} +5895 -5492
- package/dist/Common/CodeEditor/CodeEditor.reducer.d.ts +13 -1
- package/dist/Common/CodeEditor/types.d.ts +4 -2
- package/dist/Common/Constants.d.ts +1 -0
- package/dist/Shared/Components/DynamicDataTable/types.d.ts +2 -2
- package/dist/Shared/Components/SelectPicker/SelectPickerTextArea.component.d.ts +1 -1
- package/dist/Shared/Components/SelectPicker/common.d.ts +3 -6
- package/dist/Shared/Components/SelectPicker/type.d.ts +6 -2
- package/dist/Shared/Components/VirtualizedList/VirtualizedList.component.d.ts +2 -0
- package/dist/Shared/Components/VirtualizedList/VirtualizedList.constants.d.ts +2 -0
- package/dist/Shared/Components/VirtualizedList/VirtualizedList.types.d.ts +36 -0
- package/dist/Shared/Components/VirtualizedList/index.d.ts +2 -0
- package/dist/Shared/Components/index.d.ts +1 -0
- package/dist/Shared/Hooks/useGetResourceKindsOptions/types.d.ts +1 -0
- package/dist/Shared/Services/types.d.ts +4 -0
- package/dist/assets/@code-editor.css +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +273 -272
- package/package.json +6 -1
@@ -5,24 +5,35 @@ export declare const CodeEditorReducer: (state: CodeEditorState, action: Action)
|
|
5
5
|
diffMode: boolean;
|
6
6
|
theme: CodeEditorThemesKeys;
|
7
7
|
code: string;
|
8
|
+
defaultCode: string;
|
8
9
|
noParsing: boolean;
|
9
10
|
} | {
|
10
11
|
diffMode: any;
|
11
12
|
mode: MODES;
|
12
13
|
theme: CodeEditorThemesKeys;
|
13
14
|
code: string;
|
15
|
+
defaultCode: string;
|
14
16
|
noParsing: boolean;
|
15
17
|
} | {
|
16
18
|
theme: any;
|
17
19
|
mode: MODES;
|
18
20
|
diffMode: boolean;
|
19
21
|
code: string;
|
22
|
+
defaultCode: string;
|
20
23
|
noParsing: boolean;
|
21
24
|
} | {
|
22
25
|
code: any;
|
23
26
|
mode: MODES;
|
24
27
|
diffMode: boolean;
|
25
28
|
theme: CodeEditorThemesKeys;
|
29
|
+
defaultCode: string;
|
30
|
+
noParsing: boolean;
|
31
|
+
} | {
|
32
|
+
defaultCode: any;
|
33
|
+
mode: MODES;
|
34
|
+
diffMode: boolean;
|
35
|
+
theme: CodeEditorThemesKeys;
|
36
|
+
code: string;
|
26
37
|
noParsing: boolean;
|
27
38
|
} | {
|
28
39
|
height: any;
|
@@ -30,7 +41,8 @@ export declare const CodeEditorReducer: (state: CodeEditorState, action: Action)
|
|
30
41
|
diffMode: boolean;
|
31
42
|
theme: CodeEditorThemesKeys;
|
32
43
|
code: string;
|
44
|
+
defaultCode: string;
|
33
45
|
noParsing: boolean;
|
34
46
|
};
|
35
47
|
export declare const parseValueToCode: (value: string, mode: string, tabSize: number) => string;
|
36
|
-
export declare const initialState: ({ mode, theme, value, diffView, noParsing, tabSize, }: CodeEditorInitialValueType) => CodeEditorState;
|
48
|
+
export declare const initialState: ({ mode, theme, value, defaultValue, diffView, noParsing, tabSize, }: CodeEditorInitialValueType) => CodeEditorState;
|
@@ -8,7 +8,7 @@ interface CodeEditorBaseInterface {
|
|
8
8
|
value?: string;
|
9
9
|
lineDecorationsWidth?: number;
|
10
10
|
responseType?: string;
|
11
|
-
onChange?: (string:
|
11
|
+
onChange?: (value: string, defaultValue: string) => void;
|
12
12
|
onBlur?: () => void;
|
13
13
|
onFocus?: () => void;
|
14
14
|
children?: any;
|
@@ -63,7 +63,7 @@ export interface CodeEditorHeaderComposition {
|
|
63
63
|
ValidationError?: React.FC<any>;
|
64
64
|
Clipboard?: React.FC<any>;
|
65
65
|
}
|
66
|
-
export type ActionTypes = 'changeLanguage' | 'setDiff' | 'setTheme' | 'setCode' | 'setHeight';
|
66
|
+
export type ActionTypes = 'changeLanguage' | 'setDiff' | 'setTheme' | 'setCode' | 'setDefaultCode' | 'setHeight';
|
67
67
|
export interface Action {
|
68
68
|
type: ActionTypes;
|
69
69
|
value: any;
|
@@ -80,6 +80,7 @@ export interface CodeEditorInitialValueType {
|
|
80
80
|
diffView: boolean;
|
81
81
|
theme?: string;
|
82
82
|
value: string;
|
83
|
+
defaultValue: string;
|
83
84
|
noParsing?: boolean;
|
84
85
|
tabSize: number;
|
85
86
|
}
|
@@ -88,6 +89,7 @@ export interface CodeEditorState {
|
|
88
89
|
diffMode: boolean;
|
89
90
|
theme: CodeEditorThemesKeys;
|
90
91
|
code: string;
|
92
|
+
defaultCode: string;
|
91
93
|
noParsing: boolean;
|
92
94
|
}
|
93
95
|
export declare enum CodeEditorActionTypes {
|
@@ -30,9 +30,9 @@ export declare enum DynamicDataTableRowDataType {
|
|
30
30
|
FILE_UPLOAD = "file-upload"
|
31
31
|
}
|
32
32
|
export type DynamicDataTableCellPropsMap = {
|
33
|
-
[DynamicDataTableRowDataType.TEXT]: Omit<ResizableTagTextAreaProps, 'id' | 'className' | 'minHeight' | 'maxHeight' | 'value' | 'onChange' | 'disabled' | 'disableOnBlurResizeToMinHeight' | 'refVar' | 'dependentRef'>;
|
33
|
+
[DynamicDataTableRowDataType.TEXT]: Omit<ResizableTagTextAreaProps, 'id' | 'className' | 'minHeight' | 'maxHeight' | 'value' | 'onChange' | 'disabled' | 'disableOnBlurResizeToMinHeight' | 'refVar' | 'dependentRef' | 'dependentRefs'>;
|
34
34
|
[DynamicDataTableRowDataType.DROPDOWN]: Omit<SelectPickerProps<string, false>, 'inputId' | 'value' | 'onChange' | 'fullWidth' | 'isDisabled'>;
|
35
|
-
[DynamicDataTableRowDataType.SELECT_TEXT]: Omit<SelectPickerTextAreaProps, 'inputId' | 'value' | 'onChange' | 'fullWidth' | 'isDisabled' | 'variant' | 'formatCreateLabel'>;
|
35
|
+
[DynamicDataTableRowDataType.SELECT_TEXT]: Omit<SelectPickerTextAreaProps, 'inputId' | 'value' | 'onChange' | 'fullWidth' | 'isDisabled' | 'variant' | 'formatCreateLabel' | 'minHeight' | 'maxHeight' | 'refVar' | 'dependentRefs'>;
|
36
36
|
[DynamicDataTableRowDataType.BUTTON]: Pick<DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'onClick'> & {
|
37
37
|
icon?: ReactNode;
|
38
38
|
text: string;
|
@@ -1,2 +1,2 @@
|
|
1
1
|
import { SelectPickerTextAreaProps } from './type';
|
2
|
-
export declare const SelectPickerTextArea: ({ value, options, isCreatable, onChange, ...props }: SelectPickerTextAreaProps) => JSX.Element;
|
2
|
+
export declare const SelectPickerTextArea: ({ value, options, isCreatable, onChange, minHeight, maxHeight, refVar, dependentRefs, ...props }: SelectPickerTextAreaProps) => JSX.Element;
|
@@ -1,13 +1,10 @@
|
|
1
|
-
import { DropdownIndicatorProps, ControlProps, OptionProps, ClearIndicatorProps, ValueContainerProps, MenuListProps, MultiValueRemoveProps, MultiValueProps, InputProps
|
1
|
+
import { DropdownIndicatorProps, ControlProps, OptionProps, ClearIndicatorProps, ValueContainerProps, MenuListProps, MultiValueRemoveProps, MultiValueProps, InputProps } from 'react-select';
|
2
2
|
import { SelectPickerGroupHeadingProps, SelectPickerOptionType, SelectPickerProps } from './type';
|
3
|
-
export declare const SelectPickerIndicatorsContainer: <OptionValue>({ className, ...props }: IndicatorsContainerProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
|
4
3
|
export declare const SelectPickerDropdownIndicator: <OptionValue>(props: DropdownIndicatorProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
|
5
|
-
export declare const SelectPickerClearIndicator: <OptionValue>(
|
4
|
+
export declare const SelectPickerClearIndicator: <OptionValue>(props: ClearIndicatorProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
|
6
5
|
export declare const SelectPickerControl: <OptionValue>(props: ControlProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
|
7
6
|
export declare const SelectPickerInput: <OptionValue>(props: InputProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
|
8
|
-
export declare const SelectPickerValueContainer: <OptionValue, IsMulti extends boolean>({ showSelectedOptionsCount, customSelectedOptionsCount,
|
9
|
-
isFocussed: boolean;
|
10
|
-
}) => JSX.Element;
|
7
|
+
export declare const SelectPickerValueContainer: <OptionValue, IsMulti extends boolean>({ showSelectedOptionsCount, customSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "showSelectedOptionsCount" | "customSelectedOptionsCount">) => JSX.Element;
|
11
8
|
export declare const SelectPickerLoadingIndicator: () => JSX.Element;
|
12
9
|
export declare const SelectPickerOption: <OptionValue, IsMulti extends boolean>({ disableDescriptionEllipsis, ...props }: OptionProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "disableDescriptionEllipsis">) => JSX.Element;
|
13
10
|
export declare const SelectPickerMenuList: <OptionValue>(props: MenuListProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
|
@@ -5,6 +5,7 @@ import { MutableRefObject, ReactElement, ReactNode } from 'react';
|
|
5
5
|
import { GroupBase, GroupHeadingProps, Props as ReactSelectProps, SelectInstance } from 'react-select';
|
6
6
|
import { CreatableProps } from 'react-select/creatable';
|
7
7
|
import { TooltipProps } from '@Common/Tooltip/types';
|
8
|
+
import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
|
8
9
|
export interface SelectPickerOptionType<OptionValue = string | number> extends OptionType<OptionValue, ReactNode> {
|
9
10
|
/**
|
10
11
|
* Description to be displayed for the option
|
@@ -68,6 +69,10 @@ declare module 'react-select/base' {
|
|
68
69
|
* @default false
|
69
70
|
*/
|
70
71
|
shouldRenderTextArea?: boolean;
|
72
|
+
/**
|
73
|
+
* Custom prop for the value container for focussed state
|
74
|
+
*/
|
75
|
+
isFocussed?: boolean;
|
71
76
|
}
|
72
77
|
}
|
73
78
|
export declare enum SelectPickerVariantType {
|
@@ -199,6 +204,5 @@ export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps
|
|
199
204
|
appliedFilterOptions: SelectPickerOptionType[];
|
200
205
|
handleApplyFilter: (filtersToApply: SelectPickerOptionType<number | string>[]) => void;
|
201
206
|
}
|
202
|
-
export
|
203
|
-
}
|
207
|
+
export type SelectPickerTextAreaProps = Omit<SelectPickerProps<string, false>, 'selectRef' | 'inputValue' | 'onInputChange' | 'controlShouldRenderValue' | 'onKeyDown' | 'onCreateOption' | 'shouldRenderTextArea'> & Pick<ResizableTagTextAreaProps, 'maxHeight' | 'minHeight' | 'refVar' | 'dependentRefs'>;
|
204
208
|
export {};
|
@@ -0,0 +1,36 @@
|
|
1
|
+
import { AutoSizedStickyTreeProps, StickyTreeRowRenderer } from 'react-virtualized-sticky-tree';
|
2
|
+
/**
|
3
|
+
* Represents a virtualized list item.
|
4
|
+
*
|
5
|
+
* @template ListKeys - The type of the keys used to identify list items (e.g., `string` or `number`).
|
6
|
+
* @template ExtendedType - An optional type to extend the base item structure with additional fields.
|
7
|
+
*/
|
8
|
+
export type VirtualizedListItem<ListKeys, ExtendedType = {}> = ExtendedType & {
|
9
|
+
/** The unique identifier of the item. */
|
10
|
+
id: string | number;
|
11
|
+
/** The height of the item. (in pixels) */
|
12
|
+
height: number;
|
13
|
+
/** The depth level of the item in the hierarchical structure. */
|
14
|
+
depth: number;
|
15
|
+
/** An optional array of child item keys. */
|
16
|
+
children?: ListKeys[];
|
17
|
+
};
|
18
|
+
/**
|
19
|
+
* Props for the VirtualizedList component, which supports a virtualized tree-like structure.
|
20
|
+
*
|
21
|
+
* @template ListKeys - The type of the keys used to identify list items (e.g., `string` or `number`).
|
22
|
+
* @template ExtendedType - An optional type to extend the base item structure with additional fields.
|
23
|
+
*/
|
24
|
+
export interface VirtualizedListProps<ListKeys extends string | number, ExtendedType extends object = {}> extends Omit<AutoSizedStickyTreeProps<VirtualizedListItem<ListKeys, ExtendedType>>, 'root' | 'renderRoot' | 'rowRenderer' | 'getChildren'> {
|
25
|
+
/**
|
26
|
+
* A dictionary of items keyed by their unique identifiers.
|
27
|
+
*/
|
28
|
+
items: Record<ListKeys, VirtualizedListItem<ListKeys, ExtendedType>>;
|
29
|
+
/**
|
30
|
+
* A function that renders an individual list item.
|
31
|
+
*
|
32
|
+
* @param params - An object containing the node and nodeInfo to render.
|
33
|
+
* @returns A React node representing the rendered item.
|
34
|
+
*/
|
35
|
+
renderItem: (params: Pick<Parameters<StickyTreeRowRenderer<VirtualizedListItem<ListKeys, ExtendedType>>>['0'], 'node' | 'nodeInfo'>) => React.ReactNode;
|
36
|
+
}
|
@@ -17,6 +17,7 @@ export interface ClusterDTO {
|
|
17
17
|
id: number;
|
18
18
|
cluster_name: string;
|
19
19
|
isVirtualCluster: boolean;
|
20
|
+
isProd: boolean;
|
20
21
|
}
|
21
22
|
export interface UseGetResourceKindsOptionsProps {
|
22
23
|
resourcesToFetch: Extract<ResourceKindType, ResourceKindType.devtronApplication | ResourceKindType.project | ResourceKindType.cluster | ResourceKindType.environment>[];
|
@@ -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}.build-infra-unit-select__control{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.build-infra-unit-select__menu{min-width:80px!important}.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)}.dc__toggle-square-toggle--h20 .toggle__slider.with-icon svg{height:18px;width:18px;padding:2px}.dc__toggle-square-toggle--h20 input:checked+.toggle__slider.with-icon svg{left:-10px}.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}.file-upload__remove-file button{border-radius:0}.dynamic-data-table{display:grid;gap:1px}.dynamic-data-table__row:last-of-type .dynamic-data-table__cell:first-child,.dynamic-data-table__row:last-of-type .dynamic-data-table__cell-input:first-child{border-bottom-left-radius:4px!important}.dynamic-data-table.header-column .dynamic-data-table__row:last-of-type .dynamic-data-table__cell:last-child,.dynamic-data-table.header-column .dynamic-data-table__row:last-of-type .dynamic-data-table__cell-input:last-child{border-bottom-right-radius:4px!important}.dynamic-data-table.row-column .dynamic-data-table__row:last-of-type .dynamic-data-table__cell:last-child,.dynamic-data-table.row-column .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__row-delete-btn>div{height:100%;width:100%}.dynamic-data-table__row-delete-btn>div>button{padding:9px 8px;width:100%;height:100%;border-radius:0;align-items:flex-start}.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__control{gap:6px!important;padding:8px!important;max-height:160px!important}.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__cell:focus-within>.dynamic-data-table__error.no-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}.hide-button-text .button :nth-child(2){visibility:hidden}.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}.build-infra-unit-select__control{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.build-infra-unit-select__menu{min-width:80px!important}.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)}.dc__toggle-square-toggle--h20 .toggle__slider.with-icon svg{height:18px;width:18px;padding:2px}.dc__toggle-square-toggle--h20 input:checked+.toggle__slider.with-icon svg{left:-10px}.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}.file-upload__remove-file button{border-radius:0}.dynamic-data-table{display:grid;gap:1px}.dynamic-data-table__row:last-of-type .dynamic-data-table__cell:first-child,.dynamic-data-table__row:last-of-type .dynamic-data-table__cell-input:first-child{border-bottom-left-radius:4px!important}.dynamic-data-table.header-column .dynamic-data-table__row:last-of-type .dynamic-data-table__cell:last-child,.dynamic-data-table.header-column .dynamic-data-table__row:last-of-type .dynamic-data-table__cell-input:last-child{border-bottom-right-radius:4px!important}.dynamic-data-table.row-column .dynamic-data-table__row:last-of-type .dynamic-data-table__cell:last-child,.dynamic-data-table.row-column .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__row-delete-btn>div{height:100%;width:100%}.dynamic-data-table__row-delete-btn>div>button{padding:9px 8px;width:100%;height:100%;border-radius:0;align-items:flex-start}.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__control{gap:6px!important;padding:8px!important;max-height:160px!important}.dynamic-data-table__cell__select-picker-text-area__control{padding:0!important;max-height:160px!important}.dynamic-data-table__cell__select-picker-text-area__placeholder{align-self:start;padding:8px 50px 8px 8px}.dynamic-data-table__cell__select-picker-text-area__indicators{position:absolute;top:10px;right:8px}.dynamic-data-table__cell__select-picker-text-area__input-container{display:flex!important;width:100%}.dynamic-data-table__cell__select-picker-text-area__input-container:after{content:none!important}.dynamic-data-table__cell__select-picker-text-area__input{flex-grow:1;padding:8px 50px 8px 8px!important}.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__cell:focus-within>.dynamic-data-table__error.no-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}.hide-button-text .button :nth-child(2){visibility:hidden}.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}
|
package/dist/index.d.ts
CHANGED
@@ -63,7 +63,6 @@ export interface customEnv {
|
|
63
63
|
FEATURE_SCOPED_VARIABLE_ENVIRONMENT_LIST_ENABLE?: boolean;
|
64
64
|
HIDE_NETWORK_STATUS_INTERFACE?: boolean;
|
65
65
|
SYSTEM_CONTROLLER_LISTING_TIMEOUT?: number;
|
66
|
-
FEATURE_STEP_WISE_LOGS_ENABLE?: boolean;
|
67
66
|
FEATURE_IMAGE_PROMOTION_ENABLE?: boolean;
|
68
67
|
FEATURE_CD_MANDATORY_PLUGINS_ENABLE?: boolean;
|
69
68
|
/**
|
@@ -76,6 +75,7 @@ export interface customEnv {
|
|
76
75
|
FEATURE_PROMO_EMBEDDED_BUTTON_TEXT?: string;
|
77
76
|
FEATURE_PROMO_EMBEDDED_MODAL_TITLE?: string;
|
78
77
|
FEATURE_PROMO_EMBEDDED_IFRAME_URL?: string;
|
78
|
+
FEATURE_SWAP_TRAFFIC_ENABLE?: boolean;
|
79
79
|
FEATURE_BULK_RESTART_WORKLOADS_FROM_RB: string;
|
80
80
|
FEATURE_RB_SYNC_CLUSTER_ENABLE?: boolean;
|
81
81
|
FEATURE_DEFAULT_MERGE_STRATEGY?: OverrideMergeStrategyType;
|