@elastic/charts 64.1.0 → 65.1.0

package/dist/state/selectors/get_legend_table_size.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLegendTableSize = void 0;
+const default_theme_attributes_1 = require("../../common/default_theme_attributes");
+const legend_1 = require("../../common/legend");
+const legend_table_1 = require("../../components/legend/legend_table/legend_table");
+const common_1 = require("../../utils/common");
+const MONO_LETTER_WIDTH = 7.8;
+const MONO_SEPARATOR_WIDTH = 4.5;
+const SCROLL_BAR_WIDTH = 16;
+const VERTICAL_PADDING = 4;
+const TOP_MARGIN = 2;
+const GRID_CELL_PADDING = { height: 4, width: 8 };
+const GRID_MARGIN = 8;
+const HORIZONTAL_VISIBLE_LINES_NUMBER = 4;
+const GRID_CELL_BORDER_WIDTH = 1;
+const fontArgs = [
+    {
+        fontFamily: default_theme_attributes_1.DEFAULT_FONT_FAMILY,
+        fontWeight: 400,
+        fontVariant: 'normal',
+        fontStyle: 'normal',
+        textColor: 'black',
+    },
+    12,
+    1.34,
+];
+const headerFontArgs = [
+    {
+        ...fontArgs[0],
+        fontWeight: 600,
+    },
+    fontArgs[1],
+    fontArgs[2],
+];
+const calcApprValuesWidth = ({ label }) => label.includes('.')
+    ? (label.length - 1) * MONO_LETTER_WIDTH + MONO_SEPARATOR_WIDTH
+    : label.length * MONO_LETTER_WIDTH;
+function getLegendTableSize(config, theme, parentDimensions, items, textMeasure) {
+    const { legend: { verticalWidth, spacingBuffer, margin }, } = theme;
+    const { legendSize, legendValues, legendPosition, legendAction } = config;
+    const { width: titleWidth, height } = textMeasure(config.legendTitle || '', ...headerFontArgs);
+    const valuesTitlesWidth = legendValues.map((v) => textMeasure(legend_1.legendValueTitlesMap[v], ...fontArgs).width);
+    const widestLabelWidth = items.reduce((acc, { label }) => Math.max(acc, textMeasure(label, ...fontArgs).width), Math.max(titleWidth, legend_table_1.MIN_LABEL_WIDTH));
+    const widestValuesWidths = items.reduce((acc, { values }) => {
+        const valuesWidths = values.map(calcApprValuesWidth);
+        return acc.map((w, i) => Math.ceil(Math.max(w, valuesWidths[i] || 0)));
+    }, valuesTitlesWidth);
+    const seriesWidth = Math.ceil(widestLabelWidth + GRID_CELL_PADDING.width * 2);
+    const legendItemWidth = seriesWidth + widestValuesWidths.reduce((acc, w) => acc + w + GRID_CELL_PADDING.width * 2, 0) + 1;
+    const actionWidth = (0, common_1.isDefined)(legendAction) ? legend_table_1.GRID_ACTION_WIDTH : 0;
+    if (legendPosition.direction === common_1.LayoutDirection.Vertical) {
+        const maxAvailableWidth = parentDimensions.width * 0.5;
+        const legendItemHeight = height + VERTICAL_PADDING * 2;
+        const legendHeight = legendItemHeight * items.length + TOP_MARGIN;
+        const scrollBarDimension = legendHeight > parentDimensions.height ? SCROLL_BAR_WIDTH : 0;
+        const staticWidth = legend_table_1.GRID_COLOR_WIDTH + GRID_MARGIN * 2 + actionWidth + scrollBarDimension;
+        const width = Number.isFinite(legendSize)
+            ? Math.min(Math.max(legendSize, legendItemWidth * 0.3 + staticWidth), maxAvailableWidth)
+            : Math.ceil(Math.min(legendItemWidth + staticWidth, maxAvailableWidth));
+        return {
+            height: legendHeight,
+            width,
+            margin,
+            position: legendPosition,
+            seriesWidth: Math.min(seriesWidth, (Number.isFinite(legendSize) ? legendSize : maxAvailableWidth) / 2),
+        };
+    }
+    const visibleLinesNumber = Math.min(items.length + 1, HORIZONTAL_VISIBLE_LINES_NUMBER);
+    const singleLineHeight = height + GRID_CELL_PADDING.height * 2 + GRID_CELL_BORDER_WIDTH;
+    return {
+        height: singleLineHeight * visibleLinesNumber + GRID_MARGIN,
+        width: Math.floor(Math.min(legendItemWidth + spacingBuffer + actionWidth, verticalWidth)),
+        margin,
+        position: legendPosition,
+    };
+}
+exports.getLegendTableSize = getLegendTableSize;
+//# sourceMappingURL=get_legend_table_size.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get_legend_table_size.js","sourceRoot":"","sources":["../../../src/state/selectors/get_legend_table_size.ts"],"names":[],"mappings":";;;AAUA,oFAA4E;AAC5E,gDAAwF;AAExF,oFAI2D;AAE3D,+CAAgE;AAIhE,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAC9B,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAEjC,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAC5B,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,UAAU,GAAG,CAAC,CAAC;AAErB,MAAM,iBAAiB,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AAClD,MAAM,WAAW,GAAG,CAAC,CAAC;AACtB,MAAM,+BAA+B,GAAG,CAAC,CAAC;AAC1C,MAAM,sBAAsB,GAAG,CAAC,CAAC;AAEjC,MAAM,QAAQ,GAA2B;IACvC;QACE,UAAU,EAAE,8CAAmB;QAC/B,UAAU,EAAE,GAAG;QACf,WAAW,EAAE,QAAQ;QACrB,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,OAAO;KACnB;IACD,EAAE;IACF,IAAI;CACL,CAAC;AAEF,MAAM,cAAc,GAA2B;IAC7C;QACE,GAAG,QAAQ,CAAC,CAAC,CAAC;QACd,UAAU,EAAE,GAAG;KAChB;IACD,QAAQ,CAAC,CAAC,CAAC;IACX,QAAQ,CAAC,CAAC,CAAC;CACZ,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAAmB,EAAE,EAAE,CACzD,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;IACjB,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,iBAAiB,GAAG,oBAAoB;IAC/D,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,iBAAiB,CAAC;AAGvC,SAAgB,kBAAkB,CAChC,MAAkD,EAClD,KAAY,EACZ,gBAA4B,EAC5B,KAAmB,EACnB,WAAwB;IAExB,MAAM,EACJ,MAAM,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,EAAE,GACjD,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;IAE1E,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,WAAW,IAAI,EAAE,EAAE,GAAG,cAAc,CAAC,CAAC;IAC/F,MAAM,iBAAiB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,6BAAoB,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;IAE3G,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CACnC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,WAAW,CAAC,KAAK,EAAE,GAAG,QAAQ,CAAC,CAAC,KAAK,CAAC,EACxE,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,8BAAe,CAAC,CACtC,CAAC;IAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QAC1D,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QACrD,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACzE,CAAC,EAAE,iBAAiB,CAAC,CAAC;IAEtB,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAE9E,MAAM,eAAe,GACnB,WAAW,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,iBAAiB,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IAEpG,MAAM,WAAW,GAAG,IAAA,kBAAS,EAAC,YAAY,CAAC,CAAC,CAAC,CAAC,gCAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpE,IAAI,cAAc,CAAC,SAAS,KAAK,wBAAe,CAAC,QAAQ,EAAE,CAAC;QAC1D,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,KAAK,GAAG,GAAG,CAAC;QACvD,MAAM,gBAAgB,GAAG,MAAM,GAAG,gBAAgB,GAAG,CAAC,CAAC;QACvD,MAAM,YAAY,GAAG,gBAAgB,GAAG,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC;QAClE,MAAM,kBAAkB,GAAG,YAAY,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;QACzF,MAAM,WAAW,GAAG,+BAAgB,GAAG,WAAW,GAAG,CAAC,GAAG,WAAW,GAAG,kBAAkB,CAAC;QAE1F,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC;YACvC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,eAAe,GAAG,GAAG,GAAG,WAAW,CAAC,EAAE,iBAAiB,CAAC;YACxF,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,GAAG,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC;QAE1E,OAAO;YACL,MAAM,EAAE,YAAY;YACpB,KAAK;YACL,MAAM;YACN,QAAQ,EAAE,cAAc;YACxB,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;SACvG,CAAC;IACJ,CAAC;IAED,MAAM,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,+BAA+B,CAAC,CAAC;IACvF,MAAM,gBAAgB,GAAG,MAAM,GAAG,iBAAiB,CAAC,MAAM,GAAG,CAAC,GAAG,sBAAsB,CAAC;IACxF,OAAO;QACL,MAAM,EAAE,gBAAgB,GAAG,kBAAkB,GAAG,WAAW;QAC3D,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,GAAG,aAAa,GAAG,WAAW,EAAE,aAAa,CAAC,CAAC;QACzF,MAAM;QACN,QAAQ,EAAE,cAAc;KACzB,CAAC;AACJ,CAAC;AA7DD,gDA6DC"}

