@devtron-labs/devtron-fe-common-lib 1.2.6 → 1.2.7-beta-1

package/dist/{@common-rjsf-DTa_zNX9.js → @common-rjsf-DG46ATXL.js}

@@ -2,7 +2,7 @@ import { j as n, J as A } from "./@vendor-RU8AW1bK.js";
 import E, { forwardRef as $ } from "react";
 import L, { getDefaultRegistry as k } from "@rjsf/core";
 import D from "@rjsf/validator-ajv8";
-import { T as y, c as H, a as J, d as w } from "./@code-editor-Cro_fdaH.js";
+import { T as y, c as H, a as J, d as w } from "./@code-editor-DNKnnjou.js";
 import M, { components as O } from "react-select";
 import { getUiOptions as B, getTemplate as I, getSubmitButtonOptions as U, ADDITIONAL_PROPERTY_FLAG as P, errorId as W, englishStringTranslator as V, TranslatableString as q, titleId as K, canExpand as Y, deepEquals as z } from "@rjsf/utils";
 import { ReactComponent as G } from "./assets/ic-chevron-down.fc70d7a7.svg";

package/dist/Common/CustomTagSelector/ResizableTagTextArea.d.ts

@@ -1,2 +1,2 @@
 import { ResizableTagTextAreaProps } from './Types';
-export declare const ResizableTagTextArea: ({ className, minHeight, maxHeight, value, onChange, onBlur, onFocus, placeholder, tabIndex, refVar, dependentRef, dataTestId, handleKeyDown, disabled, disableOnBlurResizeToMinHeight, }: ResizableTagTextAreaProps) => JSX.Element;
+export declare const ResizableTagTextArea: ({ value, minHeight, maxHeight, onBlur, onFocus, refVar, dependentRef, dependentRefs, className, disableOnBlurResizeToMinHeight, id, ...restProps }: ResizableTagTextAreaProps) => JSX.Element;

package/dist/Common/CustomTagSelector/Types.d.ts

