@mparticle/aquarium 1.61.0-operation-prism-shift.1 → 1.61.0-operation-prism-shift.3

package/dist/src/styles/style.d.ts

@@ -0,0 +1,425 @@
+export declare const Blue = "#1677FF";
+export declare const Purple = "#722ED1";
+export declare const Cyan = "#13C2C2";
+export declare const Green = "#52C41A";
+export declare const Magenta = "#EB2F96";
+export declare const Pink = "#EB2F96";
+export declare const Red = "#F5222D";
+export declare const Orange = "#FA8C16";
+export declare const Yellow = "#FADB14";
+export declare const Volcano = "#FA541C";
+export declare const Geekblue = "#2F54EB";
+export declare const Gold = "#FAAD14";
+export declare const Lime = "#A0D911";
+export declare const ColorPrimary = "#a10863";
+export declare const ColorSuccess = "#52c41a";
+export declare const ColorWarning = "#faad14";
+export declare const ColorError = "#ff4d4f";
+export declare const ColorInfo = "#a10863";
+export declare const ColorLink = "#a10863";
+export declare const ColorTextBase = "#000";
+export declare const ColorBgBase = "#fff";
+export declare const FontFamily = "'GT America', -system-ui, sans-serif";
+export declare const FontFamilyCode = "\u2018Roboto Mono\u2019, monospace";
+export declare const FontSize = "14px";
+export declare const LineWidth = "1px";
+export declare const LineType = "solid";
+export declare const MotionUnit = 0.1;
+export declare const MotionBase = 0;
+export declare const MotionEaseOutCirc = "cubic-bezier(0.08, 0.82, 0.17, 1)";
+export declare const MotionEaseInOutCirc = "cubic-bezier(0.78, 0.14, 0.15, 0.86)";
+export declare const MotionEaseOut = "cubic-bezier(0.215, 0.61, 0.355, 1)";
+export declare const MotionEaseInOut = "cubic-bezier(0.645, 0.045, 0.355, 1)";
+export declare const MotionEaseOutBack = "cubic-bezier(0.12, 0.4, 0.29, 1.46)";
+export declare const MotionEaseInBack = "cubic-bezier(0.71, -0.46, 0.88, 0.6)";
+export declare const MotionEaseInQuint = "cubic-bezier(0.755, 0.05, 0.855, 0.06)";
+export declare const MotionEaseOutQuint = "cubic-bezier(0.23, 1, 0.32, 1)";
+export declare const BorderRadius = "6px";
+export declare const SizeUnit = "4px";
+export declare const SizeStep = "4px";
+export declare const SizePopupArrow = "16px";
+export declare const ControlHeight = "32px";
+export declare const ZIndexBase = 0;
+export declare const ZIndexPopupBase = 1000;
+export declare const OpacityImage = 1;
+export declare const Wireframe = false;
+export declare const Motion = true;
+export declare const ColorText = "rgba(0, 0, 0, 0.95)";
+export declare const ColorTextSecondary = "rgba(0, 0, 0, 0.75)";
+export declare const ColorTextTertiary = "rgba(0, 0, 0, 0.55)";
+export declare const ColorTextQuaternary = "rgba(0, 0, 0, 0.4)";
+export declare const ColorBorder = "#ef76bf";
+export declare const ColorBorderSecondary = "#eceae9";
+export declare const ColorFill = "rgba(100, 12, 65, 0.15)";
+export declare const ColorFillSecondary = "rgba(100, 12, 65, 0.06)";
+export declare const ColorFillTertiary = "rgba(100, 12, 65, 0.04)";
+export declare const ColorFillQuaternary = "rgba(100, 12, 65, 0.02)";
+export declare const ColorInfoBg = "#fcf3f8";
+export declare const ColorInfoBgHover = "#f7d9eb";
+export declare const ColorInfoBorder = "#ef76bf";
+export declare const ColorInfoBorderHover = "#f03da8";
+export declare const ColorInfoHover = "#c20075";
+export declare const ColorInfoActive = "#800a51";
+export declare const ColorInfoTextHover = "#c20075";
+export declare const ColorInfoText = "#800a51";
+export declare const ColorInfoTextActive = "#640c41";
+export declare const ColorPrimaryBg = "#fcf3f8";
+export declare const ColorPrimaryBgHover = "#f7d9eb";
+export declare const ColorPrimaryBorder = "#ef76bf";
+export declare const ColorPrimaryBorderHover = "#f03da8";
+export declare const ColorPrimaryHover = "#c20075";
+export declare const ColorPrimaryActive = "#800a51";
+export declare const ColorPrimaryTextHover = "#c20075";
+export declare const ColorPrimaryText = "#800a51";
+export declare const ColorPrimaryTextActive = "#640c41";
+export declare const ControlOutline = "rgba(161, 8, 99, 0.1)";
+export declare const FontWeightStrong = 500;
+export declare const ColorFillAlterSolid = "#fcf3f8";
+export declare const ColorFilledHandleBg = "#f7d9eb";
+export declare const MpBrandPrimary1 = "#fcf3f8";
+export declare const MpBrandPrimary2 = "#f7d9eb";
+export declare const MpBrandPrimary3 = "#f1acd6";
+export declare const MpBrandPrimary4 = "#ef76bf";
+export declare const MpBrandPrimary5 = "#f03da8";
+export declare const MpBrandPrimary6 = "#ef0b94";
+export declare const MpBrandPrimary7 = "#c20075";
+export declare const MpBrandPrimary8 = "#a10863";
+export declare const MpBrandPrimary9 = "#800a51";
+export declare const MpBrandPrimary10 = "#640c41";
+export declare const MpBrandSecondary1 = "#ffffff";
+export declare const MpBrandSecondary2 = "#faf9f8";
+export declare const MpBrandSecondary3 = "#eceae9";
+export declare const MpBrandSecondary4 = "#dcdcd8";
+export declare const MpBrandSecondary5 = "#babbb5";
+export declare const MpBrandSecondary6 = "#717368";
+export declare const MpBrandSecondary7 = "#505249";
+export declare const MpBrandSecondary8 = "#2c2d2b";
+export declare const MpBrandSecondary9 = "#212020";
+export declare const MpBrandSecondary10 = "#0f0e0e";
+export declare const MpColorIconStrong = "#0f0e0e";
+export declare const MpColorIconBrand = "#640c41";
+export declare const MpColorBorderDisabled = "#dcdcd8";
+export declare const MpIconSizeXs = "12px";
+export declare const MpIconSizeSm = "16px";
+export declare const MpIconSizeMd = "20px";
+export declare const MpIconSizeLg = "24px";
+export declare const MpIconSizeXl = "28px";
+export declare const MpIconSizeXxl = "32px";
+export declare const MpIconSizeXxxl = "40px";
+export declare const MpIconSizeXxxxl = "48px";
+export declare const MpQueryItemHeight = "32px";
+export declare const MpQueryItemPadding = "4px";
+export declare const MpQueryItemGap = "4px";
+export declare const MpQueryItemBorderWidth = "0 0 1px 0";
+export declare const MpQueryItemBorderWidthActive = "0 0 2px 0";
+export declare const MpQueryItemBorderRadius = "2px";
+export declare const MpQueryItemBorderColor = "#ef76bf";
+export declare const MpQueryItemBorderColorFocus = "#a10863";
+export declare const MpQueryItemBorderColorHover = "#a10863";
+export declare const MpQueryItemBorderColorActive = "#a10863";
+export declare const MpQueryItemBorderColorDisabled = "#dcdcd8";
+export declare const MpQueryItemBorderColorError = "#ff4d4f";
+export declare const MpQueryItemBgColor = "#ffffff";
+export declare const MpQueryItemBgColorHover = "#fcf3f8";
+export declare const MpQueryItemBgColorActive = "#f7d9eb";
+export declare const MpQueryItemBgColorDisabled = "rgba(15, 14, 14, 0.04)";
+export declare const MpQueryItemColorDisabled = "rgba(0, 0, 0, 0.4)";
+export declare const MpQueryItemShadow = "none";
+export declare const MpQueryItemShadowFocus = "0 0 0 2px rgba(161, 8, 99, 0.1)";
+export declare const MpQueryItemShadowActive = "0 0 0 2px rgba(161, 8, 99, 0.1)";
+export declare const MpQueryItemValueSelectorFontWeight = "500";
+export declare const MpQueryItemValueSelectorColor = "#640c41";
+export declare const MpQueryItemActionPrimaryColor = "#a10863";
+export declare const MpQueryItemActionSecondaryColor = "rgba(0, 0, 0, 0.55)";
+export declare const MpQueryItemActionFontWeight = "400";
+export declare const Blue1 = "#e6f4ff";
+export declare const Blue2 = "#bae0ff";
+export declare const Blue3 = "#91caff";
+export declare const Blue4 = "#69b1ff";
+export declare const Blue5 = "#4096ff";
+export declare const Blue6 = "#1677ff";
+export declare const Blue7 = "#0958d9";
+export declare const Blue8 = "#003eb3";
+export declare const Blue9 = "#002c8c";
+export declare const Blue10 = "#001d66";
+export declare const Purple1 = "#f9f0ff";
+export declare const Purple2 = "#efdbff";
+export declare const Purple3 = "#d3adf7";
+export declare const Purple4 = "#b37feb";
+export declare const Purple5 = "#9254de";
+export declare const Purple6 = "#722ed1";
+export declare const Purple7 = "#531dab";
+export declare const Purple8 = "#391085";
+export declare const Purple9 = "#22075e";
+export declare const Purple10 = "#120338";
+export declare const Cyan1 = "#e6fffb";
+export declare const Cyan2 = "#b5f5ec";
+export declare const Cyan3 = "#87e8de";
+export declare const Cyan4 = "#5cdbd3";
+export declare const Cyan5 = "#36cfc9";
+export declare const Cyan6 = "#13c2c2";
+export declare const Cyan7 = "#08979c";
+export declare const Cyan8 = "#006d75";
+export declare const Cyan9 = "#00474f";
+export declare const Cyan10 = "#002329";
+export declare const Green1 = "#f6ffed";
+export declare const Green2 = "#d9f7be";
+export declare const Green3 = "#b7eb8f";
+export declare const Green4 = "#95de64";
+export declare const Green5 = "#73d13d";
+export declare const Green6 = "#52c41a";
+export declare const Green7 = "#389e0d";
+export declare const Green8 = "#237804";
+export declare const Green9 = "#135200";
+export declare const Green10 = "#092b00";
+export declare const Magenta1 = "#fff0f6";
+export declare const Magenta2 = "#ffd6e7";
+export declare const Magenta3 = "#ffadd2";
+export declare const Magenta4 = "#ff85c0";
+export declare const Magenta5 = "#f759ab";
+export declare const Magenta6 = "#eb2f96";
+export declare const Magenta7 = "#c41d7f";
+export declare const Magenta8 = "#9e1068";
+export declare const Magenta9 = "#780650";
+export declare const Magenta10 = "#520339";
+export declare const Pink1 = "#fff0f6";
+export declare const Pink2 = "#ffd6e7";
+export declare const Pink3 = "#ffadd2";
+export declare const Pink4 = "#ff85c0";
+export declare const Pink5 = "#f759ab";
+export declare const Pink6 = "#eb2f96";
+export declare const Pink7 = "#c41d7f";
+export declare const Pink8 = "#9e1068";
+export declare const Pink9 = "#780650";
+export declare const Pink10 = "#520339";
+export declare const Red1 = "#fff1f0";
+export declare const Red2 = "#ffccc7";
+export declare const Red3 = "#ffa39e";
+export declare const Red4 = "#ff7875";
+export declare const Red5 = "#ff4d4f";
+export declare const Red6 = "#f5222d";
+export declare const Red7 = "#cf1322";
+export declare const Red8 = "#a8071a";
+export declare const Red9 = "#820014";
+export declare const Red10 = "#5c0011";
+export declare const Orange1 = "#fff7e6";
+export declare const Orange2 = "#ffe7ba";
+export declare const Orange3 = "#ffd591";
+export declare const Orange4 = "#ffc069";
+export declare const Orange5 = "#ffa940";
+export declare const Orange6 = "#fa8c16";
+export declare const Orange7 = "#d46b08";
+export declare const Orange8 = "#ad4e00";
+export declare const Orange9 = "#873800";
+export declare const Orange10 = "#612500";
+export declare const Yellow1 = "#feffe6";
+export declare const Yellow2 = "#ffffb8";
+export declare const Yellow3 = "#fffb8f";
+export declare const Yellow4 = "#fff566";
+export declare const Yellow5 = "#ffec3d";
+export declare const Yellow6 = "#fadb14";
+export declare const Yellow7 = "#d4b106";
+export declare const Yellow8 = "#ad8b00";
+export declare const Yellow9 = "#876800";
+export declare const Yellow10 = "#614700";
+export declare const Volcano1 = "#fff2e8";
+export declare const Volcano2 = "#ffd8bf";
+export declare const Volcano3 = "#ffbb96";
+export declare const Volcano4 = "#ff9c6e";
+export declare const Volcano5 = "#ff7a45";
+export declare const Volcano6 = "#fa541c";
+export declare const Volcano7 = "#d4380d";
+export declare const Volcano8 = "#ad2102";
+export declare const Volcano9 = "#871400";
+export declare const Volcano10 = "#610b00";
+export declare const Geekblue1 = "#f0f5ff";
+export declare const Geekblue2 = "#d6e4ff";
+export declare const Geekblue3 = "#adc6ff";
+export declare const Geekblue4 = "#85a5ff";
+export declare const Geekblue5 = "#597ef7";
+export declare const Geekblue6 = "#2f54eb";
+export declare const Geekblue7 = "#1d39c4";
+export declare const Geekblue8 = "#10239e";
+export declare const Geekblue9 = "#061178";
+export declare const Geekblue10 = "#030852";
+export declare const Gold1 = "#fffbe6";
+export declare const Gold2 = "#fff1b8";
+export declare const Gold3 = "#ffe58f";
+export declare const Gold4 = "#ffd666";
+export declare const Gold5 = "#ffc53d";
+export declare const Gold6 = "#faad14";
+export declare const Gold7 = "#d48806";
+export declare const Gold8 = "#ad6800";
+export declare const Gold9 = "#874d00";
+export declare const Gold10 = "#613400";
+export declare const Lime1 = "#fcffe6";
+export declare const Lime2 = "#f4ffb8";
+export declare const Lime3 = "#eaff8f";
+export declare const Lime4 = "#d3f261";
+export declare const Lime5 = "#bae637";
+export declare const Lime6 = "#a0d911";
+export declare const Lime7 = "#7cb305";
+export declare const Lime8 = "#5b8c00";
+export declare const Lime9 = "#3f6600";
+export declare const Lime10 = "#254000";
+export declare const ColorBgLayout = "#f5f5f5";
+export declare const ColorBgContainer = "#ffffff";
+export declare const ColorBgElevated = "#ffffff";
+export declare const ColorBgSpotlight = "rgba(0, 0, 0, 0.85)";
+export declare const ColorBgBlur = "transparent";
+export declare const ColorSuccessBg = "#f6ffed";
+export declare const ColorSuccessBgHover = "#d9f7be";
+export declare const ColorSuccessBorder = "#b7eb8f";
+export declare const ColorSuccessBorderHover = "#95de64";
+export declare const ColorSuccessHover = "#95de64";
+export declare const ColorSuccessActive = "#389e0d";
+export declare const ColorSuccessTextHover = "#73d13d";
+export declare const ColorSuccessText = "#52c41a";
+export declare const ColorSuccessTextActive = "#389e0d";
+export declare const ColorErrorBg = "#fff2f0";
+export declare const ColorErrorBgHover = "#fff1f0";
+export declare const ColorErrorBgActive = "#ffccc7";
+export declare const ColorErrorBorder = "#ffccc7";
+export declare const ColorErrorBorderHover = "#ffa39e";
+export declare const ColorErrorHover = "#ff7875";
+export declare const ColorErrorActive = "#d9363e";
+export declare const ColorErrorTextHover = "#ff7875";
+export declare const ColorErrorText = "#ff4d4f";
+export declare const ColorErrorTextActive = "#d9363e";
+export declare const ColorWarningBg = "#fffbe6";
+export declare const ColorWarningBgHover = "#fff1b8";
+export declare const ColorWarningBorder = "#ffe58f";
+export declare const ColorWarningBorderHover = "#ffd666";
+export declare const ColorWarningHover = "#ffd666";
+export declare const ColorWarningActive = "#d48806";
+export declare const ColorWarningTextHover = "#ffc53d";
+export declare const ColorWarningText = "#faad14";
+export declare const ColorWarningTextActive = "#d48806";
+export declare const ColorLinkHover = "#d444f1";
+export declare const ColorLinkActive = "#800a51";
+export declare const ColorBgMask = "rgba(0, 0, 0, 0.45)";
+export declare const ColorWhite = "#fff";
+export declare const FontSizeSm = "12px";
+export declare const FontSizeLg = "16px";
+export declare const FontSizeXl = "20px";
+export declare const FontSizeHeading1 = "38px";
+export declare const FontSizeHeading2 = "30px";
+export declare const FontSizeHeading3 = "24px";
+export declare const FontSizeHeading4 = "20px";
+export declare const FontSizeHeading5 = "16px";
+export declare const LineHeight = 1.5714285714285714;
+export declare const LineHeightLg = 1.5;
+export declare const LineHeightSm = 1.6666666666666667;
+export declare const FontHeight = "22px";
+export declare const FontHeightLg = "24px";
+export declare const FontHeightSm = "20px";
+export declare const LineHeightHeading1 = 1.2105263157894737;
+export declare const LineHeightHeading2 = 1.2666666666666666;
+export declare const LineHeightHeading3 = 1.3333333333333333;
+export declare const LineHeightHeading4 = 1.4;
+export declare const LineHeightHeading5 = 1.5;
+export declare const SizeXxl = "48px";
+export declare const SizeXl = "32px";
+export declare const SizeLg = "24px";
+export declare const SizeMd = "20px";
+export declare const SizeMs = "16px";
+export declare const Size = "16px";
+export declare const SizeSm = "12px";
+export declare const SizeXs = "8px";
+export declare const SizeXxs = "4px";
+export declare const ControlHeightSm = "24px";
+export declare const ControlHeightXs = "16px";
+export declare const ControlHeightLg = "40px";
+export declare const MotionDurationFast = "0.1s";
+export declare const MotionDurationMid = "0.2s";
+export declare const MotionDurationSlow = "0.3s";
+export declare const LineWidthBold = "2px";
+export declare const BorderRadiusXs = "2px";
+export declare const BorderRadiusSm = "4px";
+export declare const BorderRadiusLg = "8px";
+export declare const BorderRadiusOuter = "4px";
+export declare const ColorFillContent = "rgba(100, 12, 65, 0.06)";
+export declare const ColorFillContentHover = "rgba(100, 12, 65, 0.15)";
+export declare const ColorFillAlter = "rgba(100, 12, 65, 0.02)";
+export declare const ColorBgContainerDisabled = "rgba(100, 12, 65, 0.04)";
+export declare const ColorBorderBg = "#ffffff";
+export declare const ColorSplit = "rgba(44, 22, 11, 0.09)";
+export declare const ColorTextPlaceholder = "rgba(0, 0, 0, 0.4)";
+export declare const ColorTextDisabled = "rgba(0, 0, 0, 0.4)";
+export declare const ColorTextHeading = "rgba(0, 0, 0, 0.95)";
+export declare const ColorTextLabel = "rgba(0, 0, 0, 0.75)";
+export declare const ColorTextDescription = "rgba(0, 0, 0, 0.55)";
+export declare const ColorTextLightSolid = "#fff";
+export declare const ColorHighlight = "#ff4d4f";
+export declare const ColorBgTextHover = "rgba(100, 12, 65, 0.06)";
+export declare const ColorBgTextActive = "rgba(100, 12, 65, 0.15)";
+export declare const ColorIcon = "rgba(0, 0, 0, 0.55)";
+export declare const ColorIconHover = "rgba(0, 0, 0, 0.95)";
+export declare const ColorErrorOutline = "rgba(255, 38, 5, 0.06)";
+export declare const ColorWarningOutline = "rgba(255, 215, 5, 0.1)";
+export declare const FontSizeIcon = "12px";
+export declare const LineWidthFocus = "4px";
+export declare const ControlOutlineWidth = "2px";
+export declare const ControlInteractiveSize = "16px";
+export declare const ControlItemBgHover = "rgba(100, 12, 65, 0.04)";
+export declare const ControlItemBgActive = "#fcf3f8";
+export declare const ControlItemBgActiveHover = "#f7d9eb";
+export declare const ControlItemBgActiveDisabled = "rgba(100, 12, 65, 0.15)";
+export declare const ControlTmpOutline = "rgba(100, 12, 65, 0.02)";
+export declare const OpacityLoading = 0.65;
+export declare const LinkDecoration = "none";
+export declare const LinkHoverDecoration = "none";
+export declare const LinkFocusDecoration = "none";
+export declare const ControlPaddingHorizontal = "12px";
+export declare const ControlPaddingHorizontalSm = "8px";
+export declare const PaddingXxs = "4px";
+export declare const PaddingXs = "8px";
+export declare const PaddingSm = "12px";
+export declare const Padding = "16px";
+export declare const PaddingMd = "20px";
+export declare const PaddingLg = "24px";
+export declare const PaddingXl = "32px";
+export declare const PaddingContentHorizontalLg = "24px";
+export declare const PaddingContentVerticalLg = "16px";
+export declare const PaddingContentHorizontal = "16px";
+export declare const PaddingContentVertical = "12px";
+export declare const PaddingContentHorizontalSm = "16px";
+export declare const PaddingContentVerticalSm = "8px";
+export declare const MarginXxs = "4px";
+export declare const MarginXs = "8px";
+export declare const MarginSm = "12px";
+export declare const Margin = "16px";
+export declare const MarginMd = "20px";
+export declare const MarginLg = "24px";
+export declare const MarginXl = "32px";
+export declare const MarginXxl = "48px";
+export declare const BoxShadow = " 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05) ";
+export declare const BoxShadowSecondary = " 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05) ";
+export declare const BoxShadowTertiary = " 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02) ";
+export declare const ScreenXs = "480px";
+export declare const ScreenXsMin = "480px";
+export declare const ScreenXsMax = "575px";
+export declare const ScreenSm = "576px";
+export declare const ScreenSmMin = "576px";
+export declare const ScreenSmMax = "767px";
+export declare const ScreenMd = "768px";
+export declare const ScreenMdMin = "768px";
+export declare const ScreenMdMax = "991px";
+export declare const ScreenLg = "992px";
+export declare const ScreenLgMin = "992px";
+export declare const ScreenLgMax = "1199px";
+export declare const ScreenXl = "1200px";
+export declare const ScreenXlMin = "1200px";
+export declare const ScreenXlMax = "1599px";
+export declare const ScreenXxl = "1600px";
+export declare const ScreenXxlMin = "1600px";
+export declare const BoxShadowPopoverArrow = "2px 2px 5px rgba(0, 0, 0, 0.05)";
+export declare const BoxShadowCard = " 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09) ";
+export declare const BoxShadowDrawerRight = " -6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05) ";
+export declare const BoxShadowDrawerLeft = " 6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05) ";
+export declare const BoxShadowDrawerUp = " 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05) ";
+export declare const BoxShadowDrawerDown = " 0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05) ";
+export declare const BoxShadowTabsOverflowLeft = "inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)";
+export declare const BoxShadowTabsOverflowRight = "inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)";
+export declare const BoxShadowTabsOverflowTop = "inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)";
+export declare const BoxShadowTabsOverflowBottom = "inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)";