package/dist/state/selectors/get_settings_spec.js

@@ -5,6 +5,7 @@ const get_specs_1 = require("./get_specs");
 const chart_types_1 = require("../../chart_types");
 const constants_1 = require("../../specs/constants");
 const debounce_1 = require("../../utils/debounce");
+const logger_1 = require("../../utils/logger");
 const create_selector_1 = require("../create_selector");
 const utils_1 = require("../utils");
 const DEFAULT_POINTER_UPDATE_DEBOUNCE = 16;
@@ -12,13 +13,18 @@ exports.getSettingsSpecSelector = (0, create_selector_1.createCustomCachedSelect
 function getSettingsSpec(specs) {
     const settingsSpecs = (0, utils_1.getSpecsFromStore)(specs, chart_types_1.ChartType.Global, constants_1.SpecType.Settings);
     const spec = settingsSpecs[0];
-    return spec ? handleListenerDebouncing(spec) : constants_1.DEFAULT_SETTINGS_SPEC;
+    return spec ? validateSpec(spec) : constants_1.DEFAULT_SETTINGS_SPEC;
 }
-function handleListenerDebouncing(settings) {
+function validateSpec(spec) {
     var _a;
-    const delay = (_a = settings.pointerUpdateDebounce) !== null && _a !== void 0 ? _a : DEFAULT_POINTER_UPDATE_DEBOUNCE;
-    if (settings.onPointerUpdate)
-        settings.onPointerUpdate = (0, debounce_1.debounce)(settings.onPointerUpdate, delay);
-    return settings;
+    const delay = (_a = spec.pointerUpdateDebounce) !== null && _a !== void 0 ? _a : DEFAULT_POINTER_UPDATE_DEBOUNCE;
+    if (spec.onPointerUpdate) {
+        spec.onPointerUpdate = (0, debounce_1.debounce)(spec.onPointerUpdate, delay);
+    }
+    if (spec.dow < 1 || spec.dow > 7 || !Number.isInteger(spec.dow)) {
+        logger_1.Logger.warn(`Settings.dow option must be an integer from 1 to 7, received ${spec.dow}. Using default of 1.`);
+        spec.dow = constants_1.settingsBuildProps.defaults.dow;
+    }
+    return spec;
 }
 //# sourceMappingURL=get_settings_spec.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"get_settings_spec.js","sourceRoot":"","sources":["../../../src/state/selectors/get_settings_spec.ts"],"names":[],"mappings":";;;AAQA,2CAAuC;AACvC,mDAA8C;AAC9C,qDAAwE;AAExE,mDAAgD;AAEhD,wDAAgE;AAChE,oCAA6C;AAE7C,MAAM,+BAA+B,GAAG,EAAE,CAAC;AAK9B,QAAA,uBAAuB,GAAG,IAAA,4CAA0B,EAAC,CAAC,oBAAQ,CAAC,EAAE,eAAe,CAAC,CAAC;AAE/F,SAAS,eAAe,CAAC,KAAe;IACtC,MAAM,aAAa,GAAG,IAAA,yBAAiB,EAAe,KAAK,EAAE,uBAAS,CAAC,MAAM,EAAE,oBAAQ,CAAC,QAAQ,CAAC,CAAC;IAClG,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IAC9B,OAAO,IAAI,CAAC,CAAC,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,iCAAqB,CAAC;AACvE,CAAC;AAED,SAAS,wBAAwB,CAAC,QAAsB;;IACtD,MAAM,KAAK,GAAG,MAAA,QAAQ,CAAC,qBAAqB,mCAAI,+BAA+B,CAAC;IAEhF,IAAI,QAAQ,CAAC,eAAe;QAAE,QAAQ,CAAC,eAAe,GAAG,IAAA,mBAAQ,EAAC,QAAQ,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;IAEnG,OAAO,QAAQ,CAAC;AAClB,CAAC"}
+{"version":3,"file":"get_settings_spec.js","sourceRoot":"","sources":["../../../src/state/selectors/get_settings_spec.ts"],"names":[],"mappings":";;;AAQA,2CAAuC;AACvC,mDAA8C;AAC9C,qDAA4F;AAE5F,mDAAgD;AAChD,+CAA4C;AAE5C,wDAAgE;AAChE,oCAA6C;AAE7C,MAAM,+BAA+B,GAAG,EAAE,CAAC;AAK9B,QAAA,uBAAuB,GAAG,IAAA,4CAA0B,EAAC,CAAC,oBAAQ,CAAC,EAAE,eAAe,CAAC,CAAC;AAE/F,SAAS,eAAe,CAAC,KAAe;IACtC,MAAM,aAAa,GAAG,IAAA,yBAAiB,EAAe,KAAK,EAAE,uBAAS,CAAC,MAAM,EAAE,oBAAQ,CAAC,QAAQ,CAAC,CAAC;IAClG,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IAC9B,OAAO,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,iCAAqB,CAAC;AAC3D,CAAC;AAED,SAAS,YAAY,CAAC,IAAkB;;IACtC,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,qBAAqB,mCAAI,+BAA+B,CAAC;IAE5E,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,IAAI,CAAC,eAAe,GAAG,IAAA,mBAAQ,EAAC,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;IAC/D,CAAC;IAED,IAAI,IAAI,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QAChE,eAAM,CAAC,IAAI,CAAC,gEAAgE,IAAI,CAAC,GAAG,uBAAuB,CAAC,CAAC;QAE7G,IAAI,CAAC,GAAG,GAAG,8BAAkB,CAAC,QAAQ,CAAC,GAAG,CAAC;IAC7C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/theme.scss

@@ -13,6 +13,7 @@
   bottom: 0;
   left: 0;
   right: 0;
+  z-index: 0;
 }
 
 .echChart {
@@ -482,6 +483,289 @@ $tooltipPromptAnimTime: 0.25s;
 }
 
 
+$echLegendColumnGap: 24px;
+$echLegendRowHeight: 16px;
+
+$tableRowHoverColor: $euiColorLightestShade;
+$legendBorderColor: $euiColorLightestShade;
+
+$echLegendRowGap: 8px;
+$legendItemVerticalPadding: $echLegendRowGap / 2;
+$echLegendTableCellPadding: 8px 4px;
+
+$echLegendTablePadding: 8px;
+$echLegendHorizontalTablePadding: 4px 8px 4px 16px;
+$legendBorderWidth: 1px;
+$tableBorder: solid $legendBorderWidth $legendBorderColor;
+$tableOutsideBorder: solid $legendBorderWidth $euiColorLightShade;
+
+@mixin wrapText {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  word-break: break-all;
+  word-break: break-word;
+  hyphens: auto;
+  overflow: hidden;
+  min-width: 1px;
+}
+
+@mixin lineClamp($maxLines) {
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: $maxLines; /* number of lines to show */
+  line-clamp: $maxLines;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+
+.echLegendTable__container {
+  @include euiYScrollWithShadows;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  :focus {
+    @include euiFocusRing(null, 1);
+    background-color: $euiFocusBackgroundColor;
+    border-radius: $euiBorderRadius / 2;
+  }
+}
+
+.echLegendTable {
+  overflow: auto;
+  display: grid;
+  width: 100%;
+  position: relative;
+
+  &__header,
+  &__rowgroup,
+  &__row {
+    // This ignores all above elements for positioning
+    // effectively spreading all children in its place
+    display: contents;
+  }
+
+  .echColorPickerPopover {
+    display: flex;
+    align-items: center;
+  }
+}
+
+.echLegend {
+  &--vertical {
+    .echLegendTable__container {
+      padding: $echLegendTablePadding;
+    }
+  }
+
+  &--horizontal {
+    .echLegendTable {
+      padding: $echLegendHorizontalTablePadding;
+    }
+  }
+}
+
+$echLegendColumnGap: 24px;
+$echLegendRowHeight: 16px;
+
+$tableRowHoverColor: $euiColorLightestShade;
+$legendBorderColor: $euiColorLightestShade;
+
+$echLegendRowGap: 8px;
+$legendItemVerticalPadding: $echLegendRowGap / 2;
+$echLegendTableCellPadding: 8px 4px;
+
+$echLegendTablePadding: 8px;
+$echLegendHorizontalTablePadding: 4px 8px 4px 16px;
+$legendBorderWidth: 1px;
+$tableBorder: solid $legendBorderWidth $legendBorderColor;
+$tableOutsideBorder: solid $legendBorderWidth $euiColorLightShade;
+
+@mixin wrapText {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  word-break: break-all;
+  word-break: break-word;
+  hyphens: auto;
+  overflow: hidden;
+  min-width: 1px;
+}
+
+@mixin lineClamp($maxLines) {
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: $maxLines; /* number of lines to show */
+  line-clamp: $maxLines;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+
+.echLegendTable__item {
+  color: $euiTextColor;
+
+  .echLegendItem__action {
+    padding-top: $euiSizeXS / 2;
+    max-width: 16px;
+    height: $echLegendRowHeight;
+    &:empty {
+      width: 0;
+    }
+  }
+
+  &:last-child .echLegendTable__cell {
+    border-bottom: $tableOutsideBorder;
+  }
+
+  &:not([dir='rtl']) .echLegendTable__cell:last-child {
+    padding-right: $euiSizeXS/2;
+  }
+
+  &[dir='rtl'] {
+    .echLegendTable__cell:last-child {
+      padding-left: $euiSizeXS/2;
+    }
+
+    .echLegendItem {
+      &__label {
+        text-align: right;
+      }
+    }
+    .echLegend__legendValue {
+      text-align: left;
+    }
+  }
+
+  &--highlightable {
+    .echLegendTable__cell:hover {
+      background-color: $tableRowHoverColor;
+    }
+
+    .echLegendTable__cell:hover ~ .echLegendTable__cell {
+      background-color: $tableRowHoverColor;
+    }
+
+    .echLegendTable__cell:has(~ .echLegendTable__cell:hover) {
+      background-color: $tableRowHoverColor;
+    }
+  }
+
+  &:not(&--hidden) {
+    .echLegendSingleItem__color--changable {
+      cursor: pointer;
+    }
+  }
+
+  &--vertical {
+    padding-top: $legendItemVerticalPadding / 2;
+    padding-bottom: $legendItemVerticalPadding / 2;
+  }
+
+  &--hidden {
+    color: $euiColorDarkShade;
+  }
+
+  .echLegend__legendValue {
+    @include euiFontSizeXS;
+    text-align: right;
+    font-feature-settings: 'tnum';
+    letter-spacing: unset;
+    direction: ltr;
+    white-space: nowrap;
+  }
+}
+
+$echLegendColumnGap: 24px;
+$echLegendRowHeight: 16px;
+
+$tableRowHoverColor: $euiColorLightestShade;
+$legendBorderColor: $euiColorLightestShade;
+
+$echLegendRowGap: 8px;
+$legendItemVerticalPadding: $echLegendRowGap / 2;
+$echLegendTableCellPadding: 8px 4px;
+
+$echLegendTablePadding: 8px;
+$echLegendHorizontalTablePadding: 4px 8px 4px 16px;
+$legendBorderWidth: 1px;
+$tableBorder: solid $legendBorderWidth $legendBorderColor;
+$tableOutsideBorder: solid $legendBorderWidth $euiColorLightShade;
+
+@mixin wrapText {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  word-break: break-all;
+  word-break: break-word;
+  hyphens: auto;
+  overflow: hidden;
+  min-width: 1px;
+}
+
+@mixin lineClamp($maxLines) {
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: $maxLines; /* number of lines to show */
+  line-clamp: $maxLines;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+
+.echLegendTable__cell {
+  @include euiFontSizeXS;
+  align-content: baseline;
+  border-bottom: $tableBorder;
+  padding: $euiSizeXS ($euiSizeXS * 2);
+
+  &--truncate {
+    @include lineClamp(1);
+  }
+}
+
+.echLegendTable__colorCell {
+  padding-right: 0;
+  padding-left: $euiSizeXS / 2;
+
+  &.echLegend__colorWrapper {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    z-index: 1;
+  }
+}
+
+$echLegendColumnGap: 24px;
+$echLegendRowHeight: 16px;
+
+$tableRowHoverColor: $euiColorLightestShade;
+$legendBorderColor: $euiColorLightestShade;
+
+$echLegendRowGap: 8px;
+$legendItemVerticalPadding: $echLegendRowGap / 2;
+$echLegendTableCellPadding: 8px 4px;
+
+$echLegendTablePadding: 8px;
+$echLegendHorizontalTablePadding: 4px 8px 4px 16px;
+$legendBorderWidth: 1px;
+$tableBorder: solid $legendBorderWidth $legendBorderColor;
+$tableOutsideBorder: solid $legendBorderWidth $euiColorLightShade;
+
+
+.echLegendTable__header {
+  cursor: default;
+  font-weight: $euiFontWeightSemiBold;
+  background-color: $euiColorEmptyShade;
+  font-size: $euiFontSizeXS;
+
+  .echLegendTable__cell {
+    border-bottom: $tableOutsideBorder;
+  }
+}
+
+
 [id^='echTooltipPortal'] {
   pointer-events: none;
 }
@@ -516,11 +800,25 @@ $tooltipPromptAnimTime: 0.25s;
 }
 
 
-$echLegendMaxWidth: 200px;
-$echLegendRowGap: 8px;
 $echLegendColumnGap: 24px;
+$echLegendRowHeight: 16px;
+
+$tableRowHoverColor: $euiColorLightestShade;
+$legendBorderColor: $euiColorLightestShade;
+
+$echLegendRowGap: 8px;
+$legendItemVerticalPadding: $echLegendRowGap / 2;
+$echLegendTableCellPadding: 8px 4px;
+
+$echLegendTablePadding: 8px;
+$echLegendHorizontalTablePadding: 4px 8px 4px 16px;
+$legendBorderWidth: 1px;
+$tableBorder: solid $legendBorderWidth $legendBorderColor;
+$tableOutsideBorder: solid $legendBorderWidth $euiColorLightShade;
 
 .echLegend {
+  z-index: 1;
+
   .echLegendList {
     display: grid;
     grid-template-columns: minmax(0, 1fr);
@@ -603,7 +901,7 @@ $legendItemHeight: #{$euiFontSizeXS * $euiLineHeight};
   position: relative;
 
   // wrapper is needed to isolate color icon when wrapped or not
-  .colorWrapper > *:first-of-type {
+  .echLegend__colorWrapper > *:first-of-type {
     // euiPopover adds a div with height of 19px otherwise
     // this prevents color dot from shifting when wrapped
     height: $legendItemHeight;
@@ -612,7 +910,7 @@ $legendItemHeight: #{$euiFontSizeXS * $euiLineHeight};
   &:not([dir='rtl']) > *:not(.background) {
     margin-left: $euiSizeXS;
 
-    &:last-child:not(.echLegendItem__extra) {
+    &:last-child:not(.echLegendItem__legendValue) {
       margin-right: $euiSizeXS;
     }
   }
@@ -620,7 +918,7 @@ $legendItemHeight: #{$euiFontSizeXS * $euiLineHeight};
   &[dir='rtl'] > *:not(.background) {
     margin-right: $euiSizeXS;
 
-    &:last-child:not(.echLegendItem__extra) {
+    &:last-child:not(.echLegendItem__legendValue) {
       margin-left: $euiSizeXS;
     }
   }
@@ -694,7 +992,7 @@ $legendItemHeight: #{$euiFontSizeXS * $euiLineHeight};
     }
   }
 
-  &__extra {
+  &__legendValue {
     @include euiFontSizeXS;
     text-align: right;
     flex: 0 0 auto;
@@ -1110,10 +1408,6 @@ $legendItemHeight: #{$euiFontSizeXS * $euiLineHeight};
     }
   }
 
-  &:focus-within button {
-    outline: none;
-  }
-
   &--rightBorder {
     border-right: 1px solid #343741;
   }

package/dist/theme_dark.css

@@ -1 +1 @@
-*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:none;vertical-align:baseline}code,pre,kbd,samp{font-family:"Roboto Mono",Menlo,Courier,monospace}h1,h2,h3,h4,h5,h6,p{font-family:inherit;font-weight:inherit;font-size:inherit}input,textarea,select,button{font-family:"Inter",BlinkMacSystemFont,Helvetica,Arial,sans-serif}em{font-style:italic}strong{font-weight:700}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-family:"Inter",BlinkMacSystemFont,Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:normal;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-kerning:normal;font-kerning:normal;font-size:14px;color:#dfe5ef;height:100%;background-color:#141519}body{line-height:1}*:focus{outline:none}*:focus::-moz-focus-inner{border:none}*:focus:-moz-focusring{outline:none}a{text-decoration:none;color:#36a2ef}a:hover{text-decoration:none}a:focus{text-decoration:none;outline:none}a:hover,button,[role=button]{cursor:pointer}input{margin:0;padding:0}input:disabled{opacity:1}button{background:none;border:none;padding:0;margin:0;outline:none;font-size:inherit;color:inherit;border-radius:0}button:hover{cursor:pointer}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}hr{margin:0}fieldset{min-inline-size:auto}svg text{letter-spacing:normal !important}html{scrollbar-color:rgba(152,162,179,.5) #242529}html::-webkit-scrollbar{width:16px;height:16px}html::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);background-clip:content-box;border-radius:16px;border:4px solid #242529}html::-webkit-scrollbar-corner,html::-webkit-scrollbar-track{background-color:#242529}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}.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:6px;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.1428571429rem;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:#1d1e24;color:#dfe5ef;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 #1d1e24}.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(152,162,179,.5) transparent;scrollbar-width:thin;background-color:#1d1e24}.echTooltip__tableWrapper::-webkit-scrollbar{width:16px;height:16px}.echTooltip__tableWrapper::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.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:#1d1e24;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 #343741;top:0}.echTooltip__tableFooter{margin-top:0;bottom:0}.echTooltip__tableFooter .echTooltip__tableCell{border-top:solid 1px #343741;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:rgba(27,81,120,.28)}.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:rgba(27,81,120,.28)}.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(54,162,239,.05)}.echTooltip__tableRow{position:relative}.echTooltip__tableRow--highlighted .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableRow--highlighted .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(52,55,65,.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 #343741}@-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:#7a7f89;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:#7a7f89;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:#dfe5ef}.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:#515761}.echTooltipActions__action[disabled]:hover,.echTooltipActions__action[disabled]:focus{text-decoration:none}[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:rgba(54,162,239,.2)}.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(152,162,179,.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%);width:100%;overflow-y:auto;overflow-x:hidden}.echLegend .echLegendListContainer::-webkit-scrollbar{width:16px;height:16px}.echLegend .echLegendListContainer::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.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{outline:2px solid currentColor;outline-offset:1px;background-color:rgba(54,162,239,.2);border-radius:3px}.echLegend .echLegendListContainer :focus:focus-visible{outline-style:auto}.echLegend .echLegendListContainer :focus:not(:focus-visible){outline:none}.echLegendItem{color:#dfe5ef;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 .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__extra){margin-right:4px}.echLegendItem[dir=rtl]>*:not(.background){margin-right:4px}.echLegendItem[dir=rtl]>*:not(.background):last-child:not(.echLegendItem__extra){margin-left:4px}.echLegendItem:not(.echLegendItem--hidden) .echLegendItem__color--changable{cursor:pointer}.echLegendItem:hover .background{background-color:#25262e}.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.1428571429rem;-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;-webkit-hyphens:auto;-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__extra{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;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:#98a2b3}.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.1428571429rem;color:#98a2b3}.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(29,30,36,.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}.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:focus-within button{outline:none}.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:10px}.echMetric--vertical.echMetric--withTargetProgressBar--small{padding-left:14px}.echMetric--horizontal.echMetric--withProgressBar--small{padding-bottom:10px}.echMetric--horizontal.echMetric--withTargetProgressBar--small{padding-bottom:12px}.echMetricEmpty{position:absolute;bottom:9px;right:11px;width:20px;border-bottom:1px solid}.echMetricText{position:relative;padding:8px;height:100%;z-index:1;display:grid;grid-template-columns:100%;grid-template-rows:-webkit-min-content -webkit-min-content auto -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content auto min-content min-content;text-align:left;line-height:1.2}.echMetricText__title{font-weight:bold;word-wrap:break-word}.echMetricText__title button{font-weight:bold;width:100%;text-align:left}.echMetricText__icon{position:absolute;right:8px;top:8px}.echMetricText__subtitle{padding-top:5px;font-weight:normal;text-align:left}.echMetricText__extra{text-align:right;font-weight:normal}.echMetricText__value{position:relative;font-weight:bold;text-align:right;white-space:nowrap;overflow:hidden}.echMetricText__valueIcon{display:inline-block;position:absolute;right:8px;bottom:8px}.echMetricText__part{font-weight:bold}.echMetricText__gap{position:relative}.echMetricText__body{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0}.echSingleMetricProgress{position:absolute}.echSingleMetricProgress--vertical{left:0;right:0;top:0;bottom:0;height:100%;width:100%}.echSingleMetricProgress--vertical.echSingleMetricProgress--small{right:auto;width:10px}.echSingleMetricProgress--horizontal{left:0;right:0;width:100%;top:0;bottom:0;height:100%}.echSingleMetricProgress--horizontal.echSingleMetricProgress--small{top:auto;height:10px}.echSingleMetricProgressBar{-webkit-transition:background-color ease-in-out .1s;transition:background-color ease-in-out .1s}.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:13px}.echSingleMetricZeroBaseline--horizontal{position:absolute;bottom:0}.echSingleMetricZeroBaseline--horizontal.echSingleMetricZeroBaseline--small{top:auto;width:2px;height:13px}.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}
+*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:none;vertical-align:baseline}code,pre,kbd,samp{font-family:"Roboto Mono",Menlo,Courier,monospace}h1,h2,h3,h4,h5,h6,p{font-family:inherit;font-weight:inherit;font-size:inherit}input,textarea,select,button{font-family:"Inter",BlinkMacSystemFont,Helvetica,Arial,sans-serif}em{font-style:italic}strong{font-weight:700}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-family:"Inter",BlinkMacSystemFont,Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:normal;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-kerning:normal;font-kerning:normal;font-size:14px;color:#dfe5ef;height:100%;background-color:#141519}body{line-height:1}*:focus{outline:none}*:focus::-moz-focus-inner{border:none}*:focus:-moz-focusring{outline:none}a{text-decoration:none;color:#36a2ef}a:hover{text-decoration:none}a:focus{text-decoration:none;outline:none}a:hover,button,[role=button]{cursor:pointer}input{margin:0;padding:0}input:disabled{opacity:1}button{background:none;border:none;padding:0;margin:0;outline:none;font-size:inherit;color:inherit;border-radius:0}button:hover{cursor:pointer}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}hr{margin:0}fieldset{min-inline-size:auto}svg text{letter-spacing:normal !important}html{scrollbar-color:rgba(152,162,179,.5) #242529}html::-webkit-scrollbar{width:16px;height:16px}html::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);background-clip:content-box;border-radius:16px;border:4px solid #242529}html::-webkit-scrollbar-corner,html::-webkit-scrollbar-track{background-color:#242529}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:6px;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.1428571429rem;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:#1d1e24;color:#dfe5ef;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 #1d1e24}.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(152,162,179,.5) transparent;scrollbar-width:thin;background-color:#1d1e24}.echTooltip__tableWrapper::-webkit-scrollbar{width:16px;height:16px}.echTooltip__tableWrapper::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.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:#1d1e24;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 #343741;top:0}.echTooltip__tableFooter{margin-top:0;bottom:0}.echTooltip__tableFooter .echTooltip__tableCell{border-top:solid 1px #343741;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:rgba(27,81,120,.28)}.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:rgba(27,81,120,.28)}.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(54,162,239,.05)}.echTooltip__tableRow{position:relative}.echTooltip__tableRow--highlighted .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableRow--highlighted .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(52,55,65,.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 #343741}@-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:#7a7f89;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:#7a7f89;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:#dfe5ef}.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:#515761}.echTooltipActions__action[disabled]:hover,.echTooltipActions__action[disabled]:focus{text-decoration:none}.echLegendTable__container{scrollbar-color:rgba(152,162,179,.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%);width:100%;overflow-y:auto;overflow-x:hidden}.echLegendTable__container::-webkit-scrollbar{width:16px;height:16px}.echLegendTable__container::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.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{outline:2px solid currentColor;outline-offset:1px;background-color:rgba(54,162,239,.2);border-radius:3px}.echLegendTable__container :focus:focus-visible{outline-style:auto}.echLegendTable__container :focus:not(:focus-visible){outline:none}.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:#dfe5ef}.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 #343741}.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:#25262e}.echLegendTable__item--highlightable .echLegendTable__cell:hover~.echLegendTable__cell{background-color:#25262e}.echLegendTable__item--highlightable .echLegendTable__cell:has(~.echLegendTable__cell:hover){background-color:#25262e}.echLegendTable__item:not(.echLegendTable__item--hidden) .echLegendSingleItem__color--changable{cursor:pointer}.echLegendTable__item--vertical{padding-top:2px;padding-bottom:2px}.echLegendTable__item--hidden{color:#98a2b3}.echLegendTable__item .echLegend__legendValue{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;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.1428571429rem;-ms-flex-line-pack:baseline;align-content:baseline;border-bottom:solid 1px #25262e;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:#1d1e24;font-size:12px}.echLegendTable__header .echLegendTable__cell{border-bottom:solid 1px #343741}[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:rgba(54,162,239,.2)}.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(152,162,179,.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%);width:100%;overflow-y:auto;overflow-x:hidden}.echLegend .echLegendListContainer::-webkit-scrollbar{width:16px;height:16px}.echLegend .echLegendListContainer::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.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{outline:2px solid currentColor;outline-offset:1px;background-color:rgba(54,162,239,.2);border-radius:3px}.echLegend .echLegendListContainer :focus:focus-visible{outline-style:auto}.echLegend .echLegendListContainer :focus:not(:focus-visible){outline:none}.echLegendItem{color:#dfe5ef;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:#25262e}.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.1428571429rem;-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;-webkit-hyphens:auto;-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.1428571429rem;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:#98a2b3}.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.1428571429rem;color:#98a2b3}.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(29,30,36,.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}.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:10px}.echMetric--vertical.echMetric--withTargetProgressBar--small{padding-left:14px}.echMetric--horizontal.echMetric--withProgressBar--small{padding-bottom:10px}.echMetric--horizontal.echMetric--withTargetProgressBar--small{padding-bottom:12px}.echMetricEmpty{position:absolute;bottom:9px;right:11px;width:20px;border-bottom:1px solid}.echMetricText{position:relative;padding:8px;height:100%;z-index:1;display:grid;grid-template-columns:100%;grid-template-rows:-webkit-min-content -webkit-min-content auto -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content auto min-content min-content;text-align:left;line-height:1.2}.echMetricText__title{font-weight:bold;word-wrap:break-word}.echMetricText__title button{font-weight:bold;width:100%;text-align:left}.echMetricText__icon{position:absolute;right:8px;top:8px}.echMetricText__subtitle{padding-top:5px;font-weight:normal;text-align:left}.echMetricText__extra{text-align:right;font-weight:normal}.echMetricText__value{position:relative;font-weight:bold;text-align:right;white-space:nowrap;overflow:hidden}.echMetricText__valueIcon{display:inline-block;position:absolute;right:8px;bottom:8px}.echMetricText__part{font-weight:bold}.echMetricText__gap{position:relative}.echMetricText__body{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0}.echSingleMetricProgress{position:absolute}.echSingleMetricProgress--vertical{left:0;right:0;top:0;bottom:0;height:100%;width:100%}.echSingleMetricProgress--vertical.echSingleMetricProgress--small{right:auto;width:10px}.echSingleMetricProgress--horizontal{left:0;right:0;width:100%;top:0;bottom:0;height:100%}.echSingleMetricProgress--horizontal.echSingleMetricProgress--small{top:auto;height:10px}.echSingleMetricProgressBar{-webkit-transition:background-color ease-in-out .1s;transition:background-color ease-in-out .1s}.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:13px}.echSingleMetricZeroBaseline--horizontal{position:absolute;bottom:0}.echSingleMetricZeroBaseline--horizontal.echSingleMetricZeroBaseline--small{top:auto;width:2px;height:13px}.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}