@mparticle/aquarium 1.63.0-new-fonts.1 → 1.63.0-new-fonts.3

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.
@@ -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 = "#3600d1";
14
+ export declare const ColorPrimary = "#a10863";
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 = "#3600d1";
19
- export declare const ColorLink = "#3600d1";
18
+ export declare const ColorInfo = "#a10863";
19
+ export declare const ColorLink = "#a10863";
20
20
  export declare const ColorTextBase = "#000";
21
21
  export declare const ColorBgBase = "#fff";
22
22
  export declare const FontFamily = "'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif";
@@ -48,34 +48,46 @@ 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 = "#c3aeff";
51
+ export declare const ColorBorder = "#f7d9eb";
52
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)";
53
+ export declare const ColorFill = "rgba(161, 8, 99, 0.15)";
54
+ export declare const ColorFillSecondary = "rgba(161, 8, 99, 0.06)";
55
+ export declare const ColorFillTertiary = "rgba(161, 8, 99, 0.04)";
56
+ export declare const ColorFillQuaternary = "rgba(161, 8, 99, 0.02)";
57
+ export declare const ColorInfoBg = "#fcf3f8";
58
+ export declare const ColorInfoBgHover = "#f7d9eb";
59
+ export declare const ColorInfoBorder = "#f7d9eb";
60
+ export declare const ColorInfoBorderHover = "#f1acd6";
61
+ export declare const ColorInfoHover = "#c20075";
62
+ export declare const ColorInfoActive = "#800a51";
63
+ export declare const ColorInfoTextHover = "#a10863";
64
+ export declare const ColorInfoText = "#640c41";
65
+ export declare const ColorInfoTextActive = "#530e37";
66
+ export declare const ColorPrimaryBg = "#fcf3f8";
67
+ export declare const ColorPrimaryBgHover = "#f7d9eb";
68
+ export declare const ColorPrimaryBorder = "#f7d9eb";
69
+ export declare const ColorPrimaryBorderHover = "#f1acd6";
70
+ export declare const ColorPrimaryHover = "#c20075";
71
+ export declare const ColorPrimaryActive = "#800a51";
72
+ export declare const ColorPrimaryTextHover = "#a10863";
73
+ export declare const ColorPrimaryText = "#640c41";
74
+ export declare const ColorPrimaryTextActive = "#530e37";
75
+ export declare const ControlOutline = "rgba(161, 8, 99, 0.1)";
76
76
  export declare const FontWeightStrong = 500;
77
- export declare const ColorFillAlterSolid = "#f8f6fb";
78
- export declare const ColorFilledHandleBg = "#ebe8f8";
77
+ export declare const ColorFillAlterSolid = "#fcf3f8";
78
+ export declare const ColorFilledHandleBg = "#f7d9eb";
79
+ export declare const RoktBrand25 = "#fffafd";
80
+ export declare const RoktBrand50 = "#fcf3f8";
81
+ export declare const RoktBrand100 = "#f7d9eb";
82
+ export declare const RoktBrand200 = "#f1acd6";
83
+ export declare const RoktBrand300 = "#ef76bf";
84
+ export declare const RoktBrand400 = "#f03da8";
85
+ export declare const RoktBrand500 = "#ef0b94";
86
+ export declare const RoktBrand600 = "#c20075";
87
+ export declare const RoktBrand700 = "#a10863";
88
+ export declare const RoktBrand800 = "#800a51";
89
+ export declare const RoktBrand900 = "#640c41";
90
+ export declare const RoktBrand950 = "#530e37";
79
91
  export declare const MpBrandPrimary1 = "#f8f6fb";
80
92
  export declare const MpBrandPrimary2 = "#ebe8f8";
81
93
  export declare const MpBrandPrimary3 = "#dbceff";
@@ -338,10 +350,10 @@ export declare const BorderRadiusXs = "2px";
338
350
  export declare const BorderRadiusSm = "4px";
339
351
  export declare const BorderRadiusLg = "8px";
