@mparticle/aquarium 1.63.0-new-fonts.1 → 1.63.0-new-fonts.2
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 +1948 -1928
- package/dist/aquarium.umd.cjs +23 -23
- package/dist/src/styles/style.d.ts +52 -40
- package/dist/style.css +427 -1
- package/dist/style.ts +52 -40
- package/package.json +1 -1
|
@@ -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 = "#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 = "#
|
|
19
|
-
export declare const ColorLink = "#
|
|
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 = "#
|
|
51
|
+
export declare const ColorBorder = "#f7d9eb";
|
|
52
52
|
export declare const ColorBorderSecondary = "#eceae9";
|
|
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(
|
|
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 = "#
|
|
78
|
-
export declare const ColorFilledHandleBg = "#
|
|
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(
|
|
342
|
-
export declare const ColorFillContentHover = "rgba(
|
|
343
|
-
export declare const ColorFillAlter = "rgba(
|
|
344
|
-
export declare const ColorBgContainerDisabled = "rgba(
|
|
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(
|
|
355
|
-
export declare const ColorBgTextActive = "rgba(
|
|
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(
|
|
365
|
-
export declare const ControlItemBgActive = "#
|
|
366
|
-
export declare const ControlItemBgActiveHover = "#
|
|
367
|
-
export declare const ControlItemBgActiveDisabled = "rgba(
|
|
368
|
-
export declare const ControlTmpOutline = "rgba(
|
|
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,427 @@
|
|
|
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
|
+
:root {
|
|
2
|
+
--blue: #1677FF;
|
|
3
|
+
--purple: #722ED1;
|
|
4
|
+
--cyan: #13C2C2;
|
|
5
|
+
--green: #52C41A;
|
|
6
|
+
--magenta: #EB2F96;
|
|
7
|
+
--pink: #EB2F96;
|
|
8
|
+
--red: #F5222D;
|
|
9
|
+
--orange: #FA8C16;
|
|
10
|
+
--yellow: #FADB14;
|
|
11
|
+
--volcano: #FA541C;
|
|
12
|
+
--geekblue: #2F54EB;
|
|
13
|
+
--gold: #FAAD14;
|
|
14
|
+
--lime: #A0D911;
|
|
15
|
+
--color-primary: #3600d1;
|
|
16
|
+
--color-success: #52c41a;
|
|
17
|
+
--color-warning: #faad14;
|
|
18
|
+
--color-error: #ff4d4f;
|
|
19
|
+
--color-info: #3600d1;
|
|
20
|
+
--color-link: #3600d1;
|
|
21
|
+
--color-text-base: #000;
|
|
22
|
+
--color-bg-base: #fff;
|
|
23
|
+
--font-family: 'GT America', -system-ui, sans-serif;
|
|
24
|
+
--font-family-code: ‘roboto mono’, monospace;
|
|
25
|
+
--font-size: 14px;
|
|
26
|
+
--line-width: 1px;
|
|
27
|
+
--line-type: solid;
|
|
28
|
+
--motion-unit: 0.1;
|
|
29
|
+
--motion-base: 0;
|
|
30
|
+
--motion-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
31
|
+
--motion-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
32
|
+
--motion-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
33
|
+
--motion-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
34
|
+
--motion-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
|
|
35
|
+
--motion-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
|
|
36
|
+
--motion-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
37
|
+
--motion-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
|
|
38
|
+
--border-radius: 6px;
|
|
39
|
+
--size-unit: 4px;
|
|
40
|
+
--size-step: 4px;
|
|
41
|
+
--size-popup-arrow: 16px;
|
|
42
|
+
--control-height: 32px;
|
|
43
|
+
--z-index-base: 0;
|
|
44
|
+
--z-index-popup-base: 1000;
|
|
45
|
+
--opacity-image: 1;
|
|
46
|
+
--wireframe: false;
|
|
47
|
+
--motion: true;
|
|
48
|
+
--color-text: rgb(0 0 0 / 95%);
|
|
49
|
+
--color-text-secondary: rgb(0 0 0 / 75%);
|
|
50
|
+
--color-text-tertiary: rgb(0 0 0 / 55%);
|
|
51
|
+
--color-text-quaternary: rgb(0 0 0 / 40%);
|
|
52
|
+
--color-border: #c3aeff;
|
|
53
|
+
--color-border-secondary: #eceae9;
|
|
54
|
+
--color-fill: rgb(32 0 122 / 15%);
|
|
55
|
+
--color-fill-secondary: rgb(32 0 122 / 6%);
|
|
56
|
+
--color-fill-tertiary: rgb(32 0 122 / 4%);
|
|
57
|
+
--color-fill-quaternary: rgb(32 0 122 / 2%);
|
|
58
|
+
--color-info-bg: #f8f6fb;
|
|
59
|
+
--color-info-bg-hover: #ebe8f8;
|
|
60
|
+
--color-info-border: #c3aeff;
|
|
61
|
+
--color-info-border-hover: #ab8eff;
|
|
62
|
+
--color-info-hover: #5f29f8;
|
|
63
|
+
--color-info-active: #2c00aa;
|
|
64
|
+
--color-info-text-hover: #5f29f8;
|
|
65
|
+
--color-info-text: #2c00aa;
|
|
66
|
+
--color-info-text-active: #20007a;
|
|
67
|
+
--color-primary-bg: #f8f6fb;
|
|
68
|
+
--color-primary-bg-hover: #ebe8f8;
|
|
69
|
+
--color-primary-border: #c3aeff;
|
|
70
|
+
--color-primary-border-hover: #ab8eff;
|
|
71
|
+
--color-primary-hover: #5f29f8;
|
|
72
|
+
--color-primary-active: #2c00aa;
|
|
73
|
+
--color-primary-text-hover: #5f29f8;
|
|
74
|
+
--color-primary-text: #2c00aa;
|
|
75
|
+
--color-primary-text-active: #20007a;
|
|
76
|
+
--control-outline: rgb(54 0 209 / 10%);
|
|
77
|
+
--font-weight-strong: 500;
|
|
78
|
+
--color-fill-alter-solid: #f8f6fb;
|
|
79
|
+
--color-filled-handle-bg: #ebe8f8;
|
|
80
|
+
--mp-brand-primary-1: #f8f6fb;
|
|
81
|
+
--mp-brand-primary-2: #ebe8f8;
|
|
82
|
+
--mp-brand-primary-3: #dbceff;
|
|
83
|
+
--mp-brand-primary-4: #c3aeff;
|
|
84
|
+
--mp-brand-primary-5: #ab8eff;
|
|
85
|
+
--mp-brand-primary-6: #8255ff;
|
|
86
|
+
--mp-brand-primary-7: #5f29f8;
|
|
87
|
+
--mp-brand-primary-8: #3600d1;
|
|
88
|
+
--mp-brand-primary-9: #2c00aa;
|
|
89
|
+
--mp-brand-primary-10: #20007a;
|
|
90
|
+
--mp-brand-secondary-1: #fff;
|
|
91
|
+
--mp-brand-secondary-2: #faf9f8;
|
|
92
|
+
--mp-brand-secondary-3: #eceae9;
|
|
93
|
+
--mp-brand-secondary-4: #dcdcd8;
|
|
94
|
+
--mp-brand-secondary-5: #babbb5;
|
|
95
|
+
--mp-brand-secondary-6: #717368;
|
|
96
|
+
--mp-brand-secondary-7: #505249;
|
|
97
|
+
--mp-brand-secondary-8: #2c2d2b;
|
|
98
|
+
--mp-brand-secondary-9: #212020;
|
|
99
|
+
--mp-brand-secondary-10: #0f0e0e;
|
|
100
|
+
--mp-color-icon-strong: #0f0e0e;
|
|
101
|
+
--mp-color-icon-brand: #20007a;
|
|
102
|
+
--mp-color-border-disabled: #dcdcd8;
|
|
103
|
+
--mp-icon-size-xs: 12px;
|
|
104
|
+
--mp-icon-size-sm: 16px;
|
|
105
|
+
--mp-icon-size-md: 20px;
|
|
106
|
+
--mp-icon-size-lg: 24px;
|
|
107
|
+
--mp-icon-size-xl: 28px;
|
|
108
|
+
--mp-icon-size-xxl: 32px;
|
|
109
|
+
--mp-icon-size-xxxl: 40px;
|
|
110
|
+
--mp-icon-size-xxxxl: 48px;
|
|
111
|
+
--mp-query-item-height: 32px;
|
|
112
|
+
--mp-query-item-padding: 4px;
|
|
113
|
+
--mp-query-item-gap: 4px;
|
|
114
|
+
--mp-query-item-border-width: 0 0 1px 0;
|
|
115
|
+
--mp-query-item-border-width-active: 0 0 2px 0;
|
|
116
|
+
--mp-query-item-border-radius: 2px;
|
|
117
|
+
--mp-query-item-border-color: #c3aeff;
|
|
118
|
+
--mp-query-item-border-color-focus: #3600d1;
|
|
119
|
+
--mp-query-item-border-color-hover: #3600d1;
|
|
120
|
+
--mp-query-item-border-color-active: #3600d1;
|
|
121
|
+
--mp-query-item-border-color-disabled: #dcdcd8;
|
|
122
|
+
--mp-query-item-border-color-error: #ff4d4f;
|
|
123
|
+
--mp-query-item-bg-color: #fff;
|
|
124
|
+
--mp-query-item-bg-color-hover: #f8f6fb;
|
|
125
|
+
--mp-query-item-bg-color-active: #ebe8f8;
|
|
126
|
+
--mp-query-item-bg-color-disabled: rgb(15 14 14 / 4%);
|
|
127
|
+
--mp-query-item-color-disabled: rgb(0 0 0 / 40%);
|
|
128
|
+
--mp-query-item-shadow: none;
|
|
129
|
+
--mp-query-item-shadow-focus: 0 0 0 2px rgb(54 0 209 / 10%);
|
|
130
|
+
--mp-query-item-shadow-active: 0 0 0 2px rgb(54 0 209 / 10%);
|
|
131
|
+
--mp-query-item-value-selector-font-weight: 500;
|
|
132
|
+
--mp-query-item-value-selector-color: #20007a;
|
|
133
|
+
--mp-query-item-action-primary-color: #3600d1;
|
|
134
|
+
--mp-query-item-action-secondary-color: rgb(0 0 0 / 55%);
|
|
135
|
+
--mp-query-item-action-font-weight: 400;
|
|
136
|
+
--blue1: #e6f4ff;
|
|
137
|
+
--blue2: #bae0ff;
|
|
138
|
+
--blue3: #91caff;
|
|
139
|
+
--blue4: #69b1ff;
|
|
140
|
+
--blue5: #4096ff;
|
|
141
|
+
--blue6: #1677ff;
|
|
142
|
+
--blue7: #0958d9;
|
|
143
|
+
--blue8: #003eb3;
|
|
144
|
+
--blue9: #002c8c;
|
|
145
|
+
--blue10: #001d66;
|
|
146
|
+
--purple1: #f9f0ff;
|
|
147
|
+
--purple2: #efdbff;
|
|
148
|
+
--purple3: #d3adf7;
|
|
149
|
+
--purple4: #b37feb;
|
|
150
|
+
--purple5: #9254de;
|
|
151
|
+
--purple6: #722ed1;
|
|
152
|
+
--purple7: #531dab;
|
|
153
|
+
--purple8: #391085;
|
|
154
|
+
--purple9: #22075e;
|
|
155
|
+
--purple10: #120338;
|
|
156
|
+
--cyan1: #e6fffb;
|
|
157
|
+
--cyan2: #b5f5ec;
|
|
158
|
+
--cyan3: #87e8de;
|
|
159
|
+
--cyan4: #5cdbd3;
|
|
160
|
+
--cyan5: #36cfc9;
|
|
161
|
+
--cyan6: #13c2c2;
|
|
162
|
+
--cyan7: #08979c;
|
|
163
|
+
--cyan8: #006d75;
|
|
164
|
+
--cyan9: #00474f;
|
|
165
|
+
--cyan10: #002329;
|
|
166
|
+
--green1: #f6ffed;
|
|
167
|
+
--green2: #d9f7be;
|
|
168
|
+
--green3: #b7eb8f;
|
|
169
|
+
--green4: #95de64;
|
|
170
|
+
--green5: #73d13d;
|
|
171
|
+
--green6: #52c41a;
|
|
172
|
+
--green7: #389e0d;
|
|
173
|
+
--green8: #237804;
|
|
174
|
+
--green9: #135200;
|
|
175
|
+
--green10: #092b00;
|
|
176
|
+
--magenta1: #fff0f6;
|
|
177
|
+
--magenta2: #ffd6e7;
|
|
178
|
+
--magenta3: #ffadd2;
|
|
179
|
+
--magenta4: #ff85c0;
|
|
180
|
+
--magenta5: #f759ab;
|
|
181
|
+
--magenta6: #eb2f96;
|
|
182
|
+
--magenta7: #c41d7f;
|
|
183
|
+
--magenta8: #9e1068;
|
|
184
|
+
--magenta9: #780650;
|
|
185
|
+
--magenta10: #520339;
|
|
186
|
+
--pink1: #fff0f6;
|
|
187
|
+
--pink2: #ffd6e7;
|
|
188
|
+
--pink3: #ffadd2;
|
|
189
|
+
--pink4: #ff85c0;
|
|
190
|
+
--pink5: #f759ab;
|
|
191
|
+
--pink6: #eb2f96;
|
|
192
|
+
--pink7: #c41d7f;
|
|
193
|
+
--pink8: #9e1068;
|
|
194
|
+
--pink9: #780650;
|
|
195
|
+
--pink10: #520339;
|
|
196
|
+
--red1: #fff1f0;
|
|
197
|
+
--red2: #ffccc7;
|
|
198
|
+
--red3: #ffa39e;
|
|
199
|
+
--red4: #ff7875;
|
|
200
|
+
--red5: #ff4d4f;
|
|
201
|
+
--red6: #f5222d;
|
|
202
|
+
--red7: #cf1322;
|
|
203
|
+
--red8: #a8071a;
|
|
204
|
+
--red9: #820014;
|
|
205
|
+
--red10: #5c0011;
|
|
206
|
+
--orange1: #fff7e6;
|
|
207
|
+
--orange2: #ffe7ba;
|
|
208
|
+
--orange3: #ffd591;
|
|
209
|
+
--orange4: #ffc069;
|
|
210
|
+
--orange5: #ffa940;
|
|
211
|
+
--orange6: #fa8c16;
|
|
212
|
+
--orange7: #d46b08;
|
|
213
|
+
--orange8: #ad4e00;
|
|
214
|
+
--orange9: #873800;
|
|
215
|
+
--orange10: #612500;
|
|
216
|
+
--yellow1: #feffe6;
|
|
217
|
+
--yellow2: #ffffb8;
|
|
218
|
+
--yellow3: #fffb8f;
|
|
219
|
+
--yellow4: #fff566;
|
|
220
|
+
--yellow5: #ffec3d;
|
|
221
|
+
--yellow6: #fadb14;
|
|
222
|
+
--yellow7: #d4b106;
|
|
223
|
+
--yellow8: #ad8b00;
|
|
224
|
+
--yellow9: #876800;
|
|
225
|
+
--yellow10: #614700;
|
|
226
|
+
--volcano1: #fff2e8;
|
|
227
|
+
--volcano2: #ffd8bf;
|
|
228
|
+
--volcano3: #ffbb96;
|
|
229
|
+
--volcano4: #ff9c6e;
|
|
230
|
+
--volcano5: #ff7a45;
|
|
231
|
+
--volcano6: #fa541c;
|
|
232
|
+
--volcano7: #d4380d;
|
|
233
|
+
--volcano8: #ad2102;
|
|
234
|
+
--volcano9: #871400;
|
|
235
|
+
--volcano10: #610b00;
|
|
236
|
+
--geekblue1: #f0f5ff;
|
|
237
|
+
--geekblue2: #d6e4ff;
|
|
238
|
+
--geekblue3: #adc6ff;
|
|
239
|
+
--geekblue4: #85a5ff;
|
|
240
|
+
--geekblue5: #597ef7;
|
|
241
|
+
--geekblue6: #2f54eb;
|
|
242
|
+
--geekblue7: #1d39c4;
|
|
243
|
+
--geekblue8: #10239e;
|
|
244
|
+
--geekblue9: #061178;
|
|
245
|
+
--geekblue10: #030852;
|
|
246
|
+
--gold1: #fffbe6;
|
|
247
|
+
--gold2: #fff1b8;
|
|
248
|
+
--gold3: #ffe58f;
|
|
249
|
+
--gold4: #ffd666;
|
|
250
|
+
--gold5: #ffc53d;
|
|
251
|
+
--gold6: #faad14;
|
|
252
|
+
--gold7: #d48806;
|
|
253
|
+
--gold8: #ad6800;
|
|
254
|
+
--gold9: #874d00;
|
|
255
|
+
--gold10: #613400;
|
|
256
|
+
--lime1: #fcffe6;
|
|
257
|
+
--lime2: #f4ffb8;
|
|
258
|
+
--lime3: #eaff8f;
|
|
259
|
+
--lime4: #d3f261;
|
|
260
|
+
--lime5: #bae637;
|
|
261
|
+
--lime6: #a0d911;
|
|
262
|
+
--lime7: #7cb305;
|
|
263
|
+
--lime8: #5b8c00;
|
|
264
|
+
--lime9: #3f6600;
|
|
265
|
+
--lime10: #254000;
|
|
266
|
+
--color-bg-layout: #f5f5f5;
|
|
267
|
+
--color-bg-container: #fff;
|
|
268
|
+
--color-bg-elevated: #fff;
|
|
269
|
+
--color-bg-spotlight: rgb(0 0 0 / 85%);
|
|
270
|
+
--color-bg-blur: transparent;
|
|
271
|
+
--color-success-bg: #f6ffed;
|
|
272
|
+
--color-success-bg-hover: #d9f7be;
|
|
273
|
+
--color-success-border: #b7eb8f;
|
|
274
|
+
--color-success-border-hover: #95de64;
|
|
275
|
+
--color-success-hover: #95de64;
|
|
276
|
+
--color-success-active: #389e0d;
|
|
277
|
+
--color-success-text-hover: #73d13d;
|
|
278
|
+
--color-success-text: #52c41a;
|
|
279
|
+
--color-success-text-active: #389e0d;
|
|
280
|
+
--color-error-bg: #fff2f0;
|
|
281
|
+
--color-error-bg-hover: #fff1f0;
|
|
282
|
+
--color-error-bg-active: #ffccc7;
|
|
283
|
+
--color-error-border: #ffccc7;
|
|
284
|
+
--color-error-border-hover: #ffa39e;
|
|
285
|
+
--color-error-hover: #ff7875;
|
|
286
|
+
--color-error-active: #d9363e;
|
|
287
|
+
--color-error-text-hover: #ff7875;
|
|
288
|
+
--color-error-text: #ff4d4f;
|
|
289
|
+
--color-error-text-active: #d9363e;
|
|
290
|
+
--color-warning-bg: #fffbe6;
|
|
291
|
+
--color-warning-bg-hover: #fff1b8;
|
|
292
|
+
--color-warning-border: #ffe58f;
|
|
293
|
+
--color-warning-border-hover: #ffd666;
|
|
294
|
+
--color-warning-hover: #ffd666;
|
|
295
|
+
--color-warning-active: #d48806;
|
|
296
|
+
--color-warning-text-hover: #ffc53d;
|
|
297
|
+
--color-warning-text: #faad14;
|
|
298
|
+
--color-warning-text-active: #d48806;
|
|
299
|
+
--color-link-hover: #804beb;
|
|
300
|
+
--color-link-active: #2800ab;
|
|
301
|
+
--color-bg-mask: rgb(0 0 0 / 45%);
|
|
302
|
+
--color-white: #fff;
|
|
303
|
+
--font-size-sm: 12px;
|
|
304
|
+
--font-size-lg: 16px;
|
|
305
|
+
--font-size-xl: 20px;
|
|
306
|
+
--font-size-heading1: 38px;
|
|
307
|
+
--font-size-heading2: 30px;
|
|
308
|
+
--font-size-heading3: 24px;
|
|
309
|
+
--font-size-heading4: 20px;
|
|
310
|
+
--font-size-heading5: 16px;
|
|
311
|
+
--line-height: 1.5714;
|
|
312
|
+
--line-height-lg: 1.5;
|
|
313
|
+
--line-height-sm: 1.6667;
|
|
314
|
+
--font-height: 22px;
|
|
315
|
+
--font-height-lg: 24px;
|
|
316
|
+
--font-height-sm: 20px;
|
|
317
|
+
--line-height-heading1: 1.2105;
|
|
318
|
+
--line-height-heading2: 1.2667;
|
|
319
|
+
--line-height-heading3: 1.3333;
|
|
320
|
+
--line-height-heading4: 1.4;
|
|
321
|
+
--line-height-heading5: 1.5;
|
|
322
|
+
--size-xxl: 48px;
|
|
323
|
+
--size-xl: 32px;
|
|
324
|
+
--size-lg: 24px;
|
|
325
|
+
--size-md: 20px;
|
|
326
|
+
--size-ms: 16px;
|
|
327
|
+
--size: 16px;
|
|
328
|
+
--size-sm: 12px;
|
|
329
|
+
--size-xs: 8px;
|
|
330
|
+
--size-xxs: 4px;
|
|
331
|
+
--control-height-sm: 24px;
|
|
332
|
+
--control-height-xs: 16px;
|
|
333
|
+
--control-height-lg: 40px;
|
|
334
|
+
--motion-duration-fast: 0.1s;
|
|
335
|
+
--motion-duration-mid: 0.2s;
|
|
336
|
+
--motion-duration-slow: 0.3s;
|
|
337
|
+
--line-width-bold: 2px;
|
|
338
|
+
--border-radius-xs: 2px;
|
|
339
|
+
--border-radius-sm: 4px;
|
|
340
|
+
--border-radius-lg: 8px;
|
|
341
|
+
--border-radius-outer: 4px;
|
|
342
|
+
--color-fill-content: rgb(32 0 122 / 6%);
|
|
343
|
+
--color-fill-content-hover: rgb(32 0 122 / 15%);
|
|
344
|
+
--color-fill-alter: rgb(32 0 122 / 2%);
|
|
345
|
+
--color-bg-container-disabled: rgb(32 0 122 / 4%);
|
|
346
|
+
--color-border-bg: #fff;
|
|
347
|
+
--color-split: rgb(44 22 11 / 9%);
|
|
348
|
+
--color-text-placeholder: rgb(0 0 0 / 40%);
|
|
349
|
+
--color-text-disabled: rgb(0 0 0 / 40%);
|
|
350
|
+
--color-text-heading: rgb(0 0 0 / 95%);
|
|
351
|
+
--color-text-label: rgb(0 0 0 / 75%);
|
|
352
|
+
--color-text-description: rgb(0 0 0 / 55%);
|
|
353
|
+
--color-text-light-solid: #fff;
|
|
354
|
+
--color-highlight: #ff4d4f;
|
|
355
|
+
--color-bg-text-hover: rgb(32 0 122 / 6%);
|
|
356
|
+
--color-bg-text-active: rgb(32 0 122 / 15%);
|
|
357
|
+
--color-icon: rgb(0 0 0 / 55%);
|
|
358
|
+
--color-icon-hover: rgb(0 0 0 / 95%);
|
|
359
|
+
--color-error-outline: rgb(255 38 5 / 6%);
|
|
360
|
+
--color-warning-outline: rgb(255 215 5 / 10%);
|
|
361
|
+
--font-size-icon: 12px;
|
|
362
|
+
--line-width-focus: 4px;
|
|
363
|
+
--control-outline-width: 2px;
|
|
364
|
+
--control-interactive-size: 16px;
|
|
365
|
+
--control-item-bg-hover: rgb(32 0 122 / 4%);
|
|
366
|
+
--control-item-bg-active: #f8f6fb;
|
|
367
|
+
--control-item-bg-active-hover: #ebe8f8;
|
|
368
|
+
--control-item-bg-active-disabled: rgb(32 0 122 / 15%);
|
|
369
|
+
--control-tmp-outline: rgb(32 0 122 / 2%);
|
|
370
|
+
--opacity-loading: 0.65;
|
|
371
|
+
--link-decoration: none;
|
|
372
|
+
--link-hover-decoration: none;
|
|
373
|
+
--link-focus-decoration: none;
|
|
374
|
+
--control-padding-horizontal: 12px;
|
|
375
|
+
--control-padding-horizontal-sm: 8px;
|
|
376
|
+
--padding-xxs: 4px;
|
|
377
|
+
--padding-xs: 8px;
|
|
378
|
+
--padding-sm: 12px;
|
|
379
|
+
--padding: 16px;
|
|
380
|
+
--padding-md: 20px;
|
|
381
|
+
--padding-lg: 24px;
|
|
382
|
+
--padding-xl: 32px;
|
|
383
|
+
--padding-content-horizontal-lg: 24px;
|
|
384
|
+
--padding-content-vertical-lg: 16px;
|
|
385
|
+
--padding-content-horizontal: 16px;
|
|
386
|
+
--padding-content-vertical: 12px;
|
|
387
|
+
--padding-content-horizontal-sm: 16px;
|
|
388
|
+
--padding-content-vertical-sm: 8px;
|
|
389
|
+
--margin-xxs: 4px;
|
|
390
|
+
--margin-xs: 8px;
|
|
391
|
+
--margin-sm: 12px;
|
|
392
|
+
--margin: 16px;
|
|
393
|
+
--margin-md: 20px;
|
|
394
|
+
--margin-lg: 24px;
|
|
395
|
+
--margin-xl: 32px;
|
|
396
|
+
--margin-xxl: 48px;
|
|
397
|
+
--box-shadow: 0 6px 16px 0 rgb(0 0 0 / 8%), 0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%) ;
|
|
398
|
+
--box-shadow-secondary: 0 6px 16px 0 rgb(0 0 0 / 8%), 0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%) ;
|
|
399
|
+
--box-shadow-tertiary: 0 1px 2px 0 rgb(0 0 0 / 3%), 0 1px 6px -1px rgb(0 0 0 / 2%), 0 2px 4px 0 rgb(0 0 0 / 2%) ;
|
|
400
|
+
--screen-xs: 480px;
|
|
401
|
+
--screen-xs-min: 480px;
|
|
402
|
+
--screen-xs-max: 575px;
|
|
403
|
+
--screen-sm: 576px;
|
|
404
|
+
--screen-sm-min: 576px;
|
|
405
|
+
--screen-sm-max: 767px;
|
|
406
|
+
--screen-md: 768px;
|
|
407
|
+
--screen-md-min: 768px;
|
|
408
|
+
--screen-md-max: 991px;
|
|
409
|
+
--screen-lg: 992px;
|
|
410
|
+
--screen-lg-min: 992px;
|
|
411
|
+
--screen-lg-max: 1199px;
|
|
412
|
+
--screen-xl: 1200px;
|
|
413
|
+
--screen-xl-min: 1200px;
|
|
414
|
+
--screen-xl-max: 1599px;
|
|
415
|
+
--screen-xxl: 1600px;
|
|
416
|
+
--screen-xxl-min: 1600px;
|
|
417
|
+
--box-shadow-popover-arrow: 2px 2px 5px rgb(0 0 0 / 5%);
|
|
418
|
+
--box-shadow-card: 0 1px 2px -2px rgb(0 0 0 / 16%), 0 3px 6px 0 rgb(0 0 0 / 12%), 0 5px 12px 4px rgb(0 0 0 / 9%) ;
|
|
419
|
+
--box-shadow-drawer-right: -6px 0 16px 0 rgb(0 0 0 / 8%), -3px 0 6px -4px rgb(0 0 0 / 12%), -9px 0 28px 8px rgb(0 0 0 / 5%) ;
|
|
420
|
+
--box-shadow-drawer-left: 6px 0 16px 0 rgb(0 0 0 / 8%), 3px 0 6px -4px rgb(0 0 0 / 12%), 9px 0 28px 8px rgb(0 0 0 / 5%) ;
|
|
421
|
+
--box-shadow-drawer-up: 0 6px 16px 0 rgb(0 0 0 / 8%), 0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%) ;
|
|
422
|
+
--box-shadow-drawer-down: 0 -6px 16px 0 rgb(0 0 0 / 8%), 0 -3px 6px -4px rgb(0 0 0 / 12%), 0 -9px 28px 8px rgb(0 0 0 / 5%) ;
|
|
423
|
+
--box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgb(0 0 0 / 8%);
|
|
424
|
+
--box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgb(0 0 0 / 8%);
|
|
425
|
+
--box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgb(0 0 0 / 8%);
|
|
426
|
+
--box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgb(0 0 0 / 8%);
|
|
427
|
+
}
|