package/dist/src/types/icons.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { RequireAtLeastOne } from 'type-fest';
+export declare const ICON_VARIANTS: {
+    readonly LIGHT: "light";
+    readonly DUO_TONE: "duo-tone";
+};
+export type IconVariant = (typeof ICON_VARIANTS)[keyof typeof ICON_VARIANTS];
+export type IconOptions = RequireAtLeastOne<{
+    [ICON_VARIANTS.LIGHT]?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    [ICON_VARIANTS.DUO_TONE]?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    default: IconVariant;
+    deprecated?: string | boolean;
+}, IconVariant>;
+export type IconNames = 'abSplit' | 'accept' | 'account' | 'active' | 'agentCopilot' | 'add' | 'alicorn' | 'audienceGroup' | 'analytics' | 'annotation' | 'array' | 'api' | 'audiences' | 'C360' | 'calculatedAttribute' | 'catalog' | 'chartColumn' | 'chartLine' | 'check' | 'circleNodes' | 'close' | 'cloud' | 'cohort' | 'connections' | 'conversion' | 'criteriaGroup' | 'copy' | 'dashboard' | 'database' | 'dataPlatform' | 'date' | 'delete' | 'devices' | 'directory' | 'dragAndDrop' | 'dropdownClose' | 'dropdownOpen' | 'dsr' | 'edit' | 'empty' | 'enrichment' | 'event' | 'eventAttribute' | 'favorite' | 'filter' | 'fitToScreen' | 'flag' | 'folderClosed' | 'forwarding' | 'fullScreen' | 'funnel' | 'gear' | 'generic' | 'grid' | 'group' | 'heart' | 'help' | 'helpVideo' | 'history' | 'identity' | 'info' | 'insights' | 'journeyAnalysis' | 'journeys' | 'jumpTo' | 'lightBulb' | 'link' | 'list' | 'liveStream' | 'lock' | 'logout' | 'messageQuestion' | 'moreActions' | 'mpLogo' | 'myHub' | 'next' | 'notification' | 'number' | 'notificationSubscribed' | 'notificationSubscribe' | 'observability' | 'openTab' | 'organization' | 'other' | 'otherData' | 'oversight' | 'overview' | 'paywall' | 'pause' | 'pipelines' | 'placeholder' | 'play' | 'precision' | 'predictions' | 'premium' | 'premiumDt' | 'previous' | 'privacy' | 'privileges' | 'refreshFrequency' | 'rateDown' | 'rateStar' | 'rateUp' | 'run' | 'remove' | 'savedProjects' | 'scheduledReport' | 'search' | 'segmentation' | 'segmentationAnalysis' | 'selected' | 'settings' | 'setup' | 'shieldKeyhole' | 'signout' | 'siteMap' | 'sparkles' | 'split' | 'string' | 'support' | 'systemAlerts' | 'textWidget' | 'timestamp' | 'transformation' | 'trends' | 'unlock' | 'upload' | 'user' | 'userAttribute' | 'userProfiles' | 'users' | 'viewOnly' | 'wrench' | 'zoomIn' | 'zoomOut' | 'bannerFreemium' | 'boolean' | 'stateEmpty' | 'stateError' | 'stateNoResults' | 'back' | 'submitFeedback' | 'boost' | 'clone' | 'reorder' | 'refresh' | 'toggleLogicBlocks' | 'moveToTop';