340
352
  export declare const BorderRadiusOuter = "4px";
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)";
353
+ export declare const ColorFillContent = "rgba(161, 8, 99, 0.06)";
354
+ export declare const ColorFillContentHover = "rgba(161, 8, 99, 0.15)";
355
+ export declare const ColorFillAlter = "rgba(161, 8, 99, 0.02)";
356
+ export declare const ColorBgContainerDisabled = "rgba(0, 0, 0, 0.05)";
345
357
  export declare const ColorBorderBg = "#ffffff";
346
358
  export declare const ColorSplit = "rgba(44, 22, 11, 0.09)";
347
359
  export declare const ColorTextPlaceholder = "rgba(0, 0, 0, 0.4)";
@@ -351,8 +363,8 @@ export declare const ColorTextLabel = "rgba(0, 0, 0, 0.75)";
351
363
  export declare const ColorTextDescription = "rgba(0, 0, 0, 0.55)";
352
364
  export declare const ColorTextLightSolid = "#fff";
353
365
  export declare const ColorHighlight = "#ff4d4f";
354
- export declare const ColorBgTextHover = "rgba(32, 0, 122, 0.06)";
355
- export declare const ColorBgTextActive = "rgba(32, 0, 122, 0.15)";
366
+ export declare const ColorBgTextHover = "rgba(161, 8, 99, 0.06)";
367
+ export declare const ColorBgTextActive = "rgba(161, 8, 99, 0.15)";
356
368
  export declare const ColorIcon = "rgba(0, 0, 0, 0.55)";
357
369
  export declare const ColorIconHover = "rgba(0, 0, 0, 0.95)";
358
370
  export declare const ColorErrorOutline = "rgba(255, 38, 5, 0.06)";
@@ -361,11 +373,11 @@ export declare const FontSizeIcon = "12px";
361
373
  export declare const LineWidthFocus = "4px";
362
374
  export declare const ControlOutlineWidth = "2px";
363
375
  export declare const ControlInteractiveSize = "16px";
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)";
376
+ export declare const ControlItemBgHover = "rgba(161, 8, 99, 0.04)";
377
+ export declare const ControlItemBgActive = "#fcf3f8";
378
+ export declare const ControlItemBgActiveHover = "#f7d9eb";
379
+ export declare const ControlItemBgActiveDisabled = "rgba(161, 8, 99, 0.15)";
380
+ export declare const ControlTmpOutline = "rgba(161, 8, 99, 0.02)";
369
381
  export declare const OpacityLoading = 0.65;
370
382
  export declare const LinkDecoration = "none";