@@ -1,3 +1,4 @@
+import { DetailedHTMLProps, MutableRefObject, TextareaHTMLAttributes } from 'react';
 import { KEY_VALUE } from '../Constants';
 import { OptionType } from '../Types';
 export interface SuggestedTagOptionType extends OptionType {
@@ -48,24 +49,16 @@ export interface TagLabelValueSelectorType {
     tagInputType?: KEY_VALUE;
     placeholder?: string;
     tabIndex?: number;
-    refVar?: React.MutableRefObject<HTMLTextAreaElement>;
-    dependentRef?: React.MutableRefObject<HTMLTextAreaElement>;
+    refVar?: MutableRefObject<HTMLTextAreaElement>;
+    dependentRef?: MutableRefObject<HTMLTextAreaElement>;
     noBackDrop?: boolean;
 }
-export interface ResizableTagTextAreaProps {
-    className?: string;
+export interface ResizableTagTextAreaProps extends Omit<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'value'> {
     minHeight?: number;
     maxHeight?: number;
-    value?: string;
-    onChange?: (e: any) => void;
-    onBlur?: (e: any) => void;
-    onFocus?: (e: any) => void;
-    placeholder?: string;
-    tabIndex?: number;
-    refVar?: React.MutableRefObject<HTMLTextAreaElement>;
-    dependentRef?: React.MutableRefObject<HTMLTextAreaElement>;
-    dataTestId?: string;
-    handleKeyDown?: any;
-    disabled?: boolean;
+    value: string;
+    refVar?: MutableRefObject<HTMLTextAreaElement>;
+    dependentRef?: MutableRefObject<HTMLTextAreaElement>;
+    dependentRefs?: Record<string | number, MutableRefObject<HTMLTextAreaElement>>;
     disableOnBlurResizeToMinHeight?: boolean;
 }

package/dist/Common/Types.d.ts

@@ -1,4 +1,5 @@
 import { default as React, ReactNode, CSSProperties, ReactElement, MutableRefObject } from 'react';
+import { TippyProps } from '@tippyjs/react';
 import { Placement } from 'tippy.js';
 import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
@@ -65,7 +66,7 @@ export interface CheckboxProps {
     id?: string;
     dataTestId?: string;
 }
-export interface TippyCustomizedProps {
+export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {
     theme: TippyTheme;
     visible?: boolean;
     heading?: ReactNode | string;

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

@@ -33,12 +33,7 @@ type CustomInputConfigOrChildrenType = {
     customInputConfig?: never;
     children?: never;
 };
-export type ConfirmationModalProps = {
-    title: string;
-    subtitle: ReactNode;
-    handleClose: (e?: SyntheticEvent) => void;
-    showConfirmationModal: boolean;
-} & ({
+type ButtonConfigAndVariantType = {
     variant: Exclude<ConfirmationModalVariantType, ConfirmationModalVariantType.custom>;
     Icon?: never;
     buttonConfig: ButtonConfig<Pick<ButtonProps, 'isLoading' | 'disabled'>, Pick<ButtonProps, 'disabled'>>;
@@ -46,5 +41,12 @@ export type ConfirmationModalProps = {
     variant: ConfirmationModalVariantType.custom;
     Icon: FunctionComponent<SVGProps<SVGSVGElement>>;
     buttonConfig: ButtonConfig<Pick<ButtonProps, 'isLoading' | 'disabled' | 'style'>, Pick<ButtonProps, 'disabled' | 'style'>>;
-}) & CustomInputConfigOrChildrenType;
+};
+export type ConfirmationModalProps = {
+    title: string;
+    subtitle: ReactNode;
+    handleClose: (e?: SyntheticEvent) => void;
+    showConfirmationModal: boolean;
+} & ButtonConfigAndVariantType & CustomInputConfigOrChildrenType;
+export type ConfirmationModalBodyProps = Omit<ConfirmationModalProps, 'showConfirmationModal'>;
 export {};

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

@@ -0,0 +1,2 @@
+import { DynamicDataTableProps } from './types';
+export declare const DynamicDataTable: <K extends string, CustomStateType = Record<string, unknown>>({ headers, ...props }: DynamicDataTableProps<K, CustomStateType>) => JSX.Element;

package/dist/Shared/Components/DynamicDataTable/DynamicDataTableHeader.d.ts

@@ -0,0 +1,2 @@
+import { DynamicDataTableHeaderProps } from './types';
+export declare const DynamicDataTableHeader: <K extends string, CustomStateType = Record<string, unknown>>({ headers, rows, sortingConfig, onRowAdd, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, headerComponent, actionButtonConfig, }: DynamicDataTableHeaderProps<K, CustomStateType>) => JSX.Element;

package/dist/Shared/Components/DynamicDataTable/DynamicDataTableRow.d.ts

@@ -0,0 +1,2 @@
+import { DynamicDataTableRowProps } from './types';
+export declare const DynamicDataTableRow: <K extends string, CustomStateType = Record<string, unknown>>({ rows, headers, readOnly, isDeletionNotAllowed, cellError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, }: DynamicDataTableRowProps<K, CustomStateType>) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export declare const ACTION_BUTTON_DEFAULT_WIDTH = "33px";
+export declare const DELETE_BUTTON_WIDTH = "33px";

package/dist/Shared/Components/DynamicDataTable/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DynamicDataTable';
+export * from './types';

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

@@ -0,0 +1,162 @@
+import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
+import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
+import { UseStateFiltersReturnType } from '../../../Common/Hooks';
+import { TooltipProps } from '@Common/Tooltip/types';
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+import { SelectTextAreaProps } from '../SelectTextArea';
+/**
+ * Interface representing header for a dynamic data table.
+ * @template K - A string representing the key type.
+ */
+export type DynamicDataTableHeaderType<K extends string> = {
+    /** The display label of the header, shown in the table's column header. */
+    label: string;
+    /** The unique key associated with the header, used to map the column to data fields. */
+    key: K;
+    /** The width of the column, defined as a CSS string (e.g., "100px", "10%", "1fr", or "auto"). */
+    width: string;
+    /** An optional boolean indicating whether the column is sortable. */
+    isSortable?: boolean;
+    /** An optional boolean to control the visibility of the column. */
+    isHidden?: boolean;
+};
+export declare enum DynamicDataTableRowDataType {
+    TEXT = "text",
+    DROPDOWN = "dropdown",
+    SELECT_TEXT = "select-text",
+    BUTTON = "button"
+}
+export type DynamicDataTableCellPropsMap = {
+    [DynamicDataTableRowDataType.TEXT]: Omit<ResizableTagTextAreaProps, 'id' | 'className' | 'minHeight' | 'maxHeight' | 'value' | 'onChange' | 'disabled' | 'disableOnBlurResizeToMinHeight' | 'refVar' | 'dependentRef'>;
+    [DynamicDataTableRowDataType.DROPDOWN]: Omit<SelectPickerProps<string, false>, 'inputId' | 'value' | 'onChange' | 'fullWidth' | 'isDisabled'>;
+    [DynamicDataTableRowDataType.SELECT_TEXT]: Omit<SelectTextAreaProps, 'value' | 'onChange' | 'inputId' | 'isDisabled' | 'dependentRef' | 'refVar' | 'textAreaProps'> & {
+        textAreaProps?: Omit<SelectTextAreaProps['textAreaProps'], 'className' | 'disableOnBlurResizeToMinHeight' | 'minHeight' | 'maxHeight'>;
+    };
+    [DynamicDataTableRowDataType.BUTTON]: Pick<DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'onClick'> & {
+        icon?: ReactNode;
+        text: string;
+    };
+};
+type DynamicDataTableCellData<T extends keyof DynamicDataTableCellPropsMap = keyof DynamicDataTableCellPropsMap> = T extends keyof DynamicDataTableCellPropsMap ? {
+    type: T;
+    props: DynamicDataTableCellPropsMap[T];
+} : never;
+/**
+ * Type representing a key-value row.
+ * @template K - A string representing the key type.
+ */
+export type DynamicDataTableRowType<K extends string, CustomStateType = Record<string, unknown>> = {
+    data: {
+        [key in K]: {
+            value: string;
+            disabled?: boolean;
+            /** An optional boolean indicating if an asterisk should be shown. */
+            required?: boolean;
+            /** An optional tooltip to show when hovering over cell. */
+            tooltip?: Partial<Pick<TooltipProps, 'content' | 'className'>>;
+        } & DynamicDataTableCellData;
+    };
+    id: string | number;
+    /** */
+    customState?: CustomStateType;
+    /** An optional boolean indicating if row deletion is disabled. */
+    disableDelete?: boolean;
+};
+/**
+ * Represents the validation state of a cell in a dynamic data table.
+ */
+export type DynamicDataTableCellValidationState = {
+    isValid: boolean;
+    errorMessages: string[];
+};
+/**
+ * Defines the structure of validation errors for a cell.
+ *
+ * `K` represents the column `key` of the cell (i.e., the column identifiers).
+ */
+export type DynamicDataTableCellErrorType<K extends string> = {
+    [rowId: string | number]: Partial<Record<K, DynamicDataTableCellValidationState>>;
+};
+type DynamicDataTableCellIcon<K extends string, CustomStateType = Record<string, unknown>> = {
+    [key in K]?: (row: DynamicDataTableRowType<K, CustomStateType>) => ReactNode;
+};
+/**
+ * Interface representing the properties for the dynamic data table component.
+ * @template K - A string representing the key type.
+ */
+export type DynamicDataTableProps<K extends string, CustomStateType = Record<string, unknown>> = {
+    /**
+     * An array containing the headers for the data table. \
+     * Each header defines a column with its label, key, width, and optional settings.
+     */
+    headers: DynamicDataTableHeaderType<K>[];
+    /**
+     * An array of rows where each row contains data corresponding to the table headers.
+     */
+    rows: DynamicDataTableRowType<K, CustomStateType>[];
+    /** Optional configuration for sorting the table. */
+    sortingConfig?: Pick<UseStateFiltersReturnType<K>, 'sortBy' | 'sortOrder' | 'handleSorting'>;
+    /** Optional configuration for displaying an icon in the leading position of a cell. */
+    leadingCellIcon?: DynamicDataTableCellIcon<K, CustomStateType>;
+    /** Optional configuration for displaying an icon in the trailing position of a cell. */
+    trailingCellIcon?: DynamicDataTableCellIcon<K, CustomStateType>;
+    /** An optional function to render a custom wrapper component for the type `DynamicDataTableRowDataType.BUTTON`. */
+    buttonCellWrapComponent?: (row: DynamicDataTableRowType<K, CustomStateType>) => ReactElement;
+    /** An optional React node for a custom header component. */
+    headerComponent?: ReactNode;
+    /** When true, data addition field will not be shown. */
+    isAdditionNotAllowed?: boolean;
+    /** When true, data addition field will not be shown. */
+    isDeletionNotAllowed?: boolean;
+    /** When true, data add or update is disabled. */
+    readOnly?: boolean;
+    /** Function to handle the addition of a new row to the table. */
+    onRowAdd: () => void;
+    /**
+     * Function to handle changes in the table rows.
+     * @param row - The row that changed.
+     * @param headerKey - The key of the header that changed.
+     * @param value - The value of the cell.
+     * @param extraData - Additional data, such as a selected value for dropdowns.
+     */
+    onRowEdit: (row: DynamicDataTableRowType<K, CustomStateType>, headerKey: K, value: string, extraData: {
+        selectedValue?: SelectPickerOptionType<string>;
+    }) => void;
+    /**
+     * Function to handle row deletions.
+     * @param row - The row that was deleted.
+     */
+    onRowDelete: (row: DynamicDataTableRowType<K, CustomStateType>) => void;
+    /** Optional configuration for rendering a custom action button in a row. */
+    actionButtonConfig?: {
+        /**
+         * Function to render the action button.
+         * @param row - The current row being rendered.
+         * @returns A React node representing the action button.
+         */
+        renderer: (row: DynamicDataTableRowType<K, CustomStateType>) => ReactNode;
+        /**
+         * This represents under which header key the action button will be rendered.
+         */
+        key: K;
+        /**
+         * The width of the action button.
+         * @default '33px'
+         */
+        width?: string;
+        /**
+         * The position of the action button under the header key.
+         * @default 'start'
+         */
+        position?: 'start' | 'end';
+    };
+    /**
+     * Validation state for a specific cell in a dynamic data table.
+     */
+    cellError?: DynamicDataTableCellErrorType<K>;
+};
+export interface DynamicDataTableHeaderProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'headers' | 'rows' | 'headerComponent' | 'sortingConfig' | 'onRowAdd' | 'readOnly' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'actionButtonConfig'> {
+}
+export interface DynamicDataTableRowProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'rows' | 'headers' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'cellError' | 'leadingCellIcon' | 'trailingCellIcon' | 'buttonCellWrapComponent'> {
+}
+export {};

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

@@ -0,0 +1,5 @@
+import { DynamicDataTableHeaderType, DynamicDataTableProps, DynamicDataTableRowDataType } from './types';
+export declare const getActionButtonPosition: <K extends string, CustomStateType = Record<string, unknown>>({ headers, actionButtonConfig, }: Pick<DynamicDataTableProps<K, CustomStateType>, "headers" | "actionButtonConfig">) => number;
+export declare const getHeaderGridTemplateColumn: <K extends string, CustomStateType = Record<string, unknown>>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K, CustomStateType>["actionButtonConfig"], noDeleteBtn: boolean) => string;
+export declare const getRowGridTemplateColumn: <K extends string, CustomStateType = Record<string, unknown>>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K, CustomStateType>["actionButtonConfig"], noDeleteBtn: boolean) => string;
+export declare const rowTypeHasInputField: (type: DynamicDataTableRowDataType) => boolean;

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

@@ -18,7 +18,7 @@ export interface KeyValueHeader<K extends string> {
  */
 export type KeyValueRow<K extends string> = {
     data: {
-        [key in K]: Pick<ResizableTagTextAreaProps, 'value' | 'dataTestId' | 'disabled' | 'tabIndex'> & {
+        [key in K]: Pick<ResizableTagTextAreaProps, 'value' | 'disabled' | 'tabIndex'> & {
             /** An optional boolean indicating if an asterisk should be shown. */
             required?: boolean;
         };

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

@@ -0,0 +1,2 @@
+import { SelectTextAreaProps } from './types';
+export declare const SelectTextArea: ({ value, Icon, onChange, options, inputId, placeholder, refVar, dependentRefs, disabled, selectPickerProps, textAreaProps, }: SelectTextAreaProps) => JSX.Element;

package/dist/Shared/Components/SelectTextArea/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SelectTextArea';
+export * from './types';

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

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+export type SelectTextAreaProps = Pick<SelectPickerProps<string, false>, 'inputId' | 'options'> & Pick<ResizableTagTextAreaProps, 'refVar' | 'dependentRefs'> & {
+    value: string;
+    Icon?: ReactElement;
+    onChange?: (selectedValue: SelectPickerOptionType<string>) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    textAreaProps?: Omit<ResizableTagTextAreaProps, 'refVar' | 'dependentRef' | 'id' | 'value' | 'onChange' | 'placeholder' | 'disabled'>;
+    selectPickerProps?: Omit<SelectPickerProps<string, false>, 'inputId' | 'options' | 'isDisabled' | 'onChange' | 'variant' | 'value' | 'placeholder' | 'fullWidth' | 'selectRef' | 'onCreateOption' | 'isMulti'>;
+};

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

@@ -43,3 +43,4 @@ export * from './Button';
 export * from './InvalidYAMLTippy';
 export * from './ConfirmationModal';
 export * from './DiffViewer';
+export * from './DynamicDataTable';

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

@@ -1 +1 @@
-.tippy-box.shortcut-keys__tippy{border-radius:4px;border:1px solid rgba(255,255,255,.2);background:var(--N900)}.tippy-box.shortcut-keys__tippy>.tippy-content{padding:0}.tippy-box.shortcut-keys__tippy .shortcut-keys__chip{border-radius:4px;border:.5px solid rgba(255,255,255,.2);background:var(--N800);box-shadow:0 2px #0003;padding:0 2px;min-width:16px;max-width:250px}.button{background:none;color:inherit;border:none;outline:inherit;text-decoration:none}.button__primary--default{background:var(--B500);color:var(--N0);border:1px solid transparent}.button__primary--default.button__link{color:var(--N0)}.button__primary--default svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--default svg *[fill^="#"]{fill:var(--N0)}.button__primary--default .loader{visibility:visible;position:absolute}.button__primary--default .loader svg,.button__primary--default .loader svg *{fill:var(--N0);stroke:none}.button__primary--default:hover:not([disabled]){background:var(--B600)}.button__primary--default:active:not([disabled]){background:var(--B700)}.button__primary--negative{background:var(--R500);color:var(--N0);border:1px solid transparent}.button__primary--negative.button__link{color:var(--N0)}.button__primary--negative svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative svg *[fill^="#"]{fill:var(--N0)}.button__primary--negative .loader{visibility:visible;position:absolute}.button__primary--negative .loader svg,.button__primary--negative .loader svg *{fill:var(--N0);stroke:none}.button__primary--negative:hover:not([disabled]){background:var(--R600)}.button__primary--negative:active:not([disabled]){background:var(--R700)}.button__primary--negative-grey{background:var(--N600);color:var(--N0);border:1px solid transparent}.button__primary--negative-grey.button__link{color:var(--N0)}.button__primary--negative-grey svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative-grey svg *[fill^="#"]{fill:var(--N0)}.button__primary--negative-grey .loader{visibility:visible;position:absolute}.button__primary--negative-grey .loader svg,.button__primary--negative-grey .loader svg *{fill:var(--N0);stroke:none}.button__primary--negative-grey:hover:not([disabled]){background:var(--R600);color:var(--N0)}.button__primary--negative-grey:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative-grey:hover:not([disabled]) svg *[fill^="#"]{fill:var(--N0)}.button__primary--negative-grey:active:not([disabled]){background:var(--R700);color:var(--N0)}.button__primary--negative-grey:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative-grey:active:not([disabled]) svg *[fill^="#"]{fill:var(--N0)}.button__primary--positive{background:var(--G500);color:var(--N0);border:1px solid transparent}.button__primary--positive.button__link{color:var(--N0)}.button__primary--positive svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--positive svg *[fill^="#"]{fill:var(--N0)}.button__primary--positive .loader{visibility:visible;position:absolute}.button__primary--positive .loader svg,.button__primary--positive .loader svg *{fill:var(--N0);stroke:none}.button__primary--positive:hover:not([disabled]){background:var(--G600)}.button__primary--positive:active:not([disabled]){background:var(--G700)}.button__primary--warning{background:var(--Y500);color:var(--N900);border:1px solid transparent}.button__primary--warning.button__link{color:var(--N900)}.button__primary--warning svg *[stroke^="#"]{stroke:var(--N900)}.button__primary--warning svg *[fill^="#"]{fill:var(--N900)}.button__primary--warning .loader{visibility:visible;position:absolute}.button__primary--warning .loader svg,.button__primary--warning .loader svg *{fill:var(--N900);stroke:none}.button__primary--warning:hover:not([disabled]){background:var(--Y600)}.button__primary--warning:active:not([disabled]){background:var(--Y700)}.button__primary--neutral{background:var(--N600);color:var(--N0);border:1px solid transparent}.button__primary--neutral.button__link{color:var(--N0)}.button__primary--neutral svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--neutral svg *[fill^="#"]{fill:var(--N0)}.button__primary--neutral .loader{visibility:visible;position:absolute}.button__primary--neutral .loader svg,.button__primary--neutral .loader svg *{fill:var(--N0);stroke:none}.button__primary--neutral:hover:not([disabled]){background:var(--N700)}.button__primary--neutral:active:not([disabled]){background:var(--N800)}.button__secondary--default{background:var(--N0);color:var(--B500);border:1px solid var(--N200)}.button__secondary--default.button__link{color:var(--B500)}.button__secondary--default svg *[stroke^="#"]{stroke:var(--B500)}.button__secondary--default svg *[fill^="#"]{fill:var(--B500)}.button__secondary--default .loader{visibility:visible;position:absolute}.button__secondary--default .loader svg,.button__secondary--default .loader svg *{fill:var(--B500);stroke:none}.button__secondary--default:hover:not([disabled]){background:var(--B100);border-color:var(--B500)}.button__secondary--default:active:not([disabled]){background:var(--B200)}.button__secondary--negative{background:var(--N0);color:var(--R600);border:1px solid var(--N200)}.button__secondary--negative.button__link{color:var(--R600)}.button__secondary--negative svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative .loader{visibility:visible;position:absolute}.button__secondary--negative .loader svg,.button__secondary--negative .loader svg *{fill:var(--R600);stroke:none}.button__secondary--negative:hover:not([disabled]){background:var(--R100);border-color:var(--R600);color:var(--R600)}.button__secondary--negative:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative:hover:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative:active:not([disabled]){background:var(--R200);color:var(--R600)}.button__secondary--negative:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative:active:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative-grey{background:var(--N0);color:var(--N700);border:1px solid var(--N200)}.button__secondary--negative-grey.button__link{color:var(--N700)}.button__secondary--negative-grey svg *[stroke^="#"]{stroke:var(--N700)}.button__secondary--negative-grey svg *[fill^="#"]{fill:var(--N700)}.button__secondary--negative-grey .loader{visibility:visible;position:absolute}.button__secondary--negative-grey .loader svg,.button__secondary--negative-grey .loader svg *{fill:var(--N700);stroke:none}.button__secondary--negative-grey:hover:not([disabled]){background:var(--R100);border-color:var(--R600);color:var(--R600)}.button__secondary--negative-grey:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative-grey:hover:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative-grey:active:not([disabled]){background:var(--R200);color:var(--R600)}.button__secondary--negative-grey:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative-grey:active:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--positive{background:var(--N0);color:var(--G600);border:1px solid var(--N200)}.button__secondary--positive.button__link{color:var(--G600)}.button__secondary--positive svg *[stroke^="#"]{stroke:var(--G600)}.button__secondary--positive svg *[fill^="#"]{fill:var(--G600)}.button__secondary--positive .loader{visibility:visible;position:absolute}.button__secondary--positive .loader svg,.button__secondary--positive .loader svg *{fill:var(--G600);stroke:none}.button__secondary--positive:hover:not([disabled]){background:var(--G100);border-color:var(--G600)}.button__secondary--positive:active:not([disabled]){background:var(--G200)}.button__secondary--warning{background:var(--N0);color:var(--Y700);border:1px solid var(--N200)}.button__secondary--warning.button__link{color:var(--Y700)}.button__secondary--warning svg *[stroke^="#"]{stroke:var(--Y700)}.button__secondary--warning svg *[fill^="#"]{fill:var(--Y700)}.button__secondary--warning .loader{visibility:visible;position:absolute}.button__secondary--warning .loader svg,.button__secondary--warning .loader svg *{fill:var(--Y700);stroke:none}.button__secondary--warning:hover:not([disabled]){background:var(--Y100);border-color:var(--Y700)}.button__secondary--warning:active:not([disabled]){background:var(--Y200)}.button__secondary--neutral{background:var(--N0);color:var(--N700);border:1px solid var(--N200)}.button__secondary--neutral.button__link{color:var(--N700)}.button__secondary--neutral svg *[stroke^="#"]{stroke:var(--N700)}.button__secondary--neutral svg *[fill^="#"]{fill:var(--N700)}.button__secondary--neutral .loader{visibility:visible;position:absolute}.button__secondary--neutral .loader svg,.button__secondary--neutral .loader svg *{fill:var(--N700);stroke:none}.button__secondary--neutral:hover:not([disabled]){background:var(--N100);border-color:var(--N700)}.button__secondary--neutral:active:not([disabled]){background:var(--N200)}.button__border-less--default,.button__text--default{background:transparent;color:var(--B500);border:1px solid transparent}.button__border-less--default.button__link,.button__text--default.button__link{color:var(--B500)}.button__border-less--default svg *[stroke^="#"],.button__text--default svg *[stroke^="#"]{stroke:var(--B500)}.button__border-less--default svg *[fill^="#"],.button__text--default svg *[fill^="#"]{fill:var(--B500)}.button__border-less--default .loader,.button__text--default .loader{visibility:visible;position:absolute}.button__border-less--default .loader svg,.button__border-less--default .loader svg *,.button__text--default .loader svg,.button__text--default .loader svg *{fill:var(--B500);stroke:none}.button__border-less--negative,.button__text--negative{background:transparent;color:var(--R600);border:1px solid transparent}.button__border-less--negative.button__link,.button__text--negative.button__link{color:var(--R600)}.button__border-less--negative svg *[stroke^="#"],.button__text--negative svg *[stroke^="#"]{stroke:var(--R600)}.button__border-less--negative svg *[fill^="#"],.button__text--negative svg *[fill^="#"]{fill:var(--R600)}.button__border-less--negative .loader,.button__text--negative .loader{visibility:visible;position:absolute}.button__border-less--negative .loader svg,.button__border-less--negative .loader svg *,.button__text--negative .loader svg,.button__text--negative .loader svg *{fill:var(--R600);stroke:none}.button__border-less--negative-grey,.button__text--negative-grey{background:transparent;color:var(--N700);border:1px solid transparent}.button__border-less--negative-grey.button__link,.button__text--negative-grey.button__link{color:var(--N700)}.button__border-less--negative-grey svg *[stroke^="#"],.button__text--negative-grey svg *[stroke^="#"]{stroke:var(--N700)}.button__border-less--negative-grey svg *[fill^="#"],.button__text--negative-grey svg *[fill^="#"]{fill:var(--N700)}.button__border-less--negative-grey .loader,.button__text--negative-grey .loader{visibility:visible;position:absolute}.button__border-less--negative-grey .loader svg,.button__border-less--negative-grey .loader svg *,.button__text--negative-grey .loader svg,.button__text--negative-grey .loader svg *{fill:var(--N700);stroke:none}.button__border-less--positive,.button__text--positive{background:transparent;color:var(--G600);border:1px solid transparent}.button__border-less--positive.button__link,.button__text--positive.button__link{color:var(--G600)}.button__border-less--positive svg *[stroke^="#"],.button__text--positive svg *[stroke^="#"]{stroke:var(--G600)}.button__border-less--positive svg *[fill^="#"],.button__text--positive svg *[fill^="#"]{fill:var(--G600)}.button__border-less--positive .loader,.button__text--positive .loader{visibility:visible;position:absolute}.button__border-less--positive .loader svg,.button__border-less--positive .loader svg *,.button__text--positive .loader svg,.button__text--positive .loader svg *{fill:var(--G600);stroke:none}.button__border-less--warning,.button__text--warning{background:transparent;color:var(--Y700);border:1px solid transparent}.button__border-less--warning.button__link,.button__text--warning.button__link{color:var(--Y700)}.button__border-less--warning svg *[stroke^="#"],.button__text--warning svg *[stroke^="#"]{stroke:var(--Y700)}.button__border-less--warning svg *[fill^="#"],.button__text--warning svg *[fill^="#"]{fill:var(--Y700)}.button__border-less--warning .loader,.button__text--warning .loader{visibility:visible;position:absolute}.button__border-less--warning .loader svg,.button__border-less--warning .loader svg *,.button__text--warning .loader svg,.button__text--warning .loader svg *{fill:var(--Y700);stroke:none}.button__border-less--neutral,.button__text--neutral{background:transparent;color:var(--N700);border:1px solid transparent}.button__border-less--neutral.button__link,.button__text--neutral.button__link{color:var(--N700)}.button__border-less--neutral svg *[stroke^="#"],.button__text--neutral svg *[stroke^="#"]{stroke:var(--N700)}.button__border-less--neutral svg *[fill^="#"],.button__text--neutral svg *[fill^="#"]{fill:var(--N700)}.button__border-less--neutral .loader,.button__text--neutral .loader{visibility:visible;position:absolute}.button__border-less--neutral .loader svg,.button__border-less--neutral .loader svg *,.button__text--neutral .loader svg,.button__text--neutral .loader svg *{fill:var(--N700);stroke:none}.button__border-less--default:hover:not([disabled]){background:var(--B100)}.button__border-less--default:active:not([disabled]){background:var(--B200)}.button__border-less--negative:hover:not([disabled]){background:var(--R100)}.button__border-less--negative:active:not([disabled]){background:var(--R200)}.button__border-less--negative-grey:hover:not([disabled]){background:var(--R100);color:var(--R600)}.button__border-less--negative-grey:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__border-less--negative-grey:hover:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__border-less--negative-grey:active:not([disabled]){background:var(--R200);color:var(--R600)}.button__border-less--negative-grey:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__border-less--negative-grey:active:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__border-less--positive:hover:not([disabled]){background:var(--G100)}.button__border-less--positive:active:not([disabled]){background:var(--G200)}.button__border-less--warning:hover:not([disabled]){background:var(--Y100)}.button__border-less--warning:active:not([disabled]){background:var(--Y200)}.button__border-less--neutral:hover:not([disabled]){background:var(--N100)}.button__border-less--neutral:active:not([disabled]){background:var(--N200)}.button__text--default,.button__text--negative,.button__text--negative-grey,.button__text--positive,.button__text--warning,.button__text--neutral{padding:0!important;min-width:0!important;border:none}.button__text--default:hover,.button__text--negative:hover,.button__text--negative-grey:hover,.button__text--positive:hover,.button__text--warning:hover,.button__text--neutral:hover{text-decoration:underline!important}.button--loading{opacity:1!important}.button--loading>*{visibility:hidden}.button__link:hover{text-decoration:none}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Toastify__toast{gap:8px}.Toastify__toast-container{padding:0;width:280px}.Toastify__toast-container--top-right{top:8em}.Toastify__progress-bar{height:3px}.custom-toast{max-height:none;padding:12px;box-shadow:none;border-radius:4px;margin-bottom:16px;min-height:0;color:var(--N0);background:#1b1c1e;font-family:inherit}.custom-toast__body{margin:0;padding:0;gap:8px;align-items:flex-start;align-self:center}.custom-toast__body>.Toastify__toast-icon{margin:0;width:auto;align-self:flex-start}.custom-toast__content button.button,.custom-toast__content a.button{color:var(--N0);width:fit-content}.custom-toast__content button.button svg *[stroke^="#"],.custom-toast__content a.button svg *[stroke^="#"]{stroke:var(--N0)}.custom-toast__content button.button svg *[fill^="#"],.custom-toast__content a.button svg *[fill^="#"]{fill:var(--N0)}.custom-toast__content button.button:hover,.custom-toast__content button.button:active,.custom-toast__content a.button:hover,.custom-toast__content a.button:active{color:var(--N0)}.custom-toast__close-btn button svg path{fill:var(--N0)!important}.custom-toast__close-btn button:hover,.custom-toast__close-btn button:active{background:#fff3!important}.rounded-ends:first-child{border-radius:100% 0 0 100%}.rounded-ends:last-child{border-radius:0 100% 100% 0}.dot{border-radius:100%}.sortable-table-header__resize-btn>div{transition:all .1s ease-out}.sortable-table-header__resize-btn:hover>div,.sortable-table-header__resize-btn--dragging>div{height:100%!important;background-color:var(--B500)}button.selected-tab{border-bottom:2px solid var(--B500)}.info-card{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:8px;border:1px solid var(--N200, #D0D4D9);background:var(--N0, #FFF);box-shadow:0 0 8px #0000001a}.user-role-groups__table-row{grid-template-rows:36px}.user-role-groups__table-header,.user-role-groups__table-row{grid-template-columns:20px 200px minmax(300px,1fr);column-gap:16px}.user-role-groups__table-header--with-status,.user-role-groups__table-row--with-status{grid-template-columns:20px 200px minmax(300px,1fr) 185px}.user-role-groups__table-header--with-delete,.user-role-groups__table-row--with-delete{grid-template-columns:20px 200px minmax(300px,1fr) 24px}.user-role-groups__table-header--with-status-and-delete,.user-role-groups__table-row--with-status-and-delete{grid-template-columns:20px 200px minmax(300px,1fr) 185px 24px}.help-card__more-option{top:42px;right:56px}.help-card__more-option.k8s-client-view{right:20px;grid-template-rows:36px 1px 36px 1px 36px 1px 36px auto}.logout-card__more-option{top:42px;right:20px}.getting-started-card{background-color:var(--tippy-card-black-bg);position:fixed;z-index:6;right:20px;top:54px}.arrow-up{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid var(--tippy-card-black-bg);right:64px;position:fixed;top:42px}.getting_tippy__position{position:fixed}.create-modal-wrapper{position:fixed;right:24px;top:50px;overflow:hidden}.create-modal-wrapper .create-modal-child{padding:10px 15px;display:flex}.create-modal-wrapper .create-modal-child:first-child{border-bottom:1px solid var(--N100)}.create-modal-wrapper .create-modal-child:hover{background-color:var(--N100)}.create-modal-wrapper--try-devtron{right:84px!important}.button-with-selector{border-left:1px solid rgba(255,255,255,.2)}.button-with-selector:hover,.button-with-selector:active,.button-with-selector:focus{border:none;border-left:1px solid rgba(255,255,255,.2);background-color:var(--B600)}.feature-description .large{width:560px;height:250px}.image-chip-cell__container{grid-template-columns:18px 10px 1fr}.image-chip-cell__container--expanded{grid-template-columns:18px 1fr}.logs-renderer-container .logs-renderer__search-bar .search-bar{background:transparent;border-radius:0;border:none!important}.logs-renderer-container .logs-renderer__search-bar .search-bar input{color:var(--N0)}.logs-renderer-container .logs-renderer__search-bar .search-bar input::placeholder{color:var(--N500)}.logs-renderer-container .logs-renderer__search-bar .search-bar:hover{border:none!important;background:transparent}.logs-renderer-container .logs-renderer__search-bar .search-bar__icon path:nth-child(1){fill:none!important}.logs-renderer-container .logs-renderer__search-bar .search-bar__icon path:nth-child(2){fill:var(--N400)}.logs-renderer-container .logs-renderer__search-bar .search-bar:focus-within{border:none!important}.logs-renderer-container .logs-renderer__stage-accordion{background-color:#0c1021}.logs-renderer-container .logs-renderer__stage-accordion:not(.logs-renderer-container .logs-renderer__stage-accordion--open-stage):hover{background-color:#2c335480}.logs-renderer-container .logs-renderer__stage-accordion--open-stage{background-color:#2c3354}.logs-renderer-container .logs-renderer__log-item{grid-template-columns:34px auto}.logs-renderer-container .logs-renderer__log-item:hover{background-color:#ffffff1a}.logs-renderer-container .logs-renderer__filters-border-bottom{border-bottom:1px solid #2c3354}.logs-renderer-container .logs-renderer__filters-border-bottom>:not(:first-child){border-left:1px solid #2C3354}.gui-yaml-switch.status-filter-button.radio-group .radio__item-label{padding:2px 8px;display:flex;align-items:center;gap:6px}.gui-yaml-switch.status-filter-button.with-menu-button{border-top-right-radius:0;border-bottom-right-radius:0}.gui-yaml-switch.status-filter-button.with-menu-button .radio:last-child>.radio__item-label{border-right:none;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.collapsible__item.active{color:var(--B500);font-weight:600;background:var(--B100)}.collapsible__item.active:hover:not(.no-hover){color:var(--B500);background:var(--B100)}.collapsible__item:hover:not(.no-hover){color:var(--N700);text-decoration:none;background:var(--N50)}.collapsible__item:not(.active):not(.no-hover) .collapsible__item__title{color:var(--N900)}.empty-state{height:100%}.empty-state img{height:40%;max-height:200px;width:auto;max-width:250px}.empty-state svg{height:40%;max-height:200px;width:auto}.empty-state .button svg{height:100%;max-height:none;width:100%}.empty-state h1,.empty-state h2,.empty-state h3,.empty-state h4,.empty-state h5,.empty-state h6{color:var(--N900)}.empty-state .subtitle{font-size:13px;font-weight:400;text-align:center;line-height:20px;margin-bottom:6px}.empty-state .subtitle--text-start{text-align:start}.empty-state .cta{height:36px}.empty-state p{text-align:center;font-size:13px;color:var(--N700)}.empty-state strong{font-size:16px;margin-bottom:4px;color:var(--N900);font-weight:400}.empty-state .select-popup{height:min-content;max-height:250px;overflow:auto;padding:8px 0}.empty-state .empty-state__loader{width:34px;height:34px;margin-bottom:16px}.empty-state .empty-state__loading-text{font-size:12px;width:200px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:var(--N900)}.empty-state .button__icon{width:16px;height:16px;margin-left:8px}.toggle__switch{position:relative;display:inline-block;width:100%;height:100%}.toggle__switch.disabled,.toggle__switch.disabled .toggle__slider{cursor:not-allowed}.toggle__switch input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:all .4s ease}.toggle__slider.round{border-radius:34px}.toggle__slider.round:before{border-radius:50%}.toggle__slider:before{position:absolute;content:"";height:calc(100% - 8px);width:calc(50% - 4px);left:4px;bottom:4px;background-color:#fff;transition:all .4s ease}.toggle__slider.with-icon{background-color:var(--N000)!important}.toggle__slider.with-icon svg{position:absolute;content:"";top:-1px;left:-1px;background-color:var(--N300);transition:all .4s ease}input:checked+.toggle__slider{background-color:var(--color)}input:checked+.toggle__slider:before{transform:translate(100%)}input:checked+.toggle__slider.with-icon svg{transform:translate(100%);background-color:var(--color)}input:focus+.toggle__slider{box-shadow:0 0 1px var(--color)}.dc__toggle-square-toggle .toggle__slider{border-color:var(--color);background-color:var(--color)!important}.dc__toggle-square-toggle .toggle__slider:before{background-color:transparent}.dc__toggle-square-toggle .toggle__slider.with-icon svg{height:16px;width:16px;margin-top:1px;background-color:var(--N0);left:0;padding:0;border-radius:3px}.dc__toggle-square-toggle input:checked+.toggle__slider.with-icon svg{left:-6px;background-color:var(--N0)}.deployment-config-diff{display:grid;grid-template-columns:255px 1fr;height:100%}.deployment-config-diff--drawer{grid-template-columns:220px 1fr}.deployment-config-diff__accordion{scroll-margin-top:12px}.deployment-config-diff__main-top__header:first-child{flex:1 0 calc(50% - 2px)}.deployment-config-diff__main-top__header:last-child{flex:1 0 50%}.deployment-config-diff__main-content{flex-grow:1}.deployment-config-diff .react-monaco-editor-container{min-height:100px}.deployment-config-diff__tab-list label{flex-grow:1}.deployment-config-diff__tab-list .radio__item-label{justify-content:center}.code-editor__header{height:40px;background:var(--N100);padding:0 16px;border-bottom:1px solid var(--N200)}.code-editor__header .radio-group{height:24px;overflow:hidden}.code-editor__header .radio-group input[type=checkbox]:checked+.radio__item-label{background:var(--N700);border-radius:0;color:var(--white)}.code-editor__header .radio__item-label{padding:0 8px;display:inline-block;width:100%;height:100%;line-height:24px;cursor:pointer}.code-editor__header .radio-group{padding:0}.code-editor__header .code-editor__split-pane{color:var(--N700);margin-left:auto;fill:var(--N700)}.code-editor__header label.form__error{margin-left:8px}.code-editor__header button.clipboard{margin-left:auto;height:20px;width:20px;padding:0;background:transparent;border:unset;outline:unset}.code-editor__header button.clipboard svg{height:100%;width:100%}.code-editor__header button.clipboard:active svg{height:90%;width:90%}.code-editor__header button.clipboard:active svg path{fill:green}.code-editor__header-error{padding:8px 16px;font-size:12px;border:solid 1px #d6dbdf;background-color:var(--R100);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;color:#f32e2e}.code-editor-container{width:100%;border:1px solid #d6dbdf;border-radius:4px;overflow:hidden}.react-monaco-editor-container{min-height:300px}.code-editor__information-info-icon{width:16px;height:16px;margin:0 8px 0 0;vertical-align:bottom}.code-editor__toggle{color:var(--white)}.code-editor__toggle .toggle__switch{width:32px;margin:0 12px}.diff-icon{height:20px;width:20px;margin-right:4px;background:url("./ic-compare.0ee3e4cf.svg")}.monaco-editor-hover{margin-left:40px}.monaco-scrollable-element>.visible{z-index:9}.code-editor__shebang{padding:0 52px;color:#151515;opacity:.6}.select-button__arrow{position:absolute;right:5px}.select-button{border-radius:4px;justify-content:space-between}.select-button.default{height:40px;padding:12px 10px;background-color:#fff}.select-button:disabled{background-color:var(--N100)}.select-button--default{padding:8px 8px 8px 10px;width:100%;font-weight:500;background-color:var(--N000)}.select__label-container{display:inline-block;margin-left:auto}.select__options-container{max-height:220px;overflow:auto;color:var(--N900)}.select__option-with-subtitle{padding:9px 12px;margin-top:2px;display:flex;cursor:pointer;align-items:center}.select__option-with-subtitle--empty-state{color:var(--N500)}.select-popup{max-height:220px;overflow:auto;padding:4px 0;border-radius:4px;border:1px solid var(--N100)}.select__option{padding:10px 12px;line-height:1.5;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:var(--N000)}.select__option.selected{color:var(--B500);background-color:var(--B100)}.select-button__selected-option{display:inline-block;white-space:nowrap;text-align:left}.select__check-icon{width:16px;height:16px;margin-right:12px}.option-with-subtitle__subtitle{font-size:10px;font-weight:400;font-stretch:normal;line-height:1.33;letter-spacing:normal;color:#404040}.option-group__label{padding:8px 16px;font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:var(--N400);text-transform:uppercase}.select__sticky-bottom{position:sticky;bottom:-8px;margin-bottom:-8px;box-shadow:0 -1px 0 0 var(--N200);background-color:inherit;padding:11px 12px;width:100%;display:flex;align-items:center;cursor:pointer;color:var(--B500);font-size:13px}.select__sticky-bottom svg path{fill:var(--B500)}.select__all{height:36px;padding:4px 12px 4px 40px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:#f5f5f5}.popup-button:disabled .select-button{background-color:var(--N100)}.select__option-with-subtitle:hover,.select__option:hover{background-color:var(--window-bg)}.select__option-with-subtitle--empty-state:hover{background-color:unset}.radio-group{height:30px;background:#fff;display:flex;justify-content:center;align-items:center;padding:4px;border-radius:4px}.radio-group .label,.radio-group .radio,.radio-group .checkbox{margin:0}.radio-group .radio{height:100%;width:auto;color:var(--N400);display:flex;align-items:center}.radio-group .radio+.radio{margin-top:0}.radio-group input[type=checkbox]{display:contents;overflow:hidden;max-width:0px;height:0;opacity:0;margin:unset}.radio-group input+.radio__item-label{padding:4px 6px;height:100%;width:100%;display:flex;align-items:center;transition:all .5s;cursor:pointer}.radio-group input[type=checkbox]:checked+.radio__item-label{background:#2c3354;color:#fff;border-radius:4px}.deployment-history-diff-view .react-monaco-editor-container{min-height:100px}.git-commit-info-generic__wrapper .git-commit-info-generic__header{display:grid;grid-template-columns:20px 1fr}.git-commit-info-generic__wrapper:hover .git-commit-info-generic__copy{visibility:visible}.ci-details{background-color:var(--white);overflow:hidden;height:100%;width:100%;transition:all .3s;display:flex}.ci-details .ci-artifact .add-image-button{margin-left:52px}.ci-details .ci-artifact.ci-artifact--report svg path{fill:currentColor}.ci-details .zoom{position:absolute;bottom:12px;right:12px}.ci-details .ci-details__history{padding:16px 0 0;border-right:1px solid var(--N200);display:grid;grid-template-rows:80px 1fr;overflow:hidden;flex-basis:280px;transition:flex-basis .3s}.ci-details .ci-details__body{flex-basis:calc(100% - 280px);transition:flex-basis .3s;display:flex;flex-direction:column;position:relative;overflow:hidden}.ci-details .ci-details__body .trigger-details{transition:height .3s}.ci-details .ci-details__body .trigger-details__grid{grid-template-columns:50px 1fr}.ci-details .ci-details__body .trigger-details .trigger-details__summary .inprogress-status-color{color:var(--inprogress-orange)}.ci-details .ci-details__body .history-logs{height:100%;overflow:auto}.ci-details.ci-details--full-screen .ci-details__history{flex-basis:0;overflow:hidden;transition:flex-basis .3s;border-right:unset}.ci-details.ci-details--full-screen .ci-details__body{overflow:auto;flex-basis:100%;transition:flex-basis .3s}.ci-details.ci-details--full-screen .ci-details__body .trigger-details{overflow:hidden;height:0px;transition:height .3s}.historical-diff{display:grid;grid-template-rows:60px auto;height:100%;background-color:var(--white)}.historical-diff__container{display:grid;grid-template-columns:280px auto;height:calc(100vh - 147px)}.deployment-diff__upper{display:grid;grid-template-columns:repeat(2,1fr);position:relative}.deployment-diff__upper:after{content:"";position:absolute;width:1px;height:100%;left:calc(50% - 1px);background:var(--N200)}.historical-diff__left{padding:16px 12px;overflow:hidden;min-width:280px}.history_diff__wrapper .tab-list__tab-link.active{color:var(--N900);background:#e5f2ff;font-weight:600;border-bottom:0px}.code-editor-header-value{border-bottom:1px solid var(--N200);border-top-right-radius:4px;border-top-left-radius:4px;display:flex;justify-content:space-between;align-items:center}.compare-history__border-right{border-right:1px solid var(--N100)}.compare-history__border-left{border-left:1px solid var(--N100)}.configuration-link.active{background:var(--B100);color:var(--N900);font-weight:600;border-right:1px solid var(--N200)}.historical-name:hover{color:var(--N900)!important}.left-50{left:50px}.deployment-aborted{height:calc(100vh - 250px);justify-content:center}.icon-selected{background-color:#06c;border-radius:4px}.icon-selected path{stroke:#fff}.deployment-history-card-container{text-decoration:unset}.deployment-history-card-container:hover{text-decoration:unset;background:var(--N50)}.deployment-history-card-container.active{background:var(--B100)}.deployment-history-card-container .deployment-history-card{display:grid;grid-template-columns:20px 1fr;column-gap:8px}.deployment-history-card-container .app-status__icon{position:unset}.deployment-status-breakdown-container .vertical-connector,.deployment-approval-container .vertical-connector{border-left:1px solid var(--N300);height:15px;position:relative;left:18px;width:5px}.deployment-status-breakdown-container .deployment-status-breakdown-row,.deployment-approval-container .deployment-status-breakdown-row{display:flex;align-items:center;justify-content:left}.deployment-status-breakdown-container .deployment-status-breakdown-row.border-collapse,.deployment-approval-container .deployment-status-breakdown-row.border-collapse{border-radius:4px 4px 0 0}.deployment-status-breakdown-container .pulse-highlight,.deployment-approval-container .pulse-highlight{width:12px;height:12px;border:solid 4px rgba(255,126,91,.4);background-color:#ff7e5b;position:relative;top:5px;right:-5px;border-radius:50%;animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.deployment-status-breakdown-container .green-tick path,.deployment-approval-container .green-tick path{stroke:var(--G500)}.deployment-status-breakdown-container .app-status-row,.deployment-approval-container .app-status-row{display:grid;grid-template-columns:150px 200px 150px auto;grid-column-gap:16px}.deployment-status-breakdown-container .resource-list .app-status-row:hover,.deployment-approval-container .resource-list .app-status-row:hover{background-color:var(--N50)}.deployment-status-breakdown-container .detail-tab_border,.deployment-approval-container .detail-tab_border{border-radius:0 0 4px 4px;border-top:0}.history-component__wrapper .history-component__artifact{width:min(100%,800px)}.log-resize-button{transition:opacity .2s ease-in-out;padding:6px;width:32px;height:32px;border-radius:4px;box-shadow:0 0 4px #000a1480,0 0 4px #000a1480;background-color:#2c3354;opacity:.8;z-index:11}.log-resize-button>svg{transition:transform .2s ease-in-out;transform:scale(1)}.log-resize-button:hover{opacity:1}.log-resize-button:hover>svg{transform:scale(1.1)}.confirmation-modal{box-shadow:0 1px 1px #0000000a,0 2px 8px #0000000a,0 3px 17px #0000000a,0 4px 30px #00000021}.SingleDatePicker_picker{z-index:calc(var(--modal-index) + 1)!important}.date-time-picker .SingleDatePicker{width:100%}.date-time-picker .SingleDatePickerInput{display:flex!important;width:100%;background-color:var(--N50);margin-right:0!important;padding:0!important;height:36px!important;overflow:hidden;border:1px solid var(--N200);border-radius:4px}.date-time-picker .SingleDatePickerInput:hover{border:1px solid var(--N400)}.date-time-picker .SingleDatePickerInput:focus,.date-time-picker .SingleDatePickerInput:focus-visible,.date-time-picker .SingleDatePickerInput:focus-within{border:1px solid var(--B500)}.date-time-picker .SingleDatePickerInput__disabled{background-color:var(--N100);border-color:var(--N200)}.date-time-picker .SingleDatePickerInput_calendarIcon{padding:0 8px 0 0!important;margin:0!important;background-color:transparent!important;height:34px!important;display:flex;align-items:center}.date-time-picker .SingleDatePickerInput_calendarIcon:focus-visible{outline:none}.date-time-picker .SingleDatePickerInput__withBorder .DateInput{line-height:20px!important;height:34px;background-color:transparent;width:100%}.date-time-picker .SingleDatePickerInput__withBorder .DateInput:focus-visible{outline:none}.date-time-picker .SingleDatePickerInput__withBorder .DateInput_input{font-size:13px;border-bottom:none;cursor:pointer;background-color:transparent;color:var(--N900)}.date-time-picker .SingleDatePickerInput__withBorder .DateInput_input__focused+.DateInput_fang{display:none}.date-time-picker .SingleDatePickerInput__withBorder .DateInput_input__disabled{cursor:not-allowed}.date-time-picker .DateInput_input{padding:6px 8px!important}.date-time-picker .DateInput_input__disabled{font-style:normal}.custom-panel--iframe-element{margin:40px auto 0;width:calc(100vw - 100px);height:calc(100vh - 100px)}.pre-build-plugin-list-container .plugin-card:hover{box-shadow:0 2px 8px #0000001a}.pre-build-plugin-list-container .plugin-card:hover .plugin-card__title{color:var(--B500)}.key-value-table{display:grid;gap:1px}.key-value-table.two-columns-top-row,.key-value-table.two-columns{grid-template-columns:30% 1fr}.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell:first-child,.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell-input:first-child{border-bottom-left-radius:4px!important}.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell:last-child,.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell-input:last-child{border-bottom-right-radius:4px!important}.key-value-table.three-columns{grid-template-columns:30% 1fr 32px}.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__cell:first-child,.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__cell-input:first-child{border-bottom-left-radius:4px!important}.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__cell:last-child,.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__row-delete-btn{border-bottom-right-radius:4px}.key-value-table__row{display:contents;height:36px}.key-value-table__cell-input{outline:none;border:none!important;height:36px;width:100%;background:inherit}.key-value-table__cell-input--add{resize:none;border-radius:4px;outline:none}.key-value-table__cell:hover:not(:focus-within):not(.no-hover){outline:1px solid var(--N200)}.key-value-table__cell:focus-within{position:relative;z-index:1;outline:1px solid var(--B500)}.key-value-table__cell--error,.key-value-table__cell--error:focus-within,.key-value-table__cell--error:hover{outline:1px solid var(--R500)}.key-value-table__cell:not(:focus-within):not(:hover)>.key-value-table__error{display:none}.key-value-table__error{position:absolute;top:calc(100% + 4px);left:50%;width:100%;box-shadow:0 2px 4px #0003;transform:translate(-50%);z-index:2}.tab-group{list-style:none}.tab-group__tab{position:relative}.tab-group__tab svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--N700)}.tab-group__tab svg.tab-group__tab__icon *[fill^="#"]{fill:var(--N700)}.tab-group__tab:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:transparent;border-top-left-radius:2px;border-top-right-radius:2px}.tab-group__tab--align-active-border:after{bottom:-1px}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled){color:var(--B500)}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled) svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--B500)}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled) svg.tab-group__tab__icon *[fill^="#"]{fill:var(--B500)}.tab-group__tab--active svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--B500)}.tab-group__tab--active svg.tab-group__tab__icon *[fill^="#"]{fill:var(--B500)}.tab-group__tab--active:after{background-color:var(--B500)}.tab-group__tab__badge{border-radius:10px;min-width:20px}.tab-group__tab__badge--medium{min-width:18px}.tab-group__tab__indicator{width:6px;height:6px;border-radius:100%}.tab-group__tab__description{list-style:none}.tab-group__tab__nav-link.active{color:var(--B500);font-weight:600}.tab-group__tab__nav-link.active svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--B500)}.tab-group__tab__nav-link.active svg.tab-group__tab__icon *[fill^="#"]{fill:var(--B500)}.tab-group__tab__nav-link:not(.active){color:var(--N900)}.tab-group__tab__nav-link:hover:not([aria-disabled=true]){color:var(--B500)}.tab-group__tab:has(.active):after{background-color:var(--B500)}.edit-image-form-field__figure-container{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}.edit-image-form-field__figure-container .edit-image-form-field__figure-container--base-image{grid-column:1/span 12;grid-row:1/span 12}.edit-image-form-field__figure-container .edit-image-form-field__figure-container--edit-image-icon{grid-column:8/span 4;grid-row:8/span 4}.edit-image-form-field__fallback-image{background:#3989d933}.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}
+.tippy-box.shortcut-keys__tippy{border-radius:4px;border:1px solid rgba(255,255,255,.2);background:var(--N900)}.tippy-box.shortcut-keys__tippy>.tippy-content{padding:0}.tippy-box.shortcut-keys__tippy .shortcut-keys__chip{border-radius:4px;border:.5px solid rgba(255,255,255,.2);background:var(--N800);box-shadow:0 2px #0003;padding:0 2px;min-width:16px;max-width:250px}.button{background:none;color:inherit;border:none;outline:inherit;text-decoration:none}.button__primary--default{background:var(--B500);color:var(--N0);border:1px solid transparent}.button__primary--default.button__link{color:var(--N0)}.button__primary--default svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--default svg *[fill^="#"]{fill:var(--N0)}.button__primary--default .loader{visibility:visible;position:absolute}.button__primary--default .loader svg,.button__primary--default .loader svg *{fill:var(--N0);stroke:none}.button__primary--default:hover:not([disabled]){background:var(--B600)}.button__primary--default:active:not([disabled]){background:var(--B700)}.button__primary--negative{background:var(--R500);color:var(--N0);border:1px solid transparent}.button__primary--negative.button__link{color:var(--N0)}.button__primary--negative svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative svg *[fill^="#"]{fill:var(--N0)}.button__primary--negative .loader{visibility:visible;position:absolute}.button__primary--negative .loader svg,.button__primary--negative .loader svg *{fill:var(--N0);stroke:none}.button__primary--negative:hover:not([disabled]){background:var(--R600)}.button__primary--negative:active:not([disabled]){background:var(--R700)}.button__primary--negative-grey{background:var(--N600);color:var(--N0);border:1px solid transparent}.button__primary--negative-grey.button__link{color:var(--N0)}.button__primary--negative-grey svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative-grey svg *[fill^="#"]{fill:var(--N0)}.button__primary--negative-grey .loader{visibility:visible;position:absolute}.button__primary--negative-grey .loader svg,.button__primary--negative-grey .loader svg *{fill:var(--N0);stroke:none}.button__primary--negative-grey:hover:not([disabled]){background:var(--R600);color:var(--N0)}.button__primary--negative-grey:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative-grey:hover:not([disabled]) svg *[fill^="#"]{fill:var(--N0)}.button__primary--negative-grey:active:not([disabled]){background:var(--R700);color:var(--N0)}.button__primary--negative-grey:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--negative-grey:active:not([disabled]) svg *[fill^="#"]{fill:var(--N0)}.button__primary--positive{background:var(--G500);color:var(--N0);border:1px solid transparent}.button__primary--positive.button__link{color:var(--N0)}.button__primary--positive svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--positive svg *[fill^="#"]{fill:var(--N0)}.button__primary--positive .loader{visibility:visible;position:absolute}.button__primary--positive .loader svg,.button__primary--positive .loader svg *{fill:var(--N0);stroke:none}.button__primary--positive:hover:not([disabled]){background:var(--G600)}.button__primary--positive:active:not([disabled]){background:var(--G700)}.button__primary--warning{background:var(--Y500);color:var(--N900);border:1px solid transparent}.button__primary--warning.button__link{color:var(--N900)}.button__primary--warning svg *[stroke^="#"]{stroke:var(--N900)}.button__primary--warning svg *[fill^="#"]{fill:var(--N900)}.button__primary--warning .loader{visibility:visible;position:absolute}.button__primary--warning .loader svg,.button__primary--warning .loader svg *{fill:var(--N900);stroke:none}.button__primary--warning:hover:not([disabled]){background:var(--Y600)}.button__primary--warning:active:not([disabled]){background:var(--Y700)}.button__primary--neutral{background:var(--N600);color:var(--N0);border:1px solid transparent}.button__primary--neutral.button__link{color:var(--N0)}.button__primary--neutral svg *[stroke^="#"]{stroke:var(--N0)}.button__primary--neutral svg *[fill^="#"]{fill:var(--N0)}.button__primary--neutral .loader{visibility:visible;position:absolute}.button__primary--neutral .loader svg,.button__primary--neutral .loader svg *{fill:var(--N0);stroke:none}.button__primary--neutral:hover:not([disabled]){background:var(--N700)}.button__primary--neutral:active:not([disabled]){background:var(--N800)}.button__secondary--default{background:var(--N0);color:var(--B500);border:1px solid var(--N200)}.button__secondary--default.button__link{color:var(--B500)}.button__secondary--default svg *[stroke^="#"]{stroke:var(--B500)}.button__secondary--default svg *[fill^="#"]{fill:var(--B500)}.button__secondary--default .loader{visibility:visible;position:absolute}.button__secondary--default .loader svg,.button__secondary--default .loader svg *{fill:var(--B500);stroke:none}.button__secondary--default:hover:not([disabled]){background:var(--B100);border-color:var(--B500)}.button__secondary--default:active:not([disabled]){background:var(--B200)}.button__secondary--negative{background:var(--N0);color:var(--R600);border:1px solid var(--N200)}.button__secondary--negative.button__link{color:var(--R600)}.button__secondary--negative svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative .loader{visibility:visible;position:absolute}.button__secondary--negative .loader svg,.button__secondary--negative .loader svg *{fill:var(--R600);stroke:none}.button__secondary--negative:hover:not([disabled]){background:var(--R100);border-color:var(--R600);color:var(--R600)}.button__secondary--negative:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative:hover:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative:active:not([disabled]){background:var(--R200);color:var(--R600)}.button__secondary--negative:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative:active:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative-grey{background:var(--N0);color:var(--N700);border:1px solid var(--N200)}.button__secondary--negative-grey.button__link{color:var(--N700)}.button__secondary--negative-grey svg *[stroke^="#"]{stroke:var(--N700)}.button__secondary--negative-grey svg *[fill^="#"]{fill:var(--N700)}.button__secondary--negative-grey .loader{visibility:visible;position:absolute}.button__secondary--negative-grey .loader svg,.button__secondary--negative-grey .loader svg *{fill:var(--N700);stroke:none}.button__secondary--negative-grey:hover:not([disabled]){background:var(--R100);border-color:var(--R600);color:var(--R600)}.button__secondary--negative-grey:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative-grey:hover:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--negative-grey:active:not([disabled]){background:var(--R200);color:var(--R600)}.button__secondary--negative-grey:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__secondary--negative-grey:active:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__secondary--positive{background:var(--N0);color:var(--G600);border:1px solid var(--N200)}.button__secondary--positive.button__link{color:var(--G600)}.button__secondary--positive svg *[stroke^="#"]{stroke:var(--G600)}.button__secondary--positive svg *[fill^="#"]{fill:var(--G600)}.button__secondary--positive .loader{visibility:visible;position:absolute}.button__secondary--positive .loader svg,.button__secondary--positive .loader svg *{fill:var(--G600);stroke:none}.button__secondary--positive:hover:not([disabled]){background:var(--G100);border-color:var(--G600)}.button__secondary--positive:active:not([disabled]){background:var(--G200)}.button__secondary--warning{background:var(--N0);color:var(--Y700);border:1px solid var(--N200)}.button__secondary--warning.button__link{color:var(--Y700)}.button__secondary--warning svg *[stroke^="#"]{stroke:var(--Y700)}.button__secondary--warning svg *[fill^="#"]{fill:var(--Y700)}.button__secondary--warning .loader{visibility:visible;position:absolute}.button__secondary--warning .loader svg,.button__secondary--warning .loader svg *{fill:var(--Y700);stroke:none}.button__secondary--warning:hover:not([disabled]){background:var(--Y100);border-color:var(--Y700)}.button__secondary--warning:active:not([disabled]){background:var(--Y200)}.button__secondary--neutral{background:var(--N0);color:var(--N700);border:1px solid var(--N200)}.button__secondary--neutral.button__link{color:var(--N700)}.button__secondary--neutral svg *[stroke^="#"]{stroke:var(--N700)}.button__secondary--neutral svg *[fill^="#"]{fill:var(--N700)}.button__secondary--neutral .loader{visibility:visible;position:absolute}.button__secondary--neutral .loader svg,.button__secondary--neutral .loader svg *{fill:var(--N700);stroke:none}.button__secondary--neutral:hover:not([disabled]){background:var(--N100);border-color:var(--N700)}.button__secondary--neutral:active:not([disabled]){background:var(--N200)}.button__border-less--default,.button__text--default{background:transparent;color:var(--B500);border:1px solid transparent}.button__border-less--default.button__link,.button__text--default.button__link{color:var(--B500)}.button__border-less--default svg *[stroke^="#"],.button__text--default svg *[stroke^="#"]{stroke:var(--B500)}.button__border-less--default svg *[fill^="#"],.button__text--default svg *[fill^="#"]{fill:var(--B500)}.button__border-less--default .loader,.button__text--default .loader{visibility:visible;position:absolute}.button__border-less--default .loader svg,.button__border-less--default .loader svg *,.button__text--default .loader svg,.button__text--default .loader svg *{fill:var(--B500);stroke:none}.button__border-less--negative,.button__text--negative{background:transparent;color:var(--R600);border:1px solid transparent}.button__border-less--negative.button__link,.button__text--negative.button__link{color:var(--R600)}.button__border-less--negative svg *[stroke^="#"],.button__text--negative svg *[stroke^="#"]{stroke:var(--R600)}.button__border-less--negative svg *[fill^="#"],.button__text--negative svg *[fill^="#"]{fill:var(--R600)}.button__border-less--negative .loader,.button__text--negative .loader{visibility:visible;position:absolute}.button__border-less--negative .loader svg,.button__border-less--negative .loader svg *,.button__text--negative .loader svg,.button__text--negative .loader svg *{fill:var(--R600);stroke:none}.button__border-less--negative-grey,.button__text--negative-grey{background:transparent;color:var(--N700);border:1px solid transparent}.button__border-less--negative-grey.button__link,.button__text--negative-grey.button__link{color:var(--N700)}.button__border-less--negative-grey svg *[stroke^="#"],.button__text--negative-grey svg *[stroke^="#"]{stroke:var(--N700)}.button__border-less--negative-grey svg *[fill^="#"],.button__text--negative-grey svg *[fill^="#"]{fill:var(--N700)}.button__border-less--negative-grey .loader,.button__text--negative-grey .loader{visibility:visible;position:absolute}.button__border-less--negative-grey .loader svg,.button__border-less--negative-grey .loader svg *,.button__text--negative-grey .loader svg,.button__text--negative-grey .loader svg *{fill:var(--N700);stroke:none}.button__border-less--positive,.button__text--positive{background:transparent;color:var(--G600);border:1px solid transparent}.button__border-less--positive.button__link,.button__text--positive.button__link{color:var(--G600)}.button__border-less--positive svg *[stroke^="#"],.button__text--positive svg *[stroke^="#"]{stroke:var(--G600)}.button__border-less--positive svg *[fill^="#"],.button__text--positive svg *[fill^="#"]{fill:var(--G600)}.button__border-less--positive .loader,.button__text--positive .loader{visibility:visible;position:absolute}.button__border-less--positive .loader svg,.button__border-less--positive .loader svg *,.button__text--positive .loader svg,.button__text--positive .loader svg *{fill:var(--G600);stroke:none}.button__border-less--warning,.button__text--warning{background:transparent;color:var(--Y700);border:1px solid transparent}.button__border-less--warning.button__link,.button__text--warning.button__link{color:var(--Y700)}.button__border-less--warning svg *[stroke^="#"],.button__text--warning svg *[stroke^="#"]{stroke:var(--Y700)}.button__border-less--warning svg *[fill^="#"],.button__text--warning svg *[fill^="#"]{fill:var(--Y700)}.button__border-less--warning .loader,.button__text--warning .loader{visibility:visible;position:absolute}.button__border-less--warning .loader svg,.button__border-less--warning .loader svg *,.button__text--warning .loader svg,.button__text--warning .loader svg *{fill:var(--Y700);stroke:none}.button__border-less--neutral,.button__text--neutral{background:transparent;color:var(--N700);border:1px solid transparent}.button__border-less--neutral.button__link,.button__text--neutral.button__link{color:var(--N700)}.button__border-less--neutral svg *[stroke^="#"],.button__text--neutral svg *[stroke^="#"]{stroke:var(--N700)}.button__border-less--neutral svg *[fill^="#"],.button__text--neutral svg *[fill^="#"]{fill:var(--N700)}.button__border-less--neutral .loader,.button__text--neutral .loader{visibility:visible;position:absolute}.button__border-less--neutral .loader svg,.button__border-less--neutral .loader svg *,.button__text--neutral .loader svg,.button__text--neutral .loader svg *{fill:var(--N700);stroke:none}.button__border-less--default:hover:not([disabled]){background:var(--B100)}.button__border-less--default:active:not([disabled]){background:var(--B200)}.button__border-less--negative:hover:not([disabled]){background:var(--R100)}.button__border-less--negative:active:not([disabled]){background:var(--R200)}.button__border-less--negative-grey:hover:not([disabled]){background:var(--R100);color:var(--R600)}.button__border-less--negative-grey:hover:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__border-less--negative-grey:hover:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__border-less--negative-grey:active:not([disabled]){background:var(--R200);color:var(--R600)}.button__border-less--negative-grey:active:not([disabled]) svg *[stroke^="#"]{stroke:var(--R600)}.button__border-less--negative-grey:active:not([disabled]) svg *[fill^="#"]{fill:var(--R600)}.button__border-less--positive:hover:not([disabled]){background:var(--G100)}.button__border-less--positive:active:not([disabled]){background:var(--G200)}.button__border-less--warning:hover:not([disabled]){background:var(--Y100)}.button__border-less--warning:active:not([disabled]){background:var(--Y200)}.button__border-less--neutral:hover:not([disabled]){background:var(--N100)}.button__border-less--neutral:active:not([disabled]){background:var(--N200)}.button__text--default,.button__text--negative,.button__text--negative-grey,.button__text--positive,.button__text--warning,.button__text--neutral{padding:0!important;min-width:0!important;border:none}.button__text--default:hover,.button__text--negative:hover,.button__text--negative-grey:hover,.button__text--positive:hover,.button__text--warning:hover,.button__text--neutral:hover{text-decoration:underline!important}.button--loading{opacity:1!important}.button--loading>*{visibility:hidden}.button__link:hover{text-decoration:none}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Toastify__toast{gap:8px}.Toastify__toast-container{padding:0;width:280px}.Toastify__toast-container--top-right{top:8em}.Toastify__progress-bar{height:3px}.custom-toast{max-height:none;padding:12px;box-shadow:none;border-radius:4px;margin-bottom:16px;min-height:0;color:var(--N0);background:#1b1c1e;font-family:inherit}.custom-toast__body{margin:0;padding:0;gap:8px;align-items:flex-start;align-self:center}.custom-toast__body>.Toastify__toast-icon{margin:0;width:auto;align-self:flex-start}.custom-toast__content button.button,.custom-toast__content a.button{color:var(--N0);width:fit-content}.custom-toast__content button.button svg *[stroke^="#"],.custom-toast__content a.button svg *[stroke^="#"]{stroke:var(--N0)}.custom-toast__content button.button svg *[fill^="#"],.custom-toast__content a.button svg *[fill^="#"]{fill:var(--N0)}.custom-toast__content button.button:hover,.custom-toast__content button.button:active,.custom-toast__content a.button:hover,.custom-toast__content a.button:active{color:var(--N0)}.custom-toast__close-btn button svg path{fill:var(--N0)!important}.custom-toast__close-btn button:hover,.custom-toast__close-btn button:active{background:#fff3!important}.rounded-ends:first-child{border-radius:100% 0 0 100%}.rounded-ends:last-child{border-radius:0 100% 100% 0}.dot{border-radius:100%}.sortable-table-header__resize-btn>div{transition:all .1s ease-out}.sortable-table-header__resize-btn:hover>div,.sortable-table-header__resize-btn--dragging>div{height:100%!important;background-color:var(--B500)}button.selected-tab{border-bottom:2px solid var(--B500)}.info-card{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:8px;border:1px solid var(--N200, #D0D4D9);background:var(--N0, #FFF);box-shadow:0 0 8px #0000001a}.user-role-groups__table-row{grid-template-rows:36px}.user-role-groups__table-header,.user-role-groups__table-row{grid-template-columns:20px 200px minmax(300px,1fr);column-gap:16px}.user-role-groups__table-header--with-status,.user-role-groups__table-row--with-status{grid-template-columns:20px 200px minmax(300px,1fr) 185px}.user-role-groups__table-header--with-delete,.user-role-groups__table-row--with-delete{grid-template-columns:20px 200px minmax(300px,1fr) 24px}.user-role-groups__table-header--with-status-and-delete,.user-role-groups__table-row--with-status-and-delete{grid-template-columns:20px 200px minmax(300px,1fr) 185px 24px}.help-card__more-option{top:42px;right:56px}.help-card__more-option.k8s-client-view{right:20px;grid-template-rows:36px 1px 36px 1px 36px 1px 36px auto}.logout-card__more-option{top:42px;right:20px}.getting-started-card{background-color:var(--tippy-card-black-bg);position:fixed;z-index:6;right:20px;top:54px}.arrow-up{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid var(--tippy-card-black-bg);right:64px;position:fixed;top:42px}.getting_tippy__position{position:fixed}.create-modal-wrapper{position:fixed;right:24px;top:50px;overflow:hidden}.create-modal-wrapper .create-modal-child{padding:10px 15px;display:flex}.create-modal-wrapper .create-modal-child:first-child{border-bottom:1px solid var(--N100)}.create-modal-wrapper .create-modal-child:hover{background-color:var(--N100)}.create-modal-wrapper--try-devtron{right:84px!important}.button-with-selector{border-left:1px solid rgba(255,255,255,.2)}.button-with-selector:hover,.button-with-selector:active,.button-with-selector:focus{border:none;border-left:1px solid rgba(255,255,255,.2);background-color:var(--B600)}.feature-description .large{width:560px;height:250px}.image-chip-cell__container{grid-template-columns:18px 10px 1fr}.image-chip-cell__container--expanded{grid-template-columns:18px 1fr}.logs-renderer-container .logs-renderer__search-bar .search-bar{background:transparent;border-radius:0;border:none!important}.logs-renderer-container .logs-renderer__search-bar .search-bar input{color:var(--N0)}.logs-renderer-container .logs-renderer__search-bar .search-bar input::placeholder{color:var(--N500)}.logs-renderer-container .logs-renderer__search-bar .search-bar:hover{border:none!important;background:transparent}.logs-renderer-container .logs-renderer__search-bar .search-bar__icon path:nth-child(1){fill:none!important}.logs-renderer-container .logs-renderer__search-bar .search-bar__icon path:nth-child(2){fill:var(--N400)}.logs-renderer-container .logs-renderer__search-bar .search-bar:focus-within{border:none!important}.logs-renderer-container .logs-renderer__stage-accordion{background-color:#0c1021}.logs-renderer-container .logs-renderer__stage-accordion:not(.logs-renderer-container .logs-renderer__stage-accordion--open-stage):hover{background-color:#2c335480}.logs-renderer-container .logs-renderer__stage-accordion--open-stage{background-color:#2c3354}.logs-renderer-container .logs-renderer__log-item{grid-template-columns:34px auto}.logs-renderer-container .logs-renderer__log-item:hover{background-color:#ffffff1a}.logs-renderer-container .logs-renderer__filters-border-bottom{border-bottom:1px solid #2c3354}.logs-renderer-container .logs-renderer__filters-border-bottom>:not(:first-child){border-left:1px solid #2C3354}.gui-yaml-switch.status-filter-button.radio-group .radio__item-label{padding:2px 8px;display:flex;align-items:center;gap:6px}.gui-yaml-switch.status-filter-button.with-menu-button{border-top-right-radius:0;border-bottom-right-radius:0}.gui-yaml-switch.status-filter-button.with-menu-button .radio:last-child>.radio__item-label{border-right:none;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.collapsible__item.active{color:var(--B500);font-weight:600;background:var(--B100)}.collapsible__item.active:hover:not(.no-hover){color:var(--B500);background:var(--B100)}.collapsible__item:hover:not(.no-hover){color:var(--N700);text-decoration:none;background:var(--N50)}.collapsible__item:not(.active):not(.no-hover) .collapsible__item__title{color:var(--N900)}.empty-state{height:100%}.empty-state img{height:40%;max-height:200px;width:auto;max-width:250px}.empty-state svg{height:40%;max-height:200px;width:auto}.empty-state .button svg{height:100%;max-height:none;width:100%}.empty-state h1,.empty-state h2,.empty-state h3,.empty-state h4,.empty-state h5,.empty-state h6{color:var(--N900)}.empty-state .subtitle{font-size:13px;font-weight:400;text-align:center;line-height:20px;margin-bottom:6px}.empty-state .subtitle--text-start{text-align:start}.empty-state .cta{height:36px}.empty-state p{text-align:center;font-size:13px;color:var(--N700)}.empty-state strong{font-size:16px;margin-bottom:4px;color:var(--N900);font-weight:400}.empty-state .select-popup{height:min-content;max-height:250px;overflow:auto;padding:8px 0}.empty-state .empty-state__loader{width:34px;height:34px;margin-bottom:16px}.empty-state .empty-state__loading-text{font-size:12px;width:200px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:var(--N900)}.empty-state .button__icon{width:16px;height:16px;margin-left:8px}.toggle__switch{position:relative;display:inline-block;width:100%;height:100%}.toggle__switch.disabled,.toggle__switch.disabled .toggle__slider{cursor:not-allowed}.toggle__switch input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:all .4s ease}.toggle__slider.round{border-radius:34px}.toggle__slider.round:before{border-radius:50%}.toggle__slider:before{position:absolute;content:"";height:calc(100% - 8px);width:calc(50% - 4px);left:4px;bottom:4px;background-color:#fff;transition:all .4s ease}.toggle__slider.with-icon{background-color:var(--N000)!important}.toggle__slider.with-icon svg{position:absolute;content:"";top:-1px;left:-1px;background-color:var(--N300);transition:all .4s ease}input:checked+.toggle__slider{background-color:var(--color)}input:checked+.toggle__slider:before{transform:translate(100%)}input:checked+.toggle__slider.with-icon svg{transform:translate(100%);background-color:var(--color)}input:focus+.toggle__slider{box-shadow:0 0 1px var(--color)}.dc__toggle-square-toggle .toggle__slider{border-color:var(--color);background-color:var(--color)!important}.dc__toggle-square-toggle .toggle__slider:before{background-color:transparent}.dc__toggle-square-toggle .toggle__slider.with-icon svg{height:16px;width:16px;margin-top:1px;background-color:var(--N0);left:0;padding:0;border-radius:3px}.dc__toggle-square-toggle input:checked+.toggle__slider.with-icon svg{left:-6px;background-color:var(--N0)}.deployment-config-diff{display:grid;grid-template-columns:255px 1fr;height:100%}.deployment-config-diff--drawer{grid-template-columns:220px 1fr}.deployment-config-diff__accordion{scroll-margin-top:12px}.deployment-config-diff__main-top__header:first-child{flex:1 0 calc(50% - 2px)}.deployment-config-diff__main-top__header:last-child{flex:1 0 50%}.deployment-config-diff__main-content{flex-grow:1}.deployment-config-diff .react-monaco-editor-container{min-height:100px}.deployment-config-diff__tab-list label{flex-grow:1}.deployment-config-diff__tab-list .radio__item-label{justify-content:center}.code-editor__header{height:40px;background:var(--N100);padding:0 16px;border-bottom:1px solid var(--N200)}.code-editor__header .radio-group{height:24px;overflow:hidden}.code-editor__header .radio-group input[type=checkbox]:checked+.radio__item-label{background:var(--N700);border-radius:0;color:var(--white)}.code-editor__header .radio__item-label{padding:0 8px;display:inline-block;width:100%;height:100%;line-height:24px;cursor:pointer}.code-editor__header .radio-group{padding:0}.code-editor__header .code-editor__split-pane{color:var(--N700);margin-left:auto;fill:var(--N700)}.code-editor__header label.form__error{margin-left:8px}.code-editor__header button.clipboard{margin-left:auto;height:20px;width:20px;padding:0;background:transparent;border:unset;outline:unset}.code-editor__header button.clipboard svg{height:100%;width:100%}.code-editor__header button.clipboard:active svg{height:90%;width:90%}.code-editor__header button.clipboard:active svg path{fill:green}.code-editor__header-error{padding:8px 16px;font-size:12px;border:solid 1px #d6dbdf;background-color:var(--R100);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;color:#f32e2e}.code-editor-container{width:100%;border:1px solid #d6dbdf;border-radius:4px;overflow:hidden}.react-monaco-editor-container{min-height:300px}.code-editor__information-info-icon{width:16px;height:16px;margin:0 8px 0 0;vertical-align:bottom}.code-editor__toggle{color:var(--white)}.code-editor__toggle .toggle__switch{width:32px;margin:0 12px}.diff-icon{height:20px;width:20px;margin-right:4px;background:url("./ic-compare.0ee3e4cf.svg")}.monaco-editor-hover{margin-left:40px}.monaco-scrollable-element>.visible{z-index:9}.code-editor__shebang{padding:0 52px;color:#151515;opacity:.6}.select-button__arrow{position:absolute;right:5px}.select-button{border-radius:4px;justify-content:space-between}.select-button.default{height:40px;padding:12px 10px;background-color:#fff}.select-button:disabled{background-color:var(--N100)}.select-button--default{padding:8px 8px 8px 10px;width:100%;font-weight:500;background-color:var(--N000)}.select__label-container{display:inline-block;margin-left:auto}.select__options-container{max-height:220px;overflow:auto;color:var(--N900)}.select__option-with-subtitle{padding:9px 12px;margin-top:2px;display:flex;cursor:pointer;align-items:center}.select__option-with-subtitle--empty-state{color:var(--N500)}.select-popup{max-height:220px;overflow:auto;padding:4px 0;border-radius:4px;border:1px solid var(--N100)}.select__option{padding:10px 12px;line-height:1.5;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:var(--N000)}.select__option.selected{color:var(--B500);background-color:var(--B100)}.select-button__selected-option{display:inline-block;white-space:nowrap;text-align:left}.select__check-icon{width:16px;height:16px;margin-right:12px}.option-with-subtitle__subtitle{font-size:10px;font-weight:400;font-stretch:normal;line-height:1.33;letter-spacing:normal;color:#404040}.option-group__label{padding:8px 16px;font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:var(--N400);text-transform:uppercase}.select__sticky-bottom{position:sticky;bottom:-8px;margin-bottom:-8px;box-shadow:0 -1px 0 0 var(--N200);background-color:inherit;padding:11px 12px;width:100%;display:flex;align-items:center;cursor:pointer;color:var(--B500);font-size:13px}.select__sticky-bottom svg path{fill:var(--B500)}.select__all{height:36px;padding:4px 12px 4px 40px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:#f5f5f5}.popup-button:disabled .select-button{background-color:var(--N100)}.select__option-with-subtitle:hover,.select__option:hover{background-color:var(--window-bg)}.select__option-with-subtitle--empty-state:hover{background-color:unset}.radio-group{height:30px;background:#fff;display:flex;justify-content:center;align-items:center;padding:4px;border-radius:4px}.radio-group .label,.radio-group .radio,.radio-group .checkbox{margin:0}.radio-group .radio{height:100%;width:auto;color:var(--N400);display:flex;align-items:center}.radio-group .radio+.radio{margin-top:0}.radio-group input[type=checkbox]{display:contents;overflow:hidden;max-width:0px;height:0;opacity:0;margin:unset}.radio-group input+.radio__item-label{padding:4px 6px;height:100%;width:100%;display:flex;align-items:center;transition:all .5s;cursor:pointer}.radio-group input[type=checkbox]:checked+.radio__item-label{background:#2c3354;color:#fff;border-radius:4px}.deployment-history-diff-view .react-monaco-editor-container{min-height:100px}.git-commit-info-generic__wrapper .git-commit-info-generic__header{display:grid;grid-template-columns:20px 1fr}.git-commit-info-generic__wrapper:hover .git-commit-info-generic__copy{visibility:visible}.ci-details{background-color:var(--white);overflow:hidden;height:100%;width:100%;transition:all .3s;display:flex}.ci-details .ci-artifact .add-image-button{margin-left:52px}.ci-details .ci-artifact.ci-artifact--report svg path{fill:currentColor}.ci-details .zoom{position:absolute;bottom:12px;right:12px}.ci-details .ci-details__history{padding:16px 0 0;border-right:1px solid var(--N200);display:grid;grid-template-rows:80px 1fr;overflow:hidden;flex-basis:280px;transition:flex-basis .3s}.ci-details .ci-details__body{flex-basis:calc(100% - 280px);transition:flex-basis .3s;display:flex;flex-direction:column;position:relative;overflow:hidden}.ci-details .ci-details__body .trigger-details{transition:height .3s}.ci-details .ci-details__body .trigger-details__grid{grid-template-columns:50px 1fr}.ci-details .ci-details__body .trigger-details .trigger-details__summary .inprogress-status-color{color:var(--inprogress-orange)}.ci-details .ci-details__body .history-logs{height:100%;overflow:auto}.ci-details.ci-details--full-screen .ci-details__history{flex-basis:0;overflow:hidden;transition:flex-basis .3s;border-right:unset}.ci-details.ci-details--full-screen .ci-details__body{overflow:auto;flex-basis:100%;transition:flex-basis .3s}.ci-details.ci-details--full-screen .ci-details__body .trigger-details{overflow:hidden;height:0px;transition:height .3s}.historical-diff{display:grid;grid-template-rows:60px auto;height:100%;background-color:var(--white)}.historical-diff__container{display:grid;grid-template-columns:280px auto;height:calc(100vh - 147px)}.deployment-diff__upper{display:grid;grid-template-columns:repeat(2,1fr);position:relative}.deployment-diff__upper:after{content:"";position:absolute;width:1px;height:100%;left:calc(50% - 1px);background:var(--N200)}.historical-diff__left{padding:16px 12px;overflow:hidden;min-width:280px}.history_diff__wrapper .tab-list__tab-link.active{color:var(--N900);background:#e5f2ff;font-weight:600;border-bottom:0px}.code-editor-header-value{border-bottom:1px solid var(--N200);border-top-right-radius:4px;border-top-left-radius:4px;display:flex;justify-content:space-between;align-items:center}.compare-history__border-right{border-right:1px solid var(--N100)}.compare-history__border-left{border-left:1px solid var(--N100)}.configuration-link.active{background:var(--B100);color:var(--N900);font-weight:600;border-right:1px solid var(--N200)}.historical-name:hover{color:var(--N900)!important}.left-50{left:50px}.deployment-aborted{height:calc(100vh - 250px);justify-content:center}.icon-selected{background-color:#06c;border-radius:4px}.icon-selected path{stroke:#fff}.deployment-history-card-container{text-decoration:unset}.deployment-history-card-container:hover{text-decoration:unset;background:var(--N50)}.deployment-history-card-container.active{background:var(--B100)}.deployment-history-card-container .deployment-history-card{display:grid;grid-template-columns:20px 1fr;column-gap:8px}.deployment-history-card-container .app-status__icon{position:unset}.deployment-status-breakdown-container .vertical-connector,.deployment-approval-container .vertical-connector{border-left:1px solid var(--N300);height:15px;position:relative;left:18px;width:5px}.deployment-status-breakdown-container .deployment-status-breakdown-row,.deployment-approval-container .deployment-status-breakdown-row{display:flex;align-items:center;justify-content:left}.deployment-status-breakdown-container .deployment-status-breakdown-row.border-collapse,.deployment-approval-container .deployment-status-breakdown-row.border-collapse{border-radius:4px 4px 0 0}.deployment-status-breakdown-container .pulse-highlight,.deployment-approval-container .pulse-highlight{width:12px;height:12px;border:solid 4px rgba(255,126,91,.4);background-color:#ff7e5b;position:relative;top:5px;right:-5px;border-radius:50%;animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.deployment-status-breakdown-container .green-tick path,.deployment-approval-container .green-tick path{stroke:var(--G500)}.deployment-status-breakdown-container .app-status-row,.deployment-approval-container .app-status-row{display:grid;grid-template-columns:150px 200px 150px auto;grid-column-gap:16px}.deployment-status-breakdown-container .resource-list .app-status-row:hover,.deployment-approval-container .resource-list .app-status-row:hover{background-color:var(--N50)}.deployment-status-breakdown-container .detail-tab_border,.deployment-approval-container .detail-tab_border{border-radius:0 0 4px 4px;border-top:0}.history-component__wrapper .history-component__artifact{width:min(100%,800px)}.log-resize-button{transition:opacity .2s ease-in-out;padding:6px;width:32px;height:32px;border-radius:4px;box-shadow:0 0 4px #000a1480,0 0 4px #000a1480;background-color:#2c3354;opacity:.8;z-index:11}.log-resize-button>svg{transition:transform .2s ease-in-out;transform:scale(1)}.log-resize-button:hover{opacity:1}.log-resize-button:hover>svg{transform:scale(1.1)}.confirmation-modal{box-shadow:0 1px 1px #0000000a,0 2px 8px #0000000a,0 3px 17px #0000000a,0 4px 30px #00000021}.SingleDatePicker_picker{z-index:calc(var(--modal-index) + 1)!important}.date-time-picker .SingleDatePicker{width:100%}.date-time-picker .SingleDatePickerInput{display:flex!important;width:100%;background-color:var(--N50);margin-right:0!important;padding:0!important;height:36px!important;overflow:hidden;border:1px solid var(--N200);border-radius:4px}.date-time-picker .SingleDatePickerInput:hover{border:1px solid var(--N400)}.date-time-picker .SingleDatePickerInput:focus,.date-time-picker .SingleDatePickerInput:focus-visible,.date-time-picker .SingleDatePickerInput:focus-within{border:1px solid var(--B500)}.date-time-picker .SingleDatePickerInput__disabled{background-color:var(--N100);border-color:var(--N200)}.date-time-picker .SingleDatePickerInput_calendarIcon{padding:0 8px 0 0!important;margin:0!important;background-color:transparent!important;height:34px!important;display:flex;align-items:center}.date-time-picker .SingleDatePickerInput_calendarIcon:focus-visible{outline:none}.date-time-picker .SingleDatePickerInput__withBorder .DateInput{line-height:20px!important;height:34px;background-color:transparent;width:100%}.date-time-picker .SingleDatePickerInput__withBorder .DateInput:focus-visible{outline:none}.date-time-picker .SingleDatePickerInput__withBorder .DateInput_input{font-size:13px;border-bottom:none;cursor:pointer;background-color:transparent;color:var(--N900)}.date-time-picker .SingleDatePickerInput__withBorder .DateInput_input__focused+.DateInput_fang{display:none}.date-time-picker .SingleDatePickerInput__withBorder .DateInput_input__disabled{cursor:not-allowed}.date-time-picker .DateInput_input{padding:6px 8px!important}.date-time-picker .DateInput_input__disabled{font-style:normal}.custom-panel--iframe-element{margin:40px auto 0;width:calc(100vw - 100px);height:calc(100vh - 100px)}.pre-build-plugin-list-container .plugin-card:hover{box-shadow:0 2px 8px #0000001a}.pre-build-plugin-list-container .plugin-card:hover .plugin-card__title{color:var(--B500)}.key-value-table{display:grid;gap:1px}.key-value-table.two-columns-top-row,.key-value-table.two-columns{grid-template-columns:30% 1fr}.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell:first-child,.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell-input:first-child{border-bottom-left-radius:4px!important}.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell:last-child,.key-value-table.two-columns .key-value-table__row:last-of-type .key-value-table__cell-input:last-child{border-bottom-right-radius:4px!important}.key-value-table.three-columns{grid-template-columns:30% 1fr 32px}.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__cell:first-child,.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__cell-input:first-child{border-bottom-left-radius:4px!important}.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__cell:last-child,.key-value-table.three-columns .key-value-table__row:last-of-type .key-value-table__row-delete-btn{border-bottom-right-radius:4px}.key-value-table__row{display:contents;height:36px}.key-value-table__cell-input{outline:none;border:none!important;height:36px;width:100%;background:inherit}.key-value-table__cell-input--add{resize:none;border-radius:4px;outline:none}.key-value-table__cell:hover:not(:focus-within):not(.no-hover){outline:1px solid var(--N200)}.key-value-table__cell:focus-within{position:relative;z-index:1;outline:1px solid var(--B500)}.key-value-table__cell--error,.key-value-table__cell--error:focus-within,.key-value-table__cell--error:hover{outline:1px solid var(--R500)}.key-value-table__cell:not(:focus-within):not(:hover)>.key-value-table__error{display:none}.key-value-table__error{position:absolute;top:calc(100% + 4px);left:50%;width:100%;box-shadow:0 2px 4px #0003;transform:translate(-50%);z-index:2}.tab-group{list-style:none}.tab-group__tab{position:relative}.tab-group__tab svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--N700)}.tab-group__tab svg.tab-group__tab__icon *[fill^="#"]{fill:var(--N700)}.tab-group__tab:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:transparent;border-top-left-radius:2px;border-top-right-radius:2px}.tab-group__tab--align-active-border:after{bottom:-1px}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled){color:var(--B500)}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled) svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--B500)}.tab-group__tab:hover:not(.tab-group__tab--block):not(.dc__disabled) svg.tab-group__tab__icon *[fill^="#"]{fill:var(--B500)}.tab-group__tab--active svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--B500)}.tab-group__tab--active svg.tab-group__tab__icon *[fill^="#"]{fill:var(--B500)}.tab-group__tab--active:after{background-color:var(--B500)}.tab-group__tab__badge{border-radius:10px;min-width:20px}.tab-group__tab__badge--medium{min-width:18px}.tab-group__tab__indicator{width:6px;height:6px;border-radius:100%}.tab-group__tab__description{list-style:none}.tab-group__tab__nav-link.active{color:var(--B500);font-weight:600}.tab-group__tab__nav-link.active svg.tab-group__tab__icon *[stroke^="#"]{stroke:var(--B500)}.tab-group__tab__nav-link.active svg.tab-group__tab__icon *[fill^="#"]{fill:var(--B500)}.tab-group__tab__nav-link:not(.active){color:var(--N900)}.tab-group__tab__nav-link:hover:not([aria-disabled=true]){color:var(--B500)}.tab-group__tab:has(.active):after{background-color:var(--B500)}.edit-image-form-field__figure-container{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}.edit-image-form-field__figure-container .edit-image-form-field__figure-container--base-image{grid-column:1/span 12;grid-row:1/span 12}.edit-image-form-field__figure-container .edit-image-form-field__figure-container--edit-image-icon{grid-column:8/span 4;grid-row:8/span 4}.edit-image-form-field__fallback-image{background:#3989d933}.dynamic-data-table{display:grid;gap:1px}.dynamic-data-table__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:0;width:100%;height:100%;border-radius:0}.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}.dynamic-data-table__cell:has(.select-picker-hidden) .dynamic-data-table__select-text-area{padding-left:8px}.dynamic-data-table__cell:hover:not(:focus-within):not(.no-hover){outline:1px solid var(--N200)}.dynamic-data-table__cell:focus-within:not(.no-focus){position:relative;z-index:1;outline:1px solid var(--B500)}.dynamic-data-table__cell--error,.dynamic-data-table__cell--error:focus-within:not(.no-focus),.dynamic-data-table__cell--error:hover{outline:1px solid var(--R500)}.dynamic-data-table__cell:not(:focus-within):not(:hover)>.dynamic-data-table__error{display:none}.dynamic-data-table__error{position:absolute;top:calc(100% + 4px);left:50%;width:100%;box-shadow:0 2px 4px #0003;transform:translate(-50%);z-index:2}.drawer{position:absolute;overflow:hidden}.drawer.left,.drawer.right{top:0;bottom:0;width:0;transition:width .2s}.drawer.left.show,.drawer.right.show{min-width:var(--minWidth);width:var(--width);max-width:var(--maxWidth)}.drawer.top,.drawer.bottom{left:0;right:0;height:0;transition:height .2s}.drawer.top.show,.drawer.bottom.show{height:var(--height)}.drawer.right{right:0}.drawer.left{left:0}.drawer.top{top:0}.drawer.bottom{bottom:0}.info-bar-container .info_text .success{background-color:var(--G100)}.info-bar-container .warn{background:var(--Y100);border:solid var(--Y200)}.info-bar-container .warn .warning-icon path:nth-child(2){fill:var(--Y700)}.info-bar-container .info_bar{background-color:var(--B100);border:1px solid var(--B200)}.info-bar-container .error_bar{background-color:var(--R100);border:1px solid var(--R200)}.info-bar-container .question-bar{background-color:var(--V100);border:1px solid var(--V200)}.search-bar:focus,.search-bar:focus-within{outline:none;border:solid 1px var(--B500)!important}.search-bar__input:focus,.search-bar__input:focus-visible{border:none;outline:none}.search-bar__icon{z-index:1;top:50%;left:8px;transform:translateY(-50%)}.search-bar__clear-button{right:0;top:50%;transform:translateY(-50%);z-index:1}.pagination{margin-top:16px;margin-bottom:16px;padding:0}.select{display:flex;align-items:center;position:relative}.select__placeholder{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700);margin-right:8px}.pagination__select-menu{padding:0;list-style:none;overflow:hidden;border:solid 1px var(--N200);border-radius:4px;width:64px;position:absolute;bottom:31px;background-color:var(--white)}.select__button{width:64px;background-color:transparent;border-radius:4px;border:solid 1px var(--N200);padding:5px 10px;text-align:left}.select__item{padding:5px 10px;cursor:pointer}.select__icon{margin-left:18px}.page{margin:0 8px;display:inline-block}.page-number{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700)}.page__button{width:24px;height:24px;border-radius:8px;color:var(--B500);background-color:var(--white);padding:0;user-select:none;border:none}.page__button--icon{background-color:var(--white);color:var(--B500)}.page__button--selected{color:var(--white);background-color:var(--B500)}.page__button:disabled{opacity:.5}.select__item:hover{background-color:var(--N50)}.page__button:hover~:disabled{background-color:var(--B100)}.page__button--selected:hover{color:var(--white);background-color:var(--B500)}@media (min-width: 1024px){.pagination{margin:16px auto}}.markdown{padding:0 20px 20px}.markdown .table-container{width:100%;overflow-x:auto}.markdown table{border-spacing:0;border-collapse:collapse}.markdown table tbody td,.markdown table tbody th,.markdown table thead td,.markdown table thead th{padding:6px 13px;border:1px solid #dfe2e5}.markdown table tbody tr,.markdown table thead tr{height:37px}.markdown table tbody tr:nth-child(2n+3),.markdown table thead tr:nth-child(2n+3){background:#f6f8fa}.markdown table tbody tr:first-child th,.markdown table thead tr:first-child th{text-align:center}.markdown table code{background-color:#1b1f230d}.markdown pre{padding:16px;border:unset;overflow:auto;font-size:85%;line-height:1.45;background-color:#f7f7f7;border-radius:3px}.markdown pre code{display:inline;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;white-space:pre;border:0}.markdown a.anchor{color:var(--N900)}.tab-description .tab-list__tab .tab-hover:hover,.tab-description .tab-list__tab .tab-hover.active{color:var(--B500)}.tab-description .tab-list__tab .tab-hover:hover .edit-yaml-icon path,.tab-description .tab-list__tab .tab-hover.active .edit-yaml-icon path{stroke:var(--B500)}.tab-description .tab-list__tab .tab-hover:hover .terminal-icon path,.tab-description .tab-list__tab .tab-hover.active .terminal-icon path{fill:var(--B500)}.tab-description .tab-list__tab .node-details__active-tab{height:2px;background-color:var(--B500);border-radius:2px 2px 0 0;margin-top:-1px}.cluster__body-details{flex-basis:100%}.cluster__body-details .pencil-icon:hover{color:var(--B500);text-decoration:none}.cluster__body-details .pencil-icon:hover svg path{stroke:var(--B500)}.cluster__body-details .mark-down-editor-container{border-bottom:1px solid var(--N200);border-radius:3px 3px 0 0;font-family:Open Sans,Arial,sans-serif!important;font-size:13px!important;line-height:1.67}.cluster__body-details .mark-down-editor-container .mark-down-editor-preview{background-color:#fff!important}.cluster__body-details .mark-down-editor-container .mark-down-editor-textarea-wrapper{border-radius:3px!important;border:1px solid var(--N200)!important;background-color:var(--N50)!important}.cluster__body-details .mark-down-editor-container .mde-textarea-wrapper{background-color:#fff!important;padding:10px!important}.cluster__body-details .mark-down-editor-container .mark-down-editor-toolbar{justify-content:space-between!important;padding-left:16px!important;padding-right:16px!important;background-color:#fff!important}.cluster__body-details .mark-down-editor-container .mde-header{height:36px!important}.cluster__body-details .mark-down-editor-container .mde-header .mde-tabs{height:inherit!important}.cluster__body-details .mark-down-editor-container .mde-header .mde-tabs button{padding-left:0!important;padding-right:0!important;margin:0 16px 0 0!important;padding-top:4px!important}.cluster__body-details .mark-down-editor-container .mde-header .mde-tabs .active-tab{border-bottom:2px solid var(--B500)!important;border-radius:0!important}.cluster__body-details .mark-down-editor-container .mde-header ul.mde-header-group{height:inherit!important;display:flex!important;justify-content:center!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important}.cluster__body-details .mark-down-editor-container .mde-header ul.mde-header-group .mde-header-item button{padding:10px 4px!important;height:inherit!important}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content{padding:0!important}.cluster__body-details .mark-down-editor-container .mde-preview .mde-preview-content a.anchor{color:var(--N900)}.cluster__body-details .mark-down-editor-container .mark-down-editor__hidden{display:none!important}.cluster__body-details .mark-down-editor__no-border{border:0px}.cluster__body-details .cluster__description-footer{border-radius:0 0 3px 3px;border:1px solid var(--N200);border-top:0px}.cluster__description-footer{border-radius:0 0 3px 3px;border:1px solid var(--N200)}.create-app-description{border-bottom:1px solid var(--N200)!important;border-radius:3px!important}