package/dist/src/utils/Cookies.d.ts

@@ -0,0 +1,15 @@
+import { type RequireOneOrNone } from 'type-fest';
+export declare function get(key: string): string | null;
+export declare function getAll(): Record<string, string>;
+export declare function getObject(key: string): string | null;
+export type CookieOptions = RequireOneOrNone<{
+    path?: string;
+    domain?: string;
+    secure?: boolean;
+    expiresISOString: string;
+    permanent: boolean;
+}, 'expiresISOString' | 'permanent'>;
+export declare function put(key: string, value: string | null, options?: CookieOptions): void;
+export declare function putObject(key: string, value: Record<string, unknown>, options?: CookieOptions): void;
+export declare function remove(key: string, options?: CookieOptions): void;
+export declare function removeAll(): void;

package/dist/src/utils/ExampleStory.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'react/jsx-runtime';
+/// <reference types="react" />
+interface IExampleStoryProps {
+    children: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+}
+export declare function ExampleStory(props: IExampleStoryProps): JSX.Element;
+export {};

package/dist/src/utils/GetGlobalToken.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function GetGlobalToken(): React.ReactNode;

package/dist/src/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare const debounce: (callback: (...args: unknown[]) => void, wait: number) => (...args: unknown[]) => void;

package/dist/src/utils/svg-prettifier/SvgPrettifier.d.ts