371
383
  export declare const LinkHoverDecoration = "none";
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.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)}.mp-badge-filled{display:inline-block;--border-radius-pill: 9999px;--badge-padding-vertical: 2px;--badge-line-height-sm: 18px;--badge-padding-horizontal-sm-start: 6px;--badge-padding-horizontal-md-start: 8px;--badge-padding-horizontal-md-end: 10px;--badge-padding-horizontal-lg-start: 10px;--badge-margin-left-md: 6px;--badge-margin-left-lg: 6px}.mp-badge-filled .ant-badge{display:inline-block}.mp-badge-filled--pill{border-radius:var(--border-radius-pill)}.mp-badge-filled--square{border-radius:var(--border-radius-sm)}.mp-badge-filled--sm{padding:var(--badge-padding-vertical) var(--padding-xs) var(--badge-padding-vertical) var(--badge-padding-horizontal-sm-start)}.mp-badge-filled--sm .ant-badge-status-text{font-size:var(--font-size-sm)!important;line-height:var(--badge-line-height-sm)!important;margin-left:var(--margin-xxs)!important}.mp-badge-filled--sm.mp-badge-filled--pill{padding:var(--badge-padding-vertical) var(--padding-xs) var(--badge-padding-vertical) var(--badge-padding-horizontal-sm-start)}.mp-badge-filled--md{padding:var(--badge-padding-vertical) var(--badge-padding-horizontal-md-end) var(--badge-padding-vertical) var(--badge-padding-horizontal-md-start)}.mp-badge-filled--md .ant-badge-status-text{font-size:var(--font-size)!important;line-height:var(--font-height-sm)!important;margin-left:var(--badge-margin-left-md)!important}.mp-badge-filled--md.mp-badge-filled--pill{padding:var(--badge-padding-vertical) var(--badge-padding-horizontal-md-end) var(--badge-padding-vertical) var(--badge-padding-horizontal-md-start)}.mp-badge-filled--lg{padding:var(--padding-xxs) var(--padding-sm) var(--padding-xxs) var(--badge-padding-horizontal-lg-start)}.mp-badge-filled--lg .ant-badge-status-text{font-size:var(--font-size)!important;line-height:var(--font-height-sm)!important;margin-left:var(--badge-margin-left-lg)!important}.mp-badge-filled--lg.mp-badge-filled--pill{padding:var(--padding-xxs) var(--padding-sm) var(--padding-xxs) var(--badge-padding-horizontal-lg-start)}.mp-badge-filled--success{background-color:var(--color-success-bg);border:1px solid var(--color-success-border)}.mp-badge-filled--processing{background-color:var(--color-primary-bg);border:1px solid var(--color-primary-border)}.mp-badge-filled--error{background-color:var(--color-error-bg);border:1px solid var(--color-error-border)}.mp-badge-filled--warning{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border)}.mp-badge-filled--default{background-color:var(--mp-brand-secondary-2);border:1px solid var(--color-border-secondary)}.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: "Inter", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-family-code: ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 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)}
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)}.mp-badge-filled{display:inline-block;--border-radius-pill: 9999px;--badge-padding-vertical: 2px;--badge-line-height-sm: 18px;--badge-padding-horizontal-sm-start: 6px;--badge-padding-horizontal-md-start: 8px;--badge-padding-horizontal-md-end: 10px;--badge-padding-horizontal-lg-start: 10px;--badge-margin-left-md: 6px;--badge-margin-left-lg: 6px}.mp-badge-filled .ant-badge{display:inline-block}.mp-badge-filled--pill{border-radius:var(--border-radius-pill)}.mp-badge-filled--square{border-radius:var(--border-radius-sm)}.mp-badge-filled--sm{padding:var(--badge-padding-vertical) var(--padding-xs) var(--badge-padding-vertical) var(--badge-padding-horizontal-sm-start)}.mp-badge-filled--sm .ant-badge-status-text{font-size:var(--font-size-sm)!important;line-height:var(--badge-line-height-sm)!important;margin-left:var(--margin-xxs)!important}.mp-badge-filled--sm.mp-badge-filled--pill{padding:var(--badge-padding-vertical) var(--padding-xs) var(--badge-padding-vertical) var(--badge-padding-horizontal-sm-start)}.mp-badge-filled--md{padding:var(--badge-padding-vertical) var(--badge-padding-horizontal-md-end) var(--badge-padding-vertical) var(--badge-padding-horizontal-md-start)}.mp-badge-filled--md .ant-badge-status-text{font-size:var(--font-size)!important;line-height:var(--font-height-sm)!important;margin-left:var(--badge-margin-left-md)!important}.mp-badge-filled--md.mp-badge-filled--pill{padding:var(--badge-padding-vertical) var(--badge-padding-horizontal-md-end) var(--badge-padding-vertical) var(--badge-padding-horizontal-md-start)}.mp-badge-filled--lg{padding:var(--padding-xxs) var(--padding-sm) var(--padding-xxs) var(--badge-padding-horizontal-lg-start)}.mp-badge-filled--lg .ant-badge-status-text{font-size:var(--font-size)!important;line-height:var(--font-height-sm)!important;margin-left:var(--badge-margin-left-lg)!important}.mp-badge-filled--lg.mp-badge-filled--pill{padding:var(--padding-xxs) var(--padding-sm) var(--padding-xxs) var(--badge-padding-horizontal-lg-start)}.mp-badge-filled--success{background-color:var(--color-success-bg);border:1px solid var(--color-success-border)}.mp-badge-filled--processing{background-color:var(--color-primary-bg);border:1px solid var(--color-primary-border)}.mp-badge-filled--error{background-color:var(--color-error-bg);border:1px solid var(--color-error-border)}.mp-badge-filled--warning{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border)}.mp-badge-filled--default{background-color:var(--mp-brand-secondary-2);border:1px solid var(--color-border-secondary)}.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: #a10863;--color-success: #52c41a;--color-warning: #faad14;--color-error: #ff4d4f;--color-info: #a10863;--color-link: #a10863;--color-text-base: #000;--color-bg-base: #fff;--font-family: "Inter", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-family-code: ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 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: #f7d9eb;--color-border-secondary: #eceae9;--color-fill: rgba(161, 8, 99, .15);--color-fill-secondary: rgba(161, 8, 99, .06);--color-fill-tertiary: rgba(161, 8, 99, .04);--color-fill-quaternary: rgba(161, 8, 99, .02);--color-info-bg: #fcf3f8;--color-info-bg-hover: #f7d9eb;--color-info-border: #f7d9eb;--color-info-border-hover: #f1acd6;--color-info-hover: #c20075;--color-info-active: #800a51;--color-info-text-hover: #a10863;--color-info-text: #640c41;--color-info-text-active: #530e37;--color-primary-bg: #fcf3f8;--color-primary-bg-hover: #f7d9eb;--color-primary-border: #f7d9eb;--color-primary-border-hover: #f1acd6;--color-primary-hover: #c20075;--color-primary-active: #800a51;--color-primary-text-hover: #a10863;--color-primary-text: #640c41;--color-primary-text-active: #530e37;--control-outline: rgba(161, 8, 99, .1);--font-weight-strong: 500;--color-fill-alter-solid: #fcf3f8;--color-filled-handle-bg: #f7d9eb;--rokt-brand-25: #fffafd;--rokt-brand-50: #fcf3f8;--rokt-brand-100: #f7d9eb;--rokt-brand-200: #f1acd6;--rokt-brand-300: #ef76bf;--rokt-brand-400: #f03da8;--rokt-brand-500: #ef0b94;--rokt-brand-600: #c20075;--rokt-brand-700: #a10863;--rokt-brand-800: #800a51;--rokt-brand-900: #640c41;--rokt-brand-950: #530e37;--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(161, 8, 99, .06);--color-fill-content-hover: rgba(161, 8, 99, .15);--color-fill-alter: rgba(161, 8, 99, .02);--color-bg-container-disabled: rgba(0, 0, 0, .05);--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(161, 8, 99, .06);--color-bg-text-active: rgba(161, 8, 99, .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(161, 8, 99, .04);--control-item-bg-active: #fcf3f8;--control-item-bg-active-hover: #f7d9eb;--control-item-bg-active-disabled: rgba(161, 8, 99, .15);--control-tmp-outline: rgba(161, 8, 99, .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)}
package/dist/style.ts CHANGED
@@ -11,12 +11,12 @@ export const Volcano = "#FA541C";
11
11
  export const Geekblue = "#2F54EB";
