@elastic/charts 71.1.1 → 71.2.0

package/dist/state/selectors/get_legend_config_selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"get_legend_config_selector.js","sourceRoot":"","sources":["../../../src/state/selectors/get_legend_config_selector.ts"],"names":[],"mappings":";;;AAQA,2DAA8D;AAC9D,2EAAiF;AACjF,wDAAgE;AAGnD,QAAA,uBAAuB,GAAG,IAAA,4CAA0B,EAC/D,CAAC,2CAAuB,CAAC,EACzB,CAAC,EACC,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,YAAY,EACZ,WAAW,GACZ,EAAE,EAAE;IACH,OAAO;QACL,UAAU;QACV,YAAY;QACZ,iBAAiB;QACjB,cAAc;QACd,UAAU;QACV,cAAc,EAAE,IAAA,wCAAuB,EAAC,cAAc,CAAC;QACvD,cAAc;QACd,iBAAiB;QACjB,YAAY;QACZ,UAAU;QACV,sBAAsB;QACtB,eAAe;QACf,gBAAgB;QAChB,qBAAqB;QACrB,YAAY;QACZ,WAAW;KACZ,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"get_legend_config_selector.js","sourceRoot":"","sources":["../../../src/state/selectors/get_legend_config_selector.ts"],"names":[],"mappings":";;;AAQA,2DAA8D;AAC9D,2EAAiF;AACjF,wDAAgE;AAGnD,QAAA,uBAAuB,GAAG,IAAA,4CAA0B,EAC/D,CAAC,2CAAuB,CAAC,EACzB,CAAC,EACC,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,YAAY,EACZ,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,YAAY,EACZ,WAAW,GACZ,EAAE,EAAE;IACH,OAAO;QACL,UAAU;QACV,YAAY;QACZ,mBAAmB;QACnB,iBAAiB;QACjB,cAAc;QACd,UAAU;QACV,YAAY;QACZ,cAAc,EAAE,IAAA,wCAAuB,EAAC,cAAc,CAAC;QACvD,cAAc;QACd,iBAAiB;QACjB,YAAY;QACZ,UAAU;QACV,sBAAsB;QACtB,eAAe;QACf,gBAAgB;QAChB,qBAAqB;QACrB,YAAY;QACZ,WAAW;KACZ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/state/selectors/get_legend_size.js

@@ -5,31 +5,42 @@ const get_chart_theme_1 = require("./get_chart_theme");
 const get_legend_config_selector_1 = require("./get_legend_config_selector");
 const get_legend_items_1 = require("./get_legend_items");
 const get_legend_table_size_1 = require("./get_legend_table_size");
+const get_longest_legend_formatted_value_1 = require("./get_longest_legend_formatted_value");
 const default_theme_attributes_1 = require("../../common/default_theme_attributes");
 const legend_1 = require("../../common/legend");
-const legend_item_1 = require("../../components/legend/legend_item");
+const constants_1 = require("../../components/legend/constants");
 const position_style_1 = require("../../components/legend/position_style");
 const canvas_text_bbox_calculator_1 = require("../../utils/bbox/canvas_text_bbox_calculator");
 const common_1 = require("../../utils/common");
 const create_selector_1 = require("../create_selector");
+const legend_row_count_1 = require("../utils/legend_row_count");
 const getParentDimensionSelector = (state) => state.parentDimensions;
 exports.SCROLL_BAR_WIDTH = 16;
 exports.MARKER_WIDTH = 16;
 const SHARED_MARGIN = 4;
 const VERTICAL_PADDING = 4;
 exports.TOP_MARGIN = 2;