@@ -0,0 +1,2 @@
+import { JSX } from 'react/jsx-runtime';
+export declare const SVGPrettifier: () => JSX.Element;

package/dist/src/utils/utils.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+export declare function getInitials(str?: string): string;
+export declare const debounce: (callback: (...args: any[]) => void, wait: number) => (...args: unknown[]) => void;
+type OSNames = 'Windows' | 'Macintosh' | 'Linux' | 'Android' | 'iOS' | 'Unknown OS';
+export declare const getOS: () => OSNames;
+export declare function hasImageAtSrc(src: string, hasImageSetter?: (hasImage: boolean) => void): Promise<boolean>;
+export type HrefOptions = {
+    href: string;
+    hrefTarget?: '_self' | '_blank';
+};
+export declare function buildLinkFromHrefOptions(label: ReactNode, hrefOptions?: HrefOptions): ReactNode;
+/** Returns `true` when a string has contents that are not just spaces */
+export declare const hasContent: (str?: string) => boolean;
+/** Returns a string that is trimmed of extraneous spacing, and shortened to the `limit` if parameter provided/applicable */
+export declare const trimString: (str?: string, limit?: number) => string;
+export {};

package/dist/src/utils/utils.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/style.css

@@ -0,0 +1 @@
+.ant-btn .ant-btn-icon{line-height:0!important}.anticon>*{line-height:0!important}.icon-size-xxxxl{width:var(--mp-icon-size-xxxxl);min-width:var(--mp-icon-size-xxxxl);height:var(--mp-icon-size-xxxxl)}.icon-size-xxxl{width:var(--mp-icon-size-xxxl);min-width:var(--mp-icon-size-xxxl);height:var(--mp-icon-size-xxxl)}.icon-size-xxl{width:var(--mp-icon-size-xxl);min-width:var(--mp-icon-size-xxl);height:var(--mp-icon-size-xxl)}.icon-size-xl{width:var(--mp-icon-size-xl);min-width:var(--mp-icon-size-xl);height:var(--mp-icon-size-xl)}.icon-size-lg{width:var(--mp-icon-size-lg);min-width:var(--mp-icon-size-lg);height:var(--mp-icon-size-lg)}.icon-size-md{width:var(--mp-icon-size-md);min-width:var(--mp-icon-size-md);height:var(--mp-icon-size-md)}.icon-size-sm{width:var(--mp-icon-size-sm);min-width:var(--mp-icon-size-sm);height:var(--mp-icon-size-sm)}.icon-size-xs{width:var(--mp-icon-size-xs);min-width:var(--mp-icon-size-xs);height:var(--mp-icon-size-xs)}.icon-color-primary{color:var(--color-primary)}.icon-color-success{color:var(--color-success)}.icon-color-warning{color:var(--color-warning)}.icon-color-error{color:var(--color-error)}.icon-color-info{color:var(--color-info)}.icon-color-text{color:var(--color-text)}.icon-color-default{color:var(--mp-color-icon-strong)}.icon-color-brand{color:var(--mp-color-icon-brand)}.icon-color-strong{color:var(--mp-color-icon-strong)}.icon-color-white{color:#fff}.icon-color-black{color:#000}.icon-color-inherit{color:inherit}.ant-form-item-label label{margin-bottom:unset;font-weight:unset}.ant-radio-wrapper,.ant-radio-button-wrapper,.ant-checkbox-wrapper{font-weight:400}.query-item{border-width:0 0 var(--line-width) 0!important;border-color:var(--color-border)!important;border-radius:var(--border-radius-xs);background-color:var(--color-bg-container)!important;padding:var(--padding-xxs)!important;height:var(--control-height)!important;display:flex;justify-content:center;align-items:center;box-shadow:none;border-style:solid}.query-item:hover{border-color:var(--color-primary)!important;background-color:var(--control-item-bg-active)!important}.query-item:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px var(--control-outline);background-color:var(--color-bg-container)!important}.query-item:active{border-color:var(--color-primary)!important;border-width:0 0 var(--line-width-bold) 0!important;background-color:var(--control-item-bg-active-hover)!important;box-shadow:0 0 0 2px var(--control-outline)}.query-item[disabled]{color:var(--color-text-disabled)!important;background-color:var(--color-bg-container)!important;border-color:var(--mp-color-border-disabled)!important}.query-item.query-item--input-text,.query-item.query-item--input-number{color:var(--color-primary-text-active);font-weight:var(--font-weight-strong)}.query-item.query-item--input-text::placeholder,.query-item.query-item--input-number::placeholder{font-weight:400}.query-item.query-item--action{color:var(--color-link)!important;gap:var(--margin-xxs)}.query-item.query-item--secondary{color:var(--color-text-tertiary)!important}.query-item.query-item--secondary:hover{background-color:var(--control-item-bg-active)!important}.query-item.query-item--secondary:active{border-width:0 0 var(--line-width-bold) 0;background-color:var(--control-item-bg-active-hover)!important}.query-item.query-item--disabled{color:var(--color-text-tertiary)!important}.query-item.query-item--disabled:hover{background-color:var(--color-bg-container)!important}.query-item.query-item--disabled:active{border-width:0 0 var(--line-width) 0!important;background-color:var(--color-bg-container)!important;box-shadow:none!important}.query-item.query-item--selected>input{color:var(--color-primary-text-active)!important;font-weight:var(--font-weight-strong)!important}.query-item.query-item--error{border-color:var(--color-error)!important}.query-item.query-item--open{border-color:var(--color-primary)!important;border-width:0 0 var(--line-width-bold) 0!important;background-color:var(--control-item-bg-active-hover)!important}.query-item .ant-select-selector{padding:0!important}.query-item__search-highlight{color:var(--color-link)}.query-item__icon{height:16px;width:16px}.query-item__dropdown{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.query-item__input-search .ant-input-outlined{height:var(--control-height)}.ant-card-hoverable:hover{box-shadow:var(--box-shadow-secondary)!important}.antd-table-override--disableStickyScroll .ant-table-sticky-scroll{display:none!important}:root{--empty-img-large-width: 114px;--empty-img-small-width: 72px;--empty-img-height: 72px}.ant-empty-image{--empty-img-large-width: 114px;--empty-img-small-width: 72px;--empty-img-height: 72px;margin:auto!important;width:var(--empty-img-large-width)!important;height:var(--empty-img-height)!important}.ant-empty-image>svg{width:var(--empty-img-large-width)!important;height:var(--empty-img-height)!important}.ant-empty-image .icon-size-lg.icon-color-error{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important;min-width:var(--empty-img-small-width)!important}.ant-empty-image .icon-size-lg.icon-color-error svg{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-empty-image svg.icon-size-lg.icon-color-error{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-empty-image svg[data-testid*=icon-stateError]{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-modal p,.ant-modal span{font-weight:400}.ant-modal .ant-modal-title{font-weight:var(--font-weight-strong)}.alert-expandable{align-items:flex-start;padding:var(--padding-xs) var(--padding-sm)}.alert-expandable .ant-alert-close-icon{margin-top:var(--margin-xxs)}:root{--blue: #1677FF;--purple: #722ED1;--cyan: #13C2C2;--green: #52C41A;--magenta: #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: "GT America", -system-ui, sans-serif;--font-family-code: ‘Roboto Mono’, monospace;--font-size: 14px;--line-width: 1px;--line-type: solid;--motion-unit: .1;--motion-base: 0;--motion-ease-out-circ: cubic-bezier(.08, .82, .17, 1);--motion-ease-in-out-circ: cubic-bezier(.78, .14, .15, .86);--motion-ease-out: cubic-bezier(.215, .61, .355, 1);--motion-ease-in-out: cubic-bezier(.645, .045, .355, 1);--motion-ease-out-back: cubic-bezier(.12, .4, .29, 1.46);--motion-ease-in-back: cubic-bezier(.71, -.46, .88, .6);--motion-ease-in-quint: cubic-bezier(.755, .05, .855, .06);--motion-ease-out-quint: cubic-bezier(.23, 1, .32, 1);--border-radius: 6px;--size-unit: 4px;--size-step: 4px;--size-popup-arrow: 16px;--control-height: 32px;--z-index-base: 0;--z-index-popup-base: 1000;--opacity-image: 1;--wireframe: false;--motion: true;--color-text: rgba(0, 0, 0, .95);--color-text-secondary: rgba(0, 0, 0, .75);--color-text-tertiary: rgba(0, 0, 0, .55);--color-text-quaternary: rgba(0, 0, 0, .4);--color-border: #ef76bf;--color-border-secondary: #eceae9;--color-fill: rgba(100, 12, 65, .15);--color-fill-secondary: rgba(100, 12, 65, .06);--color-fill-tertiary: rgba(100, 12, 65, .04);--color-fill-quaternary: rgba(100, 12, 65, .02);--color-info-bg: #fcf3f8;--color-info-bg-hover: #f7d9eb;--color-info-border: #ef76bf;--color-info-border-hover: #f03da8;--color-info-hover: #c20075;--color-info-active: #800a51;--color-info-text-hover: #c20075;--color-info-text: #800a51;--color-info-text-active: #640c41;--color-primary-bg: #fcf3f8;--color-primary-bg-hover: #f7d9eb;--color-primary-border: #ef76bf;--color-primary-border-hover: #f03da8;--color-primary-hover: #c20075;--color-primary-active: #800a51;--color-primary-text-hover: #c20075;--color-primary-text: #800a51;--color-primary-text-active: #640c41;--control-outline: rgba(161, 8, 99, .1);--font-weight-strong: 500;--color-fill-alter-solid: #fcf3f8;--color-filled-handle-bg: #f7d9eb;--mp-brand-primary-1: #fcf3f8;--mp-brand-primary-2: #f7d9eb;--mp-brand-primary-3: #f1acd6;--mp-brand-primary-4: #ef76bf;--mp-brand-primary-5: #f03da8;--mp-brand-primary-6: #ef0b94;--mp-brand-primary-7: #c20075;--mp-brand-primary-8: #a10863;--mp-brand-primary-9: #800a51;--mp-brand-primary-10: #640c41;--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: #640c41;--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: #ef76bf;--mp-query-item-border-color-focus: #a10863;--mp-query-item-border-color-hover: #a10863;--mp-query-item-border-color-active: #a10863;--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: #fcf3f8;--mp-query-item-bg-color-active: #f7d9eb;--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(161, 8, 99, .1);--mp-query-item-shadow-active: 0 0 0 2px rgba(161, 8, 99, .1);--mp-query-item-value-selector-font-weight: 500;--mp-query-item-value-selector-color: #640c41;--mp-query-item-action-primary-color: #a10863;--mp-query-item-action-secondary-color: rgba(0, 0, 0, .55);--mp-query-item-action-font-weight: 400;--blue1: #e6f4ff;--blue2: #bae0ff;--blue3: #91caff;--blue4: #69b1ff;--blue5: #4096ff;--blue6: #1677ff;--blue7: #0958d9;--blue8: #003eb3;--blue9: #002c8c;--blue10: #001d66;--purple1: #f9f0ff;--purple2: #efdbff;--purple3: #d3adf7;--purple4: #b37feb;--purple5: #9254de;--purple6: #722ed1;--purple7: #531dab;--purple8: #391085;--purple9: #22075e;--purple10: #120338;--cyan1: #e6fffb;--cyan2: #b5f5ec;--cyan3: #87e8de;--cyan4: #5cdbd3;--cyan5: #36cfc9;--cyan6: #13c2c2;--cyan7: #08979c;--cyan8: #006d75;--cyan9: #00474f;--cyan10: #002329;--green1: #f6ffed;--green2: #d9f7be;--green3: #b7eb8f;--green4: #95de64;--green5: #73d13d;--green6: #52c41a;--green7: #389e0d;--green8: #237804;--green9: #135200;--green10: #092b00;--magenta1: #fff0f6;--magenta2: #ffd6e7;--magenta3: #ffadd2;--magenta4: #ff85c0;--magenta5: #f759ab;--magenta6: #eb2f96;--magenta7: #c41d7f;--magenta8: #9e1068;--magenta9: #780650;--magenta10: #520339;--pink1: #fff0f6;--pink2: #ffd6e7;--pink3: #ffadd2;--pink4: #ff85c0;--pink5: #f759ab;--pink6: #eb2f96;--pink7: #c41d7f;--pink8: #9e1068;--pink9: #780650;--pink10: #520339;--red1: #fff1f0;--red2: #ffccc7;--red3: #ffa39e;--red4: #ff7875;--red5: #ff4d4f;--red6: #f5222d;--red7: #cf1322;--red8: #a8071a;--red9: #820014;--red10: #5c0011;--orange1: #fff7e6;--orange2: #ffe7ba;--orange3: #ffd591;--orange4: #ffc069;--orange5: #ffa940;--orange6: #fa8c16;--orange7: #d46b08;--orange8: #ad4e00;--orange9: #873800;--orange10: #612500;--yellow1: #feffe6;--yellow2: #ffffb8;--yellow3: #fffb8f;--yellow4: #fff566;--yellow5: #ffec3d;--yellow6: #fadb14;--yellow7: #d4b106;--yellow8: #ad8b00;--yellow9: #876800;--yellow10: #614700;--volcano1: #fff2e8;--volcano2: #ffd8bf;--volcano3: #ffbb96;--volcano4: #ff9c6e;--volcano5: #ff7a45;--volcano6: #fa541c;--volcano7: #d4380d;--volcano8: #ad2102;--volcano9: #871400;--volcano10: #610b00;--geekblue1: #f0f5ff;--geekblue2: #d6e4ff;--geekblue3: #adc6ff;--geekblue4: #85a5ff;--geekblue5: #597ef7;--geekblue6: #2f54eb;--geekblue7: #1d39c4;--geekblue8: #10239e;--geekblue9: #061178;--geekblue10: #030852;--gold1: #fffbe6;--gold2: #fff1b8;--gold3: #ffe58f;--gold4: #ffd666;--gold5: #ffc53d;--gold6: #faad14;--gold7: #d48806;--gold8: #ad6800;--gold9: #874d00;--gold10: #613400;--lime1: #fcffe6;--lime2: #f4ffb8;--lime3: #eaff8f;--lime4: #d3f261;--lime5: #bae637;--lime6: #a0d911;--lime7: #7cb305;--lime8: #5b8c00;--lime9: #3f6600;--lime10: #254000;--color-bg-layout: #f5f5f5;--color-bg-container: #ffffff;--color-bg-elevated: #ffffff;--color-bg-spotlight: rgba(0, 0, 0, .85);--color-bg-blur: transparent;--color-success-bg: #f6ffed;--color-success-bg-hover: #d9f7be;--color-success-border: #b7eb8f;--color-success-border-hover: #95de64;--color-success-hover: #95de64;--color-success-active: #389e0d;--color-success-text-hover: #73d13d;--color-success-text: #52c41a;--color-success-text-active: #389e0d;--color-error-bg: #fff2f0;--color-error-bg-hover: #fff1f0;--color-error-bg-active: #ffccc7;--color-error-border: #ffccc7;--color-error-border-hover: #ffa39e;--color-error-hover: #ff7875;--color-error-active: #d9363e;--color-error-text-hover: #ff7875;--color-error-text: #ff4d4f;--color-error-text-active: #d9363e;--color-warning-bg: #fffbe6;--color-warning-bg-hover: #fff1b8;--color-warning-border: #ffe58f;--color-warning-border-hover: #ffd666;--color-warning-hover: #ffd666;--color-warning-active: #d48806;--color-warning-text-hover: #ffc53d;--color-warning-text: #faad14;--color-warning-text-active: #d48806;--color-link-hover: #d444f1;--color-link-active: #800a51;--color-bg-mask: rgba(0, 0, 0, .45);--color-white: #fff;--font-size-sm: 12px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-heading1: 38px;--font-size-heading2: 30px;--font-size-heading3: 24px;--font-size-heading4: 20px;--font-size-heading5: 16px;--line-height: 1.5714285714285714;--line-height-lg: 1.5;--line-height-sm: 1.6666666666666667;--font-height: 22px;--font-height-lg: 24px;--font-height-sm: 20px;--line-height-heading1: 1.2105263157894737;--line-height-heading2: 1.2666666666666666;--line-height-heading3: 1.3333333333333333;--line-height-heading4: 1.4;--line-height-heading5: 1.5;--size-xxl: 48px;--size-xl: 32px;--size-lg: 24px;--size-md: 20px;--size-ms: 16px;--size: 16px;--size-sm: 12px;--size-xs: 8px;--size-xxs: 4px;--control-height-sm: 24px;--control-height-xs: 16px;--control-height-lg: 40px;--motion-duration-fast: .1s;--motion-duration-mid: .2s;--motion-duration-slow: .3s;--line-width-bold: 2px;--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-lg: 8px;--border-radius-outer: 4px;--color-fill-content: rgba(100, 12, 65, .06);--color-fill-content-hover: rgba(100, 12, 65, .15);--color-fill-alter: rgba(100, 12, 65, .02);--color-bg-container-disabled: rgba(100, 12, 65, .04);--color-border-bg: #ffffff;--color-split: rgba(44, 22, 11, .09);--color-text-placeholder: rgba(0, 0, 0, .4);--color-text-disabled: rgba(0, 0, 0, .4);--color-text-heading: rgba(0, 0, 0, .95);--color-text-label: rgba(0, 0, 0, .75);--color-text-description: rgba(0, 0, 0, .55);--color-text-light-solid: #fff;--color-highlight: #ff4d4f;--color-bg-text-hover: rgba(100, 12, 65, .06);--color-bg-text-active: rgba(100, 12, 65, .15);--color-icon: rgba(0, 0, 0, .55);--color-icon-hover: rgba(0, 0, 0, .95);--color-error-outline: rgba(255, 38, 5, .06);--color-warning-outline: rgba(255, 215, 5, .1);--font-size-icon: 12px;--line-width-focus: 4px;--control-outline-width: 2px;--control-interactive-size: 16px;--control-item-bg-hover: rgba(100, 12, 65, .04);--control-item-bg-active: #fcf3f8;--control-item-bg-active-hover: #f7d9eb;--control-item-bg-active-disabled: rgba(100, 12, 65, .15);--control-tmp-outline: rgba(100, 12, 65, .02);--opacity-loading: .65;--link-decoration: none;--link-hover-decoration: none;--link-focus-decoration: none;--control-padding-horizontal: 12px;--control-padding-horizontal-sm: 8px;--padding-xxs: 4px;--padding-xs: 8px;--padding-sm: 12px;--padding: 16px;--padding-md: 20px;--padding-lg: 24px;--padding-xl: 32px;--padding-content-horizontal-lg: 24px;--padding-content-vertical-lg: 16px;--padding-content-horizontal: 16px;--padding-content-vertical: 12px;--padding-content-horizontal-sm: 16px;--padding-content-vertical-sm: 8px;--margin-xxs: 4px;--margin-xs: 8px;--margin-sm: 12px;--margin: 16px;--margin-md: 20px;--margin-lg: 24px;--margin-xl: 32px;--margin-xxl: 48px;--box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-tertiary: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02) ;--screen-xs: 480px;--screen-xs-min: 480px;--screen-xs-max: 575px;--screen-sm: 576px;--screen-sm-min: 576px;--screen-sm-max: 767px;--screen-md: 768px;--screen-md-min: 768px;--screen-md-max: 991px;--screen-lg: 992px;--screen-lg-min: 992px;--screen-lg-max: 1199px;--screen-xl: 1200px;--screen-xl-min: 1200px;--screen-xl-max: 1599px;--screen-xxl: 1600px;--screen-xxl-min: 1600px;--box-shadow-popover-arrow: 2px 2px 5px rgba(0, 0, 0, .05);--box-shadow-card: 0 1px 2px -2px rgba(0, 0, 0, .16), 0 3px 6px 0 rgba(0, 0, 0, .12), 0 5px 12px 4px rgba(0, 0, 0, .09) ;--box-shadow-drawer-right: -6px 0 16px 0 rgba(0, 0, 0, .08), -3px 0 6px -4px rgba(0, 0, 0, .12), -9px 0 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-drawer-left: 6px 0 16px 0 rgba(0, 0, 0, .08), 3px 0 6px -4px rgba(0, 0, 0, .12), 9px 0 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-drawer-up: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-drawer-down: 0 -6px 16px 0 rgba(0, 0, 0, .08), 0 -3px 6px -4px rgba(0, 0, 0, .12), 0 -9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgba(0, 0, 0, .08);--box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgba(0, 0, 0, .08);--box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgba(0, 0, 0, .08);--box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgba(0, 0, 0, .08)}:root{--nav-item-height: 56px;--nav-item-width: 82px;--nav-width: 90px;--suite-logo-height: 82px;--mp-logo-height: 80px;--color-scrollbar-handle: rgb(0 0 0 / 15%);--color-scrollbar-track: transparent;--size-scrollbar-handle: 6px;--label-size: 10px;--suite-selector-content-max-width: 272px}.globalNavigation{width:var(--nav-width);min-height:100%;background-color:#fff!important;border-right:1px solid var(--color-border-secondary);box-shadow:0 2px 4px #00000005,0 1px 6px -1px #00000005,0 1px 2px #00000008;position:absolute;top:0;left:0;bottom:0;overflow:hidden auto}@supports (scrollbar-color: auto){.globalNavigation{scrollbar-color:var(--color-scrollbar-handle) var(--color-scrollbar-track);scrollbar-width:thin}}.globalNavigation::-webkit-scrollbar{-webkit-appearance:none;width:var(--size-scrollbar-handle);height:var(--size-scrollbar-handle)}.globalNavigation::-webkit-scrollbar-track{background-color:var(--color-scrollbar-track)}.globalNavigation::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-handle)}.globalNavigation__sider{min-height:100%;background-color:#fff!important}.globalNavigation__item{height:var(--nav-item-height)!important;width:var(--nav-width);margin:0;padding:0;gap:var(--margin-xxs);border-radius:0!important;border-left:solid 3px transparent;border-right:solid 3px transparent;transition:none!important;cursor:pointer}.globalNavigation__item.globalNavigation__link{cursor:pointer}.globalNavigation__item:hover{background-color:var(--control-item-bg-hover)!important}.globalNavigation__item:focus,.globalNavigation__item:active{background-color:var(--control-item-bg-active)}.globalNavigation__item .ant-menu-submenu-title{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:var(--nav-item-height)!important;padding:0!important;margin:0!important;background-color:transparent!important;cursor:revert!important}.globalNavigation__submenu.globalNavigation__submenu--active .ant-menu-submenu-title{color:var(--color-primary)!important}.globalNavigation__childItem.globalNavigation__childItem--active{background-color:var(--control-item-bg-active)!important}.globalNavigation__item.workspaceSelector__menuItem{height:calc(var(--control-height-lg) * 2)!important}.globalNavigation__item .ant-menu-title-content{text-wrap:normal;margin-inline-start:0!important;opacity:1!important}.globalNavigation__item.globalNavigation__item--workspaceSelector:hover{background-color:initial}.globalNavigation__item.globalNavigation__item--createNew{border:none!important}.globalNavigation__item.globalNavigation__item--createNew:hover{background-color:initial!important}.globalNavigation__item.globalNavigation__item--createNew .ant-menu-item-icon{pointer-events:initial!important}.globalNavigation__item.globalNavigation__item--createNew .ant-button:hover{border-color:var(--color-primary-hover)!important}.globalNavigation__item.globalNavigation__item--active{border-left-color:var(--color-primary);background-color:var(--control-item-bg-active)}.globalNavigation__search{width:100%}.navigationCreate__popupButton{cursor:default!important}.globalNavigation__searchButtonWrapper,.navigationCreate__popupButtonWrapper{height:var(--nav-item-height)}.globalNavigation__searchButton,.navigationCreate__popupButton{box-shadow:0 2px #3600d11a}.globalNavigation__searchButton{padding-inline:var(--padding-xs) var(--padding-xs)!important}.globalNavigation__popup .ant-menu-item-group-title{margin:0 var(--margin-xxs)!important;padding:var(--padding-xs) var(--padding) 0!important;user-select:none;color:var(--color-primary-text)!important;font-size:12px!important;font-weight:500;line-height:20px}.globalNavigation__popup.globalNavigation__popup--navigationCreate{width:290px!important}.globalNavigation__popup.globalNavigation__popup--navigationCreate .ant-menu-item-group-title{border-top:1px solid var(--color-border-secondary);color:var(--color-primary-text)!important}.globalNavigation__buttonItem{padding:0!important;margin:0 auto!important;color:var(--mp-brand-secondary-1)!important}.globalNavigation__buttonItem:hover{background-color:transparent!important}.navigationCreate__item{height:100%!important;min-height:100%!important;padding:var(--padding-xxs) 0}.navigationCreate__item .ant-flex{gap:0}.navigationCreate__item.navigationCreate__item--disabled{cursor:default!important}.navigationCreate__item.navigationCreate__item--disabled:hover{background-color:initial!important}.navigationCreate__item.navigationCreate__item--disabled .navigationCreate__itemTitle,.navigationCreate__item.navigationCreate__item--disabled .navigationCreate__itemDescription{color:var(--color-text-disabled)!important}.navigationCreate__itemTitle{display:flex;align-items:center;gap:var(--size-xxs);color:var(--color-text-heading);font-size:14px;font-weight:400;line-height:22px}.navigationCreate__itemDescription{color:var(--color-text-description);font-size:12px;line-height:20px;white-space:normal!important;padding:var(--padding-xs) 0}.navigationCreate__itemLoading,.navigationCreate__itemLock{padding-left:var(--padding-sm)}.navigationCreate__itemLock{width:var(--size-sm);height:var(--size-sm)}.globalNavigation__menu{height:var(--nav-item-height)!important;width:100%;border-inline-end:initial!important}.globalNavigation__menu .globalNavigation__icon{height:100%;width:20px}.globalNavigation__icon.globalNavigation__icon--suiteLogo{padding-bottom:var(--padding-xxs)}.globalNavigation__menu .globalNavigation__iconLabel{margin-top:var(--margin-xxs)}.globalNavigation__iconLabel{color:var(--color-text);font-size:var(--label-size)}.globalNavigation__badge{margin-left:4px;border:solid 1px var(--color-border);border-radius:var(--border-radius-sm);padding:0;box-shadow:none!important}.globalNavigation__badge .ant-badge-count{color:var(--color-text)!important;background:transparent!important;box-shadow:none!important}.ant-badge-color-red{color:var(--color-error)!important;background:var(--color-error)!important}.ant-menu-item-selected{background-color:revert!important;color:revert!important}.globalNavigation__headerItem{width:var(--control-height-lg);height:var(--control-height-lg)!important;padding:0 var(--padding-sm);border-radius:var(--border-radius-lg);border:1px solid var(--color-border, #ef76bf)}.globalNavigation__suiteLogo{min-height:var(--suite-logo-height);min-width:var(--nav-width);padding:var(--padding-md) 0 0;color:#000;font-size:var(--font-size-sm);font-weight:400;cursor:pointer}.globalNavigation__icon--suiteBackground{background-color:var(--mp-brand-primary-2);padding:10px;margin-bottom:8px;border-radius:100%}.globalNavigation__suiteLogo:hover .globalNavigation__icon--suiteBackground svg{fill:var(--mp-brand-primary-7)}.globalNavigation__icon.globalNavigation__icon--suiteLogo svg{width:36px;height:36px}.globalNavigation__divider{border-bottom:1px solid var(--color-border-secondary);margin:var(--margin-md) var(--margin-xxs) 0 var(--margin-xxs)}.globalNavigation__mpHome{padding:var(--padding-lg, 20px);margin-top:var(--margin-xs);width:var(--nav-width);height:var(--nav-item-height);background-color:#000;color:#fff;cursor:pointer}.globalNavigation__mpHome.globalNavigation__mpHome--unified{margin-top:0;height:var(--mp-logo-height)}.globalNavigation__mpHome svg{width:28px;height:var(--size-lg)}.globalNavigation__mpHome.globalNavigation__mpHome--unified svg{width:var(--mp-icon-size-xxl);height:var(--mp-icon-size-xl)}.notificationCenter__popover{left:var(--nav-width)!important;height:100%;width:300px}.notificationCenter__popover .ant-popover-inner{display:flex;flex-direction:column;height:100vh;padding:0;border-radius:0}.notificationCenter__popover .ant-popover-inner-content{flex-grow:1;overflow-y:auto}.notificationCenter__popover .ant-popover-title{margin:0}.notificationCenter__header{padding:var(--padding-content-vertical-lg) var(--padding-content-horizontal-lg);border-bottom:1px solid var(--color-border-secondary)}.ant-menu .ant-menu-submenu-title .ant-menu-item-icon svg{line-height:0!important}.suiteSelector__content{max-width:var(--suite-selector-content-max-width);margin-bottom:var(--margin-xs)}.suiteSelector__link{display:block;padding:var(--padding-sm) 0;border-radius:var(--border-radius-lg);color:var(--color-text-base);font-size:var(--font-size-sm);border:1px solid transparent;cursor:pointer}.suiteSelector__link:not(.suiteSelector__link--active,.suiteSelector__link--disabled):hover{background-color:var(--color-primary-bg-hover);border-color:var(--color-primary-bg-hover);color:var(--color-text-base)}.suiteSelector__link:not(.suiteSelector__link--active,.suiteSelector__link--disabled):hover .suiteSelector__suiteLogo{background-color:var(--color-white)}.suiteSelector__link.suiteSelector__link--active{border-color:var(--color-border);color:var(--color-text-base)}.suiteSelector__link.suiteSelector__link--disabled{pointer-events:none;cursor:default;color:var(--color-text-disabled)}.suiteSelector__link.suiteSelector__link--disabled .suiteSelector__suiteLogo{background-color:var(--mp-brand-secondary-3)}.suiteSelector__link.suiteSelector__link--disabled .suiteSelector__suiteLogo svg{color:var(--color-text-disabled)}.suiteSelector__suiteLogo{background-color:var(--control-item-bg-active);width:var(--control-height-lg);height:var(--control-height-lg);border-radius:100%}.u-display-none{display:none!important}.u-display-flex{display:flex!important}.u-align-items-center{align-items:center!important}.u-justify-center{justify-content:center!important}.u-padding-sm{padding:var(--padding-sm)!important}.u-padding-xxs{padding:var(--padding-xxs)!important}:root{--workspace-selector-height: 400px;--workspace-selector-search-height: 36px;--workspace-selector-signout-height: 40px;--workspace-selector-items-height: calc( var(--workspace-selector-height) - var(--workspace-selector-search-height) - var(--workspace-selector-signout-height) )}.workspaceSelector__search{position:sticky!important;bottom:var(--workspace-selector-search-height);z-index:1;width:100%!important;background-color:#fff!important;margin-bottom:var(--margin-xxs)}.workspaceSelector__noResults{height:var(--workspace-selector-items-height);pointer-events:none}.workspaceSelector__noResults .ant-result-title{font-size:var(--font-size)}.workspaceSelector__menuItem{display:flex;justify-content:center;align-items:center}.workspaceSelector__avatar{color:#fff!important;top:1px;margin-top:2px}.workspaceSelector__label{position:relative;top:2px;padding-top:var(--padding-xxs);font-size:var(--font-size-sm)}.workspaceSelector__popover{padding:var(--padding-xxs)!important}.workspaceSelector__popoverContent{height:var(--workspace-selector-height);width:200px}.workspaceSelector__itemsList{list-style:none;padding-left:0;margin-left:0;margin-block-start:0;overflow:auto;height:var(--workspace-selector-items-height);margin-bottom:var(--margin-xxs)}.workspaceSelector__orgName{color:var(--color-primary);pointer-events:none;padding:var(--padding-xs) var(--padding) 0;font-weight:var(--font-weight-strong)}.workspaceSelector__orgName:not(:first-child){border-top:1px solid var(--color-border-secondary)}.workspaceSelector__accountName{pointer-events:none;padding:var(--padding-xs) var(--padding-xs) var(--padding-xs) var(--padding)}.workspaceSelector__workspaceName{padding-top:var(--padding-xs);padding-bottom:var(--padding-xs);padding-left:calc(var(--padding-sm) + var(--padding))!important;border-radius:var(--border-radius-sm);cursor:pointer}.workspaceSelector__workspaceName:hover{background-color:var(--control-item-bg-hover)}.workspaceSelector__workspaceName.workspaceSelector__workspaceName--active,.workspaceSelector__workspaceName:active{background:var(--control-item-bg-active)!important;padding-right:var(--padding)}.workspaceSelector__orgName,.workspaceSelector__accountName{pointer-events:none}.workspaceSelector__orgName,.workspaceSelector__accountName,.workspaceSelector__workspaceName{margin-top:0!important;margin-bottom:0!important;overflow-wrap:anywhere}.workspaceSelector__signout{position:sticky!important;bottom:0;width:100%!important;padding:0 var(--padding-xxs)!important;margin:0!important;background-color:#fff!important;height:var(--workspace-selector-signout-height)}.workspaceSelector__signoutButtonContainer{width:100%;position:absolute;bottom:0;left:0;padding:var(--padding-xxs)}.workspaceSelector__signoutButton{width:100%}.globalNavigation__newExperienceReminder.globalNavigation__newExperienceReminder-bottomLeft{left:calc(var(--nav-width) + var(--margin-xs))!important}.globalNavigation__newExperienceReminder .ant-btn-link span{color:var(--color-primary)}.globalNavigation__newExperienceReminder .ant-btn-link span:hover{color:var(--color-primary-hover)}