12
12
  export const Gold = "#FAAD14";
13
13
  export const Lime = "#A0D911";
14
- export const ColorPrimary = "#3600d1";
14
+ export const ColorPrimary = "#a10863";
15
15
  export const ColorSuccess = "#52c41a";
16
16
  export const ColorWarning = "#faad14";
17
17
  export const ColorError = "#ff4d4f";
18
- export const ColorInfo = "#3600d1";
19
- export const ColorLink = "#3600d1";
18
+ export const ColorInfo = "#a10863";
19
+ export const ColorLink = "#a10863";
20
20
  export const ColorTextBase = "#000";
21
21
  export const ColorBgBase = "#fff";
22
22
  export const FontFamily =
@@ -50,34 +50,46 @@ export const ColorText = "rgba(0, 0, 0, 0.95)";
50
50
  export const ColorTextSecondary = "rgba(0, 0, 0, 0.75)";
51
51
  export const ColorTextTertiary = "rgba(0, 0, 0, 0.55)";
52
52
  export const ColorTextQuaternary = "rgba(0, 0, 0, 0.4)";
53
- export const ColorBorder = "#c3aeff";
53
+ export const ColorBorder = "#f7d9eb";
54
54
  export const ColorBorderSecondary = "#eceae9";
55
- export const ColorFill = "rgba(32, 0, 122, 0.15)";
56
- export const ColorFillSecondary = "rgba(32, 0, 122, 0.06)";
57
- export const ColorFillTertiary = "rgba(32, 0, 122, 0.04)";
58
- export const ColorFillQuaternary = "rgba(32, 0, 122, 0.02)";
59
- export const ColorInfoBg = "#f8f6fb";
60
- export const ColorInfoBgHover = "#ebe8f8";
61
- export const ColorInfoBorder = "#c3aeff";
62
- export const ColorInfoBorderHover = "#ab8eff";
63
- export const ColorInfoHover = "#5f29f8";
64
- export const ColorInfoActive = "#2c00aa";
65
- export const ColorInfoTextHover = "#5f29f8";
66
- export const ColorInfoText = "#2c00aa";
67
- export const ColorInfoTextActive = "#20007a";
68
- export const ColorPrimaryBg = "#f8f6fb";
69
- export const ColorPrimaryBgHover = "#ebe8f8";
70
- export const ColorPrimaryBorder = "#c3aeff";
71
- export const ColorPrimaryBorderHover = "#ab8eff";
72
- export const ColorPrimaryHover = "#5f29f8";
73
- export const ColorPrimaryActive = "#2c00aa";
74
- export const ColorPrimaryTextHover = "#5f29f8";
75
- export const ColorPrimaryText = "#2c00aa";
76
- export const ColorPrimaryTextActive = "#20007a";
77
- export const ControlOutline = "rgba(54, 0, 209, 0.1)";
55
+ export const ColorFill = "rgba(161, 8, 99, 0.15)";
56
+ export const ColorFillSecondary = "rgba(161, 8, 99, 0.06)";
57
+ export const ColorFillTertiary = "rgba(161, 8, 99, 0.04)";
58
+ export const ColorFillQuaternary = "rgba(161, 8, 99, 0.02)";
59
+ export const ColorInfoBg = "#fcf3f8";
60
+ export const ColorInfoBgHover = "#f7d9eb";
61
+ export const ColorInfoBorder = "#f7d9eb";
62
+ export const ColorInfoBorderHover = "#f1acd6";
63
+ export const ColorInfoHover = "#c20075";
64
+ export const ColorInfoActive = "#800a51";
65
+ export const ColorInfoTextHover = "#a10863";
66
+ export const ColorInfoText = "#640c41";
67
+ export const ColorInfoTextActive = "#530e37";
68
+ export const ColorPrimaryBg = "#fcf3f8";
69
+ export const ColorPrimaryBgHover = "#f7d9eb";
70
+ export const ColorPrimaryBorder = "#f7d9eb";
71
+ export const ColorPrimaryBorderHover = "#f1acd6";
72
+ export const ColorPrimaryHover = "#c20075";
73
+ export const ColorPrimaryActive = "#800a51";
74
+ export const ColorPrimaryTextHover = "#a10863";
75
+ export const ColorPrimaryText = "#640c41";
76
+ export const ColorPrimaryTextActive = "#530e37";
77
+ export const ControlOutline = "rgba(161, 8, 99, 0.1)";
78
78
  export const FontWeightStrong = 500;
