@devtron-labs/devtron-fe-common-lib 1.5.2-beta-2 → 1.5.3-beta-2

package/dist/Common/CodeEditor/CodeEditor.d.ts

@@ -1,10 +1,4 @@
-import { CodeEditorProps } from './types';
-declare const CodeEditor: {
-    <DiffView extends boolean = false>({ value: propValue, originalValue, modifiedValue, isOriginalModifiable, mode, noParsing, children, tabSize, height, shebang, onChange, onOriginalValueChange, onModifiedValueChange, readOnly, placeholder, diffView, loading, customLoader, validatorSchema, schemaURI, cleanData, onBlur, onFocus, autoFocus, disableSearch, }: CodeEditorProps<DiffView>): JSX.Element;
-    Clipboard: () => JSX.Element;
-    Header: ({ children, className, hideDefaultSplitHeader }: import('./types').CodeEditorHeaderProps) => JSX.Element;
-    Warning: ({ className, text, children }: import('./types').CodeEditorStatusBarProps) => JSX.Element;
-    ErrorBar: ({ className, text, children }: import('./types').CodeEditorStatusBarProps) => JSX.Element;
-    Information: ({ className, children, text }: import('./types').CodeEditorStatusBarProps) => JSX.Element;
-};
+import { default as React } from 'react';
+import { CodeEditorComposition, CodeEditorInterface } from './types';
+declare const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition;
 export default CodeEditor;

package/dist/Common/CodeEditor/CodeEditor.reducer.d.ts

@@ -1,4 +1,48 @@
-import { CodeEditorAction, CodeEditorInitialValueType, CodeEditorState } from './types';
-export declare const CodeEditorReducer: (state: CodeEditorState, action: CodeEditorAction) => CodeEditorState;
+import { MODES } from '../Constants';
+import { Action, CodeEditorInitialValueType, CodeEditorState } from './types';
+export declare const CodeEditorReducer: (state: CodeEditorState, action: Action) => {
+    mode: any;
+    diffMode: boolean;
+    theme: import('./types').CodeEditorThemesKeys;
+    code: string;
+    defaultCode: string;
+    noParsing: boolean;
+} | {
+    diffMode: any;
+    mode: MODES;
+    theme: import('./types').CodeEditorThemesKeys;
+    code: string;
+    defaultCode: string;
+    noParsing: boolean;
+} | {
+    theme: any;
+    mode: MODES;
+    diffMode: boolean;
+    code: string;
+    defaultCode: string;
+    noParsing: boolean;
+} | {
+    code: any;
+    mode: MODES;
+    diffMode: boolean;
+    theme: import('./types').CodeEditorThemesKeys;
+    defaultCode: string;
+    noParsing: boolean;
+} | {
+    defaultCode: any;
+    mode: MODES;
+    diffMode: boolean;
+    theme: import('./types').CodeEditorThemesKeys;
+    code: string;
+    noParsing: boolean;
+} | {
+    height: any;
+    mode: MODES;
+    diffMode: boolean;
+    theme: import('./types').CodeEditorThemesKeys;
+    code: string;
+    defaultCode: string;
+    noParsing: boolean;
+};
 export declare const parseValueToCode: (value: string, mode: string, tabSize: number) => string;
-export declare const initialState: ({ mode, value, lhsValue, diffView, noParsing, tabSize, }: CodeEditorInitialValueType) => CodeEditorState;
+export declare const initialState: ({ mode, theme, value, defaultValue, diffView, noParsing, tabSize, appTheme, }: CodeEditorInitialValueType) => CodeEditorState;

package/dist/Common/CodeEditor/index.d.ts

@@ -1,2 +1,2 @@
 export { default as CodeEditor } from './CodeEditor';
-export type { CodeEditorProps } from './types';
+export * from './types';

package/dist/Common/CodeEditor/types.d.ts

@@ -1,88 +1,100 @@
-import { Dispatch, ReactNode } from 'react';
-import { JSONSchema7 } from 'json-schema';
-import { EditorView, ReactCodeMirrorProps } from '@uiw/react-codemirror';
-import { SearchQuery } from '@codemirror/search';
+import { AppThemeType } from '../../Shared/Providers';
 import { MODES } from '../Constants';
