@mparticle/aquarium 1.62.0-operation-prism-shift.6 → 1.62.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/aquarium.js +14699 -15880
- package/dist/aquarium.umd.cjs +59 -59
- package/dist/src/components/UXPatterns/StatisticsCard/StatisticsCard.d.ts +12 -0
- package/dist/src/components/data-display/Tooltip/IconWithTooltip.d.ts +11 -0
- package/dist/src/components/data-entry/Checkbox/Checkbox.d.ts +5 -6
- package/dist/src/components/data-entry/RadioCard/RadioCard.d.ts +20 -0
- package/dist/src/components/general/Button/Button.d.ts +5 -1
- package/dist/src/components/general/Typography/colors.d.ts +1 -1
- package/dist/src/components/index.d.ts +3 -4
- package/dist/src/styles/style.d.ts +78 -78
- package/dist/style.css +1 -1
- package/dist/style.ts +78 -78
- package/package.json +1 -1
- package/dist/src/shared/Operation.d.ts +0 -178
- package/dist/src/shared/Paths.d.ts +0 -146
- package/dist/src/shared/Suite.d.ts +0 -9
- package/dist/src/shared/UserPreferences.d.ts +0 -12
- package/dist/src/shared/Utils.d.ts +0 -4
- package/dist/src/shared/services/AudiencePermissionsService.d.ts +0 -9
- package/dist/src/shared/services/AuthorizationsService.d.ts +0 -6
- package/dist/src/shared/services/FeatureFlagsService.d.ts +0 -54
- package/dist/src/shared/services/InitializationService.d.ts +0 -4
- package/dist/src/shared/services/NavigationItemsService.d.ts +0 -55
- package/dist/src/shared/services/RoutesAuthorizationsService.d.ts +0 -12
- package/dist/src/shared/services/routeAuthorizations/anaytics-authorizations.d.ts +0 -6
- package/dist/src/shared/services/routeAuthorizations/base-routes-authorizations.d.ts +0 -7
- package/dist/src/shared/services/routeAuthorizations/customer-360-authorizations.d.ts +0 -11
- package/dist/src/shared/services/routeAuthorizations/data-platform-authorizations.d.ts +0 -22
- package/dist/src/shared/services/routeAuthorizations/data-warehouse-authorizations.d.ts +0 -10
- package/dist/src/shared/services/routeAuthorizations/oversight-authorizations.d.ts +0 -13
- package/dist/src/shared/services/routeAuthorizations/root-authorizations.d.ts +0 -10
- package/dist/src/shared/services/routeAuthorizations/segmentation-authorizations.d.ts +0 -10
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
|
+
export interface IStatisticsCardProps {
|
|
4
|
+
title: string;
|
|
5
|
+
value: string | number;
|
|
6
|
+
denominator?: string | number;
|
|
7
|
+
tooltip?: ReactNode;
|
|
8
|
+
valueFontSize?: string;
|
|
9
|
+
denominatorFontSize?: string;
|
|
10
|
+
valueFontWeight?: string | number;
|
|
11
|
+
}
|
|
12
|
+
export declare const StatisticsCard: React.FC<IStatisticsCardProps>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { JSX } from 'react/jsx-runtime';
|
|
2
|
+
import { type IIconProps } from '../../general/Icon/Icon';
|
|
3
|
+
import { type ITooltipProps } from './Tooltip';
|
|
4
|
+
import type { IconNames } from '../../../types/icons';
|
|
5
|
+
import type { ReactNode } from 'react';
|
|
6
|
+
export interface IIconWithTooltipProps extends Omit<ITooltipProps, 'title'> {
|
|
7
|
+
title: ReactNode;
|
|
8
|
+
iconName?: IconNames;
|
|
9
|
+
iconProps?: Omit<IIconProps, 'name'>;
|
|
10
|
+
}
|
|
11
|
+
export declare const IconWithTooltip: ({ title, iconName, iconProps, ...rest }: IIconWithTooltipProps) => JSX.Element;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { RefAttributes, ReactElement, JSXElementConstructor } from 'react';
|
|
2
|
-
import { CheckboxGroupProps } from 'antd/es/checkbox';
|
|
3
1
|
import { JSX } from 'react/jsx-runtime';
|
|
4
|
-
/// <reference types="react" />
|
|
5
2
|
import { type CheckboxProps as AntCheckboxProps } from 'antd';
|
|
3
|
+
import { type CheckboxGroupProps as AntCheckboxGroupProps } from 'antd/es/checkbox/Group';
|
|
6
4
|
export interface ICheckboxProps extends AntCheckboxProps {
|
|
7
5
|
}
|
|
8
|
-
export
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
export interface ICheckboxGroupProps extends AntCheckboxGroupProps {
|
|
7
|
+
}
|
|
8
|
+
export declare const Checkbox: ((props: ICheckboxProps) => JSX.Element) & {
|
|
9
|
+
Group: (props: ICheckboxGroupProps) => JSX.Element;
|
|
11
10
|
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { JSX } from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export interface RadioCardOption<T extends React.Key> {
|
|
4
|
+
value: T;
|
|
5
|
+
title: React.ReactNode;
|
|
6
|
+
description?: React.ReactNode;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
tooltipTitle?: React.ReactNode;
|
|
9
|
+
testId?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface RadioCardsProps<T extends React.Key> {
|
|
12
|
+
options: Array<RadioCardOption<T>>;
|
|
13
|
+
value?: T;
|
|
14
|
+
onChange?: (value: T) => void;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
orientation?: 'vertical' | 'horizontal';
|
|
17
|
+
radioAlign?: 'start' | 'center';
|
|
18
|
+
gap?: number | string;
|
|
19
|
+
}
|
|
20
|
+
export declare const RadioCards: <T extends React.Key>({ options, value, onChange, disabled, orientation, radioAlign, gap, }: RadioCardsProps<T>) => JSX.Element;
|
|
@@ -3,7 +3,7 @@ import { JSX } from 'react/jsx-runtime';
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { type ButtonProps as AntButtonProps } from 'antd';
|
|
5
5
|
import { type ReactNode } from 'react';
|
|
6
|
-
export interface IButtonProps extends Omit<AntButtonProps, 'variant'> {
|
|
6
|
+
export interface IButtonProps extends Omit<AntButtonProps, 'variant' | 'color'> {
|
|
7
7
|
/**
|
|
8
8
|
* @deprecated This variant is a temporary fix for new icons.
|
|
9
9
|
* Use this variant only with new icons to align the icon and text centered.
|
|
@@ -11,6 +11,10 @@ export interface IButtonProps extends Omit<AntButtonProps, 'variant'> {
|
|
|
11
11
|
*/
|
|
12
12
|
variant?: 'with-new-icon';
|
|
13
13
|
icon?: ReactNode;
|
|
14
|
+
/**
|
|
15
|
+
* Color of the button text. Use 'inherit' to inherit from parent element.
|
|
16
|
+
*/
|
|
17
|
+
color?: 'inherit' | string;
|
|
14
18
|
}
|
|
15
19
|
export declare const Button: {
|
|
16
20
|
(props: IButtonProps): JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const TypographyColors: readonly ["ColorText", "ColorTextSecondary", "ColorTextTertiary", "ColorTextQuaternary", "ColorInfoText", "ColorInfoTextActive", "ColorPrimaryTextHover", "ColorPrimaryText", "ColorPrimaryTextActive", "ColorSuccessTextHover", "ColorSuccessText", "ColorSuccessTextActive", "ColorErrorTextHover", "ColorErrorText", "ColorErrorTextActive", "ColorWarningTextHover", "ColorWarningText", "ColorWarningTextActive", "ColorLink", "ColorLinkHover", "ColorLinkActive", "ColorTextPlaceholder", "ColorTextDisabled", "ColorTextHeading", "ColorTextLabel", "ColorTextDescription", "ColorTextLightSolid"];
|
|
1
|
+
export declare const TypographyColors: readonly ["ColorText", "ColorTextSecondary", "ColorTextTertiary", "ColorTextQuaternary", "ColorInfoText", "ColorInfoTextActive", "ColorPrimaryTextHover", "ColorPrimaryText", "ColorPrimaryTextActive", "ColorSuccessTextHover", "ColorSuccessText", "ColorSuccessTextActive", "ColorErrorTextHover", "ColorErrorText", "ColorErrorTextActive", "ColorWarningTextHover", "ColorWarningText", "ColorWarningTextActive", "ColorLink", "ColorLinkHover", "ColorLinkActive", "ColorTextPlaceholder", "ColorTextDisabled", "ColorTextHeading", "ColorTextLabel", "ColorTextDescription", "ColorTextLightSolid", "inherit"];
|
|
2
2
|
export type TypographyColor = (typeof TypographyColors)[number];
|
|
3
3
|
export declare function getColorFromStyles(color: TypographyColor | string): string;
|
|
@@ -10,6 +10,7 @@ export { TreeSelect, type ITreeSelectProps } from './data-entry/TreeSelect/TreeS
|
|
|
10
10
|
export { Select, type ISelectProps, type SelectDefaultOptionType, type SelectBaseOptionType, } from './data-entry/Select/Select';
|
|
11
11
|
export { Mentions, type IMentionsProps } from './not-prod-ready/Mentions/Mentions';
|
|
12
12
|
export { Radio, type IRadioProps } from './data-entry/Radio/Radio';
|
|
13
|
+
export { RadioCards, type RadioCardsProps, type RadioCardOption } from './data-entry/RadioCard/RadioCard';
|
|
13
14
|
export { ColorPicker, type IColorPickerProps } from './not-prod-ready/ColorPicker/ColorPicker';
|
|
14
15
|
export { Slider, type ISliderProps } from './not-prod-ready/Slider/Slider';
|
|
15
16
|
export { Cascader, type ICascaderProps } from './data-entry/Cascader/Cascader';
|
|
@@ -36,6 +37,7 @@ export { Tag, type ITagProps } from './data-display/Tag/Tag';
|
|
|
36
37
|
export { Tour, type ITourProps } from './data-display/Tour/Tour';
|
|
37
38
|
export { Carousel, type ICarouselProps } from './not-prod-ready/Carousel/Carousel';
|
|
38
39
|
export { Tooltip, type ITooltipProps } from './data-display/Tooltip/Tooltip';
|
|
40
|
+
export { IconWithTooltip, type IIconWithTooltipProps } from './data-display/Tooltip/IconWithTooltip';
|
|
39
41
|
export { Statistic, type IStatisticProps } from './not-prod-ready/Statistic/Statistic';
|
|
40
42
|
export { Tree, type ITreeProps, type ITreeData } from './not-prod-ready/Tree/Tree';
|
|
41
43
|
export { Image, type IImageProps } from './data-display/Image/Image';
|
|
@@ -92,8 +94,5 @@ export { useNewExperienceReminder, type INewExperienceReminderOptions, type NewE
|
|
|
92
94
|
export { ChartConfig, ChartAxisStyle } from '../constants/ChartConfig';
|
|
93
95
|
export { ChartColors } from '../constants/ChartColors';
|
|
94
96
|
export { MoreActionsButton, type IMoreActionsButtonProps, type IMoreActionsButtonItem, } from './UXPatterns/MoreActionsButton/MoreActionsButton';
|
|
97
|
+
export { StatisticsCard, type IStatisticsCardProps } from './UXPatterns/StatisticsCard/StatisticsCard';
|
|
95
98
|
export { UnauthorizedTooltip, type IUnauthorizedTooltipProps, } from './UXPatterns/PermissionsRestrictions/UnauthorizedTooltip';
|
|
96
|
-
export { Utils } from '../shared/Utils';
|
|
97
|
-
export { RoutesAuthorizationsService } from '../shared/services/RoutesAuthorizationsService';
|
|
98
|
-
export { InitializationService } from '../shared/services/InitializationService';
|
|
99
|
-
export { NavigationItemsService, NavigationItemId } from '../shared/services/NavigationItemsService';
|
|
@@ -2,8 +2,8 @@ export declare const Blue = "#1677FF";
|
|
|
2
2
|
export declare const Purple = "#722ED1";
|
|
3
3
|
export declare const Cyan = "#13C2C2";
|
|
4
4
|
export declare const Green = "#52C41A";
|
|
5
|
-
export declare const Magenta = "#
|
|
6
|
-
export declare const Pink = "#
|
|
5
|
+
export declare const Magenta = "#EB2F96";
|
|
6
|
+
export declare const Pink = "#EB2F96";
|
|
7
7
|
export declare const Red = "#F5222D";
|
|
8
8
|
export declare const Orange = "#FA8C16";
|
|
9
9
|
export declare const Yellow = "#FADB14";
|
|
@@ -11,12 +11,12 @@ export declare const Volcano = "#FA541C";
|
|
|
11
11
|
export declare const Geekblue = "#2F54EB";
|
|
12
12
|
export declare const Gold = "#FAAD14";
|
|
13
13
|
export declare const Lime = "#A0D911";
|
|
14
|
-
export declare const ColorPrimary = "#
|
|
14
|
+
export declare const ColorPrimary = "#3600d1";
|
|
15
15
|
export declare const ColorSuccess = "#52c41a";
|
|
16
16
|
export declare const ColorWarning = "#faad14";
|
|
17
17
|
export declare const ColorError = "#ff4d4f";
|
|
18
|
-
export declare const ColorInfo = "#
|
|
19
|
-
export declare const ColorLink = "#
|
|
18
|
+
export declare const ColorInfo = "#3600d1";
|
|
19
|
+
export declare const ColorLink = "#3600d1";
|
|
20
20
|
export declare const ColorTextBase = "#000";
|
|
21
21
|
export declare const ColorBgBase = "#fff";
|
|
22
22
|
export declare const FontFamily = "'GT America', -system-ui, sans-serif";
|
|
@@ -48,56 +48,56 @@ export declare const ColorText = "rgba(0, 0, 0, 0.95)";
|
|
|
48
48
|
export declare const ColorTextSecondary = "rgba(0, 0, 0, 0.75)";
|
|
49
49
|
export declare const ColorTextTertiary = "rgba(0, 0, 0, 0.55)";
|
|
50
50
|
export declare const ColorTextQuaternary = "rgba(0, 0, 0, 0.4)";
|
|
51
|
-
export declare const ColorBorder = "#
|
|
52
|
-
export declare const ColorBorderSecondary = "#
|
|
53
|
-
export declare const ColorFill = "rgba(
|
|
54
|
-
export declare const ColorFillSecondary = "rgba(
|
|
55
|
-
export declare const ColorFillTertiary = "rgba(
|
|
56
|
-
export declare const ColorFillQuaternary = "rgba(
|
|
57
|
-
export declare const ColorInfoBg = "#
|
|
58
|
-
export declare const ColorInfoBgHover = "#
|
|
59
|
-
export declare const ColorInfoBorder = "#
|
|
60
|
-
export declare const ColorInfoBorderHover = "#
|
|
61
|
-
export declare const ColorInfoHover = "#
|
|
62
|
-
export declare const ColorInfoActive = "#
|
|
63
|
-
export declare const ColorInfoTextHover = "#
|
|
64
|
-
export declare const ColorInfoText = "#
|
|
65
|
-
export declare const ColorInfoTextActive = "#
|
|
66
|
-
export declare const ColorPrimaryBg = "#
|
|
67
|
-
export declare const ColorPrimaryBgHover = "#
|
|
68
|
-
export declare const ColorPrimaryBorder = "#
|
|
69
|
-
export declare const ColorPrimaryBorderHover = "#
|
|
70
|
-
export declare const ColorPrimaryHover = "#
|
|
71
|
-
export declare const ColorPrimaryActive = "#
|
|
72
|
-
export declare const ColorPrimaryTextHover = "#
|
|
73
|
-
export declare const ColorPrimaryText = "#
|
|
74
|
-
export declare const ColorPrimaryTextActive = "#
|
|
75
|
-
export declare const ControlOutline = "rgba(
|
|
51
|
+
export declare const ColorBorder = "#c3aeff";
|
|
52
|
+
export declare const ColorBorderSecondary = "#eceae9";
|
|
53
|
+
export declare const ColorFill = "rgba(32, 0, 122, 0.15)";
|
|
54
|
+
export declare const ColorFillSecondary = "rgba(32, 0, 122, 0.06)";
|
|
55
|
+
export declare const ColorFillTertiary = "rgba(32, 0, 122, 0.04)";
|
|
56
|
+
export declare const ColorFillQuaternary = "rgba(32, 0, 122, 0.02)";
|
|
57
|
+
export declare const ColorInfoBg = "#f8f6fb";
|
|
58
|
+
export declare const ColorInfoBgHover = "#ebe8f8";
|
|
59
|
+
export declare const ColorInfoBorder = "#c3aeff";
|
|
60
|
+
export declare const ColorInfoBorderHover = "#ab8eff";
|
|
61
|
+
export declare const ColorInfoHover = "#5f29f8";
|
|
62
|
+
export declare const ColorInfoActive = "#2c00aa";
|
|
63
|
+
export declare const ColorInfoTextHover = "#5f29f8";
|
|
64
|
+
export declare const ColorInfoText = "#2c00aa";
|
|
65
|
+
export declare const ColorInfoTextActive = "#20007a";
|
|
66
|
+
export declare const ColorPrimaryBg = "#f8f6fb";
|
|
67
|
+
export declare const ColorPrimaryBgHover = "#ebe8f8";
|
|
68
|
+
export declare const ColorPrimaryBorder = "#c3aeff";
|
|
69
|
+
export declare const ColorPrimaryBorderHover = "#ab8eff";
|
|
70
|
+
export declare const ColorPrimaryHover = "#5f29f8";
|
|
71
|
+
export declare const ColorPrimaryActive = "#2c00aa";
|
|
72
|
+
export declare const ColorPrimaryTextHover = "#5f29f8";
|
|
73
|
+
export declare const ColorPrimaryText = "#2c00aa";
|
|
74
|
+
export declare const ColorPrimaryTextActive = "#20007a";
|
|
75
|
+
export declare const ControlOutline = "rgba(54, 0, 209, 0.1)";
|
|
76
76
|
export declare const FontWeightStrong = 500;
|
|
77
|
-
export declare const ColorFillAlterSolid = "#
|
|
78
|
-
export declare const ColorFilledHandleBg = "#
|
|
79
|
-
export declare const MpBrandPrimary1 = "#
|
|
80
|
-
export declare const MpBrandPrimary2 = "#
|
|
81
|
-
export declare const MpBrandPrimary3 = "#
|
|
82
|
-
export declare const MpBrandPrimary4 = "#
|
|
83
|
-
export declare const MpBrandPrimary5 = "#
|
|
84
|
-
export declare const MpBrandPrimary6 = "#
|
|
85
|
-
export declare const MpBrandPrimary7 = "#
|
|
86
|
-
export declare const MpBrandPrimary8 = "#
|
|
87
|
-
export declare const MpBrandPrimary9 = "#
|
|
88
|
-
export declare const MpBrandPrimary10 = "#
|
|
89
|
-
export declare const MpBrandSecondary1 = "#
|
|
90
|
-
export declare const MpBrandSecondary2 = "#
|
|
91
|
-
export declare const MpBrandSecondary3 = "#
|
|
92
|
-
export declare const MpBrandSecondary4 = "#
|
|
93
|
-
export declare const MpBrandSecondary5 = "#
|
|
94
|
-
export declare const MpBrandSecondary6 = "#
|
|
95
|
-
export declare const MpBrandSecondary7 = "#
|
|
96
|
-
export declare const MpBrandSecondary8 = "#
|
|
97
|
-
export declare const MpBrandSecondary9 = "#
|
|
98
|
-
export declare const MpBrandSecondary10 = "#
|
|
99
|
-
export declare const MpColorIconStrong = "#
|
|
100
|
-
export declare const MpColorIconBrand = "#
|
|
77
|
+
export declare const ColorFillAlterSolid = "#f8f6fb";
|
|
78
|
+
export declare const ColorFilledHandleBg = "#ebe8f8";
|
|
79
|
+
export declare const MpBrandPrimary1 = "#f8f6fb";
|
|
80
|
+
export declare const MpBrandPrimary2 = "#ebe8f8";
|
|
81
|
+
export declare const MpBrandPrimary3 = "#dbceff";
|
|
82
|
+
export declare const MpBrandPrimary4 = "#c3aeff";
|
|
83
|
+
export declare const MpBrandPrimary5 = "#ab8eff";
|
|
84
|
+
export declare const MpBrandPrimary6 = "#8255ff";
|
|
85
|
+
export declare const MpBrandPrimary7 = "#5f29f8";
|
|
86
|
+
export declare const MpBrandPrimary8 = "#3600d1";
|
|
87
|
+
export declare const MpBrandPrimary9 = "#2c00aa";
|
|
88
|
+
export declare const MpBrandPrimary10 = "#20007a";
|
|
89
|
+
export declare const MpBrandSecondary1 = "#ffffff";
|
|
90
|
+
export declare const MpBrandSecondary2 = "#faf9f8";
|
|
91
|
+
export declare const MpBrandSecondary3 = "#eceae9";
|
|
92
|
+
export declare const MpBrandSecondary4 = "#dcdcd8";
|
|
93
|
+
export declare const MpBrandSecondary5 = "#babbb5";
|
|
94
|
+
export declare const MpBrandSecondary6 = "#717368";
|
|
95
|
+
export declare const MpBrandSecondary7 = "#505249";
|
|
96
|
+
export declare const MpBrandSecondary8 = "#2c2d2b";
|
|
97
|
+
export declare const MpBrandSecondary9 = "#212020";
|
|
98
|
+
export declare const MpBrandSecondary10 = "#0f0e0e";
|
|
99
|
+
export declare const MpColorIconStrong = "#0f0e0e";
|
|
100
|
+
export declare const MpColorIconBrand = "#20007a";
|
|
101
101
|
export declare const MpColorBorderDisabled = "#dcdcd8";
|
|
102
102
|
export declare const MpIconSizeXs = "12px";
|
|
103
103
|
export declare const MpIconSizeSm = "16px";
|
|
@@ -113,23 +113,23 @@ export declare const MpQueryItemGap = "4px";
|
|
|
113
113
|
export declare const MpQueryItemBorderWidth = "0 0 1px 0";
|
|
114
114
|
export declare const MpQueryItemBorderWidthActive = "0 0 2px 0";
|
|
115
115
|
export declare const MpQueryItemBorderRadius = "2px";
|
|
116
|
-
export declare const MpQueryItemBorderColor = "#
|
|
117
|
-
export declare const MpQueryItemBorderColorFocus = "#
|
|
118
|
-
export declare const MpQueryItemBorderColorHover = "#
|
|
119
|
-
export declare const MpQueryItemBorderColorActive = "#
|
|
116
|
+
export declare const MpQueryItemBorderColor = "#c3aeff";
|
|
117
|
+
export declare const MpQueryItemBorderColorFocus = "#3600d1";
|
|
118
|
+
export declare const MpQueryItemBorderColorHover = "#3600d1";
|
|
119
|
+
export declare const MpQueryItemBorderColorActive = "#3600d1";
|
|
120
120
|
export declare const MpQueryItemBorderColorDisabled = "#dcdcd8";
|
|
121
121
|
export declare const MpQueryItemBorderColorError = "#ff4d4f";
|
|
122
122
|
export declare const MpQueryItemBgColor = "#ffffff";
|
|
123
|
-
export declare const MpQueryItemBgColorHover = "#
|
|
124
|
-
export declare const MpQueryItemBgColorActive = "#
|
|
125
|
-
export declare const MpQueryItemBgColorDisabled = "rgba(
|
|
123
|
+
export declare const MpQueryItemBgColorHover = "#f8f6fb";
|
|
124
|
+
export declare const MpQueryItemBgColorActive = "#ebe8f8";
|
|
125
|
+
export declare const MpQueryItemBgColorDisabled = "rgba(15, 14, 14, 0.04)";
|
|
126
126
|
export declare const MpQueryItemColorDisabled = "rgba(0, 0, 0, 0.4)";
|
|
127
127
|
export declare const MpQueryItemShadow = "none";
|
|
128
|
-
export declare const MpQueryItemShadowFocus = "0 0 0 2px rgba(
|
|
129
|
-
export declare const MpQueryItemShadowActive = "0 0 0 2px rgba(
|
|
128
|
+
export declare const MpQueryItemShadowFocus = "0 0 0 2px rgba(54, 0, 209, 0.1)";
|
|
129
|
+
export declare const MpQueryItemShadowActive = "0 0 0 2px rgba(54, 0, 209, 0.1)";
|
|
130
130
|
export declare const MpQueryItemValueSelectorFontWeight = "500";
|
|
131
|
-
export declare const MpQueryItemValueSelectorColor = "#
|
|
132
|
-
export declare const MpQueryItemActionPrimaryColor = "#
|
|
131
|
+
export declare const MpQueryItemValueSelectorColor = "#20007a";
|
|
132
|
+
export declare const MpQueryItemActionPrimaryColor = "#3600d1";
|
|
133
133
|
export declare const MpQueryItemActionSecondaryColor = "rgba(0, 0, 0, 0.55)";
|
|
134
134
|
export declare const MpQueryItemActionFontWeight = "400";
|
|
135
135
|
export declare const Blue1 = "#e6f4ff";
|
|
@@ -295,8 +295,8 @@ export declare const ColorWarningActive = "#d48806";
|
|
|
295
295
|
export declare const ColorWarningTextHover = "#ffc53d";
|
|
296
296
|
export declare const ColorWarningText = "#faad14";
|
|
297
297
|
export declare const ColorWarningTextActive = "#d48806";
|
|
298
|
-
export declare const ColorLinkHover = "#
|
|
299
|
-
export declare const ColorLinkActive = "#
|
|
298
|
+
export declare const ColorLinkHover = "#804beb";
|
|
299
|
+
export declare const ColorLinkActive = "#2800ab";
|
|
300
300
|
export declare const ColorBgMask = "rgba(0, 0, 0, 0.45)";
|
|
301
301
|
export declare const ColorWhite = "#fff";
|
|
302
302
|
export declare const FontSizeSm = "12px";
|
|
@@ -338,10 +338,10 @@ export declare const BorderRadiusXs = "2px";
|
|
|
338
338
|
export declare const BorderRadiusSm = "4px";
|
|
339
339
|
export declare const BorderRadiusLg = "8px";
|
|
340
340
|
export declare const BorderRadiusOuter = "4px";
|
|
341
|
-
export declare const ColorFillContent = "rgba(
|
|
342
|
-
export declare const ColorFillContentHover = "rgba(
|
|
343
|
-
export declare const ColorFillAlter = "rgba(
|
|
344
|
-
export declare const ColorBgContainerDisabled = "rgba(
|
|
341
|
+
export declare const ColorFillContent = "rgba(32, 0, 122, 0.06)";
|
|
342
|
+
export declare const ColorFillContentHover = "rgba(32, 0, 122, 0.15)";
|
|
343
|
+
export declare const ColorFillAlter = "rgba(32, 0, 122, 0.02)";
|
|
344
|
+
export declare const ColorBgContainerDisabled = "rgba(32, 0, 122, 0.04)";
|
|
345
345
|
export declare const ColorBorderBg = "#ffffff";
|
|
346
346
|
export declare const ColorSplit = "rgba(44, 22, 11, 0.09)";
|
|
347
347
|
export declare const ColorTextPlaceholder = "rgba(0, 0, 0, 0.4)";
|
|
@@ -351,8 +351,8 @@ export declare const ColorTextLabel = "rgba(0, 0, 0, 0.75)";
|
|
|
351
351
|
export declare const ColorTextDescription = "rgba(0, 0, 0, 0.55)";
|
|
352
352
|
export declare const ColorTextLightSolid = "#fff";
|
|
353
353
|
export declare const ColorHighlight = "#ff4d4f";
|
|
354
|
-
export declare const ColorBgTextHover = "rgba(
|
|
355
|
-
export declare const ColorBgTextActive = "rgba(
|
|
354
|
+
export declare const ColorBgTextHover = "rgba(32, 0, 122, 0.06)";
|
|
355
|
+
export declare const ColorBgTextActive = "rgba(32, 0, 122, 0.15)";
|
|
356
356
|
export declare const ColorIcon = "rgba(0, 0, 0, 0.55)";
|
|
357
357
|
export declare const ColorIconHover = "rgba(0, 0, 0, 0.95)";
|
|
358
358
|
export declare const ColorErrorOutline = "rgba(255, 38, 5, 0.06)";
|
|
@@ -361,11 +361,11 @@ export declare const FontSizeIcon = "12px";
|
|
|
361
361
|
export declare const LineWidthFocus = "4px";
|
|
362
362
|
export declare const ControlOutlineWidth = "2px";
|
|
363
363
|
export declare const ControlInteractiveSize = "16px";
|
|
364
|
-
export declare const ControlItemBgHover = "rgba(
|
|
365
|
-
export declare const ControlItemBgActive = "#
|
|
366
|
-
export declare const ControlItemBgActiveHover = "#
|
|
367
|
-
export declare const ControlItemBgActiveDisabled = "rgba(
|
|
368
|
-
export declare const ControlTmpOutline = "rgba(
|
|
364
|
+
export declare const ControlItemBgHover = "rgba(32, 0, 122, 0.04)";
|
|
365
|
+
export declare const ControlItemBgActive = "#f8f6fb";
|
|
366
|
+
export declare const ControlItemBgActiveHover = "#ebe8f8";
|
|
367
|
+
export declare const ControlItemBgActiveDisabled = "rgba(32, 0, 122, 0.15)";
|
|
368
|
+
export declare const ControlTmpOutline = "rgba(32, 0, 122, 0.02)";
|
|
369
369
|
export declare const OpacityLoading = 0.65;
|
|
370
370
|
export declare const LinkDecoration = "none";
|
|
371
371
|
export declare const LinkHoverDecoration = "none";
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ant-btn .ant-btn-icon{line-height:0!important}.anticon>*{line-height:0!important}.icon-size-xxxxl{width:var(--mp-icon-size-xxxxl);min-width:var(--mp-icon-size-xxxxl);height:var(--mp-icon-size-xxxxl)}.icon-size-xxxl{width:var(--mp-icon-size-xxxl);min-width:var(--mp-icon-size-xxxl);height:var(--mp-icon-size-xxxl)}.icon-size-xxl{width:var(--mp-icon-size-xxl);min-width:var(--mp-icon-size-xxl);height:var(--mp-icon-size-xxl)}.icon-size-xl{width:var(--mp-icon-size-xl);min-width:var(--mp-icon-size-xl);height:var(--mp-icon-size-xl)}.icon-size-lg{width:var(--mp-icon-size-lg);min-width:var(--mp-icon-size-lg);height:var(--mp-icon-size-lg)}.icon-size-md{width:var(--mp-icon-size-md);min-width:var(--mp-icon-size-md);height:var(--mp-icon-size-md)}.icon-size-sm{width:var(--mp-icon-size-sm);min-width:var(--mp-icon-size-sm);height:var(--mp-icon-size-sm)}.icon-size-xs{width:var(--mp-icon-size-xs);min-width:var(--mp-icon-size-xs);height:var(--mp-icon-size-xs)}.icon-color-primary{color:var(--color-primary)}.icon-color-success{color:var(--color-success)}.icon-color-warning{color:var(--color-warning)}.icon-color-error{color:var(--color-error)}.icon-color-info{color:var(--color-info)}.icon-color-text{color:var(--color-text)}.icon-color-default{color:var(--mp-color-icon-strong)}.icon-color-brand{color:var(--mp-color-icon-brand)}.icon-color-strong{color:var(--mp-color-icon-strong)}.icon-color-white{color:#fff}.icon-color-black{color:#000}.icon-color-inherit{color:inherit}.ant-form-item-label label{margin-bottom:unset;font-weight:unset}.ant-radio-wrapper,.ant-radio-button-wrapper,.ant-checkbox-wrapper{font-weight:400}.query-item{border-width:0 0 var(--line-width) 0!important;border-color:var(--color-border)!important;border-radius:var(--border-radius-xs);background-color:var(--color-bg-container)!important;padding:var(--padding-xxs)!important;height:var(--control-height)!important;display:flex;justify-content:center;align-items:center;box-shadow:none;border-style:solid}.query-item:hover{border-color:var(--color-primary)!important;background-color:var(--control-item-bg-active)!important}.query-item:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px var(--control-outline);background-color:var(--color-bg-container)!important}.query-item:active{border-color:var(--color-primary)!important;border-width:0 0 var(--line-width-bold) 0!important;background-color:var(--control-item-bg-active-hover)!important;box-shadow:0 0 0 2px var(--control-outline)}.query-item[disabled]{color:var(--color-text-disabled)!important;background-color:var(--color-bg-container)!important;border-color:var(--mp-color-border-disabled)!important}.query-item.query-item--input-text,.query-item.query-item--input-number{color:var(--color-primary-text-active);font-weight:var(--font-weight-strong)}.query-item.query-item--input-text::placeholder,.query-item.query-item--input-number::placeholder{font-weight:400}.query-item.query-item--action{color:var(--color-link)!important;gap:var(--margin-xxs)}.query-item.query-item--secondary{color:var(--color-text-tertiary)!important}.query-item.query-item--secondary:hover{background-color:var(--control-item-bg-active)!important}.query-item.query-item--secondary:active{border-width:0 0 var(--line-width-bold) 0;background-color:var(--control-item-bg-active-hover)!important}.query-item.query-item--disabled{color:var(--color-text-tertiary)!important}.query-item.query-item--disabled:hover{background-color:var(--color-bg-container)!important}.query-item.query-item--disabled:active{border-width:0 0 var(--line-width) 0!important;background-color:var(--color-bg-container)!important;box-shadow:none!important}.query-item.query-item--selected>input{color:var(--color-primary-text-active)!important;font-weight:var(--font-weight-strong)!important}.query-item.query-item--error{border-color:var(--color-error)!important}.query-item.query-item--open{border-color:var(--color-primary)!important;border-width:0 0 var(--line-width-bold) 0!important;background-color:var(--control-item-bg-active-hover)!important}.query-item .ant-select-selector{padding:0!important}.query-item__search-highlight{color:var(--color-link)}.query-item__icon{height:16px;width:16px}.query-item__dropdown{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.query-item__input-search .ant-input-outlined{height:var(--control-height)}.ant-card-hoverable:hover{box-shadow:var(--box-shadow-secondary)!important}.antd-table-override--disableStickyScroll .ant-table-sticky-scroll{display:none!important}:root{--empty-img-large-width: 114px;--empty-img-small-width: 72px;--empty-img-height: 72px}.ant-empty-image{--empty-img-large-width: 114px;--empty-img-small-width: 72px;--empty-img-height: 72px;margin:auto!important;width:var(--empty-img-large-width)!important;height:var(--empty-img-height)!important}.ant-empty-image>svg{width:var(--empty-img-large-width)!important;height:var(--empty-img-height)!important}.ant-empty-image .icon-size-lg.icon-color-error{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important;min-width:var(--empty-img-small-width)!important}.ant-empty-image .icon-size-lg.icon-color-error svg{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-empty-image svg.icon-size-lg.icon-color-error{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-empty-image svg[data-testid*=icon-stateError]{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-modal p,.ant-modal span{font-weight:400}.ant-modal .ant-modal-title{font-weight:var(--font-weight-strong)}.alert-expandable{align-items:flex-start;padding:var(--padding-xs) var(--padding-sm)}.alert-expandable .ant-alert-close-icon{margin-top:var(--margin-xxs)}:root{--blue: #1677FF;--purple: #722ED1;--cyan: #13C2C2;--green: #52C41A;--magenta: #C20075;--pink: #C20075;--red: #F5222D;--orange: #FA8C16;--yellow: #FADB14;--volcano: #FA541C;--geekblue: #2F54EB;--gold: #FAAD14;--lime: #A0D911;--color-primary: #C20075;--color-success: #52c41a;--color-warning: #faad14;--color-error: #ff4d4f;--color-info: #C20075;--color-link: #C20075;--color-text-base: #000;--color-bg-base: #fff;--font-family: "GT America", -system-ui, sans-serif;--font-family-code: ‘Roboto Mono’, monospace;--font-size: 14px;--line-width: 1px;--line-type: solid;--motion-unit: .1;--motion-base: 0;--motion-ease-out-circ: cubic-bezier(.08, .82, .17, 1);--motion-ease-in-out-circ: cubic-bezier(.78, .14, .15, .86);--motion-ease-out: cubic-bezier(.215, .61, .355, 1);--motion-ease-in-out: cubic-bezier(.645, .045, .355, 1);--motion-ease-out-back: cubic-bezier(.12, .4, .29, 1.46);--motion-ease-in-back: cubic-bezier(.71, -.46, .88, .6);--motion-ease-in-quint: cubic-bezier(.755, .05, .855, .06);--motion-ease-out-quint: cubic-bezier(.23, 1, .32, 1);--border-radius: 6px;--size-unit: 4px;--size-step: 4px;--size-popup-arrow: 16px;--control-height: 32px;--z-index-base: 0;--z-index-popup-base: 1000;--opacity-image: 1;--wireframe: false;--motion: true;--color-text: rgba(0, 0, 0, .95);--color-text-secondary: rgba(0, 0, 0, .75);--color-text-tertiary: rgba(0, 0, 0, .55);--color-text-quaternary: rgba(0, 0, 0, .4);--color-border: #E0E0E4;--color-border-secondary: #F8F8FA;--color-fill: rgba(194, 0, 117, .08);--color-fill-secondary: rgba(194, 0, 117, .04);--color-fill-tertiary: rgba(194, 0, 117, .02);--color-fill-quaternary: rgba(194, 0, 117, .01);--color-info-bg: #FDF5F9;--color-info-bg-hover: #F9E5F1;--color-info-border: #F5B8DC;--color-info-border-hover: #ED87C3;--color-info-hover: #E5368A;--color-info-active: #480029;--color-info-text-hover: #E5368A;--color-info-text: #C20075;--color-info-text-active: #480029;--color-primary-bg: #FDF5F9;--color-primary-bg-hover: #F9E5F1;--color-primary-border: #F5B8DC;--color-primary-border-hover: #ED87C3;--color-primary-hover: #E5368A;--color-primary-active: #480029;--color-primary-text-hover: #E5368A;--color-primary-text: #C20075;--color-primary-text-active: #480029;--control-outline: rgba(194, 0, 117, .12);--font-weight-strong: 500;--color-fill-alter-solid: #FDF5F9;--color-filled-handle-bg: #F9E5F1;--mp-brand-primary-1: #FFF5FB;--mp-brand-primary-2: #FFEAF6;--mp-brand-primary-3: #FFCFE8;--mp-brand-primary-4: #F5B8DC;--mp-brand-primary-5: #ED87C3;--mp-brand-primary-6: #E5368A;--mp-brand-primary-7: #C20075;--mp-brand-primary-8: #9E005E;--mp-brand-primary-9: #6D0042;--mp-brand-primary-10: #480029;--mp-brand-secondary-1: #FFFFFF;--mp-brand-secondary-2: #F8F8FA;--mp-brand-secondary-3: #E0E0E4;--mp-brand-secondary-4: #C7C7CC;--mp-brand-secondary-5: #AEAEB2;--mp-brand-secondary-6: #86868B;--mp-brand-secondary-7: #6E6E73;--mp-brand-secondary-8: #48484A;--mp-brand-secondary-9: #2C2C2E;--mp-brand-secondary-10: #1C1C1E;--mp-color-icon-strong: #1C1C1E;--mp-color-icon-brand: #480029;--mp-color-border-disabled: #dcdcd8;--mp-icon-size-xs: 12px;--mp-icon-size-sm: 16px;--mp-icon-size-md: 20px;--mp-icon-size-lg: 24px;--mp-icon-size-xl: 28px;--mp-icon-size-xxl: 32px;--mp-icon-size-xxxl: 40px;--mp-icon-size-xxxxl: 48px;--mp-query-item-height: 32px;--mp-query-item-padding: 4px;--mp-query-item-gap: 4px;--mp-query-item-border-width: 0 0 1px 0;--mp-query-item-border-width-active: 0 0 2px 0;--mp-query-item-border-radius: 2px;--mp-query-item-border-color: #F5B8DC;--mp-query-item-border-color-focus: #C20075;--mp-query-item-border-color-hover: #C20075;--mp-query-item-border-color-active: #C20075;--mp-query-item-border-color-disabled: #dcdcd8;--mp-query-item-border-color-error: #ff4d4f;--mp-query-item-bg-color: #ffffff;--mp-query-item-bg-color-hover: #FDF5F9;--mp-query-item-bg-color-active: #F9E5F1;--mp-query-item-bg-color-disabled: rgba(28, 28, 30, .04);--mp-query-item-color-disabled: rgba(0, 0, 0, .4);--mp-query-item-shadow: none;--mp-query-item-shadow-focus: 0 0 0 2px rgba(194, 0, 117, .12);--mp-query-item-shadow-active: 0 0 0 2px rgba(194, 0, 117, .12);--mp-query-item-value-selector-font-weight: 500;--mp-query-item-value-selector-color: #480029;--mp-query-item-action-primary-color: #C20075;--mp-query-item-action-secondary-color: rgba(0, 0, 0, .55);--mp-query-item-action-font-weight: 400;--blue1: #e6f4ff;--blue2: #bae0ff;--blue3: #91caff;--blue4: #69b1ff;--blue5: #4096ff;--blue6: #1677ff;--blue7: #0958d9;--blue8: #003eb3;--blue9: #002c8c;--blue10: #001d66;--purple1: #f9f0ff;--purple2: #efdbff;--purple3: #d3adf7;--purple4: #b37feb;--purple5: #9254de;--purple6: #722ed1;--purple7: #531dab;--purple8: #391085;--purple9: #22075e;--purple10: #120338;--cyan1: #e6fffb;--cyan2: #b5f5ec;--cyan3: #87e8de;--cyan4: #5cdbd3;--cyan5: #36cfc9;--cyan6: #13c2c2;--cyan7: #08979c;--cyan8: #006d75;--cyan9: #00474f;--cyan10: #002329;--green1: #f6ffed;--green2: #d9f7be;--green3: #b7eb8f;--green4: #95de64;--green5: #73d13d;--green6: #52c41a;--green7: #389e0d;--green8: #237804;--green9: #135200;--green10: #092b00;--magenta1: #fff0f6;--magenta2: #ffd6e7;--magenta3: #ffadd2;--magenta4: #ff85c0;--magenta5: #f759ab;--magenta6: #eb2f96;--magenta7: #c41d7f;--magenta8: #9e1068;--magenta9: #780650;--magenta10: #520339;--pink1: #fff0f6;--pink2: #ffd6e7;--pink3: #ffadd2;--pink4: #ff85c0;--pink5: #f759ab;--pink6: #eb2f96;--pink7: #c41d7f;--pink8: #9e1068;--pink9: #780650;--pink10: #520339;--red1: #fff1f0;--red2: #ffccc7;--red3: #ffa39e;--red4: #ff7875;--red5: #ff4d4f;--red6: #f5222d;--red7: #cf1322;--red8: #a8071a;--red9: #820014;--red10: #5c0011;--orange1: #fff7e6;--orange2: #ffe7ba;--orange3: #ffd591;--orange4: #ffc069;--orange5: #ffa940;--orange6: #fa8c16;--orange7: #d46b08;--orange8: #ad4e00;--orange9: #873800;--orange10: #612500;--yellow1: #feffe6;--yellow2: #ffffb8;--yellow3: #fffb8f;--yellow4: #fff566;--yellow5: #ffec3d;--yellow6: #fadb14;--yellow7: #d4b106;--yellow8: #ad8b00;--yellow9: #876800;--yellow10: #614700;--volcano1: #fff2e8;--volcano2: #ffd8bf;--volcano3: #ffbb96;--volcano4: #ff9c6e;--volcano5: #ff7a45;--volcano6: #fa541c;--volcano7: #d4380d;--volcano8: #ad2102;--volcano9: #871400;--volcano10: #610b00;--geekblue1: #f0f5ff;--geekblue2: #d6e4ff;--geekblue3: #adc6ff;--geekblue4: #85a5ff;--geekblue5: #597ef7;--geekblue6: #2f54eb;--geekblue7: #1d39c4;--geekblue8: #10239e;--geekblue9: #061178;--geekblue10: #030852;--gold1: #fffbe6;--gold2: #fff1b8;--gold3: #ffe58f;--gold4: #ffd666;--gold5: #ffc53d;--gold6: #faad14;--gold7: #d48806;--gold8: #ad6800;--gold9: #874d00;--gold10: #613400;--lime1: #fcffe6;--lime2: #f4ffb8;--lime3: #eaff8f;--lime4: #d3f261;--lime5: #bae637;--lime6: #a0d911;--lime7: #7cb305;--lime8: #5b8c00;--lime9: #3f6600;--lime10: #254000;--color-bg-layout: #f5f5f5;--color-bg-container: #ffffff;--color-bg-elevated: #ffffff;--color-bg-spotlight: rgba(0, 0, 0, .85);--color-bg-blur: transparent;--color-success-bg: #f6ffed;--color-success-bg-hover: #d9f7be;--color-success-border: #b7eb8f;--color-success-border-hover: #95de64;--color-success-hover: #95de64;--color-success-active: #389e0d;--color-success-text-hover: #73d13d;--color-success-text: #52c41a;--color-success-text-active: #389e0d;--color-error-bg: #fff2f0;--color-error-bg-hover: #fff1f0;--color-error-bg-active: #ffccc7;--color-error-border: #ffccc7;--color-error-border-hover: #ffa39e;--color-error-hover: #ff7875;--color-error-active: #d9363e;--color-error-text-hover: #ff7875;--color-error-text: #ff4d4f;--color-error-text-active: #d9363e;--color-warning-bg: #fffbe6;--color-warning-bg-hover: #fff1b8;--color-warning-border: #ffe58f;--color-warning-border-hover: #ffd666;--color-warning-hover: #ffd666;--color-warning-active: #d48806;--color-warning-text-hover: #ffc53d;--color-warning-text: #faad14;--color-warning-text-active: #d48806;--color-link-hover: #d444f1;--color-link-active: #800a51;--color-bg-mask: rgba(0, 0, 0, .45);--color-white: #fff;--font-size-sm: 12px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-heading1: 38px;--font-size-heading2: 30px;--font-size-heading3: 24px;--font-size-heading4: 20px;--font-size-heading5: 16px;--line-height: 1.5714285714285714;--line-height-lg: 1.5;--line-height-sm: 1.6666666666666667;--font-height: 22px;--font-height-lg: 24px;--font-height-sm: 20px;--line-height-heading1: 1.2105263157894737;--line-height-heading2: 1.2666666666666666;--line-height-heading3: 1.3333333333333333;--line-height-heading4: 1.4;--line-height-heading5: 1.5;--size-xxl: 48px;--size-xl: 32px;--size-lg: 24px;--size-md: 20px;--size-ms: 16px;--size: 16px;--size-sm: 12px;--size-xs: 8px;--size-xxs: 4px;--control-height-sm: 24px;--control-height-xs: 16px;--control-height-lg: 40px;--motion-duration-fast: .1s;--motion-duration-mid: .2s;--motion-duration-slow: .3s;--line-width-bold: 2px;--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-lg: 8px;--border-radius-outer: 4px;--color-fill-content: rgba(100, 12, 65, .06);--color-fill-content-hover: rgba(100, 12, 65, .15);--color-fill-alter: rgba(100, 12, 65, .02);--color-bg-container-disabled: rgba(100, 12, 65, .04);--color-border-bg: #ffffff;--color-split: rgba(44, 22, 11, .09);--color-text-placeholder: rgba(0, 0, 0, .4);--color-text-disabled: rgba(0, 0, 0, .4);--color-text-heading: rgba(0, 0, 0, .95);--color-text-label: rgba(0, 0, 0, .75);--color-text-description: rgba(0, 0, 0, .55);--color-text-light-solid: #fff;--color-highlight: #ff4d4f;--color-bg-text-hover: rgba(100, 12, 65, .06);--color-bg-text-active: rgba(100, 12, 65, .15);--color-icon: rgba(0, 0, 0, .55);--color-icon-hover: rgba(0, 0, 0, .95);--color-error-outline: rgba(255, 38, 5, .06);--color-warning-outline: rgba(255, 215, 5, .1);--font-size-icon: 12px;--line-width-focus: 4px;--control-outline-width: 2px;--control-interactive-size: 16px;--control-item-bg-hover: rgba(100, 12, 65, .04);--control-item-bg-active: #fcf3f8;--control-item-bg-active-hover: #f7d9eb;--control-item-bg-active-disabled: rgba(100, 12, 65, .15);--control-tmp-outline: rgba(100, 12, 65, .02);--opacity-loading: .65;--link-decoration: none;--link-hover-decoration: none;--link-focus-decoration: none;--control-padding-horizontal: 12px;--control-padding-horizontal-sm: 8px;--padding-xxs: 4px;--padding-xs: 8px;--padding-sm: 12px;--padding: 16px;--padding-md: 20px;--padding-lg: 24px;--padding-xl: 32px;--padding-content-horizontal-lg: 24px;--padding-content-vertical-lg: 16px;--padding-content-horizontal: 16px;--padding-content-vertical: 12px;--padding-content-horizontal-sm: 16px;--padding-content-vertical-sm: 8px;--margin-xxs: 4px;--margin-xs: 8px;--margin-sm: 12px;--margin: 16px;--margin-md: 20px;--margin-lg: 24px;--margin-xl: 32px;--margin-xxl: 48px;--box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-tertiary: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02) ;--screen-xs: 480px;--screen-xs-min: 480px;--screen-xs-max: 575px;--screen-sm: 576px;--screen-sm-min: 576px;--screen-sm-max: 767px;--screen-md: 768px;--screen-md-min: 768px;--screen-md-max: 991px;--screen-lg: 992px;--screen-lg-min: 992px;--screen-lg-max: 1199px;--screen-xl: 1200px;--screen-xl-min: 1200px;--screen-xl-max: 1599px;--screen-xxl: 1600px;--screen-xxl-min: 1600px;--box-shadow-popover-arrow: 2px 2px 5px rgba(0, 0, 0, .05);--box-shadow-card: 0 1px 2px -2px rgba(0, 0, 0, .16), 0 3px 6px 0 rgba(0, 0, 0, .12), 0 5px 12px 4px rgba(0, 0, 0, .09) ;--box-shadow-drawer-right: -6px 0 16px 0 rgba(0, 0, 0, .08), -3px 0 6px -4px rgba(0, 0, 0, .12), -9px 0 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-drawer-left: 6px 0 16px 0 rgba(0, 0, 0, .08), 3px 0 6px -4px rgba(0, 0, 0, .12), 9px 0 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-drawer-up: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-drawer-down: 0 -6px 16px 0 rgba(0, 0, 0, .08), 0 -3px 6px -4px rgba(0, 0, 0, .12), 0 -9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgba(0, 0, 0, .08);--box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgba(0, 0, 0, .08);--box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgba(0, 0, 0, .08);--box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgba(0, 0, 0, .08)}:root{--nav-item-height: 56px;--nav-item-width: 82px;--nav-width: 90px;--suite-logo-height: 82px;--mp-logo-height: 80px;--color-scrollbar-handle: rgb(0 0 0 / 15%);--color-scrollbar-track: transparent;--size-scrollbar-handle: 6px;--label-size: 10px;--suite-selector-content-max-width: 272px}.globalNavigation{width:var(--nav-width);min-height:100%;background-color:#fff!important;border-right:1px solid var(--color-border-secondary);box-shadow:0 2px 4px #00000005,0 1px 6px -1px #00000005,0 1px 2px #00000008;position:absolute;top:0;left:0;bottom:0;overflow:hidden auto}@supports (scrollbar-color: auto){.globalNavigation{scrollbar-color:var(--color-scrollbar-handle) var(--color-scrollbar-track);scrollbar-width:thin}}.globalNavigation::-webkit-scrollbar{-webkit-appearance:none;width:var(--size-scrollbar-handle);height:var(--size-scrollbar-handle)}.globalNavigation::-webkit-scrollbar-track{background-color:var(--color-scrollbar-track)}.globalNavigation::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-handle)}.globalNavigation__sider{min-height:100%;background-color:#fff!important}.globalNavigation__item{height:var(--nav-item-height)!important;width:var(--nav-width);margin:0;padding:0;gap:var(--margin-xxs);border-radius:0!important;border-left:solid 3px transparent;border-right:solid 3px transparent;transition:none!important;cursor:pointer}.globalNavigation__item.globalNavigation__link{cursor:pointer}.globalNavigation__item:hover{background-color:var(--control-item-bg-hover)!important}.globalNavigation__item:focus,.globalNavigation__item:active{background-color:var(--control-item-bg-active)}.globalNavigation__item .ant-menu-submenu-title{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:var(--nav-item-height)!important;padding:0!important;margin:0!important;background-color:transparent!important;cursor:revert!important}.globalNavigation__submenu.globalNavigation__submenu--active .ant-menu-submenu-title{color:var(--color-primary)!important}.globalNavigation__childItem.globalNavigation__childItem--active{background-color:var(--control-item-bg-active)!important}.globalNavigation__item.workspaceSelector__menuItem{height:calc(var(--control-height-lg) * 2)!important}.globalNavigation__item .ant-menu-title-content{text-wrap:normal;margin-inline-start:0!important;opacity:1!important}.globalNavigation__item.globalNavigation__item--workspaceSelector:hover{background-color:initial}.globalNavigation__item.globalNavigation__item--createNew{border:none!important}.globalNavigation__item.globalNavigation__item--createNew:hover{background-color:initial!important}.globalNavigation__item.globalNavigation__item--createNew .ant-menu-item-icon{pointer-events:initial!important}.globalNavigation__item.globalNavigation__item--createNew .ant-button:hover{border-color:var(--color-primary-hover)!important}.globalNavigation__item.globalNavigation__item--active{border-left-color:var(--color-primary);background-color:var(--control-item-bg-active)}.globalNavigation__search{width:100%}.navigationCreate__popupButton{cursor:default!important}.globalNavigation__searchButtonWrapper,.navigationCreate__popupButtonWrapper{height:var(--nav-item-height)}.globalNavigation__searchButton,.navigationCreate__popupButton{box-shadow:0 2px #3600d11a}.globalNavigation__searchButton{padding-inline:var(--padding-xs) var(--padding-xs)!important}.globalNavigation__popup .ant-menu-item-group-title{margin:0 var(--margin-xxs)!important;padding:var(--padding-xs) var(--padding) 0!important;user-select:none;color:var(--color-primary-text)!important;font-size:12px!important;font-weight:500;line-height:20px}.globalNavigation__popup.globalNavigation__popup--navigationCreate{width:290px!important}.globalNavigation__popup.globalNavigation__popup--navigationCreate .ant-menu-item-group-title{border-top:1px solid var(--color-border-secondary);color:var(--color-primary-text)!important}.globalNavigation__buttonItem{padding:0!important;margin:0 auto!important;color:var(--mp-brand-secondary-1)!important}.globalNavigation__buttonItem:hover{background-color:transparent!important}.navigationCreate__item{height:100%!important;min-height:100%!important;padding:var(--padding-xxs) 0}.navigationCreate__item .ant-flex{gap:0}.navigationCreate__item.navigationCreate__item--disabled{cursor:default!important}.navigationCreate__item.navigationCreate__item--disabled:hover{background-color:initial!important}.navigationCreate__item.navigationCreate__item--disabled .navigationCreate__itemTitle,.navigationCreate__item.navigationCreate__item--disabled .navigationCreate__itemDescription{color:var(--color-text-disabled)!important}.navigationCreate__itemTitle{display:flex;align-items:center;gap:var(--size-xxs);color:var(--color-text-heading);font-size:14px;font-weight:400;line-height:22px}.navigationCreate__itemDescription{color:var(--color-text-description);font-size:12px;line-height:20px;white-space:normal!important;padding:var(--padding-xs) 0}.navigationCreate__itemLoading,.navigationCreate__itemLock{padding-left:var(--padding-sm)}.navigationCreate__itemLock{width:var(--size-sm);height:var(--size-sm)}.globalNavigation__menu{height:var(--nav-item-height)!important;width:100%;border-inline-end:initial!important}.globalNavigation__menu .globalNavigation__icon{height:100%;width:20px}.globalNavigation__icon.globalNavigation__icon--suiteLogo{padding-bottom:var(--padding-xxs)}.globalNavigation__menu .globalNavigation__iconLabel{margin-top:var(--margin-xxs)}.globalNavigation__iconLabel{color:var(--color-text);font-size:var(--label-size)}.globalNavigation__badge{margin-left:4px;border:solid 1px var(--color-border);border-radius:var(--border-radius-sm);padding:0;box-shadow:none!important}.globalNavigation__badge .ant-badge-count{color:var(--color-text)!important;background:transparent!important;box-shadow:none!important}.ant-badge-color-red{color:var(--color-error)!important;background:var(--color-error)!important}.ant-menu-item-selected{background-color:revert!important;color:revert!important}.globalNavigation__headerItem{width:var(--control-height-lg);height:var(--control-height-lg)!important;padding:0 var(--padding-sm);border-radius:var(--border-radius-lg);border:1px solid var(--color-border, #ef76bf)}.globalNavigation__suiteLogo{min-height:var(--suite-logo-height);min-width:var(--nav-width);padding:var(--padding-md) 0 0;color:#000;font-size:var(--font-size-sm);font-weight:400;cursor:pointer}.globalNavigation__icon--suiteBackground{background-color:var(--mp-brand-primary-2);padding:10px;margin-bottom:8px;border-radius:100%}.globalNavigation__suiteLogo:hover .globalNavigation__icon--suiteBackground svg{fill:var(--mp-brand-primary-7)}.globalNavigation__icon.globalNavigation__icon--suiteLogo svg{width:36px;height:36px}.globalNavigation__divider{border-bottom:1px solid var(--color-border-secondary);margin:var(--margin-md) var(--margin-xxs) 0 var(--margin-xxs)}.globalNavigation__mpHome{padding:var(--padding-lg, 20px);margin-top:var(--margin-xs);width:var(--nav-width);height:var(--nav-item-height);background-color:#000;color:#fff;cursor:pointer}.globalNavigation__mpHome.globalNavigation__mpHome--unified{margin-top:0;height:var(--mp-logo-height)}.globalNavigation__mpHome svg{width:28px;height:var(--size-lg)}.globalNavigation__mpHome.globalNavigation__mpHome--unified svg{width:var(--mp-icon-size-xxl);height:var(--mp-icon-size-xl)}.notificationCenter__popover{left:var(--nav-width)!important;height:100%;width:300px}.notificationCenter__popover .ant-popover-inner{display:flex;flex-direction:column;height:100vh;padding:0;border-radius:0}.notificationCenter__popover .ant-popover-inner-content{flex-grow:1;overflow-y:auto}.notificationCenter__popover .ant-popover-title{margin:0}.notificationCenter__header{padding:var(--padding-content-vertical-lg) var(--padding-content-horizontal-lg);border-bottom:1px solid var(--color-border-secondary)}.ant-menu .ant-menu-submenu-title .ant-menu-item-icon svg{line-height:0!important}.suiteSelector__content{max-width:var(--suite-selector-content-max-width);margin-bottom:var(--margin-xs)}.suiteSelector__link{display:block;padding:var(--padding-sm) 0;border-radius:var(--border-radius-lg);color:var(--color-text-base);font-size:var(--font-size-sm);border:1px solid transparent;cursor:pointer}.suiteSelector__link:not(.suiteSelector__link--active,.suiteSelector__link--disabled):hover{background-color:var(--color-primary-bg-hover);border-color:var(--color-primary-bg-hover);color:var(--color-text-base)}.suiteSelector__link:not(.suiteSelector__link--active,.suiteSelector__link--disabled):hover .suiteSelector__suiteLogo{background-color:var(--color-white)}.suiteSelector__link.suiteSelector__link--active{border-color:var(--color-border);color:var(--color-text-base)}.suiteSelector__link.suiteSelector__link--disabled{pointer-events:none;cursor:default;color:var(--color-text-disabled)}.suiteSelector__link.suiteSelector__link--disabled .suiteSelector__suiteLogo{background-color:var(--mp-brand-secondary-3)}.suiteSelector__link.suiteSelector__link--disabled .suiteSelector__suiteLogo svg{color:var(--color-text-disabled)}.suiteSelector__suiteLogo{background-color:var(--control-item-bg-active);width:var(--control-height-lg);height:var(--control-height-lg);border-radius:100%}.u-display-none{display:none!important}.u-display-flex{display:flex!important}.u-align-items-center{align-items:center!important}.u-justify-center{justify-content:center!important}.u-padding-sm{padding:var(--padding-sm)!important}.u-padding-xxs{padding:var(--padding-xxs)!important}:root{--workspace-selector-height: 400px;--workspace-selector-search-height: 36px;--workspace-selector-signout-height: 40px;--workspace-selector-items-height: calc( var(--workspace-selector-height) - var(--workspace-selector-search-height) - var(--workspace-selector-signout-height) )}.workspaceSelector__search{position:sticky!important;bottom:var(--workspace-selector-search-height);z-index:1;width:100%!important;background-color:#fff!important;margin-bottom:var(--margin-xxs)}.workspaceSelector__noResults{height:var(--workspace-selector-items-height);pointer-events:none}.workspaceSelector__noResults .ant-result-title{font-size:var(--font-size)}.workspaceSelector__menuItem{display:flex;justify-content:center;align-items:center}.workspaceSelector__avatar{color:#fff!important;top:1px;margin-top:2px}.workspaceSelector__label{position:relative;top:2px;padding-top:var(--padding-xxs);font-size:var(--font-size-sm)}.workspaceSelector__popover{padding:var(--padding-xxs)!important}.workspaceSelector__popoverContent{height:var(--workspace-selector-height);width:200px}.workspaceSelector__itemsList{list-style:none;padding-left:0;margin-left:0;margin-block-start:0;overflow:auto;height:var(--workspace-selector-items-height);margin-bottom:var(--margin-xxs)}.workspaceSelector__orgName{color:var(--color-primary);pointer-events:none;padding:var(--padding-xs) var(--padding) 0;font-weight:var(--font-weight-strong)}.workspaceSelector__orgName:not(:first-child){border-top:1px solid var(--color-border-secondary)}.workspaceSelector__accountName{pointer-events:none;padding:var(--padding-xs) var(--padding-xs) var(--padding-xs) var(--padding)}.workspaceSelector__workspaceName{padding-top:var(--padding-xs);padding-bottom:var(--padding-xs);padding-left:calc(var(--padding-sm) + var(--padding))!important;border-radius:var(--border-radius-sm);cursor:pointer}.workspaceSelector__workspaceName:hover{background-color:var(--control-item-bg-hover)}.workspaceSelector__workspaceName.workspaceSelector__workspaceName--active,.workspaceSelector__workspaceName:active{background:var(--control-item-bg-active)!important;padding-right:var(--padding)}.workspaceSelector__orgName,.workspaceSelector__accountName{pointer-events:none}.workspaceSelector__orgName,.workspaceSelector__accountName,.workspaceSelector__workspaceName{margin-top:0!important;margin-bottom:0!important;overflow-wrap:anywhere}.workspaceSelector__signout{position:sticky!important;bottom:0;width:100%!important;padding:0 var(--padding-xxs)!important;margin:0!important;background-color:#fff!important;height:var(--workspace-selector-signout-height)}.workspaceSelector__signoutButtonContainer{width:100%;position:absolute;bottom:0;left:0;padding:var(--padding-xxs)}.workspaceSelector__signoutButton{width:100%}.globalNavigation__newExperienceReminder.globalNavigation__newExperienceReminder-bottomLeft{left:calc(var(--nav-width) + var(--margin-xs))!important}.globalNavigation__newExperienceReminder .ant-btn-link span{color:var(--color-primary)}.globalNavigation__newExperienceReminder .ant-btn-link span:hover{color:var(--color-primary-hover)}
|
|
1
|
+
.ant-btn .ant-btn-icon{line-height:0!important}.anticon>*{line-height:0!important}.icon-size-xxxxl{width:var(--mp-icon-size-xxxxl);min-width:var(--mp-icon-size-xxxxl);height:var(--mp-icon-size-xxxxl)}.icon-size-xxxl{width:var(--mp-icon-size-xxxl);min-width:var(--mp-icon-size-xxxl);height:var(--mp-icon-size-xxxl)}.icon-size-xxl{width:var(--mp-icon-size-xxl);min-width:var(--mp-icon-size-xxl);height:var(--mp-icon-size-xxl)}.icon-size-xl{width:var(--mp-icon-size-xl);min-width:var(--mp-icon-size-xl);height:var(--mp-icon-size-xl)}.icon-size-lg{width:var(--mp-icon-size-lg);min-width:var(--mp-icon-size-lg);height:var(--mp-icon-size-lg)}.icon-size-md{width:var(--mp-icon-size-md);min-width:var(--mp-icon-size-md);height:var(--mp-icon-size-md)}.icon-size-sm{width:var(--mp-icon-size-sm);min-width:var(--mp-icon-size-sm);height:var(--mp-icon-size-sm)}.icon-size-xs{width:var(--mp-icon-size-xs);min-width:var(--mp-icon-size-xs);height:var(--mp-icon-size-xs)}.icon-color-primary{color:var(--color-primary)}.icon-color-success{color:var(--color-success)}.icon-color-warning{color:var(--color-warning)}.icon-color-error{color:var(--color-error)}.icon-color-info{color:var(--color-info)}.icon-color-text{color:var(--color-text)}.icon-color-default{color:var(--mp-color-icon-strong)}.icon-color-brand{color:var(--mp-color-icon-brand)}.icon-color-strong{color:var(--mp-color-icon-strong)}.icon-color-white{color:#fff}.icon-color-black{color:#000}.icon-color-inherit{color:inherit}.ant-form-item-label label{margin-bottom:unset;font-weight:unset}.ant-radio-wrapper,.ant-radio-button-wrapper{font-weight:400}.ant-card-hoverable:hover{box-shadow:var(--box-shadow-secondary)!important}.ant-checkbox-wrapper{display:inline-flex;align-items:flex-start;font-weight:400}.ant-checkbox{align-self:flex-start;margin-top:var(--margin-xxs)}.query-item{border-width:0 0 var(--line-width) 0!important;border-color:var(--color-border)!important;border-radius:var(--border-radius-xs);background-color:var(--color-bg-container)!important;padding:var(--padding-xxs)!important;height:var(--control-height)!important;display:flex;justify-content:center;align-items:center;box-shadow:none;border-style:solid}.query-item:hover{border-color:var(--color-primary)!important;background-color:var(--control-item-bg-active)!important}.query-item:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px var(--control-outline);background-color:var(--color-bg-container)!important}.query-item:active{border-color:var(--color-primary)!important;border-width:0 0 var(--line-width-bold) 0!important;background-color:var(--control-item-bg-active-hover)!important;box-shadow:0 0 0 2px var(--control-outline)}.query-item[disabled]{color:var(--color-text-disabled)!important;background-color:var(--color-bg-container)!important;border-color:var(--mp-color-border-disabled)!important}.query-item.query-item--input-text,.query-item.query-item--input-number{color:var(--color-primary-text-active);font-weight:var(--font-weight-strong)}.query-item.query-item--input-text::placeholder,.query-item.query-item--input-number::placeholder{font-weight:400}.query-item.query-item--action{color:var(--color-link)!important;gap:var(--margin-xxs)}.query-item.query-item--secondary{color:var(--color-text-tertiary)!important}.query-item.query-item--secondary:hover{background-color:var(--control-item-bg-active)!important}.query-item.query-item--secondary:active{border-width:0 0 var(--line-width-bold) 0;background-color:var(--control-item-bg-active-hover)!important}.query-item.query-item--disabled{color:var(--color-text-tertiary)!important}.query-item.query-item--disabled:hover{background-color:var(--color-bg-container)!important}.query-item.query-item--disabled:active{border-width:0 0 var(--line-width) 0!important;background-color:var(--color-bg-container)!important;box-shadow:none!important}.query-item.query-item--selected>input{color:var(--color-primary-text-active)!important;font-weight:var(--font-weight-strong)!important}.query-item.query-item--error{border-color:var(--color-error)!important}.query-item.query-item--open{border-color:var(--color-primary)!important;border-width:0 0 var(--line-width-bold) 0!important;background-color:var(--control-item-bg-active-hover)!important}.query-item .ant-select-selector{padding:0!important}.query-item__search-highlight{color:var(--color-link)}.query-item__icon{height:16px;width:16px}.query-item__dropdown{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.query-item__input-search .ant-input-outlined{height:var(--control-height)}.ant-badge:has(.ant-avatar-circle) .ant-badge-dot{transform:none}.ant-badge:has(.ant-avatar-circle) .ant-badge-count:not(.ant-badge-dot){transform:translate(50%,-50%)}.antd-table-override--disableStickyScroll .ant-table-sticky-scroll{display:none!important}:root{--empty-img-large-width: 114px;--empty-img-small-width: 72px;--empty-img-height: 72px}.ant-empty-image{--empty-img-large-width: 114px;--empty-img-small-width: 72px;--empty-img-height: 72px;margin:auto!important;width:var(--empty-img-large-width)!important;height:var(--empty-img-height)!important}.ant-empty-image>svg{width:var(--empty-img-large-width)!important;height:var(--empty-img-height)!important}.ant-empty-image .icon-size-lg.icon-color-error{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important;min-width:var(--empty-img-small-width)!important}.ant-empty-image .icon-size-lg.icon-color-error svg{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-empty-image svg.icon-size-lg.icon-color-error{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-empty-image svg[data-testid*=icon-stateError]{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-modal p,.ant-modal span{font-weight:400}.ant-modal .ant-modal-title{font-weight:var(--font-weight-strong)}.alert-expandable{align-items:flex-start;padding:var(--padding-xs) var(--padding-sm)}.alert-expandable .ant-alert-close-icon{margin-top:var(--margin-xxs)}:root{--blue: #1677FF;--purple: #722ED1;--cyan: #13C2C2;--green: #52C41A;--magenta: #EB2F96;--pink: #EB2F96;--red: #F5222D;--orange: #FA8C16;--yellow: #FADB14;--volcano: #FA541C;--geekblue: #2F54EB;--gold: #FAAD14;--lime: #A0D911;--color-primary: #3600d1;--color-success: #52c41a;--color-warning: #faad14;--color-error: #ff4d4f;--color-info: #3600d1;--color-link: #3600d1;--color-text-base: #000;--color-bg-base: #fff;--font-family: "GT America", -system-ui, sans-serif;--font-family-code: ‘Roboto Mono’, monospace;--font-size: 14px;--line-width: 1px;--line-type: solid;--motion-unit: .1;--motion-base: 0;--motion-ease-out-circ: cubic-bezier(.08, .82, .17, 1);--motion-ease-in-out-circ: cubic-bezier(.78, .14, .15, .86);--motion-ease-out: cubic-bezier(.215, .61, .355, 1);--motion-ease-in-out: cubic-bezier(.645, .045, .355, 1);--motion-ease-out-back: cubic-bezier(.12, .4, .29, 1.46);--motion-ease-in-back: cubic-bezier(.71, -.46, .88, .6);--motion-ease-in-quint: cubic-bezier(.755, .05, .855, .06);--motion-ease-out-quint: cubic-bezier(.23, 1, .32, 1);--border-radius: 6px;--size-unit: 4px;--size-step: 4px;--size-popup-arrow: 16px;--control-height: 32px;--z-index-base: 0;--z-index-popup-base: 1000;--opacity-image: 1;--wireframe: false;--motion: true;--color-text: rgba(0, 0, 0, .95);--color-text-secondary: rgba(0, 0, 0, .75);--color-text-tertiary: rgba(0, 0, 0, .55);--color-text-quaternary: rgba(0, 0, 0, .4);--color-border: #c3aeff;--color-border-secondary: #eceae9;--color-fill: rgba(32, 0, 122, .15);--color-fill-secondary: rgba(32, 0, 122, .06);--color-fill-tertiary: rgba(32, 0, 122, .04);--color-fill-quaternary: rgba(32, 0, 122, .02);--color-info-bg: #f8f6fb;--color-info-bg-hover: #ebe8f8;--color-info-border: #c3aeff;--color-info-border-hover: #ab8eff;--color-info-hover: #5f29f8;--color-info-active: #2c00aa;--color-info-text-hover: #5f29f8;--color-info-text: #2c00aa;--color-info-text-active: #20007a;--color-primary-bg: #f8f6fb;--color-primary-bg-hover: #ebe8f8;--color-primary-border: #c3aeff;--color-primary-border-hover: #ab8eff;--color-primary-hover: #5f29f8;--color-primary-active: #2c00aa;--color-primary-text-hover: #5f29f8;--color-primary-text: #2c00aa;--color-primary-text-active: #20007a;--control-outline: rgba(54, 0, 209, .1);--font-weight-strong: 500;--color-fill-alter-solid: #f8f6fb;--color-filled-handle-bg: #ebe8f8;--mp-brand-primary-1: #f8f6fb;--mp-brand-primary-2: #ebe8f8;--mp-brand-primary-3: #dbceff;--mp-brand-primary-4: #c3aeff;--mp-brand-primary-5: #ab8eff;--mp-brand-primary-6: #8255ff;--mp-brand-primary-7: #5f29f8;--mp-brand-primary-8: #3600d1;--mp-brand-primary-9: #2c00aa;--mp-brand-primary-10: #20007a;--mp-brand-secondary-1: #ffffff;--mp-brand-secondary-2: #faf9f8;--mp-brand-secondary-3: #eceae9;--mp-brand-secondary-4: #dcdcd8;--mp-brand-secondary-5: #babbb5;--mp-brand-secondary-6: #717368;--mp-brand-secondary-7: #505249;--mp-brand-secondary-8: #2c2d2b;--mp-brand-secondary-9: #212020;--mp-brand-secondary-10: #0f0e0e;--mp-color-icon-strong: #0f0e0e;--mp-color-icon-brand: #20007a;--mp-color-border-disabled: #dcdcd8;--mp-icon-size-xs: 12px;--mp-icon-size-sm: 16px;--mp-icon-size-md: 20px;--mp-icon-size-lg: 24px;--mp-icon-size-xl: 28px;--mp-icon-size-xxl: 32px;--mp-icon-size-xxxl: 40px;--mp-icon-size-xxxxl: 48px;--mp-query-item-height: 32px;--mp-query-item-padding: 4px;--mp-query-item-gap: 4px;--mp-query-item-border-width: 0 0 1px 0;--mp-query-item-border-width-active: 0 0 2px 0;--mp-query-item-border-radius: 2px;--mp-query-item-border-color: #c3aeff;--mp-query-item-border-color-focus: #3600d1;--mp-query-item-border-color-hover: #3600d1;--mp-query-item-border-color-active: #3600d1;--mp-query-item-border-color-disabled: #dcdcd8;--mp-query-item-border-color-error: #ff4d4f;--mp-query-item-bg-color: #ffffff;--mp-query-item-bg-color-hover: #f8f6fb;--mp-query-item-bg-color-active: #ebe8f8;--mp-query-item-bg-color-disabled: rgba(15, 14, 14, .04);--mp-query-item-color-disabled: rgba(0, 0, 0, .4);--mp-query-item-shadow: none;--mp-query-item-shadow-focus: 0 0 0 2px rgba(54, 0, 209, .1);--mp-query-item-shadow-active: 0 0 0 2px rgba(54, 0, 209, .1);--mp-query-item-value-selector-font-weight: 500;--mp-query-item-value-selector-color: #20007a;--mp-query-item-action-primary-color: #3600d1;--mp-query-item-action-secondary-color: rgba(0, 0, 0, .55);--mp-query-item-action-font-weight: 400;--blue1: #e6f4ff;--blue2: #bae0ff;--blue3: #91caff;--blue4: #69b1ff;--blue5: #4096ff;--blue6: #1677ff;--blue7: #0958d9;--blue8: #003eb3;--blue9: #002c8c;--blue10: #001d66;--purple1: #f9f0ff;--purple2: #efdbff;--purple3: #d3adf7;--purple4: #b37feb;--purple5: #9254de;--purple6: #722ed1;--purple7: #531dab;--purple8: #391085;--purple9: #22075e;--purple10: #120338;--cyan1: #e6fffb;--cyan2: #b5f5ec;--cyan3: #87e8de;--cyan4: #5cdbd3;--cyan5: #36cfc9;--cyan6: #13c2c2;--cyan7: #08979c;--cyan8: #006d75;--cyan9: #00474f;--cyan10: #002329;--green1: #f6ffed;--green2: #d9f7be;--green3: #b7eb8f;--green4: #95de64;--green5: #73d13d;--green6: #52c41a;--green7: #389e0d;--green8: #237804;--green9: #135200;--green10: #092b00;--magenta1: #fff0f6;--magenta2: #ffd6e7;--magenta3: #ffadd2;--magenta4: #ff85c0;--magenta5: #f759ab;--magenta6: #eb2f96;--magenta7: #c41d7f;--magenta8: #9e1068;--magenta9: #780650;--magenta10: #520339;--pink1: #fff0f6;--pink2: #ffd6e7;--pink3: #ffadd2;--pink4: #ff85c0;--pink5: #f759ab;--pink6: #eb2f96;--pink7: #c41d7f;--pink8: #9e1068;--pink9: #780650;--pink10: #520339;--red1: #fff1f0;--red2: #ffccc7;--red3: #ffa39e;--red4: #ff7875;--red5: #ff4d4f;--red6: #f5222d;--red7: #cf1322;--red8: #a8071a;--red9: #820014;--red10: #5c0011;--orange1: #fff7e6;--orange2: #ffe7ba;--orange3: #ffd591;--orange4: #ffc069;--orange5: #ffa940;--orange6: #fa8c16;--orange7: #d46b08;--orange8: #ad4e00;--orange9: #873800;--orange10: #612500;--yellow1: #feffe6;--yellow2: #ffffb8;--yellow3: #fffb8f;--yellow4: #fff566;--yellow5: #ffec3d;--yellow6: #fadb14;--yellow7: #d4b106;--yellow8: #ad8b00;--yellow9: #876800;--yellow10: #614700;--volcano1: #fff2e8;--volcano2: #ffd8bf;--volcano3: #ffbb96;--volcano4: #ff9c6e;--volcano5: #ff7a45;--volcano6: #fa541c;--volcano7: #d4380d;--volcano8: #ad2102;--volcano9: #871400;--volcano10: #610b00;--geekblue1: #f0f5ff;--geekblue2: #d6e4ff;--geekblue3: #adc6ff;--geekblue4: #85a5ff;--geekblue5: #597ef7;--geekblue6: #2f54eb;--geekblue7: #1d39c4;--geekblue8: #10239e;--geekblue9: #061178;--geekblue10: #030852;--gold1: #fffbe6;--gold2: #fff1b8;--gold3: #ffe58f;--gold4: #ffd666;--gold5: #ffc53d;--gold6: #faad14;--gold7: #d48806;--gold8: #ad6800;--gold9: #874d00;--gold10: #613400;--lime1: #fcffe6;--lime2: #f4ffb8;--lime3: #eaff8f;--lime4: #d3f261;--lime5: #bae637;--lime6: #a0d911;--lime7: #7cb305;--lime8: #5b8c00;--lime9: #3f6600;--lime10: #254000;--color-bg-layout: #f5f5f5;--color-bg-container: #ffffff;--color-bg-elevated: #ffffff;--color-bg-spotlight: rgba(0, 0, 0, .85);--color-bg-blur: transparent;--color-success-bg: #f6ffed;--color-success-bg-hover: #d9f7be;--color-success-border: #b7eb8f;--color-success-border-hover: #95de64;--color-success-hover: #95de64;--color-success-active: #389e0d;--color-success-text-hover: #73d13d;--color-success-text: #52c41a;--color-success-text-active: #389e0d;--color-error-bg: #fff2f0;--color-error-bg-hover: #fff1f0;--color-error-bg-active: #ffccc7;--color-error-border: #ffccc7;--color-error-border-hover: #ffa39e;--color-error-hover: #ff7875;--color-error-active: #d9363e;--color-error-text-hover: #ff7875;--color-error-text: #ff4d4f;--color-error-text-active: #d9363e;--color-warning-bg: #fffbe6;--color-warning-bg-hover: #fff1b8;--color-warning-border: #ffe58f;--color-warning-border-hover: #ffd666;--color-warning-hover: #ffd666;--color-warning-active: #d48806;--color-warning-text-hover: #ffc53d;--color-warning-text: #faad14;--color-warning-text-active: #d48806;--color-link-hover: #804beb;--color-link-active: #2800ab;--color-bg-mask: rgba(0, 0, 0, .45);--color-white: #fff;--font-size-sm: 12px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-heading1: 38px;--font-size-heading2: 30px;--font-size-heading3: 24px;--font-size-heading4: 20px;--font-size-heading5: 16px;--line-height: 1.5714285714285714;--line-height-lg: 1.5;--line-height-sm: 1.6666666666666667;--font-height: 22px;--font-height-lg: 24px;--font-height-sm: 20px;--line-height-heading1: 1.2105263157894737;--line-height-heading2: 1.2666666666666666;--line-height-heading3: 1.3333333333333333;--line-height-heading4: 1.4;--line-height-heading5: 1.5;--size-xxl: 48px;--size-xl: 32px;--size-lg: 24px;--size-md: 20px;--size-ms: 16px;--size: 16px;--size-sm: 12px;--size-xs: 8px;--size-xxs: 4px;--control-height-sm: 24px;--control-height-xs: 16px;--control-height-lg: 40px;--motion-duration-fast: .1s;--motion-duration-mid: .2s;--motion-duration-slow: .3s;--line-width-bold: 2px;--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-lg: 8px;--border-radius-outer: 4px;--color-fill-content: rgba(32, 0, 122, .06);--color-fill-content-hover: rgba(32, 0, 122, .15);--color-fill-alter: rgba(32, 0, 122, .02);--color-bg-container-disabled: rgba(32, 0, 122, .04);--color-border-bg: #ffffff;--color-split: rgba(44, 22, 11, .09);--color-text-placeholder: rgba(0, 0, 0, .4);--color-text-disabled: rgba(0, 0, 0, .4);--color-text-heading: rgba(0, 0, 0, .95);--color-text-label: rgba(0, 0, 0, .75);--color-text-description: rgba(0, 0, 0, .55);--color-text-light-solid: #fff;--color-highlight: #ff4d4f;--color-bg-text-hover: rgba(32, 0, 122, .06);--color-bg-text-active: rgba(32, 0, 122, .15);--color-icon: rgba(0, 0, 0, .55);--color-icon-hover: rgba(0, 0, 0, .95);--color-error-outline: rgba(255, 38, 5, .06);--color-warning-outline: rgba(255, 215, 5, .1);--font-size-icon: 12px;--line-width-focus: 4px;--control-outline-width: 2px;--control-interactive-size: 16px;--control-item-bg-hover: rgba(32, 0, 122, .04);--control-item-bg-active: #f8f6fb;--control-item-bg-active-hover: #ebe8f8;--control-item-bg-active-disabled: rgba(32, 0, 122, .15);--control-tmp-outline: rgba(32, 0, 122, .02);--opacity-loading: .65;--link-decoration: none;--link-hover-decoration: none;--link-focus-decoration: none;--control-padding-horizontal: 12px;--control-padding-horizontal-sm: 8px;--padding-xxs: 4px;--padding-xs: 8px;--padding-sm: 12px;--padding: 16px;--padding-md: 20px;--padding-lg: 24px;--padding-xl: 32px;--padding-content-horizontal-lg: 24px;--padding-content-vertical-lg: 16px;--padding-content-horizontal: 16px;--padding-content-vertical: 12px;--padding-content-horizontal-sm: 16px;--padding-content-vertical-sm: 8px;--margin-xxs: 4px;--margin-xs: 8px;--margin-sm: 12px;--margin: 16px;--margin-md: 20px;--margin-lg: 24px;--margin-xl: 32px;--margin-xxl: 48px;--box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-tertiary: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02) ;--screen-xs: 480px;--screen-xs-min: 480px;--screen-xs-max: 575px;--screen-sm: 576px;--screen-sm-min: 576px;--screen-sm-max: 767px;--screen-md: 768px;--screen-md-min: 768px;--screen-md-max: 991px;--screen-lg: 992px;--screen-lg-min: 992px;--screen-lg-max: 1199px;--screen-xl: 1200px;--screen-xl-min: 1200px;--screen-xl-max: 1599px;--screen-xxl: 1600px;--screen-xxl-min: 1600px;--box-shadow-popover-arrow: 2px 2px 5px rgba(0, 0, 0, .05);--box-shadow-card: 0 1px 2px -2px rgba(0, 0, 0, .16), 0 3px 6px 0 rgba(0, 0, 0, .12), 0 5px 12px 4px rgba(0, 0, 0, .09) ;--box-shadow-drawer-right: -6px 0 16px 0 rgba(0, 0, 0, .08), -3px 0 6px -4px rgba(0, 0, 0, .12), -9px 0 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-drawer-left: 6px 0 16px 0 rgba(0, 0, 0, .08), 3px 0 6px -4px rgba(0, 0, 0, .12), 9px 0 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-drawer-up: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-drawer-down: 0 -6px 16px 0 rgba(0, 0, 0, .08), 0 -3px 6px -4px rgba(0, 0, 0, .12), 0 -9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgba(0, 0, 0, .08);--box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgba(0, 0, 0, .08);--box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgba(0, 0, 0, .08);--box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgba(0, 0, 0, .08)}:root{--nav-item-height: 56px;--nav-item-width: 82px;--nav-width: 90px;--suite-logo-height: 82px;--mp-logo-height: 80px;--color-scrollbar-handle: rgb(0 0 0 / 15%);--color-scrollbar-track: transparent;--size-scrollbar-handle: 6px;--label-size: 10px;--suite-selector-content-max-width: 272px}.globalNavigation{width:var(--nav-width);min-height:100%;background-color:#fff!important;border-right:1px solid var(--color-border-secondary);box-shadow:0 2px 4px #00000005,0 1px 6px -1px #00000005,0 1px 2px #00000008;position:absolute;top:0;left:0;bottom:0;overflow:hidden auto}@supports (scrollbar-color: auto){.globalNavigation{scrollbar-color:var(--color-scrollbar-handle) var(--color-scrollbar-track);scrollbar-width:thin}}.globalNavigation::-webkit-scrollbar{-webkit-appearance:none;width:var(--size-scrollbar-handle);height:var(--size-scrollbar-handle)}.globalNavigation::-webkit-scrollbar-track{background-color:var(--color-scrollbar-track)}.globalNavigation::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-handle)}.globalNavigation__sider{min-height:100%;background-color:#fff!important}.globalNavigation__item{height:var(--nav-item-height)!important;width:var(--nav-width);margin:0;padding:0;gap:var(--margin-xxs);border-radius:0!important;border-left:solid 3px transparent;border-right:solid 3px transparent;transition:none!important;cursor:pointer}.globalNavigation__item.globalNavigation__link{cursor:pointer}.globalNavigation__item:hover{background-color:var(--control-item-bg-hover)!important}.globalNavigation__item:focus,.globalNavigation__item:active{background-color:var(--control-item-bg-active)}.globalNavigation__item .ant-menu-submenu-title{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:var(--nav-item-height)!important;padding:0!important;margin:0!important;background-color:transparent!important;cursor:revert!important}.globalNavigation__submenu.globalNavigation__submenu--active .ant-menu-submenu-title{color:var(--color-primary)!important}.globalNavigation__childItem.globalNavigation__childItem--active{background-color:var(--control-item-bg-active)!important}.globalNavigation__item.workspaceSelector__menuItem{height:calc(var(--control-height-lg) * 2)!important}.globalNavigation__item .ant-menu-title-content{text-wrap:normal;margin-inline-start:0!important;opacity:1!important}.globalNavigation__item.globalNavigation__item--workspaceSelector:hover{background-color:initial}.globalNavigation__item.globalNavigation__item--createNew{border:none!important}.globalNavigation__item.globalNavigation__item--createNew:hover{background-color:initial!important}.globalNavigation__item.globalNavigation__item--createNew .ant-menu-item-icon{pointer-events:initial!important}.globalNavigation__item.globalNavigation__item--createNew .ant-button:hover{border-color:var(--color-primary-hover)!important}.globalNavigation__item.globalNavigation__item--active{border-left-color:var(--color-primary);background-color:var(--control-item-bg-active)}.globalNavigation__search{width:100%}.navigationCreate__popupButton{cursor:default!important}.globalNavigation__searchButtonWrapper,.navigationCreate__popupButtonWrapper{height:var(--nav-item-height)}.globalNavigation__searchButton,.navigationCreate__popupButton{box-shadow:0 2px #3600d11a}.globalNavigation__searchButton{padding-inline:var(--padding-xs) var(--padding-xs)!important}.globalNavigation__popup .ant-menu-item-group-title{margin:0 var(--margin-xxs)!important;padding:var(--padding-xs) var(--padding) 0!important;user-select:none;color:var(--color-primary-text)!important;font-size:12px!important;font-weight:500;line-height:20px}.globalNavigation__popup.globalNavigation__popup--navigationCreate{width:290px!important}.globalNavigation__popup.globalNavigation__popup--navigationCreate .ant-menu-item-group-title{border-top:1px solid var(--color-border-secondary);color:var(--color-primary-text)!important}.globalNavigation__buttonItem{padding:0!important;margin:0 auto!important;color:var(--mp-brand-secondary-1)!important}.globalNavigation__buttonItem:hover{background-color:transparent!important}.navigationCreate__item{height:100%!important;min-height:100%!important;padding:var(--padding-xxs) 0}.navigationCreate__item .ant-flex{gap:0}.navigationCreate__item.navigationCreate__item--disabled{cursor:default!important}.navigationCreate__item.navigationCreate__item--disabled:hover{background-color:initial!important}.navigationCreate__item.navigationCreate__item--disabled .navigationCreate__itemTitle,.navigationCreate__item.navigationCreate__item--disabled .navigationCreate__itemDescription{color:var(--color-text-disabled)!important}.navigationCreate__itemTitle{display:flex;align-items:center;gap:var(--size-xxs);color:var(--color-text-heading);font-size:14px;font-weight:400;line-height:22px}.navigationCreate__itemDescription{color:var(--color-text-description);font-size:12px;line-height:20px;white-space:normal!important;padding:var(--padding-xs) 0}.navigationCreate__itemLoading,.navigationCreate__itemLock{padding-left:var(--padding-sm)}.navigationCreate__itemLock{width:var(--size-sm);height:var(--size-sm)}.globalNavigation__menu{height:var(--nav-item-height)!important;width:100%;border-inline-end:initial!important}.globalNavigation__menu .globalNavigation__icon{height:100%;width:20px}.globalNavigation__icon.globalNavigation__icon--suiteLogo{padding-bottom:var(--padding-xxs)}.globalNavigation__menu .globalNavigation__iconLabel{margin-top:var(--margin-xxs)}.globalNavigation__iconLabel{color:var(--color-text);font-size:var(--label-size)}.globalNavigation__badge{margin-left:4px;border:solid 1px var(--color-border);border-radius:var(--border-radius-sm);padding:0;box-shadow:none!important}.globalNavigation__badge .ant-badge-count{color:var(--color-text)!important;background:transparent!important;box-shadow:none!important}.ant-badge-color-red{color:var(--color-error)!important;background:var(--color-error)!important}.ant-menu-item-selected{background-color:revert!important;color:revert!important}.globalNavigation__headerItem{width:var(--control-height-lg);height:var(--control-height-lg)!important;padding:0 var(--padding-sm);border-radius:var(--border-radius-lg);border:1px solid var(--color-border, #c3aeff)}.globalNavigation__suiteLogo{min-height:var(--suite-logo-height);min-width:var(--nav-width);padding:var(--padding-md) 0 0;color:#000;font-size:var(--font-size-sm);font-weight:400;cursor:pointer}.globalNavigation__icon--suiteBackground{background-color:var(--mp-brand-primary-2);padding:10px;margin-bottom:8px;border-radius:100%}.globalNavigation__suiteLogo:hover .globalNavigation__icon--suiteBackground svg{fill:var(--mp-brand-primary-7)}.globalNavigation__icon.globalNavigation__icon--suiteLogo svg{width:36px;height:36px}.globalNavigation__divider{border-bottom:1px solid var(--color-border-secondary);margin:var(--margin-md) var(--margin-xxs) 0 var(--margin-xxs)}.globalNavigation__mpHome{padding:var(--padding-lg, 20px);margin-top:var(--margin-xs);width:var(--nav-width);height:var(--nav-item-height);background-color:#000;color:#fff;cursor:pointer}.globalNavigation__mpHome.globalNavigation__mpHome--unified{margin-top:0;height:var(--mp-logo-height)}.globalNavigation__mpHome svg{width:28px;height:var(--size-lg)}.globalNavigation__mpHome.globalNavigation__mpHome--unified svg{width:var(--mp-icon-size-xxl);height:var(--mp-icon-size-xl)}.notificationCenter__popover{left:var(--nav-width)!important;height:100%;width:300px}.notificationCenter__popover .ant-popover-inner{display:flex;flex-direction:column;height:100vh;padding:0;border-radius:0}.notificationCenter__popover .ant-popover-inner-content{flex-grow:1;overflow-y:auto}.notificationCenter__popover .ant-popover-title{margin:0}.notificationCenter__header{padding:var(--padding-content-vertical-lg) var(--padding-content-horizontal-lg);border-bottom:1px solid var(--color-border-secondary)}.ant-menu .ant-menu-submenu-title .ant-menu-item-icon svg{line-height:0!important}.suiteSelector__content{max-width:var(--suite-selector-content-max-width);margin-bottom:var(--margin-xs)}.suiteSelector__link{display:block;padding:var(--padding-sm) 0;border-radius:var(--border-radius-lg);color:var(--color-text-base);font-size:var(--font-size-sm);border:1px solid transparent;cursor:pointer}.suiteSelector__link:not(.suiteSelector__link--active,.suiteSelector__link--disabled):hover{background-color:var(--color-primary-bg-hover);border-color:var(--color-primary-bg-hover);color:var(--color-text-base)}.suiteSelector__link:not(.suiteSelector__link--active,.suiteSelector__link--disabled):hover .suiteSelector__suiteLogo{background-color:var(--color-white)}.suiteSelector__link.suiteSelector__link--active{border-color:var(--color-border);color:var(--color-text-base)}.suiteSelector__link.suiteSelector__link--disabled{pointer-events:none;cursor:default;color:var(--color-text-disabled)}.suiteSelector__link.suiteSelector__link--disabled .suiteSelector__suiteLogo{background-color:var(--mp-brand-secondary-3)}.suiteSelector__link.suiteSelector__link--disabled .suiteSelector__suiteLogo svg{color:var(--color-text-disabled)}.suiteSelector__suiteLogo{background-color:var(--control-item-bg-active);width:var(--control-height-lg);height:var(--control-height-lg);border-radius:100%}.u-display-none{display:none!important}.u-display-flex{display:flex!important}.u-align-items-center{align-items:center!important}.u-justify-center{justify-content:center!important}.u-padding-sm{padding:var(--padding-sm)!important}.u-padding-xxs{padding:var(--padding-xxs)!important}:root{--workspace-selector-height: 400px;--workspace-selector-search-height: 36px;--workspace-selector-signout-height: 40px;--workspace-selector-items-height: calc( var(--workspace-selector-height) - var(--workspace-selector-search-height) - var(--workspace-selector-signout-height) )}.workspaceSelector__search{position:sticky!important;bottom:var(--workspace-selector-search-height);z-index:1;width:100%!important;background-color:#fff!important;margin-bottom:var(--margin-xxs)}.workspaceSelector__noResults{height:var(--workspace-selector-items-height);pointer-events:none}.workspaceSelector__noResults .ant-result-title{font-size:var(--font-size)}.workspaceSelector__menuItem{display:flex;justify-content:center;align-items:center}.workspaceSelector__avatar{color:#fff!important;top:1px;margin-top:2px}.workspaceSelector__label{position:relative;top:2px;padding-top:var(--padding-xxs);font-size:var(--font-size-sm)}.workspaceSelector__popover{padding:var(--padding-xxs)!important}.workspaceSelector__popoverContent{height:var(--workspace-selector-height);width:200px}.workspaceSelector__itemsList{list-style:none;padding-left:0;margin-left:0;margin-block-start:0;overflow:auto;height:var(--workspace-selector-items-height);margin-bottom:var(--margin-xxs)}.workspaceSelector__orgName{color:var(--color-primary);pointer-events:none;padding:var(--padding-xs) var(--padding) 0;font-weight:var(--font-weight-strong)}.workspaceSelector__orgName:not(:first-child){border-top:1px solid var(--color-border-secondary)}.workspaceSelector__accountName{pointer-events:none;padding:var(--padding-xs) var(--padding-xs) var(--padding-xs) var(--padding)}.workspaceSelector__workspaceName{padding-top:var(--padding-xs);padding-bottom:var(--padding-xs);padding-left:calc(var(--padding-sm) + var(--padding))!important;border-radius:var(--border-radius-sm);cursor:pointer}.workspaceSelector__workspaceName:hover{background-color:var(--control-item-bg-hover)}.workspaceSelector__workspaceName.workspaceSelector__workspaceName--active,.workspaceSelector__workspaceName:active{background:var(--control-item-bg-active)!important;padding-right:var(--padding)}.workspaceSelector__orgName,.workspaceSelector__accountName{pointer-events:none}.workspaceSelector__orgName,.workspaceSelector__accountName,.workspaceSelector__workspaceName{margin-top:0!important;margin-bottom:0!important;overflow-wrap:anywhere}.workspaceSelector__signout{position:sticky!important;bottom:0;width:100%!important;padding:0 var(--padding-xxs)!important;margin:0!important;background-color:#fff!important;height:var(--workspace-selector-signout-height)}.workspaceSelector__signoutButtonContainer{width:100%;position:absolute;bottom:0;left:0;padding:var(--padding-xxs)}.workspaceSelector__signoutButton{width:100%}.globalNavigation__newExperienceReminder.globalNavigation__newExperienceReminder-bottomLeft{left:calc(var(--nav-width) + var(--margin-xs))!important}.globalNavigation__newExperienceReminder .ant-btn-link span{color:var(--color-primary)}.globalNavigation__newExperienceReminder .ant-btn-link span:hover{color:var(--color-primary-hover)}
|