79
- export const ColorFillAlterSolid = "#f8f6fb";
80
- export const ColorFilledHandleBg = "#ebe8f8";
79
+ export const ColorFillAlterSolid = "#fcf3f8";
80
+ export const ColorFilledHandleBg = "#f7d9eb";
81
+ export const RoktBrand25 = "#fffafd";
82
+ export const RoktBrand50 = "#fcf3f8";
83
+ export const RoktBrand100 = "#f7d9eb";
84
+ export const RoktBrand200 = "#f1acd6";
85
+ export const RoktBrand300 = "#ef76bf";
86
+ export const RoktBrand400 = "#f03da8";
87
+ export const RoktBrand500 = "#ef0b94";
88
+ export const RoktBrand600 = "#c20075";
89
+ export const RoktBrand700 = "#a10863";
90
+ export const RoktBrand800 = "#800a51";
91
+ export const RoktBrand900 = "#640c41";
92
+ export const RoktBrand950 = "#530e37";
81
93
  export const MpBrandPrimary1 = "#f8f6fb";
82
94
  export const MpBrandPrimary2 = "#ebe8f8";
83
95
  export const MpBrandPrimary3 = "#dbceff";
@@ -340,10 +352,10 @@ export const BorderRadiusXs = "2px";
340
352
  export const BorderRadiusSm = "4px";