-import { Never } from '../../Shared/types';
-export interface CodeEditorStatusBarProps {
+export interface InformationBarProps {
     text: string;
     className?: string;
-    children?: ReactNode;
+    children?: React.ReactNode;
 }
-export interface CodeEditorHeaderProps {
-    className?: string;
-    hideDefaultSplitHeader?: boolean;
-    children?: ReactNode;
+export declare enum CodeEditorThemesKeys {
+    vsDarkDT = "vs-dark--dt",
+    vs = "vs",
+    networkStatusInterface = "network-status-interface"
 }
-type CodeEditorPropsBasedOnDiffView<DiffView extends boolean> = DiffView extends true ? {
-    onOriginalValueChange?: (originalValue: string) => void;
-    onModifiedValueChange?: (modifiedValue: string) => void;
-    originalValue?: ReactCodeMirrorProps['value'];
-    modifiedValue?: ReactCodeMirrorProps['value'];
-    isOriginalModifiable?: boolean;
-    value?: never;
-    onChange?: never;
-    shebang?: never;
-    validatorSchema?: never;
-    schemaURI?: never;
-} & Never<Pick<ReactCodeMirrorProps, 'onBlur' | 'onFocus' | 'autoFocus'>> : {
-    value?: ReactCodeMirrorProps['value'];
-    onChange?: (value: string) => void;
-    shebang?: string | JSX.Element;
-    validatorSchema?: JSONSchema7;
-    schemaURI?: string;
-    originalValue?: never;
-    modifiedValue?: never;
-    onOriginalValueChange?: never;
-    onModifiedValueChange?: never;
-    isOriginalModifiable?: never;
-} & Pick<ReactCodeMirrorProps, 'onBlur' | 'onFocus' | 'autoFocus'>;
-export type CodeEditorProps<DiffView extends boolean = false> = {
-    /**
-     * @default 450
-     */
-    height?: 'auto' | '100%' | 'fitToParent' | number;
-    children?: ReactNode;
-    mode?: MODES;
+interface CodeEditorBaseInterface {
+    value?: string;
+    lineDecorationsWidth?: number;
+    responseType?: string;
+    onChange?: (value: string, defaultValue: string) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    children?: any;
+    defaultValue?: string;
+    mode?: MODES | string;
     tabSize?: number;
     readOnly?: boolean;
-    placeholder?: string;
     noParsing?: boolean;
+    inline?: boolean;
+    shebang?: string | JSX.Element;
+    diffView?: boolean;
     loading?: boolean;
     customLoader?: JSX.Element;
+    theme?: CodeEditorThemesKeys;
+    original?: string;
+    focus?: boolean;
+    validatorSchema?: any;
+    isKubernetes?: boolean;
     cleanData?: boolean;
+    schemaURI?: string;
     /**
-     * If true, disables the in-built search
+     * If true, disable the in-built search of monaco editor
      * @default false
      */
     disableSearch?: boolean;
-    diffView?: DiffView;
-} & CodeEditorPropsBasedOnDiffView<DiffView>;
-export type HoverTexts = {
-    message: string;
-    typeInfo: string;
-};
-export type FindReplaceQuery = Partial<Pick<SearchQuery, 'search' | 'wholeWord' | 'regexp' | 'replace' | 'caseSensitive'>>;
-export interface FindReplaceProps {
-    view: EditorView;
-    defaultQuery: SearchQuery;
 }
-export type CodeEditorActionTypes = 'setDiff' | 'setCode' | 'setLhsCode';
-export interface CodeEditorAction {
-    type: CodeEditorActionTypes;
+export type CodeEditorInterface = CodeEditorBaseInterface & ({
+    adjustEditorHeightToContent?: boolean;
+    height?: never;
+} | {
+    adjustEditorHeightToContent?: never;
+    height?: number | string;
+});
+export interface CodeEditorHeaderInterface {
+    children?: any;
+    className?: string;
+    hideDefaultSplitHeader?: boolean;
+}
+export interface CodeEditorComposition {
+    Header?: React.FC<any>;
+    LanguageChanger?: React.FC<any>;
+    ThemeChanger?: React.FC<any>;
+    ValidationError?: React.FC<any>;
+    Clipboard?: React.FC<any>;
+    Warning?: React.FC<InformationBarProps>;
+    ErrorBar?: React.FC<InformationBarProps>;
+    Information?: React.FC<InformationBarProps>;
+}
+export interface CodeEditorHeaderComposition {
+    LanguageChanger?: React.FC<any>;
+    ThemeChanger?: React.FC<any>;
+    ValidationError?: React.FC<any>;
+    Clipboard?: React.FC<any>;
+}
+export type ActionTypes = 'changeLanguage' | 'setDiff' | 'setTheme' | 'setCode' | 'setDefaultCode' | 'setHeight';
+export interface Action {
+    type: ActionTypes;
     value: any;
 }
-export interface CodeEditorInitialValueType extends Pick<CodeEditorProps, 'value' | 'noParsing' | 'tabSize' | 'mode'> {
-    lhsValue: string;
+export interface CodeEditorInitialValueType extends Pick<CodeEditorBaseInterface, 'theme'> {
+    mode: string;
     diffView: boolean;
+    value: string;
+    defaultValue: string;
+    noParsing?: boolean;
+    tabSize: number;
+    appTheme: AppThemeType;
 }
-export interface CodeEditorState extends Pick<CodeEditorProps, 'noParsing'> {
-    code: string;
-    lhsCode: string;
+export interface CodeEditorState {
+    mode: MODES;
     diffMode: boolean;
+    theme: CodeEditorThemesKeys;
+    code: string;
+    defaultCode: string;
+    noParsing: boolean;
 }
-export interface CodeEditorContextProps extends Pick<CodeEditorProps, 'readOnly' | 'height'> {
-    state: CodeEditorState;
-    dispatch: Dispatch<CodeEditorAction>;
+export declare enum CodeEditorActionTypes {
+    reInit = "reInit",
+    submitLoading = "submitLoading",
+    overrideLoading = "overrideLoading",
+    success = "success"
 }
 export {};

package/dist/Common/CodeEditor/utils.d.ts

@@ -1,9 +1,3 @@
-import { CodeEditorProps, HoverTexts } from './types';
-export declare const getCodeEditorHeight: (height: CodeEditorProps["height"]) => {
-    codeEditorParentClassName: string;
-    codeEditorClassName: string;
-    codeEditorHeight: string;
-};
-export declare const getFoldGutterElement: (open: any) => HTMLSpanElement;
-export declare const getHoverElement: (schemaURI: CodeEditorProps["schemaURI"]) => (data: HoverTexts) => HTMLDivElement;
-export declare const getReadOnlyElement: () => HTMLDivElement;
+import { AppThemeType } from '../../Shared/Providers';
+import { CodeEditorInterface } from './types';
+export declare const getCodeEditorThemeFromAppTheme: (editorTheme: CodeEditorInterface["theme"], appTheme: AppThemeType) => CodeEditorInterface["theme"];

package/dist/Shared/Components/Button/constants.d.ts

@@ -1,7 +1,6 @@
-import { ComponentSizeType } from '../../constants';
 import { ProgressingProps } from '../../../Common/Types';
 import { ButtonProps } from './types';
-export declare const BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<Exclude<ButtonProps['size'], ComponentSizeType.xxs>, string>;
+export declare const BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
 export declare const ICON_BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
-export declare const BUTTON_SIZE_TO_ICON_SIZE_MAP: Record<Exclude<ButtonProps['size'], ComponentSizeType.xxs>, ProgressingProps['size']>;
+export declare const BUTTON_SIZE_TO_ICON_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;
 export declare const ICON_BUTTON_SIZE_TO_ICON_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;

package/dist/Shared/Components/Button/utils.d.ts

@@ -1,4 +1,4 @@
 import { ButtonProps } from './types';
 export declare const getButtonIconClassName: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => string;
-export declare const getButtonLoaderSize: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => any;
+export declare const getButtonLoaderSize: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => number;
 export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, icon, }: Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon">) => string;

package/dist/Shared/Components/Collapse/Collapse.d.ts

@@ -1,6 +1,7 @@
 import { CollapseProps } from './types';
 /**
  * Collapse component for smoothly expanding or collapsing its content.
+ * Dynamically calculates the content height and applies smooth transitions.
  * It also supports a callback when the transition ends.
  */
 export declare const Collapse: ({ expand, onTransitionEnd, children }: CollapseProps) => JSX.Element;

package/dist/Shared/Components/ScannedByToolModal/types.d.ts

@@ -1,5 +1,6 @@
 export interface ScannedByToolModalProps {
-    scanToolId?: number;
+    scanToolName: string;
+    scanToolUrl: string;
     fontSize?: number;
     spacingBetweenTextAndIcon?: number;
 }

package/dist/Shared/Components/Security/SecurityModal/config/CodeScan.d.ts

@@ -47,7 +47,7 @@ export declare const getCodeScanLicense: (data: CodeScan["license"]) => {
     }[];
     defaultSortIndex: number;
 };
-export declare const getCodeScanMisconfigurations: (data: CodeScan["misConfigurations"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"], lastScanTimeString: string, status: StatusType["status"], scanToolName: StatusType["scanToolName"]) => {
+export declare const getCodeScanMisconfigurations: (data: CodeScan["misConfigurations"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"], lastScanTimeString: string, status: StatusType["status"], scanToolName: StatusType["scanToolName"], scanToolUrl: StatusType["scanToolUrl"]) => {
     headers: ({
         headerText: string;
         isSortable: boolean;
@@ -71,7 +71,7 @@ export declare const getCodeScanMisconfigurations: (data: CodeScan["misConfigura
         })[];
     }[];
 };
-export declare const getCodeScanExposedSecrets: (data: CodeScan["exposedSecrets"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"], lastScanTimeString: string, status: StatusType["status"], scanToolName: StatusType["scanToolName"]) => {
+export declare const getCodeScanExposedSecrets: (data: CodeScan["exposedSecrets"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"], lastScanTimeString: string, status: StatusType["status"], scanToolName: StatusType["scanToolName"], scanToolUrl: StatusType["scanToolUrl"]) => {
     headers: ({
         headerText: string;
         isSortable: boolean;

package/dist/Shared/Components/Security/SecurityModal/config/Sidebar.d.ts

@@ -1,2 +1,3 @@
-import { SidebarDataType, SidebarPropsType } from '../types';
-export declare const getSidebarData: (categoriesConfig: SidebarPropsType["categoriesConfig"]) => SidebarDataType[];
+import { ScanCategoriesWithLicense } from '../../types';
+import { SidebarDataType } from '../types';
+export declare const getSidebarData: (categoriesConfig: Record<ScanCategoriesWithLicense, boolean>) => SidebarDataType[];

package/dist/Shared/Components/Security/SecurityModal/constants.d.ts

@@ -1,10 +1,11 @@
-import { SeveritiesDTO, SortOrderEnum, EmptyStateType, StatusType, SidebarPropsType, SecurityModalStateType } from './types';
+import { SeveritiesDTO, SortOrderEnum, EmptyStateType, SecurityModalStateType } from './types';
+import { ScanCategoriesWithLicense } from '../types';
 export declare const DEFAULT_SECURITY_MODAL_IMAGE_STATE: {
     category: "imageScan";
     subCategory: "vulnerability";
     detailViewData: any;
 };
-export declare const getDefaultSecurityModalState: (categoriesConfig: SidebarPropsType["categoriesConfig"]) => SecurityModalStateType;
+export declare const getDefaultSecurityModalState: (categoriesConfig: Record<ScanCategoriesWithLicense, boolean>) => SecurityModalStateType;
 export declare const CATEGORY_LABELS: {
     readonly IMAGE_SCAN: "Image Scan";
     readonly CODE_SCAN: "Code Scan";
@@ -54,4 +55,4 @@ export declare const ORDERED_SEVERITY_KEYS: readonly [SeveritiesDTO.CRITICAL, Se
 export declare const SEVERITY_DEFAULT_SORT_ORDER = SortOrderEnum['DESC'];
 export declare const SCAN_FAILED_EMPTY_STATE: EmptyStateType;
 export declare const SCAN_IN_PROGRESS_EMPTY_STATE: EmptyStateType;
-export declare const MAP_SCAN_TOOL_NAME_TO_SCAN_TOOL_ID: Record<StatusType['scanToolName'], number>;
+export declare const TRIVY_ICON_URL = "https://cdn.devtron.ai/images/ic-trivy.webp";

package/dist/Shared/Components/Security/SecurityModal/types.d.ts

@@ -3,6 +3,7 @@ import { GenericEmptyStateType } from '../../../../Common/Types';
 import { LastExecutionResultType, NodeType, Nodes } from '../../../types';
 import { SegmentedBarChartProps } from '../../../../Common/SegmentedBarChart';
 import { ServerErrors } from '../../../../Common/ServerError';
+import { ScanCategories, ScanSubCategories } from '../types';
 export interface GetResourceScanDetailsPayloadType {
     name: string;
     namespace: string;
@@ -64,15 +65,15 @@ export type TableSortStateType = {
     index: number;
     order: SortOrderEnum;
 };
-export interface InfoCardPropsType {
-    entities: SegmentedBarChartProps['entities'];
-    lastScanTimeString?: string;
-    scanToolId?: number;
-}
 export interface StatusType {
     status: 'Completed' | 'Running' | 'Failed' | 'Progressing';
     StartedOn: string;
-    scanToolName: 'TRIVY' | 'CLAIR';
+    scanToolName: string;
+    scanToolUrl: string;
+}
+export interface InfoCardPropsType extends Pick<StatusType, 'scanToolName' | 'scanToolUrl'> {
+    entities: SegmentedBarChartProps['entities'];
+    lastScanTimeString?: string;
 }
 export type DetailViewDataType = {
     titlePrefix: string;
@@ -80,15 +81,10 @@ export type DetailViewDataType = {
     status: StatusType['status'];
 } & TablePropsType & InfoCardPropsType;
 export type SecurityModalStateType = {
-    category: (typeof CATEGORIES)[keyof typeof CATEGORIES];
-    subCategory: (typeof SUB_CATEGORIES)[keyof typeof SUB_CATEGORIES];
+    category: ScanCategories;
+    subCategory: ScanSubCategories;
     detailViewData: DetailViewDataType[];
 };
-export interface SidebarPropsType {
-    modalState: SecurityModalStateType;
-    setModalState: React.Dispatch<React.SetStateAction<SecurityModalStateType>>;
-    categoriesConfig: Record<(typeof CATEGORIES)[keyof typeof CATEGORIES] | 'imageScanLicenseRisks', boolean>;
-}
 export declare enum SeveritiesDTO {
     CRITICAL = "critical",
     HIGH = "high",
@@ -201,6 +197,11 @@ export type ScanResultDTO = {
     [CATEGORIES.CODE_SCAN]: CodeScan;
     [CATEGORIES.KUBERNETES_MANIFEST]: KubernetesManifest;
 };
+export interface SidebarPropsType {
+    modalState: SecurityModalStateType;
+    setModalState: React.Dispatch<React.SetStateAction<SecurityModalStateType>>;
+    scanResult: ScanResultDTO;
+}
 interface SecurityModalBaseProps {
     isLoading: boolean;
     error: ServerErrors;
@@ -219,8 +220,8 @@ export interface IndexedTextDisplayPropsType {
 export type SidebarDataChildType = {
     label: string;
     value: {
-        category: (typeof CATEGORIES)[keyof typeof CATEGORIES];
-        subCategory: (typeof SUB_CATEGORIES)[keyof typeof SUB_CATEGORIES];
+        category: ScanCategories;
+        subCategory: ScanSubCategories;
     };
 };
 export type SidebarDataType = {

package/dist/Shared/Components/Security/SecurityModal/utils.d.ts

@@ -16,7 +16,7 @@ export declare const getSecurityScanSeveritiesCount: (data: ScanResultDTO) => {
     unknown: number;
 };
 export declare const compareSeverities: (a: Record<SeveritiesDTO, number>, b: Record<SeveritiesDTO, number>) => number;
-export declare const getScanCompletedEmptyState: (scanToolId: number) => {
+export declare const getScanCompletedEmptyState: (scanToolName: string, scanToolUrl: string) => {
     SvgImage: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     title: string;
     children: JSX.Element;

package/dist/Shared/Components/Security/types.d.ts

@@ -1,6 +1,7 @@
 import { CATEGORIES, SUB_CATEGORIES } from './SecurityModal/types';
 export type ScanCategories = (typeof CATEGORIES)[keyof typeof CATEGORIES];
 export type ScanSubCategories = (typeof SUB_CATEGORIES)[keyof typeof SUB_CATEGORIES];
+export type ScanCategoriesWithLicense = ScanCategories | 'imageScanLicenseRisks';
 export type CategoriesConfig = {
     imageScan: boolean;
     codeScan: boolean;

package/dist/Shared/constants.d.ts

@@ -13,11 +13,6 @@ export declare const STAGE_TYPE: {
     POSTCD: string;
     ROLLBACK: string;
 };
-export declare const SCAN_TOOL_ID_TRIVY = 3;
-/**
- * @description This is only used to show mapping for clair, scan tool id for clair can be either 1 or 2
- *   */
-export declare const SCAN_TOOL_ID_CLAIR = 2;
 export declare const IMAGE_SCAN_TOOL: {
     Clair: string;
     Trivy: string;
@@ -393,7 +388,6 @@ export declare const ANSI_UP_REGEX: RegExp;
  * Size variants for components
  */
 export declare enum ComponentSizeType {
-    xxs = "xxs",
     xs = "xs",
     small = "small",
     medium = "medium",

package/dist/Shared/types.d.ts

@@ -788,7 +788,4 @@ export interface UploadFileProps {
     allowedExtensions?: string[];
     maxUploadSize?: number;
 }
-export type Never<T> = {
-    [K in keyof T]?: never;
-};
 export {};

package/dist/assets/@code-editor.css

@@ -0,0 +1 @@
+.tippy-box.shortcut-keys__tippy{border-radius:4px;background:var(--bg-tooltip-black)}.tippy-box.shortcut-keys__tippy>.tippy-content{padding:0}.tippy-box.shortcut-keys__tippy .shortcut-keys__chip{border-radius:4px;border:.5px solid var(--white-40);background:var(--black-40);box-shadow:0 2px 0 0 var(--black-20);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(--black);border:1px solid transparent}.button__primary--warning.button__link{color:var(--black)}.button__primary--warning svg *[stroke^="#"]{stroke:var(--black)}.button__primary--warning svg *[fill^="#"]{fill:var(--black)}.button__primary--warning .loader{visibility:visible;position:absolute}.button__primary--warning .loader svg,.button__primary--warning .loader svg *{fill:var(--black);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(--transparent);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(--B300)}.button__secondary--default:active:not([disabled]){background:var(--B200)}.button__secondary--negative{background:var(--transparent);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(--R300);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(--transparent);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(--R300);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(--transparent);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(--G300)}.button__secondary--positive:active:not([disabled]){background:var(--G200)}.button__secondary--warning{background:var(--transparent);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(--Y300)}.button__secondary--warning:active:not([disabled]){background:var(--Y200)}.button__secondary--neutral{background:var(--transparent);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(--N300)}.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(--white);background:var(--bg-toast);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(--white);width:fit-content}.custom-toast__content button.button svg *[stroke^="#"],.custom-toast__content a.button svg *[stroke^="#"]{stroke:var(--white)}.custom-toast__content button.button svg *[fill^="#"],.custom-toast__content a.button svg *[fill^="#"]{fill:var(--white)}.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(--white)}.custom-toast__close-btn button svg path{fill:var(--white)!important}.custom-toast__close-btn button:hover,.custom-toast__close-btn button:active{background:var(--white-20)!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%}.security-card--threat{background:radial-gradient(25.91% 100% at 100% 0%,var(--R100) 0%,var(--N0) 100%)}.security-card--secure{background:radial-gradient(25.91% 100% at 100% 0%,var(--G100) 0%,var(--N0) 100%)}.security-card .arrow-right{visibility:hidden}.security-card:hover .arrow-right{visibility:visible}.security-card:hover .security-card-title{color:var(--B500)}.security-cards{grid-template-columns:1fr 1fr;grid-row-gap:12px;grid-column-gap:12px}.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);background:var(--bg-primary);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}.radio-group{height:30px;background:var(--bg-primary);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:var(--N0);border-radius:4px}.getting-started-card{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(--bg-overlay);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 var(--N200)}.button-with-selector:hover,.button-with-selector:active,.button-with-selector:focus{border:none;border-left:1px solid var(--N200);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(--white)}.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:var(--white-20)}.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(--bg-secondary)}.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:var(--N200);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:var(--white);transition:all .4s ease}.toggle__slider.with-icon{background-color:var(--bg-primary)!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(--bg-primary);left:0;padding:0;border-radius:3px}.dc__toggle-square-toggle input:checked+.toggle__slider.with-icon svg{left:-6px;background-color:var(--bg-primary)}.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(--N0)}.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:var(--G500)}.code-editor__header-error{padding:8px 16px;font-size:12px;border:solid 1px var(--N200);background-color:var(--R100);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;color:var(--R500)}.code-editor-container{width:100%;border:1px solid var(--N200);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(--N0)}.code-editor__toggle .toggle__switch{width:32px;margin:0 12px}.monaco-editor-hover{margin-left:40px}.monaco-scrollable-element>.visible{z-index:9}.code-editor__shebang{padding:0 52px;color:var(--N900);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:var(--bg-primary)}.select-button:disabled{background-color:var(--N100)}.select-button--default{padding:8px 8px 8px 10px;width:100%;font-weight:500;background-color:var(--bg-primary)}.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(--bg-primary)}.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:var(--N700)}.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:var(--N100)}.popup-button:disabled .select-button{background-color:var(--N100)}.select__option-with-subtitle:hover,.select__option:hover{background-color:var(--bg-tertiary)}.select__option-with-subtitle--empty-state:hover{background-color:unset}.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(--bg-primary);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(--O500)}.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}.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)}.history_diff__wrapper .tab-list__tab-link.active{color:var(--N900);background:var(--B100);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:var(--B500);border-radius:4px}.icon-selected path{stroke:var(--N0)}.deployment-history-card-container{text-decoration:unset}.deployment-history-card-container:hover{text-decoration:unset;background:var(--bg-secondary)}.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 var(--O200);background-color:var(--O500);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(--bg-secondary)}.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(--bg-secondary);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:var(--B100)}.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}.bulk-operations__results-modal__bar-chart{box-shadow:0 0 8px #0000001a}.bulk-operations__results-modal__bar-chart div{transition:width 1s ease-in-out}.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}.drawer.disable-transition.left,.drawer.disable-transition.right,.drawer.disable-transition.top,.drawer.disable-transition.bottom{transition:none}.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(--bg-primary)}.select__button{width:64px;background-color:transparent;border-radius:4px;border:solid 1px var(--N200);padding:5px 10px;text-align:left;color:var(--N700)}.select__item{padding:5px 10px;cursor:pointer;color:var(--N700)}.select__icon{margin-left:18px;color:var(--N500)}.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(--bg-primary);padding:0;user-select:none;border:none}.page__button--icon{background-color:var(--bg-primary);color:var(--B500)}.page__button--selected{color:var(--N0);background-color:var(--B500)}.page__button:disabled{opacity:.5}.select__item:hover{background-color:var(--bg-secondary)}.page__button:hover~:disabled{background-color:var(--B100)}.page__button--selected:hover{color:var(--N0);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 var(--N200)}.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:var(--bg-secondary)}.markdown table tbody tr:first-child th,.markdown table thead tr:first-child th{text-align:center}.markdown table code{background-color:var(--N100)}.markdown pre{padding:16px;border:unset;overflow:auto;font-size:85%;line-height:1.45;background-color:var(--bg-secondary);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: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:var(--bg-primary)!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(--bg-secondary)!important}.cluster__body-details .mark-down-editor-container .mde-textarea-wrapper{background-color:var(--bg-primary)!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:var(--bg-primary)!important;border-bottom:1px solid var(--N200)}.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{color:var(--B500)}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content a.anchor{color:var(--N900)}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content a.anchor h1,.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content a.anchor h2,.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content a.anchor h3{border-bottom:1px solid var(--N200)}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content pre{background-color:var(--bg-secondary)}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content pre>code{color:var(--B700);background-color:var(--transparent);border-radius:1px;display:inline;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;white-space:pre;border:0;padding:0}.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}