-exports.getLegendSizeSelector = (0, create_selector_1.createCustomCachedSelector)([get_legend_config_selector_1.getLegendConfigSelector, get_chart_theme_1.getChartThemeSelector, getParentDimensionSelector, get_legend_items_1.getLegendItemsSelector], (config, theme, parentDimensions, items) => {
-    const { showLegend, legendSize, legendValues, legendPosition, legendAction } = config;
+const BETWEEN_ROW_GAP = 24;
+const WITHIN_ROW_GAP = 8;
+const ACTION_WIDTH = 16;
+exports.getLegendSizeSelector = (0, create_selector_1.createCustomCachedSelector)([
+    get_legend_config_selector_1.getLegendConfigSelector,
+    get_chart_theme_1.getChartThemeSelector,
+    getParentDimensionSelector,
+    get_legend_items_1.getLegendItemsSelector,
+    get_longest_legend_formatted_value_1.getLongestLegendFormattedValueSelector,
+], (config, theme, parentDimensions, items, maxFormattedValue) => {
+    const { showLegend, legendSize, legendValues, legendPosition, legendAction, legendLayout } = config;
     if (!showLegend) {
         return { width: 0, height: 0, margin: 0, position: position_style_1.LEGEND_TO_FULL_CONFIG[common_1.Position.Right] };
     }
-    if ((0, legend_1.shouldDisplayTable)(legendValues)) {
+    if ((0, legend_1.shouldDisplayTable)(legendValues, legendPosition, legendLayout)) {
         return (0, canvas_text_bbox_calculator_1.withTextMeasure)((textMeasure) => (0, get_legend_table_size_1.getLegendTableSize)(config, theme, parentDimensions, items, textMeasure));
     }
     const bbox = (0, canvas_text_bbox_calculator_1.withTextMeasure)((textMeasure) => items.reduce((acc, { label, depth, values }) => {
         const itemLabel = `${label}${legendValues.length > 0 ? values[0]?.label ?? '' : ''}`;
         const { width, height } = textMeasure(itemLabel, { fontFamily: default_theme_attributes_1.DEFAULT_FONT_FAMILY, fontVariant: 'normal', fontWeight: 400, fontStyle: 'normal' }, 12, 1.5);
-        acc.width = Math.max(acc.width, width + depth * legend_item_1.LEGEND_HIERARCHY_MARGIN);
+        acc.width = Math.max(acc.width, width + depth * constants_1.LEGEND_HIERARCHY_MARGIN);
         acc.height = Math.max(acc.height, height);
         return acc;
     }, { width: 0, height: 0 }));
@@ -52,12 +63,43 @@ exports.getLegendSizeSelector = (0, create_selector_1.createCustomCachedSelector
             position: legendPosition,
         };
     }
-    const isSingleLine = (parentDimensions.width - 20) / 200 > items.length;
-    const height = Number.isFinite(legendSize)
-        ? Math.min(legendSize, parentDimensions.height * 0.7)
-        : isSingleLine
-            ? bbox.height + 16
-            : bbox.height * 2 + 24;
+    const availableWidth = parentDimensions.width - 20;
+    let height;
+    if (!legendLayout) {
+        const numberOfItemsPerRow = (parentDimensions.width - 20) / 200;
+        const isSingleLine = numberOfItemsPerRow > items.length;
+        const isMoreThanTwoLines = numberOfItemsPerRow * 2 < items.length;
+        height = Number.isFinite(legendSize)
+            ? Math.min(legendSize, parentDimensions.height * 0.7)
+            : isSingleLine
+                ? bbox.height + 16
+                : isMoreThanTwoLines
+                    ? bbox.height * 2.5 + 24
+                    : bbox.height * 2 + 24;
+    }
+    else {
+        const widthLimit = Math.abs(theme.legend.labelOptions.widthLimit ?? 250);
+        const { isSingleLine, isMoreThanTwoLines } = (0, canvas_text_bbox_calculator_1.withTextMeasure)((textMeasure) => (0, legend_row_count_1.computeHorizontalLegendRowCount)({
+            items,
+            availableWidth,
+            columnGap: BETWEEN_ROW_GAP,
+            spacingBuffer: WITHIN_ROW_GAP,
+            actionDimension: ACTION_WIDTH,
+            markerWidth: exports.MARKER_WIDTH,
+            sharedMargin: SHARED_MARGIN,
+            widthLimit,
+            showValueTitle: legendLayout === 'list',
+            textMeasure,
+            maxFormattedValue,
+        }));
+        height = Number.isFinite(legendSize)
+            ? Math.min(legendSize, parentDimensions.height * 0.7)
+            : isSingleLine
+                ? bbox.height + 22
+                : isMoreThanTwoLines
+                    ? bbox.height * 2.5 + 28
+                    : bbox.height * 2 + 28;
+    }
     return {
         height,
         width: Math.floor(Math.min(legendItemWidth + spacingBuffer + actionDimension, verticalWidth)),

package/dist/state/selectors/get_legend_size.js.map

@@ -1 +1 @@
-{"version":3,"file":"get_legend_size.js","sourceRoot":"","sources":["../../../src/state/selectors/get_legend_size.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"get_legend_size.js","sourceRoot":"","sources":["../../../src/state/selectors/get_legend_size.ts"],"names":[],"mappings":"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"}

package/dist/state/selectors/get_longest_legend_formatted_value.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=get_longest_legend_formatted_value.d.ts.map

package/dist/state/selectors/get_longest_legend_formatted_value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get_longest_legend_formatted_value.d.ts","sourceRoot":"","sources":["../../../src/state/selectors/get_longest_legend_formatted_value.ts"],"names":[],"mappings":""}

package/dist/state/selectors/get_longest_legend_formatted_value.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLongestLegendFormattedValueWidthSelector = exports.getLongestLegendFormattedValueSelector = void 0;
+const get_internal_chart_state_1 = require("./get_internal_chart_state");
+const default_theme_attributes_1 = require("../../common/default_theme_attributes");
+const legend_1 = require("../../common/legend");
+const canvas_text_bbox_calculator_1 = require("../../utils/bbox/canvas_text_bbox_calculator");
+const create_selector_1 = require("../create_selector");
+const LEGEND_VALUE_FONT = {
+    fontFamily: default_theme_attributes_1.DEFAULT_FONT_FAMILY,
+    fontVariant: 'normal',
+    fontWeight: 700,
+    fontStyle: 'normal',
+};
+exports.getLongestLegendFormattedValueSelector = (0, create_selector_1.createCustomCachedSelector)([(globalChartState) => globalChartState, get_internal_chart_state_1.getInternalChartStateSelector], (globalChartState, internalChartState) => {
+    return internalChartState?.getLongestLegendFormattedValue(globalChartState);
+});
+exports.getLongestLegendFormattedValueWidthSelector = (0, create_selector_1.createCustomCachedSelector)([exports.getLongestLegendFormattedValueSelector], (maxFormattedValue) => {
+    if (!maxFormattedValue)
+        return undefined;
+    const title = legend_1.legendValueTitlesMap[legend_1.LegendValue.CurrentAndLastValue];
+    const fullText = `${title.toUpperCase()}: ${maxFormattedValue}`;
+    return (0, canvas_text_bbox_calculator_1.withTextMeasure)((textMeasure) => textMeasure(fullText, LEGEND_VALUE_FONT, 12, 1.5).width);
+});
+//# sourceMappingURL=get_longest_legend_formatted_value.js.map

package/dist/state/selectors/get_longest_legend_formatted_value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get_longest_legend_formatted_value.js","sourceRoot":"","sources":["../../../src/state/selectors/get_longest_legend_formatted_value.ts"],"names":[],"mappings":";;;AAQA,yEAA2E;AAC3E,oFAA4E;AAC5E,gDAAwE;AACxE,8FAA+E;AAE/E,wDAAgE;AAEhE,MAAM,iBAAiB,GAAG;IACxB,UAAU,EAAE,8CAAmB;IAC/B,WAAW,EAAE,QAAQ;IACrB,UAAU,EAAE,GAAG;IACf,SAAS,EAAE,QAAQ;CACX,CAAC;AAGE,QAAA,sCAAsC,GAAG,IAAA,4CAA0B,EAC9E,CAAC,CAAC,gBAAkC,EAAE,EAAE,CAAC,gBAAgB,EAAE,wDAA6B,CAAC,EACzF,CAAC,gBAAgB,EAAE,kBAAkB,EAAsB,EAAE;IAC3D,OAAO,kBAAkB,EAAE,8BAA8B,CAAC,gBAAgB,CAAC,CAAC;AAC9E,CAAC,CACF,CAAC;AAQW,QAAA,2CAA2C,GAAG,IAAA,4CAA0B,EACnF,CAAC,8CAAsC,CAAC,EACxC,CAAC,iBAAiB,EAAsB,EAAE;IACxC,IAAI,CAAC,iBAAiB;QAAE,OAAO,SAAS,CAAC;IACzC,MAAM,KAAK,GAAG,6BAAoB,CAAC,oBAAW,CAAC,mBAAmB,CAAC,CAAC;IACpE,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,WAAW,EAAE,KAAK,iBAAiB,EAAE,CAAC;IAChE,OAAO,IAAA,6CAAe,EAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE,iBAAiB,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;AACnG,CAAC,CACF,CAAC"}

package/dist/state/utils/legend_row_count.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=legend_row_count.d.ts.map

package/dist/state/utils/legend_row_count.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend_row_count.d.ts","sourceRoot":"","sources":["../../../src/state/utils/legend_row_count.ts"],"names":[],"mappings":""}

package/dist/state/utils/legend_row_count.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.computeHorizontalLegendRowCount = computeHorizontalLegendRowCount;
+const default_theme_attributes_1 = require("../../common/default_theme_attributes");
+const legend_1 = require("../../common/legend");
+function computeHorizontalLegendRowCount(args) {
+    const { items, availableWidth, columnGap, spacingBuffer, actionDimension, markerWidth, sharedMargin, widthLimit, showValueTitle, textMeasure, maxFormattedValue, } = args;
+    const font = {
+        fontFamily: default_theme_attributes_1.DEFAULT_FONT_FAMILY,
+        fontVariant: 'normal',
+        fontWeight: 400,
+        fontStyle: 'normal',
+    };
+    let rows = 1;
+    let currentRowWidth = 0;
+    for (const item of items) {
+        const { width: labelOnlyWidth } = textMeasure(item.label, font, 12, 1.5);
+        const cappedLabelWidth = widthLimit > 0 ? Math.min(labelOnlyWidth, widthLimit) : labelOnlyWidth;
+        const valuesWidth = item.values.map(({ type, label }) => {
+            if (type !== legend_1.LegendValue.CurrentAndLastValue && !label)
+                return 0;
+            const valueLabel = type === legend_1.LegendValue.CurrentAndLastValue ? maxFormattedValue ?? (label || '—') : label;
+            const valueText = !showValueTitle
+                ? valueLabel
+                : `${legend_1.legendValueTitlesMap[type]?.toUpperCase() ?? ''}: ${valueLabel}`;
+            return sharedMargin + textMeasure(valueText, font, 12, 1.5).width;
+        });
+        const itemWidths = [
+            sharedMargin +
+                markerWidth +
+                spacingBuffer +
+                cappedLabelWidth +
+                spacingBuffer +
+                (actionDimension ? spacingBuffer + actionDimension : 0) +
+                sharedMargin,
+            ...valuesWidth,
+        ];
+        for (const [index, itemWidth] of itemWidths.entries()) {
+            if (itemWidth === 0)
+                continue;
+            const isFirst = index === 0;
+            const nextRowWidth = currentRowWidth === 0 ? itemWidth : currentRowWidth + (isFirst ? 0 : columnGap) + itemWidth;
+            if (nextRowWidth > availableWidth) {
+                if (currentRowWidth > 0) {
+                    rows++;
+                    if (rows > 2)
+                        return { isSingleLine: false, isMoreThanTwoLines: true };
+                }
+                currentRowWidth = availableWidth > 0 ? Math.min(itemWidth, availableWidth) : itemWidth;
+            }
+            else {
+                currentRowWidth = nextRowWidth;
+            }
+        }
+    }
+    return { isSingleLine: rows <= 1, isMoreThanTwoLines: false };
+}
+//# sourceMappingURL=legend_row_count.js.map

package/dist/state/utils/legend_row_count.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend_row_count.js","sourceRoot":"","sources":["../../../src/state/utils/legend_row_count.ts"],"names":[],"mappings":"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"}

package/dist/theme.scss

@@ -614,6 +614,29 @@ $tableOutsideBorder: solid $legendBorderWidth $euiColorLightShade;
     }
   }
 
+  &--actionOnHover {
+    .echLegendItem__action {
+      opacity: 0;
+      // Not using pointer-events: none here because it causes a rendering
+      // bug in Firefox. See https://github.com/elastic/elastic-charts/pull/2773#discussion_r2792933172
+    }
+
+    &:hover,
+    &:focus-within {
+      .echLegendItem__action {
+        opacity: 1;
+        pointer-events: auto;
+      }
+    }
+  }
+
+  &--isActive {
+    .echLegendItem__action {
+      opacity: 1;
+      pointer-events: auto;
+    }
+  }
+
   &:last-child .echLegendTable__cell {
     border-bottom: $tableOutsideBorder;
   }
@@ -819,7 +842,7 @@ $tableOutsideBorder: solid $legendBorderWidth $euiColorLightShade;
 .echLegend {
   z-index: 1;
 
-  .echLegendList {
+  .echLegendGridList {
     display: grid;
     grid-template-columns: minmax(0, 1fr);
     padding-inline-start: 0;
@@ -828,7 +851,7 @@ $tableOutsideBorder: solid $legendBorderWidth $euiColorLightShade;
     margin-block-end: 0;
   }
   &--horizontal {
-    .echLegendList {
+    .echLegendGridList {
       grid-column-gap: $echLegendColumnGap;
       grid-row-gap: $echLegendRowGap;
       margin-top: $echLegendRowGap;
@@ -855,6 +878,104 @@ $tableOutsideBorder: solid $legendBorderWidth $euiColorLightShade;
     pointer-events: none;
   }
 
+  .echLegendGridListContainer {
+    @include euiYScrollWithShadows;
+    width: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+
+    :focus {
+      @include euiFocusRing(null, 1);
+      background-color: $euiFocusBackgroundColor;
+      border-radius: $euiBorderRadius / 2;
+    }
+  }
+}
+
+.echLegend {
+  z-index: 1;
+
+  .echLegendList {
+    display: flex;
+    flex-direction: column;
+    padding-inline-start: 0;
+    padding-inline-end: 0;
+    margin-block-start: 0;
+    margin-block-end: 0;
+  }
+  &--horizontal {
+    .echLegendList {
+      display: block;
+      margin-top: $echLegendRowGap;
+      margin-bottom: $echLegendRowGap;
+    }
+
+    .echLegendListContainer {
+      overflow-x: hidden;
+      overflow-y: auto;
+
+      .echLegendList {
+        line-height: $echLegendRowHeight + $echLegendRowGap;
+      }
+
+      .echLegendItem {
+        display: inline;
+        margin-right: $echLegendColumnGap;
+
+        > .background {
+          display: none;
+        }
+
+        > *:not(.background) {
+          display: inline-block;
+          vertical-align: middle;
+          margin-left: 8px;
+        }
+
+        > .echLegendItem__action {
+          display: inline-flex;
+        }
+
+        > .echLegendItem__colorLabel {
+          display: inline-flex;
+          align-items: center;
+          gap: 4px;
+          max-width: 100%; // prevent overflow when label + color marker exceeds line width
+          margin-left: $euiSizeXS; // match the 4px leading margin used in grid-list layout
+        }
+
+        > .echLegendItem__actionGroup {
+          display: inline-flex;
+          align-items: center;
+          gap: 4px;
+
+          > * {
+            margin-left: 0; // reset inherited margin; the group's own margin-left handles external spacing
+          }
+        }
+      }
+    }
+  }
+
+  &--top,
+  &--left {
+    order: 0;
+  }
+
+  &--bottom,
+  &--right {
+    order: 1;
+  }
+
+  &--debug {
+    background: rgba(238, 130, 238, 0.2);
+    position: relative;
+  }
+
+  &--inert {
+    pointer-events: none;
+  }
+
   .echLegendListContainer {
     @include euiYScrollWithShadows;
     width: 100%;
@@ -960,6 +1081,29 @@ $legendItemHeight: #{$euiFontSizeXS * $euiLineHeight};
     }
   }
 
+  &--actionOnHover {
+    .echLegendItem__action {
+      opacity: 0;
+      // Not using pointer-events: none here because it causes a rendering
+      // bug in Firefox. See https://github.com/elastic/elastic-charts/pull/2773#discussion_r2792933172
+    }
+
+    &:hover,
+    &:focus-within {
+      .echLegendItem__action {
+        opacity: 1;
+        pointer-events: auto;
+      }
+    }
+  }
+
+  &--isActive {
+    .echLegendItem__action {
+      opacity: 1;
+      pointer-events: auto;
+    }
+  }
+
   &__color {
     display: flex;
     line-height: 1.5;
@@ -1555,11 +1699,11 @@ $echBadgeTextColor: #07101f;
   flex-shrink: 0;
   flex-grow: 0;
 
-  padding-block: 0px;
-  padding-inline: 8px;
+  padding-block: 2px;
+  padding-inline: 10px;
 
   border: 1px solid transparent;
-  border-radius: 2px;
+  border-radius: 9999px;
 
   font-size: inherit;
   line-height: inherit;

package/dist/theme_dark.css

@@ -1 +1 @@
-svg text{letter-spacing:normal !important}html,body{font-family:Inter,BlinkMacSystemFont,Helvetica,Arial,sans-serif !important}.echChartStatus{visibility:hidden;pointer-events:none;z-index:-100000;width:0;height:0;position:absolute}.echChartBackground{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0}.echChart{height:100%;width:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.echChart__titles{margin-right:24px}.echChartContent{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:1px;width:100%}.echChartContent--column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.echChartTitle{font-style:normal;font-weight:bold;font-size:16px;line-height:19px;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-ms-flex-negative:0;flex-shrink:0}.echChartTitle+.echChartDescription{padding-top:0}.echChartDescription{padding:8px;font-style:normal;font-weight:normal;font-size:14px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-ms-flex-negative:0;flex-shrink:0}.echContainer{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:hidden;width:100%;height:100%}.echChartPointerContainer{position:absolute;top:0;bottom:0;right:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.echChartResizer{z-index:-10000000;position:absolute;bottom:0;top:0;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box}.echBrushTool{position:absolute;top:0;left:0;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;pointer-events:none}.echTooltip{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.25),0 3.6px 13px rgba(0,0,0,.175),0 8.4px 23px rgba(0,0,0,.15),0 23px 35px rgba(0,0,0,.125);box-shadow:0 1px 5px rgba(0,0,0,.25),0 3.6px 13px rgba(0,0,0,.175),0 8.4px 23px rgba(0,0,0,.15),0 23px 35px rgba(0,0,0,.125);border-radius:4px;background-color:#000;color:#fff;z-index:9000;max-width:256px;overflow-wrap:break-word;padding:8px;font-size:12px;font-size:0.8571428571rem;line-height:1.5;padding:0;max-width:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#050f21;color:#cad3e2;overflow:hidden;cursor:default;-webkit-transition:opacity 250ms,-webkit-box-shadow 400ms;transition:opacity 250ms,-webkit-box-shadow 400ms;transition:box-shadow 400ms,opacity 250ms;transition:box-shadow 400ms,opacity 250ms,-webkit-box-shadow 400ms;border:1px solid #050f21}.echTooltip .euiHorizontalRule{background-color:#333}.echTooltip__outerWrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.echTooltip--pinned{-webkit-box-shadow:0 .7px 1.4px rgba(0,0,0,.175),0 1.9px 4px rgba(0,0,0,.125),0 4.5px 10px rgba(0,0,0,.125);box-shadow:0 .7px 1.4px rgba(0,0,0,.175),0 1.9px 4px rgba(0,0,0,.125),0 4.5px 10px rgba(0,0,0,.125);pointer-events:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.echTooltip--pinned .echTooltip__tableRow--selectable{cursor:pointer}.echTooltip--pinned .echTooltipActions{pointer-events:auto}.echTooltip--pinned .echTooltip__tableWrapper{pointer-events:auto}.echTooltip .echTooltip__tableCell--truncate{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.echTooltip__metricRow{padding:4px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.echTooltip__tableWrapper{overflow:hidden;scrollbar-color:rgba(113,134,168,.5) transparent;scrollbar-width:thin;background-color:#050f21}.echTooltip__tableWrapper::-webkit-scrollbar{width:16px;height:16px}.echTooltip__tableWrapper::-webkit-scrollbar-thumb{background-color:rgba(113,134,168,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echTooltip__tableWrapper::-webkit-scrollbar-corner,.echTooltip__tableWrapper::-webkit-scrollbar-track{background-color:transparent}.echTooltip__tableWrapper--pinned{overflow:auto}.echTooltip__table{display:grid;width:100%}.echTooltip__table--noGrid{display:table}.echTooltip__tableHeader .echTooltip__tableCell,.echTooltip__tableFooter .echTooltip__tableCell{cursor:default;font-weight:600;background-color:#050f21;position:sticky;z-index:1}.echTooltip__tableHeader,.echTooltip__tableBody,.echTooltip__tableFooter,.echTooltip__tableRow{display:contents}.echTooltip__tableHeader{margin-bottom:0;top:0}.echTooltip__tableHeader .echTooltip__tableCell{border-bottom:solid 1px #243147;top:0}.echTooltip__tableFooter{margin-top:0;bottom:0}.echTooltip__tableFooter .echTooltip__tableCell{border-top:solid 1px #243147;bottom:0}.echTooltip__tableCell:not(.echTooltip__colorCell){padding:4px}.echTooltip__tableBody .echTooltip__tableCell:not(.echTooltip__colorCell){padding:2px 4px;-webkit-transition:margin 200ms,padding 200ms;transition:margin 200ms,padding 200ms}.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:#0c2a55}.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__colorCell+.echTooltip__tableCell{margin-left:10px;padding-left:10px}.echTooltip__tableBody .echTooltip__tableRow--selected:hover .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selected:hover .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:#0c2a55}.echTooltip__tableBody .echTooltip__tableRow--selectable:hover .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selectable:hover .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(97,162,255,.05)}.echTooltip__tableRow{position:relative}.echTooltip__tableRow--highlighted .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableRow--highlighted .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(36,49,71,.5)}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip{width:21px}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip--spacer{width:0;min-width:0}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip--icon{opacity:1}.echTooltip__colorCell{padding:0;height:100%;position:relative;overflow:hidden;width:21px}.echTooltip__colorCell--static{width:5px}.echTooltip__colorStrip,.echTooltip__colorStrip--bg,.echTooltip__colorStrip--spacer{position:absolute;top:0;left:0;bottom:0;width:5px;-webkit-transition:width 200ms;transition:width 200ms}.echTooltip__colorStrip--icon{opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-transition:opacity 200ms;transition:opacity 200ms;padding:0 4px}.echTooltip__colorStrip--spacer{left:auto;right:10px;width:6px;min-width:6px}.echTooltip__label{min-width:1px;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:left}.echTooltip__value{text-align:right;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}.echTooltip[dir=rtl] .echTooltip__colorStrip{left:auto;right:0}.echTooltipHeader{font-weight:600;margin-bottom:0;padding:4px 8px}.echTooltipFooter{font-weight:600;margin-top:0;padding:4px 8px}.echTooltipDivider{width:100%;border-bottom:solid 1px #243147}@-webkit-keyframes promptSlideDown{100%{opacity:1;top:0;height:26px}}@keyframes promptSlideDown{100%{opacity:1;top:0;height:26px}}.echTooltipPrompt{position:relative;width:100%;z-index:-1}.echTooltipPrompt__content{color:#8e9fbc;font-style:normal;font-size:12px;line-height:26px;padding:0 8px}.echTooltipPrompt.slideDown{opacity:0;top:-26px;height:0;-webkit-animation:promptSlideDown .25s forwards;animation:promptSlideDown .25s forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}.echTooltipActions{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;font-style:normal;font-size:12px;line-height:21px}.echTooltipActions__prompt{position:relative;height:26px;padding:0 8px;line-height:26px;width:100%;color:#8e9fbc;font-style:normal;font-size:12px}.echTooltipActions__action{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:left;width:100%;padding:0 8px;line-height:21px;cursor:pointer;color:#cad3e2}.echTooltipActions__action:nth-child(2){padding-top:4px}.echTooltipActions__action:last-child{padding-bottom:2px}.echTooltipActions__action:hover,.echTooltipActions__action:focus{text-decoration:underline}.echTooltipActions__action[disabled]{cursor:default;color:#6a7fa0}.echTooltipActions__action[disabled]:hover,.echTooltipActions__action[disabled]:focus{text-decoration:none}.echLegendTable__container{scrollbar-color:rgba(113,134,168,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;overflow-y:auto;overflow-x:hidden}.echLegendTable__container::-webkit-scrollbar{width:16px;height:16px}.echLegendTable__container::-webkit-scrollbar-thumb{background-color:rgba(113,134,168,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echLegendTable__container::-webkit-scrollbar-corner,.echLegendTable__container::-webkit-scrollbar-track{background-color:transparent}.echLegendTable__container:focus{outline:none}.echLegendTable__container[tabindex="0"]:focus:focus-visible{outline-style:auto}.echLegendTable__container :focus{-webkit-animation:350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate !important;animation:350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate !important;background-color:#0d2f5e;border-radius:2px}.echLegendTable{overflow:auto;display:grid;width:100%;position:relative}.echLegendTable__header,.echLegendTable__rowgroup,.echLegendTable__row{display:contents}.echLegendTable .echColorPickerPopover{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.echLegend--vertical .echLegendTable__container{padding:8px}.echLegend--horizontal .echLegendTable{padding:4px 8px 4px 16px}.echLegendTable__item{color:#cad3e2}.echLegendTable__item .echLegendItem__action{padding-top:2px;max-width:16px;height:16px}.echLegendTable__item .echLegendItem__action:empty{width:0}.echLegendTable__item:last-child .echLegendTable__cell{border-bottom:solid 1px #243147}.echLegendTable__item:not([dir=rtl]) .echLegendTable__cell:last-child{padding-right:2px}.echLegendTable__item[dir=rtl] .echLegendTable__cell:last-child{padding-left:2px}.echLegendTable__item[dir=rtl] .echLegendItem__label{text-align:right}.echLegendTable__item[dir=rtl] .echLegend__legendValue{text-align:left}.echLegendTable__item--highlightable .echLegendTable__cell:hover{background-color:#172336}.echLegendTable__item--highlightable .echLegendTable__cell:hover~.echLegendTable__cell{background-color:#172336}.echLegendTable__item--highlightable .echLegendTable__cell:has(~.echLegendTable__cell:hover){background-color:#172336}.echLegendTable__item:not(.echLegendTable__item--hidden) .echLegendSingleItem__color--changable{cursor:pointer}.echLegendTable__item--vertical{padding-top:2px;padding-bottom:2px}.echLegendTable__item--hidden{color:#7186a8}.echLegendTable__item .echLegend__legendValue{font-size:12px;font-size:0.8571428571rem;line-height:1.5;text-align:right;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";letter-spacing:unset;direction:ltr;white-space:nowrap}.echLegendTable__cell{font-size:12px;font-size:0.8571428571rem;line-height:1.5;-ms-flex-line-pack:baseline;align-content:baseline;border-bottom:solid 1px #172336;padding:4px 8px}.echLegendTable__cell--truncate{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.echLegendTable__colorCell{padding-right:0;padding-left:2px}.echLegendTable__colorCell.echLegend__colorWrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;z-index:1}.echLegendTable__header{cursor:default;font-weight:600;background-color:#050f21;font-size:12px}.echLegendTable__header .echLegendTable__cell{border-bottom:solid 1px #243147}[id^=echTooltipPortal]{pointer-events:none}[id^=echAnchor]{position:absolute;pointer-events:none}.echTooltipPortal__invisible{position:fixed;visibility:hidden;width:0;height:0}.echIcon{-ms-flex-negative:0;flex-shrink:0;display:inline-block;vertical-align:middle;fill:currentColor}.echIcon svg{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.echIcon:focus{opacity:1;background:#0d2f5e}.echLegend{z-index:1}.echLegend .echLegendList{display:grid;grid-template-columns:minmax(0, 1fr);-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.echLegend--horizontal .echLegendList{grid-column-gap:24px;grid-row-gap:8px;margin-top:8px;margin-bottom:8px}.echLegend--top,.echLegend--left{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.echLegend--bottom,.echLegend--right{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.echLegend--debug{background:rgba(238,130,238,.2);position:relative}.echLegend--inert{pointer-events:none}.echLegend .echLegendListContainer{scrollbar-color:rgba(113,134,168,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;overflow-y:auto;overflow-x:hidden}.echLegend .echLegendListContainer::-webkit-scrollbar{width:16px;height:16px}.echLegend .echLegendListContainer::-webkit-scrollbar-thumb{background-color:rgba(113,134,168,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echLegend .echLegendListContainer::-webkit-scrollbar-corner,.echLegend .echLegendListContainer::-webkit-scrollbar-track{background-color:transparent}.echLegend .echLegendListContainer:focus{outline:none}.echLegend .echLegendListContainer[tabindex="0"]:focus:focus-visible{outline-style:auto}.echLegend .echLegendListContainer :focus{-webkit-animation:350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate !important;animation:350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate !important;background-color:#0d2f5e;border-radius:2px}.echLegendItem{color:#cad3e2;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}.echLegendItem .echLegend__colorWrapper>*:first-of-type{height:18px}.echLegendItem:not([dir=rtl])>*:not(.background){margin-left:4px}.echLegendItem:not([dir=rtl])>*:not(.background):last-child:not(.echLegendItem__legendValue){margin-right:4px}.echLegendItem[dir=rtl]>*:not(.background){margin-right:4px}.echLegendItem[dir=rtl]>*:not(.background):last-child:not(.echLegendItem__legendValue){margin-left:4px}.echLegendItem:not(.echLegendItem--hidden) .echLegendItem__color--changable{cursor:pointer}.echLegendItem:hover .background{background-color:#172336}.echLegendItem .background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.echLegendItem__action{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:18px;max-width:calc(18px + 8px)}.echLegendItem__action .euiPopover,.echLegendItem__action .euiPopover__anchor,.echLegendItem__action .euiPopover__anchor>*:first-child{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.echLegendItem__color{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.5;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.echLegendItem__label{font-size:12px;font-size:0.8571428571rem;line-height:1.5;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:left;vertical-align:baseline;letter-spacing:unset;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;word-break:break-word;-ms-hyphens:auto;hyphens:auto;overflow:hidden;min-width:1px}.echLegendItem__label--singleline{max-width:100%;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.echLegendItem__label--multiline:is(div){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.echLegendItem__label--clickable:hover{cursor:pointer;text-decoration:underline}.echLegendItem__legendValue{font-size:12px;font-size:0.8571428571rem;line-height:1.5;text-align:right;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:4px;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";letter-spacing:unset;direction:ltr}.echLegendItem--vertical{padding-top:2px;padding-bottom:2px}.echLegendItem--vertical:first-of-type{margin-top:2px}.echLegendItem--vertical .background{margin-top:2px;margin-bottom:2px}.echLegendItem--hidden{color:#7186a8}.echLegendItem[dir=rtl] .echLegendItem__label{text-align:right}.echReactiveChart_noResults{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;font-size:12px;font-size:0.8571428571rem;line-height:1.5;color:#7186a8}.echGridContainer{display:grid;width:100%;height:100%;-ms-flex-line-pack:start;align-content:start;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.echGridCell{position:relative;width:100%;height:100%;overflow:hidden;-webkit-transition:background-color ease-in-out .1s;transition:background-color ease-in-out .1s}.echGridCell--rightBorder{border-right:1px solid #343741}.echGridCell--bottomBorder{border-bottom:1px solid #343741}.echAlignedGrid{display:grid;-ms-flex-line-pack:stretch;align-content:stretch;width:100%;height:100%}.echAlignedGrid--header{width:100%;height:100%;margin:0;padding:0}.echAlignedGrid__borderRight{border-right:1px solid #edf0f5}.echAlignedGrid__borderBottom{border-bottom:1px solid #edf0f5}.echAlignedGrid--content{width:100%;min-height:0;margin:0;padding:0}.echHighlighter{position:absolute;pointer-events:none;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.echHighlighterOverlay__fill{fill:rgba(255,255,255,.2)}.echHighlighterOverlay__stroke{stroke:rgba(255,255,255,.2)}.echHighlighter__mask{fill:rgba(5,15,33,.5)}.echCrosshair,.echCrosshair__cursor,.echCrosshair__crossLine{position:absolute;top:0;left:0;pointer-events:none}.echScreenReaderOnly{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.echScreenReaderOnlyDebug{left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;overflow:auto !important;background:rgba(255,255,255,.8)}.echScreenReaderOnlyDebug table,.echScreenReaderOnlyDebug td,.echScreenReaderOnlyDebug th{border:1px solid #000;font-size:12px}.echScreenReaderTable{overflow-x:auto;text-align:left}.echAnnotation{padding:0;-webkit-transition:opacity 250ms;transition:opacity 250ms;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:260px}.echAnnotation__marker{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-weight:700;line-height:normal}.echAnnotation__details{padding:4px 8px}.echAnnotation__icon{position:relative}.echAnnotation__body{white-space:nowrap}.echCanvasRenderer{position:absolute;top:0;left:0;padding:0;margin:0;border:0;background:transparent}.echMetricText{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:-webkit-min-content auto -webkit-min-content -webkit-min-content;grid-template-rows:min-content auto min-content min-content;height:100%;padding:8px;line-height:1.2}.echMetricText__gap{overflow:hidden}.echMetricText__titlesBlock{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.echMetricText__titlesBlock--left{-webkit-box-align:start;-ms-flex-align:start;align-items:start;text-align:left}.echMetricText__titlesBlock--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.echMetricText__titlesBlock--center .echMetricText__title button{width:100%}.echMetricText__titlesBlock--right{-webkit-box-align:end;-ms-flex-align:end;align-items:end;text-align:right}.echMetricText .echMetricText__extraBlock{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;padding-top:5px}.echMetricText .echMetricText__extraBlock--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.echMetricText .echMetricText__extraBlock--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.echMetricText .echMetricText__extraBlock--right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.echMetricText__valueBlock{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.echMetricText__valueBlock--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.echMetricText__valueBlock--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.echMetricText__valueBlock--right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.echMetricText__title{word-wrap:break-word;width:100%}.echMetricText__title button{width:95%;outline:none;display:block}.echMetricText__subtitle{padding-top:5px;font-weight:normal;width:95%}.echMetricText__extra{font-weight:normal}.echMetricText__value{position:relative;font-weight:bold;white-space:nowrap;overflow:hidden}.echMetricText__valueIcon{padding-left:8px}.echMetricText__part{font-weight:bold}.echMetricText__icon{display:-webkit-box;display:-ms-flexbox;display:flex}.echMetricText__icon--left{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}.echMetricText__icon--right{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}.echSingleMetricProgress{position:absolute;border-radius:8px}.echSingleMetricProgress--vertical{left:8px;right:0;top:8px;bottom:0;height:calc(100% - 16px);width:100%}.echSingleMetricProgress--vertical.echSingleMetricProgress--small{right:auto;width:4px}.echSingleMetricProgress--vertical.echSingleMetricProgress--medium{right:auto;width:8px}.echSingleMetricProgress--vertical.echSingleMetricProgress--large{right:auto;width:16px}.echSingleMetricProgress--horizontal{left:8px;right:0;width:calc(100% - 16px);top:0;bottom:8px;height:100%}.echSingleMetricProgress--horizontal.echSingleMetricProgress--small{top:auto;height:4px}.echSingleMetricProgress--horizontal.echSingleMetricProgress--medium{top:auto;height:8px}.echSingleMetricProgress--horizontal.echSingleMetricProgress--large{top:auto;height:16px}.echSingleMetricProgressBar{-webkit-transition:background-color ease-in-out .1s;transition:background-color ease-in-out .1s;max-width:100%;max-height:100%}.echSingleMetricProgressBar--vertical{position:absolute;left:0;right:0;bottom:0;width:100%}.echSingleMetricProgressBar--horizontal{position:absolute;top:0;bottom:0;left:0;height:100%}.echSingleMetricTarget{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:visible;z-index:1}.echSingleMetricTarget--vertical{-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;left:100%;bottom:0}.echSingleMetricTarget--horizontal{position:absolute;bottom:100%}.echSingleMetricZeroBaseline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:visible}.echSingleMetricZeroBaseline--vertical{position:absolute;left:0}.echSingleMetricZeroBaseline--vertical.echSingleMetricZeroBaseline--small{right:auto;height:2px;width:6.5px}.echSingleMetricZeroBaseline--vertical.echSingleMetricZeroBaseline--medium{right:auto;height:2px;width:13px}.echSingleMetricZeroBaseline--vertical.echSingleMetricZeroBaseline--large{right:auto;height:4px;width:26px}.echSingleMetricZeroBaseline--horizontal{position:absolute;bottom:0}.echSingleMetricZeroBaseline--horizontal.echSingleMetricZeroBaseline--small{top:auto;width:2px;height:6.5px}.echSingleMetricZeroBaseline--horizontal.echSingleMetricZeroBaseline--medium{top:auto;width:2px;height:13px}.echSingleMetricZeroBaseline--horizontal.echSingleMetricZeroBaseline--large{top:auto;width:4px;height:26px}.echSingleMetricSparkline{position:absolute;overflow:hidden;top:0;bottom:0;left:0;right:0}.echSingleMetricSparkline__svg{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.echSingleMetricSparkline__svg rect,.echSingleMetricSparkline__svg path{-webkit-transition:fill ease-in-out .1s;transition:fill ease-in-out .1s}.echSingleMetricChart--small{position:absolute;top:auto;left:auto;bottom:0;right:0;width:100px;height:30px}.echSecondaryMetric{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap}.echSecondaryMetric__label{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.echSecondaryMetric__value{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:calc(100% - 4px)}.echSecondaryMetric__value--full{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%}.echSecondaryMetric__truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.echBadge__content{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;overflow:hidden;min-block-size:18px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding-block:0px;padding-inline:8px;border:1px solid transparent;border-radius:2px;font-size:inherit;line-height:inherit;text-align:start;text-decoration:none;background-color:#e3e8f2;color:#07101f;cursor:inherit}.echBadge__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0}.echMetricContainer{display:grid;width:100%;height:100%;-ms-flex-line-pack:start;align-content:start;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.echMetric{position:relative;width:100%;height:100%;overflow:hidden;-webkit-transition:background-color ease-in-out .1s;transition:background-color ease-in-out .1s}.echMetric .echMetric--outline{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.echMetric:focus-within .echMetric--outline{outline:auto;outline-offset:-1.5px}.echMetric--rightBorder{border-right:1px solid #343741}.echMetric--topBorder{border-top:1px solid #343741}.echMetric--bottomBorder{border-bottom:1px solid #343741}.echMetric--vertical.echMetric--withProgressBar--small{padding-left:12px}.echMetric--vertical.echMetric--withProgressBar--medium{padding-left:16px}.echMetric--vertical.echMetric--withProgressBar--large{padding-left:24px}.echMetric--vertical.echMetric--withTargetProgressBar--small{padding-left:20px}.echMetric--vertical.echMetric--withTargetProgressBar--medium{padding-left:24px}.echMetric--vertical.echMetric--withTargetProgressBar--large{padding-left:32px}.echMetric--horizontal.echMetric--withProgressBar--small{padding-bottom:12px}.echMetric--horizontal.echMetric--withProgressBar--medium{padding-bottom:16px}.echMetric--horizontal.echMetric--withProgressBar--large{padding-bottom:24px}.echMetric--horizontal.echMetric--withTargetProgressBar--small{padding-bottom:20px}.echMetric--horizontal.echMetric--withTargetProgressBar--medium{padding-bottom:24px}.echMetric--horizontal.echMetric--withTargetProgressBar--large{padding-bottom:32px}.echMetricEmpty{position:absolute;bottom:9px;right:11px;width:20px;border-bottom:1px solid}
+svg text{letter-spacing:normal !important}html,body{font-family:Inter,BlinkMacSystemFont,Helvetica,Arial,sans-serif !important}.echChartStatus{visibility:hidden;pointer-events:none;z-index:-100000;width:0;height:0;position:absolute}.echChartBackground{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0}.echChart{height:100%;width:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.echChart__titles{margin-right:24px}.echChartContent{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:1px;width:100%}.echChartContent--column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.echChartTitle{font-style:normal;font-weight:bold;font-size:16px;line-height:19px;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-ms-flex-negative:0;flex-shrink:0}.echChartTitle+.echChartDescription{padding-top:0}.echChartDescription{padding:8px;font-style:normal;font-weight:normal;font-size:14px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-ms-flex-negative:0;flex-shrink:0}.echContainer{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:hidden;width:100%;height:100%}.echChartPointerContainer{position:absolute;top:0;bottom:0;right:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.echChartResizer{z-index:-10000000;position:absolute;bottom:0;top:0;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box}.echBrushTool{position:absolute;top:0;left:0;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;pointer-events:none}.echTooltip{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.25),0 3.6px 13px rgba(0,0,0,.175),0 8.4px 23px rgba(0,0,0,.15),0 23px 35px rgba(0,0,0,.125);box-shadow:0 1px 5px rgba(0,0,0,.25),0 3.6px 13px rgba(0,0,0,.175),0 8.4px 23px rgba(0,0,0,.15),0 23px 35px rgba(0,0,0,.125);border-radius:4px;background-color:#000;color:#fff;z-index:9000;max-width:256px;overflow-wrap:break-word;padding:8px;font-size:12px;font-size:0.8571428571rem;line-height:1.5;padding:0;max-width:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#050f21;color:#cad3e2;overflow:hidden;cursor:default;-webkit-transition:opacity 250ms,-webkit-box-shadow 400ms;transition:opacity 250ms,-webkit-box-shadow 400ms;transition:box-shadow 400ms,opacity 250ms;transition:box-shadow 400ms,opacity 250ms,-webkit-box-shadow 400ms;border:1px solid #050f21}.echTooltip .euiHorizontalRule{background-color:#333}.echTooltip__outerWrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.echTooltip--pinned{-webkit-box-shadow:0 .7px 1.4px rgba(0,0,0,.175),0 1.9px 4px rgba(0,0,0,.125),0 4.5px 10px rgba(0,0,0,.125);box-shadow:0 .7px 1.4px rgba(0,0,0,.175),0 1.9px 4px rgba(0,0,0,.125),0 4.5px 10px rgba(0,0,0,.125);pointer-events:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.echTooltip--pinned .echTooltip__tableRow--selectable{cursor:pointer}.echTooltip--pinned .echTooltipActions{pointer-events:auto}.echTooltip--pinned .echTooltip__tableWrapper{pointer-events:auto}.echTooltip .echTooltip__tableCell--truncate{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.echTooltip__metricRow{padding:4px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.echTooltip__tableWrapper{overflow:hidden;scrollbar-color:rgba(113,134,168,.5) transparent;scrollbar-width:thin;background-color:#050f21}.echTooltip__tableWrapper::-webkit-scrollbar{width:16px;height:16px}.echTooltip__tableWrapper::-webkit-scrollbar-thumb{background-color:rgba(113,134,168,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echTooltip__tableWrapper::-webkit-scrollbar-corner,.echTooltip__tableWrapper::-webkit-scrollbar-track{background-color:transparent}.echTooltip__tableWrapper--pinned{overflow:auto}.echTooltip__table{display:grid;width:100%}.echTooltip__table--noGrid{display:table}.echTooltip__tableHeader .echTooltip__tableCell,.echTooltip__tableFooter .echTooltip__tableCell{cursor:default;font-weight:600;background-color:#050f21;position:sticky;z-index:1}.echTooltip__tableHeader,.echTooltip__tableBody,.echTooltip__tableFooter,.echTooltip__tableRow{display:contents}.echTooltip__tableHeader{margin-bottom:0;top:0}.echTooltip__tableHeader .echTooltip__tableCell{border-bottom:solid 1px #243147;top:0}.echTooltip__tableFooter{margin-top:0;bottom:0}.echTooltip__tableFooter .echTooltip__tableCell{border-top:solid 1px #243147;bottom:0}.echTooltip__tableCell:not(.echTooltip__colorCell){padding:4px}.echTooltip__tableBody .echTooltip__tableCell:not(.echTooltip__colorCell){padding:2px 4px;-webkit-transition:margin 200ms,padding 200ms;transition:margin 200ms,padding 200ms}.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:#0c2a55}.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__colorCell+.echTooltip__tableCell{margin-left:10px;padding-left:10px}.echTooltip__tableBody .echTooltip__tableRow--selected:hover .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selected:hover .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:#0c2a55}.echTooltip__tableBody .echTooltip__tableRow--selectable:hover .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selectable:hover .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(97,162,255,.05)}.echTooltip__tableRow{position:relative}.echTooltip__tableRow--highlighted .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableRow--highlighted .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(36,49,71,.5)}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip{width:21px}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip--spacer{width:0;min-width:0}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip--icon{opacity:1}.echTooltip__colorCell{padding:0;height:100%;position:relative;overflow:hidden;width:21px}.echTooltip__colorCell--static{width:5px}.echTooltip__colorStrip,.echTooltip__colorStrip--bg,.echTooltip__colorStrip--spacer{position:absolute;top:0;left:0;bottom:0;width:5px;-webkit-transition:width 200ms;transition:width 200ms}.echTooltip__colorStrip--icon{opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-transition:opacity 200ms;transition:opacity 200ms;padding:0 4px}.echTooltip__colorStrip--spacer{left:auto;right:10px;width:6px;min-width:6px}.echTooltip__label{min-width:1px;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:left}.echTooltip__value{text-align:right;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}.echTooltip[dir=rtl] .echTooltip__colorStrip{left:auto;right:0}.echTooltipHeader{font-weight:600;margin-bottom:0;padding:4px 8px}.echTooltipFooter{font-weight:600;margin-top:0;padding:4px 8px}.echTooltipDivider{width:100%;border-bottom:solid 1px #243147}@-webkit-keyframes promptSlideDown{100%{opacity:1;top:0;height:26px}}@keyframes promptSlideDown{100%{opacity:1;top:0;height:26px}}.echTooltipPrompt{position:relative;width:100%;z-index:-1}.echTooltipPrompt__content{color:#8e9fbc;font-style:normal;font-size:12px;line-height:26px;padding:0 8px}.echTooltipPrompt.slideDown{opacity:0;top:-26px;height:0;-webkit-animation:promptSlideDown .25s forwards;animation:promptSlideDown .25s forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}.echTooltipActions{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;font-style:normal;font-size:12px;line-height:21px}.echTooltipActions__prompt{position:relative;height:26px;padding:0 8px;line-height:26px;width:100%;color:#8e9fbc;font-style:normal;font-size:12px}.echTooltipActions__action{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:left;width:100%;padding:0 8px;line-height:21px;cursor:pointer;color:#cad3e2}.echTooltipActions__action:nth-child(2){padding-top:4px}.echTooltipActions__action:last-child{padding-bottom:2px}.echTooltipActions__action:hover,.echTooltipActions__action:focus{text-decoration:underline}.echTooltipActions__action[disabled]{cursor:default;color:#6a7fa0}.echTooltipActions__action[disabled]:hover,.echTooltipActions__action[disabled]:focus{text-decoration:none}.echLegendTable__container{scrollbar-color:rgba(113,134,168,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;overflow-y:auto;overflow-x:hidden}.echLegendTable__container::-webkit-scrollbar{width:16px;height:16px}.echLegendTable__container::-webkit-scrollbar-thumb{background-color:rgba(113,134,168,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echLegendTable__container::-webkit-scrollbar-corner,.echLegendTable__container::-webkit-scrollbar-track{background-color:transparent}.echLegendTable__container:focus{outline:none}.echLegendTable__container[tabindex="0"]:focus:focus-visible{outline-style:auto}.echLegendTable__container :focus{-webkit-animation:350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate !important;animation:350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate !important;background-color:#0d2f5e;border-radius:2px}.echLegendTable{overflow:auto;display:grid;width:100%;position:relative}.echLegendTable__header,.echLegendTable__rowgroup,.echLegendTable__row{display:contents}.echLegendTable .echColorPickerPopover{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.echLegend--vertical .echLegendTable__container{padding:8px}.echLegend--horizontal .echLegendTable{padding:4px 8px 4px 16px}.echLegendTable__item{color:#cad3e2}.echLegendTable__item .echLegendItem__action{padding-top:2px;max-width:16px;height:16px}.echLegendTable__item .echLegendItem__action:empty{width:0}.echLegendTable__item--actionOnHover .echLegendItem__action{opacity:0}.echLegendTable__item--actionOnHover:hover .echLegendItem__action,.echLegendTable__item--actionOnHover:focus-within .echLegendItem__action{opacity:1;pointer-events:auto}.echLegendTable__item--isActive .echLegendItem__action{opacity:1;pointer-events:auto}.echLegendTable__item:last-child .echLegendTable__cell{border-bottom:solid 1px #243147}.echLegendTable__item:not([dir=rtl]) .echLegendTable__cell:last-child{padding-right:2px}.echLegendTable__item[dir=rtl] .echLegendTable__cell:last-child{padding-left:2px}.echLegendTable__item[dir=rtl] .echLegendItem__label{text-align:right}.echLegendTable__item[dir=rtl] .echLegend__legendValue{text-align:left}.echLegendTable__item--highlightable .echLegendTable__cell:hover{background-color:#172336}.echLegendTable__item--highlightable .echLegendTable__cell:hover~.echLegendTable__cell{background-color:#172336}.echLegendTable__item--highlightable .echLegendTable__cell:has(~.echLegendTable__cell:hover){background-color:#172336}.echLegendTable__item:not(.echLegendTable__item--hidden) .echLegendSingleItem__color--changable{cursor:pointer}.echLegendTable__item--vertical{padding-top:2px;padding-bottom:2px}.echLegendTable__item--hidden{color:#7186a8}.echLegendTable__item .echLegend__legendValue{font-size:12px;font-size:0.8571428571rem;line-height:1.5;text-align:right;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";letter-spacing:unset;direction:ltr;white-space:nowrap}.echLegendTable__cell{font-size:12px;font-size:0.8571428571rem;line-height:1.5;-ms-flex-line-pack:baseline;align-content:baseline;border-bottom:solid 1px #172336;padding:4px 8px}.echLegendTable__cell--truncate{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.echLegendTable__colorCell{padding-right:0;padding-left:2px}.echLegendTable__colorCell.echLegend__colorWrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;z-index:1}.echLegendTable__header{cursor:default;font-weight:600;background-color:#050f21;font-size:12px}.echLegendTable__header .echLegendTable__cell{border-bottom:solid 1px #243147}[id^=echTooltipPortal]{pointer-events:none}[id^=echAnchor]{position:absolute;pointer-events:none}.echTooltipPortal__invisible{position:fixed;visibility:hidden;width:0;height:0}.echIcon{-ms-flex-negative:0;flex-shrink:0;display:inline-block;vertical-align:middle;fill:currentColor}.echIcon svg{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.echIcon:focus{opacity:1;background:#0d2f5e}.echLegend{z-index:1}.echLegend .echLegendGridList{display:grid;grid-template-columns:minmax(0, 1fr);-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.echLegend--horizontal .echLegendGridList{grid-column-gap:24px;grid-row-gap:8px;margin-top:8px;margin-bottom:8px}.echLegend--top,.echLegend--left{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.echLegend--bottom,.echLegend--right{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.echLegend--debug{background:rgba(238,130,238,.2);position:relative}.echLegend--inert{pointer-events:none}.echLegend .echLegendGridListContainer{scrollbar-color:rgba(113,134,168,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;overflow-y:auto;overflow-x:hidden}.echLegend .echLegendGridListContainer::-webkit-scrollbar{width:16px;height:16px}.echLegend .echLegendGridListContainer::-webkit-scrollbar-thumb{background-color:rgba(113,134,168,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echLegend .echLegendGridListContainer::-webkit-scrollbar-corner,.echLegend .echLegendGridListContainer::-webkit-scrollbar-track{background-color:transparent}.echLegend .echLegendGridListContainer:focus{outline:none}.echLegend .echLegendGridListContainer[tabindex="0"]:focus:focus-visible{outline-style:auto}.echLegend .echLegendGridListContainer :focus{-webkit-animation:350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate !important;animation:350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate !important;background-color:#0d2f5e;border-radius:2px}.echLegend{z-index:1}.echLegend .echLegendList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.echLegend--horizontal .echLegendList{display:block;margin-top:8px;margin-bottom:8px}.echLegend--horizontal .echLegendListContainer{overflow-x:hidden;overflow-y:auto}.echLegend--horizontal .echLegendListContainer .echLegendList{line-height:24px}.echLegend--horizontal .echLegendListContainer .echLegendItem{display:inline;margin-right:24px}.echLegend--horizontal .echLegendListContainer .echLegendItem>.background{display:none}.echLegend--horizontal .echLegendListContainer .echLegendItem>*:not(.background){display:inline-block;vertical-align:middle;margin-left:8px}.echLegend--horizontal .echLegendListContainer .echLegendItem>.echLegendItem__action{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.echLegend--horizontal .echLegendListContainer .echLegendItem>.echLegendItem__colorLabel{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;max-width:100%;margin-left:4px}.echLegend--horizontal .echLegendListContainer .echLegendItem>.echLegendItem__actionGroup{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.echLegend--horizontal .echLegendListContainer .echLegendItem>.echLegendItem__actionGroup>*{margin-left:0}.echLegend--top,.echLegend--left{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.echLegend--bottom,.echLegend--right{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.echLegend--debug{background:rgba(238,130,238,.2);position:relative}.echLegend--inert{pointer-events:none}.echLegend .echLegendListContainer{scrollbar-color:rgba(113,134,168,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;overflow-y:auto;overflow-x:hidden}.echLegend .echLegendListContainer::-webkit-scrollbar{width:16px;height:16px}.echLegend .echLegendListContainer::-webkit-scrollbar-thumb{background-color:rgba(113,134,168,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echLegend .echLegendListContainer::-webkit-scrollbar-corner,.echLegend .echLegendListContainer::-webkit-scrollbar-track{background-color:transparent}.echLegend .echLegendListContainer:focus{outline:none}.echLegend .echLegendListContainer[tabindex="0"]:focus:focus-visible{outline-style:auto}.echLegend .echLegendListContainer :focus{-webkit-animation:350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate !important;animation:350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate !important;background-color:#0d2f5e;border-radius:2px}.echLegendItem{color:#cad3e2;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}.echLegendItem .echLegend__colorWrapper>*:first-of-type{height:18px}.echLegendItem:not([dir=rtl])>*:not(.background){margin-left:4px}.echLegendItem:not([dir=rtl])>*:not(.background):last-child:not(.echLegendItem__legendValue){margin-right:4px}.echLegendItem[dir=rtl]>*:not(.background){margin-right:4px}.echLegendItem[dir=rtl]>*:not(.background):last-child:not(.echLegendItem__legendValue){margin-left:4px}.echLegendItem:not(.echLegendItem--hidden) .echLegendItem__color--changable{cursor:pointer}.echLegendItem:hover .background{background-color:#172336}.echLegendItem .background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.echLegendItem__action{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:18px;max-width:calc(18px + 8px)}.echLegendItem__action .euiPopover,.echLegendItem__action .euiPopover__anchor,.echLegendItem__action .euiPopover__anchor>*:first-child{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.echLegendItem--actionOnHover .echLegendItem__action{opacity:0}.echLegendItem--actionOnHover:hover .echLegendItem__action,.echLegendItem--actionOnHover:focus-within .echLegendItem__action{opacity:1;pointer-events:auto}.echLegendItem--isActive .echLegendItem__action{opacity:1;pointer-events:auto}.echLegendItem__color{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.5;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.echLegendItem__label{font-size:12px;font-size:0.8571428571rem;line-height:1.5;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:left;vertical-align:baseline;letter-spacing:unset;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;word-break:break-word;-ms-hyphens:auto;hyphens:auto;overflow:hidden;min-width:1px}.echLegendItem__label--singleline{max-width:100%;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.echLegendItem__label--multiline:is(div){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.echLegendItem__label--clickable:hover{cursor:pointer;text-decoration:underline}.echLegendItem__legendValue{font-size:12px;font-size:0.8571428571rem;line-height:1.5;text-align:right;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:4px;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";letter-spacing:unset;direction:ltr}.echLegendItem--vertical{padding-top:2px;padding-bottom:2px}.echLegendItem--vertical:first-of-type{margin-top:2px}.echLegendItem--vertical .background{margin-top:2px;margin-bottom:2px}.echLegendItem--hidden{color:#7186a8}.echLegendItem[dir=rtl] .echLegendItem__label{text-align:right}.echReactiveChart_noResults{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;font-size:12px;font-size:0.8571428571rem;line-height:1.5;color:#7186a8}.echGridContainer{display:grid;width:100%;height:100%;-ms-flex-line-pack:start;align-content:start;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.echGridCell{position:relative;width:100%;height:100%;overflow:hidden;-webkit-transition:background-color ease-in-out .1s;transition:background-color ease-in-out .1s}.echGridCell--rightBorder{border-right:1px solid #343741}.echGridCell--bottomBorder{border-bottom:1px solid #343741}.echAlignedGrid{display:grid;-ms-flex-line-pack:stretch;align-content:stretch;width:100%;height:100%}.echAlignedGrid--header{width:100%;height:100%;margin:0;padding:0}.echAlignedGrid__borderRight{border-right:1px solid #edf0f5}.echAlignedGrid__borderBottom{border-bottom:1px solid #edf0f5}.echAlignedGrid--content{width:100%;min-height:0;margin:0;padding:0}.echHighlighter{position:absolute;pointer-events:none;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.echHighlighterOverlay__fill{fill:rgba(255,255,255,.2)}.echHighlighterOverlay__stroke{stroke:rgba(255,255,255,.2)}.echHighlighter__mask{fill:rgba(5,15,33,.5)}.echCrosshair,.echCrosshair__cursor,.echCrosshair__crossLine{position:absolute;top:0;left:0;pointer-events:none}.echScreenReaderOnly{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.echScreenReaderOnlyDebug{left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;overflow:auto !important;background:rgba(255,255,255,.8)}.echScreenReaderOnlyDebug table,.echScreenReaderOnlyDebug td,.echScreenReaderOnlyDebug th{border:1px solid #000;font-size:12px}.echScreenReaderTable{overflow-x:auto;text-align:left}.echAnnotation{padding:0;-webkit-transition:opacity 250ms;transition:opacity 250ms;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:260px}.echAnnotation__marker{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-weight:700;line-height:normal}.echAnnotation__details{padding:4px 8px}.echAnnotation__icon{position:relative}.echAnnotation__body{white-space:nowrap}.echCanvasRenderer{position:absolute;top:0;left:0;padding:0;margin:0;border:0;background:transparent}.echMetricText{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:-webkit-min-content auto -webkit-min-content -webkit-min-content;grid-template-rows:min-content auto min-content min-content;height:100%;padding:8px;line-height:1.2}.echMetricText__gap{overflow:hidden}.echMetricText__titlesBlock{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.echMetricText__titlesBlock--left{-webkit-box-align:start;-ms-flex-align:start;align-items:start;text-align:left}.echMetricText__titlesBlock--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.echMetricText__titlesBlock--center .echMetricText__title button{width:100%}.echMetricText__titlesBlock--right{-webkit-box-align:end;-ms-flex-align:end;align-items:end;text-align:right}.echMetricText .echMetricText__extraBlock{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;padding-top:5px}.echMetricText .echMetricText__extraBlock--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.echMetricText .echMetricText__extraBlock--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.echMetricText .echMetricText__extraBlock--right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.echMetricText__valueBlock{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.echMetricText__valueBlock--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.echMetricText__valueBlock--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.echMetricText__valueBlock--right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.echMetricText__title{word-wrap:break-word;width:100%}.echMetricText__title button{width:95%;outline:none;display:block}.echMetricText__subtitle{padding-top:5px;font-weight:normal;width:95%}.echMetricText__extra{font-weight:normal}.echMetricText__value{position:relative;font-weight:bold;white-space:nowrap;overflow:hidden}.echMetricText__valueIcon{padding-left:8px}.echMetricText__part{font-weight:bold}.echMetricText__icon{display:-webkit-box;display:-ms-flexbox;display:flex}.echMetricText__icon--left{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}.echMetricText__icon--right{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}.echSingleMetricProgress{position:absolute;border-radius:8px}.echSingleMetricProgress--vertical{left:8px;right:0;top:8px;bottom:0;height:calc(100% - 16px);width:100%}.echSingleMetricProgress--vertical.echSingleMetricProgress--small{right:auto;width:4px}.echSingleMetricProgress--vertical.echSingleMetricProgress--medium{right:auto;width:8px}.echSingleMetricProgress--vertical.echSingleMetricProgress--large{right:auto;width:16px}.echSingleMetricProgress--horizontal{left:8px;right:0;width:calc(100% - 16px);top:0;bottom:8px;height:100%}.echSingleMetricProgress--horizontal.echSingleMetricProgress--small{top:auto;height:4px}.echSingleMetricProgress--horizontal.echSingleMetricProgress--medium{top:auto;height:8px}.echSingleMetricProgress--horizontal.echSingleMetricProgress--large{top:auto;height:16px}.echSingleMetricProgressBar{-webkit-transition:background-color ease-in-out .1s;transition:background-color ease-in-out .1s;max-width:100%;max-height:100%}.echSingleMetricProgressBar--vertical{position:absolute;left:0;right:0;bottom:0;width:100%}.echSingleMetricProgressBar--horizontal{position:absolute;top:0;bottom:0;left:0;height:100%}.echSingleMetricTarget{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:visible;z-index:1}.echSingleMetricTarget--vertical{-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;left:100%;bottom:0}.echSingleMetricTarget--horizontal{position:absolute;bottom:100%}.echSingleMetricZeroBaseline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:visible}.echSingleMetricZeroBaseline--vertical{position:absolute;left:0}.echSingleMetricZeroBaseline--vertical.echSingleMetricZeroBaseline--small{right:auto;height:2px;width:6.5px}.echSingleMetricZeroBaseline--vertical.echSingleMetricZeroBaseline--medium{right:auto;height:2px;width:13px}.echSingleMetricZeroBaseline--vertical.echSingleMetricZeroBaseline--large{right:auto;height:4px;width:26px}.echSingleMetricZeroBaseline--horizontal{position:absolute;bottom:0}.echSingleMetricZeroBaseline--horizontal.echSingleMetricZeroBaseline--small{top:auto;width:2px;height:6.5px}.echSingleMetricZeroBaseline--horizontal.echSingleMetricZeroBaseline--medium{top:auto;width:2px;height:13px}.echSingleMetricZeroBaseline--horizontal.echSingleMetricZeroBaseline--large{top:auto;width:4px;height:26px}.echSingleMetricSparkline{position:absolute;overflow:hidden;top:0;bottom:0;left:0;right:0}.echSingleMetricSparkline__svg{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.echSingleMetricSparkline__svg rect,.echSingleMetricSparkline__svg path{-webkit-transition:fill ease-in-out .1s;transition:fill ease-in-out .1s}.echSingleMetricChart--small{position:absolute;top:auto;left:auto;bottom:0;right:0;width:100px;height:30px}.echSecondaryMetric{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap}.echSecondaryMetric__label{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.echSecondaryMetric__value{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:calc(100% - 4px)}.echSecondaryMetric__value--full{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%}.echSecondaryMetric__truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.echBadge__content{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;overflow:hidden;min-block-size:18px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding-block:2px;padding-inline:10px;border:1px solid transparent;border-radius:9999px;font-size:inherit;line-height:inherit;text-align:start;text-decoration:none;background-color:#e3e8f2;color:#07101f;cursor:inherit}.echBadge__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0}.echMetricContainer{display:grid;width:100%;height:100%;-ms-flex-line-pack:start;align-content:start;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.echMetric{position:relative;width:100%;height:100%;overflow:hidden;-webkit-transition:background-color ease-in-out .1s;transition:background-color ease-in-out .1s}.echMetric .echMetric--outline{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.echMetric:focus-within .echMetric--outline{outline:auto;outline-offset:-1.5px}.echMetric--rightBorder{border-right:1px solid #343741}.echMetric--topBorder{border-top:1px solid #343741}.echMetric--bottomBorder{border-bottom:1px solid #343741}.echMetric--vertical.echMetric--withProgressBar--small{padding-left:12px}.echMetric--vertical.echMetric--withProgressBar--medium{padding-left:16px}.echMetric--vertical.echMetric--withProgressBar--large{padding-left:24px}.echMetric--vertical.echMetric--withTargetProgressBar--small{padding-left:20px}.echMetric--vertical.echMetric--withTargetProgressBar--medium{padding-left:24px}.echMetric--vertical.echMetric--withTargetProgressBar--large{padding-left:32px}.echMetric--horizontal.echMetric--withProgressBar--small{padding-bottom:12px}.echMetric--horizontal.echMetric--withProgressBar--medium{padding-bottom:16px}.echMetric--horizontal.echMetric--withProgressBar--large{padding-bottom:24px}.echMetric--horizontal.echMetric--withTargetProgressBar--small{padding-bottom:20px}.echMetric--horizontal.echMetric--withTargetProgressBar--medium{padding-bottom:24px}.echMetric--horizontal.echMetric--withTargetProgressBar--large{padding-bottom:32px}.echMetricEmpty{position:absolute;bottom:9px;right:11px;width:20px;border-bottom:1px solid}