341
353
  export const BorderRadiusLg = "8px";
342
354
  export const BorderRadiusOuter = "4px";
343
- export const ColorFillContent = "rgba(32, 0, 122, 0.06)";
344
- export const ColorFillContentHover = "rgba(32, 0, 122, 0.15)";
345
- export const ColorFillAlter = "rgba(32, 0, 122, 0.02)";
346
- export const ColorBgContainerDisabled = "rgba(32, 0, 122, 0.04)";
355
+ export const ColorFillContent = "rgba(161, 8, 99, 0.06)";
356
+ export const ColorFillContentHover = "rgba(161, 8, 99, 0.15)";
357
+ export const ColorFillAlter = "rgba(161, 8, 99, 0.02)";
358
+ export const ColorBgContainerDisabled = "rgba(0, 0, 0, 0.05)";
347
359
  export const ColorBorderBg = "#ffffff";
348
360
  export const ColorSplit = "rgba(44, 22, 11, 0.09)";
349
361
  export const ColorTextPlaceholder = "rgba(0, 0, 0, 0.4)";
@@ -353,8 +365,8 @@ export const ColorTextLabel = "rgba(0, 0, 0, 0.75)";
353
365
  export const ColorTextDescription = "rgba(0, 0, 0, 0.55)";
354
366
  export const ColorTextLightSolid = "#fff";
355
367
  export const ColorHighlight = "#ff4d4f";
356
- export const ColorBgTextHover = "rgba(32, 0, 122, 0.06)";
357
- export const ColorBgTextActive = "rgba(32, 0, 122, 0.15)";
368
+ export const ColorBgTextHover = "rgba(161, 8, 99, 0.06)";
369
+ export const ColorBgTextActive = "rgba(161, 8, 99, 0.15)";
358
370
  export const ColorIcon = "rgba(0, 0, 0, 0.55)";
359
371
  export const ColorIconHover = "rgba(0, 0, 0, 0.95)";
360
372
  export const ColorErrorOutline = "rgba(255, 38, 5, 0.06)";
@@ -363,11 +375,11 @@ export const FontSizeIcon = "12px";
363
375
  export const LineWidthFocus = "4px";
364
376
  export const ControlOutlineWidth = "2px";
365
377
  export const ControlInteractiveSize = "16px";
366
- export const ControlItemBgHover = "rgba(32, 0, 122, 0.04)";
367
- export const ControlItemBgActive = "#f8f6fb";
368
- export const ControlItemBgActiveHover = "#ebe8f8";
369
- export const ControlItemBgActiveDisabled = "rgba(32, 0, 122, 0.15)";
370
- export const ControlTmpOutline = "rgba(32, 0, 122, 0.02)";
378
+ export const ControlItemBgHover = "rgba(161, 8, 99, 0.04)";
379
+ export const ControlItemBgActive = "#fcf3f8";
380
+ export const ControlItemBgActiveHover = "#f7d9eb";
381
+ export const ControlItemBgActiveDisabled = "rgba(161, 8, 99, 0.15)";
382
+ export const ControlTmpOutline = "rgba(161, 8, 99, 0.02)";
371
383
  export const OpacityLoading = 0.65;
372
384
  export const LinkDecoration = "none";
373
385
  export const LinkHoverDecoration = "none";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mparticle/aquarium",
3
- "version": "1.63.0-new-fonts.1",
3
+ "version": "1.63.0-new-fonts.3",
4
4
  "description": "mParticle Component Library",
5
5
  "license": "Apache-2.0",
6
6
  "keywords": [