@kong-ui-public/analytics-chart 10.18.10 → 10.18.11-pr.3477.a6d47be95.0

package/dist/style.css

@@ -1 +1 @@
-.zoom-timerange-container[data-v-4fa681cf]{line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0 4px;margin:0 var(--kui-space-20, 4px)}.zoom-timerange-container .zoom-timerange-details[data-v-4fa681cf]{display:grid;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:2px;gap:var(--kui-space-10, 2px);grid-template-columns:35px 1fr;margin:6px 2px;margin:var(--kui-space-30, 6px) var(--kui-space-10, 2px)}.zoom-timerange-container .zoom-timerange-details .label[data-v-4fa681cf]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.zoom-actions-container[data-v-179abac7]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column;line-height:16px;line-height:var(--kui-line-height-20, 16px)}.zoom-actions-container .zoom-actions-heading[data-v-179abac7]{align-items:top;display:flex}.zoom-actions-container .zoom-actions-heading .zoom-actions-close-icon[data-v-179abac7]{cursor:pointer;margin-right:6px;margin-right:var(--kui-space-30, 6px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.zoom-actions-container .zoom-actions-heading-divider[data-v-179abac7]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);margin:0 4px;margin:0 var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-select .zoom-action-item[data-v-179abac7]:first-child{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-item[data-v-179abac7]{color:#000933;color:var(--kui-color-text, #000933);cursor:pointer;font-size:12px;font-size:var(--kui-font-size-20, 12px);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);transition:background-color .2s}.zoom-actions-container .zoom-action-item[data-v-179abac7]:last-of-type{border-bottom-left-radius:4px;border-bottom-left-radius:var(--kui-border-radius-20, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--kui-border-radius-20, 4px);margin-bottom:4px;margin-bottom:var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-item .zoom-action-link[data-v-179abac7]{color:#000933;color:var(--kui-color-text, #000933);display:block;text-decoration:none}.zoom-actions-container .zoom-action-item.disabled[data-v-179abac7]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5);pointer-events:none}.zoom-actions-container .zoom-action-item.disabled a[data-v-179abac7]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5)}.zoom-actions-container .zoom-action-item[data-v-179abac7]:hover{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea)}.locked[data-v-ef584c53]{cursor:move}.tooltip-container[data-v-ef584c53]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;position:fixed;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:1}.tooltip-container .tooltip-title[data-v-ef584c53]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:6px 6px 0;margin:var(--kui-space-30, 6px) var(--kui-space-30, 6px) 0 var(--kui-space-30, 6px);min-height:24px;padding-bottom:4px;padding-bottom:var(--kui-space-20, 4px)}.tooltip-container .tooltip-title .title[data-v-ef584c53]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between}.tooltip-container .tooltip-title .title .drag-icon[data-v-ef584c53]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.tooltip-container .tooltip-title .subtitle[data-v-ef584c53]{display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between;margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip[data-v-ef584c53]{list-style:none;margin:6px;margin:var(--kui-space-30, 6px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}.tooltip-container .tooltip[data-v-ef584c53]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.tooltip-container .tooltip[data-v-ef584c53] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-ef584c53] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-ef584c53] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.tooltip-container .tooltip li[data-v-ef584c53]{align-items:center;display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:20px;line-height:var(--kui-line-height-30, 20px)}.tooltip-container .tooltip .display-label[data-v-ef584c53]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-ef584c53]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-ef584c53]{font-variant-numeric:tabular-nums;margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}.tooltip-container .tooltip .square-marker[data-v-ef584c53]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.no-select{-webkit-user-select:none;user-select:none}.legend-container[data-v-27d1c6d3]{box-sizing:border-box;display:flex;flex-grow:1;flex-wrap:wrap;gap:8px 9px;justify-content:center;margin:0;max-height:inherit;overflow:auto;-ms-overflow-style:thin;padding:8px calc(5% + 4px);padding:var(--kui-space-40, 8px) calc(5% + var(--kui-space-20, 4px));width:100%}.legend-container[data-v-27d1c6d3]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.legend-container[data-v-27d1c6d3] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-27d1c6d3] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-27d1c6d3] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.legend-container li[data-v-27d1c6d3]{align-items:center;cursor:pointer;display:flex;line-height:1;margin:0}.legend-container li .square-marker[data-v-27d1c6d3]{height:8px;margin:0;margin:var(--kui-space-0, 0px);margin-right:6px;margin-right:var(--kui-space-30, 6px);width:8px}.legend-container li .label[data-v-27d1c6d3]{font-size:12px;font-size:var(--kui-font-size-20, 12px);white-space:nowrap}.legend-container li .label.truncate-label[data-v-27d1c6d3]{max-width:20ch;overflow:hidden;text-overflow:ellipsis}.legend-container li .sub-label[data-v-27d1c6d3]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);word-break:none}.legend-container li .strike-through[data-v-27d1c6d3]{text-decoration:line-through}.legend-container li .empty[data-v-27d1c6d3]{font-style:italic}.legend-container li .tooltip-content[data-v-27d1c6d3]{max-width:40ch}.chart-parent[data-v-60e5a1a7]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-60e5a1a7]{flex-direction:column}.chart-parent.column .chart-container[data-v-60e5a1a7]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-60e5a1a7]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-60e5a1a7]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-container[data-v-60e5a1a7]{overflow:auto}.chart-container[data-v-60e5a1a7]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.chart-container[data-v-60e5a1a7] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-60e5a1a7] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-60e5a1a7] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container .chart-body[data-v-60e5a1a7]{height:100%}.chart-container[data-v-60e5a1a7]::-webkit-scrollbar-track{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container[data-v-60e5a1a7]::-webkit-scrollbar{width:10px}.chart-container[data-v-60e5a1a7]::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.axis[data-v-60e5a1a7]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-60e5a1a7]{background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#fff;color:var(--kui-color-text-inverse, #ffffff);max-width:40ch;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.axis-tooltip .axis-tooltip-content[data-v-60e5a1a7]{color:#fff;color:var(--kui-color-text-inverse, #ffffff);font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px)}.tooltip-boundary[data-v-60e5a1a7]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-48b16272]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-48b16272]{flex-direction:column}.chart-parent.column .chart-container[data-v-48b16272]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-48b16272]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-48b16272]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-center-metric[data-v-48b16272]{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.chart-center-metric .chart-center-total[data-v-48b16272]{color:#000933;color:var(--kui-color-text, #000933);font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:1.1}.chart-center-metric .chart-center-unit[data-v-48b16272]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.chart-parent[data-v-ac6e8bbc]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-ac6e8bbc]{flex-direction:column}.chart-parent.column .chart-container[data-v-ac6e8bbc]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-ac6e8bbc]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-ac6e8bbc]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.analytics-chart-shell[data-v-4d430534],.simple-chart-shell[data-v-4d430534]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-4d430534],.simple-chart-shell .chart-empty-state[data-v-4d430534]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-4d430534]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-4d430534]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-4d430534]{padding:20px 0 16px;padding:var(--kui-space-70, 20px) var(--kui-space-0, 0px) var(--kui-space-60, 16px) var(--kui-space-0, 0px)}.analytics-chart-shell .chart-truncation-warning[data-v-4d430534]{align-items:center;background-color:#fff;display:flex;justify-content:flex-start;left:0;position:absolute;top:0;transform:translate(-4px);z-index:999}.chart-parent[data-v-c461b83f]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c461b83f]{flex-direction:column}.chart-parent.column .chart-container[data-v-c461b83f]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-c461b83f]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-c461b83f]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-c461b83f]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-c461b83f]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-c461b83f]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-c461b83f]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-c461b83f]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.chart-parent[data-v-33df460d]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-33df460d]{flex-direction:column}.chart-parent.column .chart-container[data-v-33df460d]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-33df460d]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-33df460d]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-33df460d]{container-type:inline-size}.chart-parent.align-left[data-v-33df460d]{justify-content:flex-start}.chart-parent.align-center[data-v-33df460d]{justify-content:center}.chart-parent.align-right[data-v-33df460d]{justify-content:flex-end}.chart-parent.align-between[data-v-33df460d]{justify-content:space-between}.chart-parent.align-around[data-v-33df460d]{justify-content:space-around}.chart-parent.align-evenly[data-v-33df460d]{justify-content:space-evenly}.chart-parent .single-value-error[data-v-33df460d] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.chart-parent .single-value-wrapper[data-v-33df460d]{display:flex;flex-direction:column;gap:12px;margin-top:-4px}.chart-parent .single-value-wrapper .single-value-metric[data-v-33df460d]{align-items:center;display:flex;flex-direction:column}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-33df460d]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.chart-parent .single-value-wrapper .single-value[data-v-33df460d]{color:#000933;color:var(--kui-color-text, #000933);font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:36px;line-height:var(--kui-line-height-70, 36px)}.chart-parent .single-value-wrapper .single-value-unit[data-v-33df460d]{color:#000933;color:var(--kui-color-text, #000933);font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:32px;line-height:var(--kui-line-height-60, 32px)}.chart-parent .single-value-wrapper .single-value-trend[data-v-33df460d]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.chart-parent .single-value-wrapper .single-value-trend .trend-change[data-v-33df460d]{align-items:center;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change .kui-icon[data-v-33df460d]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.positive[data-v-33df460d]{background-color:#ecfffb;background-color:var(--kui-color-background-success-weakest, #ecfffb);color:#007d60;color:var(--kui-color-text-success, #007d60)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.negative[data-v-33df460d]{background-color:#ffe5e5;background-color:var(--kui-color-background-danger-weakest, #ffe5e5);color:#ad000e;color:var(--kui-color-text-danger-strong, #ad000e)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.neutral[data-v-33df460d]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.chart-parent .single-value-wrapper .single-value-trend .single-value-trend-range[data-v-33df460d]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-33df460d]{font-size:48px;font-size:var(--kui-font-size-100, 48px);line-height:56px;line-height:var(--kui-line-height-100, 56px)}.chart-parent .single-value-wrapper .single-value-unit[data-v-33df460d]{font-size:40px;font-size:var(--kui-font-size-90, 40px);line-height:48px;line-height:var(--kui-line-height-90, 48px)}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-33df460d]{font-size:10px;font-size:var(--kui-font-size-10, 10px);line-height:12px;line-height:var(--kui-line-height-10, 12px)}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-33df460d]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-33df460d]{font-size:48px;font-size:var(--kui-font-size-100, 48px);line-height:56px;line-height:var(--kui-line-height-100, 56px)}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-33df460d]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px)}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-33df460d]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-33df460d]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-33df460d]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px)}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-33df460d]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-33df460d]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-33df460d]{font-size:16px;font-size:var(--kui-font-size-40, 16px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-33df460d]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-33df460d]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-33df460d]{font-size:16px;font-size:var(--kui-font-size-40, 16px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}}.analytics-chart-shell[data-v-56837d34],.simple-chart-shell[data-v-56837d34]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-56837d34],.simple-chart-shell .chart-empty-state[data-v-56837d34]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-56837d34]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:100%}.simple-chart-shell .chart-empty-state[data-v-56837d34]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-56837d34] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-15da5d99]{border:none!important;max-height:100%;padding:0!important;width:100%}.kong-ui-public-top-n-table .top-n-card-description[data-v-15da5d99]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);text-align:right}.kong-ui-public-top-n-table[data-v-15da5d99] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-15da5d99] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-15da5d99] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-15da5d99] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-15da5d99] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-15da5d99] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-15da5d99]{display:flex;flex-direction:column;max-height:100%;overflow-x:auto}.kong-ui-public-top-n-table .top-n-table-table[data-v-15da5d99]{border-collapse:collapse;table-layout:auto}.kong-ui-public-top-n-table .top-n-table-header-row[data-v-15da5d99]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-15da5d99]{padding:0 24px 12px 0;padding:0 var(--kui-space-80, 24px) var(--kui-space-50, 12px) 0;text-align:left}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-15da5d99]:last-child{padding-right:0}.kong-ui-public-top-n-table .top-n-table-header-cell .table-header-label[data-v-15da5d99]{color:#000933;color:var(--kui-color-text, #000933);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);line-height:24px;line-height:var(--kui-line-height-40, 24px)}.kong-ui-public-top-n-table .top-n-table-row[data-v-15da5d99]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-row[data-v-15da5d99]:first-of-type{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-row[data-v-15da5d99]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table-header-cell-metric[data-v-15da5d99],.kong-ui-public-top-n-table .top-n-table-header-cell-dimension-compact[data-v-15da5d99],.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-15da5d99],.kong-ui-public-top-n-table .top-n-table-cell-metric[data-v-15da5d99]{white-space:nowrap;width:1%}.kong-ui-public-top-n-table .top-n-table-cell[data-v-15da5d99]{min-width:110px;padding:12px 0;padding:var(--kui-space-50, 12px) var(--kui-space-0, 0px)}.kong-ui-public-top-n-table .top-n-table-cell--name[data-v-15da5d99]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);font-size:14px;font-size:var(--kui-font-size-30, 14px);min-width:200px;padding-right:24px;padding-right:var(--kui-space-80, 24px)}.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-15da5d99]{min-width:110px;padding-right:24px;padding-right:var(--kui-space-80, 24px)}.kong-ui-public-top-n-table[data-v-15da5d99] a{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);text-decoration:none}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px;font-size:var(--kui-font-size-30, 14px)}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;font-size:var(--kui-font-size-30, 14px);margin-bottom:20px;margin-bottom:var(--kui-space-70, 20px);margin-top:6px;margin-top:var(--kui-space-30, 6px);width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.kong-ui-public-csv-export-modal .modal-container .preview-tooltip{display:inline-flex;margin:auto 0 auto 4px;margin:var(--kui-space-auto, auto) var(--kui-space-0, 0px) var(--kui-space-auto, auto) var(--kui-space-20, 4px);vertical-align:middle}.container[data-v-ae8259b6]{align-items:center;border:1px solid #e0e4ea;border:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;height:30px;justify-content:center;overflow:hidden;padding-top:1px;position:relative}.container .no-data[data-v-ae8259b6]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:default;font-size:12px;font-size:var(--kui-font-size-20, 12px);-webkit-user-select:none;user-select:none}.container .label[data-v-ae8259b6]{background-color:#ecfcff;background-color:var(--kui-method-color-background-patch, #ecfcff);border-bottom:1px solid #e0e4ea;border-bottom:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-bottom-left-radius:0;border-bottom-right-radius:4px;border-bottom-right-radius:var(--kui-border-radius-20, 4px);border-right:1px solid #e0e4ea;border-right:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-top-left-radius:4px;border-top-left-radius:var(--kui-border-radius-20, 4px);border-top-right-radius:0;color:#0044f4;color:var(--kui-color-text-primary, #0044f4);cursor:default;font-size:10px;left:0;line-height:9px;max-width:90%;overflow:hidden;padding:2px 6px;position:absolute;text-overflow:ellipsis;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.container .tooltip[data-v-ae8259b6]{z-index:10}
+.zoom-timerange-container[data-v-4fa681cf]{line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0 4px;margin:0 var(--kui-space-20, 4px)}.zoom-timerange-container .zoom-timerange-details[data-v-4fa681cf]{display:grid;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:2px;gap:var(--kui-space-10, 2px);grid-template-columns:35px 1fr;margin:6px 2px;margin:var(--kui-space-30, 6px) var(--kui-space-10, 2px)}.zoom-timerange-container .zoom-timerange-details .label[data-v-4fa681cf]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.zoom-actions-container[data-v-79ba72f8]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column;line-height:16px;line-height:var(--kui-line-height-20, 16px)}.zoom-actions-container .zoom-actions-heading[data-v-79ba72f8]{align-items:top;display:flex}.zoom-actions-container .zoom-actions-heading .zoom-actions-close-icon[data-v-79ba72f8]{cursor:pointer;margin-right:6px;margin-right:var(--kui-space-30, 6px);margin-top:6px;margin-top:var(--kui-space-30, 6px)}.zoom-actions-container .zoom-actions-heading-divider[data-v-79ba72f8]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);margin:0 4px;margin:0 var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-select .zoom-action-item[data-v-79ba72f8]:first-child{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-item[data-v-79ba72f8]{color:#000933;color:var(--kui-color-text, #000933);cursor:pointer;font-size:12px;font-size:var(--kui-font-size-20, 12px);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);transition:background-color .2s}.zoom-actions-container .zoom-action-item[data-v-79ba72f8]:last-of-type{border-bottom-left-radius:4px;border-bottom-left-radius:var(--kui-border-radius-20, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--kui-border-radius-20, 4px);margin-bottom:4px;margin-bottom:var(--kui-space-20, 4px)}.zoom-actions-container .zoom-action-item .zoom-action-link[data-v-79ba72f8]{color:#000933;color:var(--kui-color-text, #000933);display:block;text-decoration:none}.zoom-actions-container .zoom-action-item.disabled[data-v-79ba72f8]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5);pointer-events:none}.zoom-actions-container .zoom-action-item.disabled a[data-v-79ba72f8]{color:#afb7c5;color:var(--kui-color-text-disabled, #afb7c5)}.zoom-actions-container .zoom-action-item[data-v-79ba72f8]:hover{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea)}.locked[data-v-34c60646]{cursor:move}.tooltip-container[data-v-34c60646]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;position:fixed;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:1}.tooltip-container .tooltip-title[data-v-34c60646]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;margin:6px 6px 0;margin:var(--kui-space-30, 6px) var(--kui-space-30, 6px) 0 var(--kui-space-30, 6px);min-height:24px;padding-bottom:4px;padding-bottom:var(--kui-space-20, 4px)}.tooltip-container .tooltip-title .title[data-v-34c60646]{display:flex;font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);justify-content:space-between}.tooltip-container .tooltip-title .title .drag-icon[data-v-34c60646]{margin-top:6px;margin-top:var(--kui-space-30, 6px);right:0;top:0}.tooltip-container .tooltip-title .subtitle[data-v-34c60646]{display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:8px;gap:var(--kui-space-40, 8px);justify-content:space-between;margin-top:6px;margin-top:var(--kui-space-30, 6px)}.tooltip-container .tooltip[data-v-34c60646]{list-style:none;margin:6px;margin:var(--kui-space-30, 6px);max-height:300px;min-width:250px;overflow-y:auto;overflow-y:var(--kui-space-auto, auto);padding-left:0;padding-left:var(--kui-space-0, 0px)}.tooltip-container .tooltip[data-v-34c60646]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.tooltip-container .tooltip[data-v-34c60646] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.tooltip-container .tooltip[data-v-34c60646] ::-webkit-scrollbar-track{background:transparent}.tooltip-container .tooltip[data-v-34c60646] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.tooltip-container .tooltip li[data-v-34c60646]{align-items:center;display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:20px;line-height:var(--kui-line-height-30, 20px)}.tooltip-container .tooltip .display-label[data-v-34c60646]{flex:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container .tooltip .display-label.empty[data-v-34c60646]{font-style:italic}.tooltip-container .tooltip .display-value[data-v-34c60646]{font-variant-numeric:tabular-nums;margin-left:auto;margin-left:var(--kui-space-auto, auto);padding-left:8px;padding-left:var(--kui-space-40, 8px);white-space:nowrap}.tooltip-container .tooltip .square-marker[data-v-34c60646]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;margin-right:var(--kui-space-30, 6px);width:12px}.no-select{-webkit-user-select:none;user-select:none}.legend-container[data-v-27d1c6d3]{box-sizing:border-box;display:flex;flex-grow:1;flex-wrap:wrap;gap:8px 9px;justify-content:center;margin:0;max-height:inherit;overflow:auto;-ms-overflow-style:thin;padding:8px calc(5% + 4px);padding:var(--kui-space-40, 8px) calc(5% + var(--kui-space-20, 4px));width:100%}.legend-container[data-v-27d1c6d3]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.legend-container[data-v-27d1c6d3] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.legend-container[data-v-27d1c6d3] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-27d1c6d3] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.legend-container li[data-v-27d1c6d3]{align-items:center;cursor:pointer;display:flex;line-height:1;margin:0}.legend-container li .square-marker[data-v-27d1c6d3]{height:8px;margin:0;margin:var(--kui-space-0, 0px);margin-right:6px;margin-right:var(--kui-space-30, 6px);width:8px}.legend-container li .label[data-v-27d1c6d3]{font-size:12px;font-size:var(--kui-font-size-20, 12px);white-space:nowrap}.legend-container li .label.truncate-label[data-v-27d1c6d3]{max-width:20ch;overflow:hidden;text-overflow:ellipsis}.legend-container li .sub-label[data-v-27d1c6d3]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);word-break:none}.legend-container li .strike-through[data-v-27d1c6d3]{text-decoration:line-through}.legend-container li .empty[data-v-27d1c6d3]{font-style:italic}.legend-container li .tooltip-content[data-v-27d1c6d3]{max-width:40ch}.chart-parent[data-v-60e5a1a7]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-60e5a1a7]{flex-direction:column}.chart-parent.column .chart-container[data-v-60e5a1a7]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-60e5a1a7]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-60e5a1a7]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-container[data-v-60e5a1a7]{overflow:auto}.chart-container[data-v-60e5a1a7]{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.chart-container[data-v-60e5a1a7] ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.chart-container[data-v-60e5a1a7] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-60e5a1a7] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container .chart-body[data-v-60e5a1a7]{height:100%}.chart-container[data-v-60e5a1a7]::-webkit-scrollbar-track{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.chart-container[data-v-60e5a1a7]::-webkit-scrollbar{width:10px}.chart-container[data-v-60e5a1a7]::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.axis[data-v-60e5a1a7]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-60e5a1a7]{background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#fff;color:var(--kui-color-text-inverse, #ffffff);max-width:40ch;padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px);position:absolute;width:max-content;z-index:100}.axis-tooltip .axis-tooltip-content[data-v-60e5a1a7]{color:#fff;color:var(--kui-color-text-inverse, #ffffff);font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px)}.tooltip-boundary[data-v-60e5a1a7]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-48b16272]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-48b16272]{flex-direction:column}.chart-parent.column .chart-container[data-v-48b16272]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-48b16272]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-48b16272]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-center-metric[data-v-48b16272]{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.chart-center-metric .chart-center-total[data-v-48b16272]{color:#000933;color:var(--kui-color-text, #000933);font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:1.1}.chart-center-metric .chart-center-unit[data-v-48b16272]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);margin-top:2px;margin-top:var(--kui-space-10, 2px)}.chart-parent[data-v-ac6e8bbc]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-ac6e8bbc]{flex-direction:column}.chart-parent.column .chart-container[data-v-ac6e8bbc]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-ac6e8bbc]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-ac6e8bbc]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.analytics-chart-shell[data-v-78174cba],.simple-chart-shell[data-v-78174cba]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-78174cba],.simple-chart-shell .chart-empty-state[data-v-78174cba]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-78174cba]{height:100%;position:relative;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-78174cba]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-78174cba]{padding:20px 0 16px;padding:var(--kui-space-70, 20px) var(--kui-space-0, 0px) var(--kui-space-60, 16px) var(--kui-space-0, 0px)}.analytics-chart-shell .chart-truncation-warning[data-v-78174cba]{align-items:center;background-color:#fff;display:flex;justify-content:flex-start;left:0;position:absolute;top:0;transform:translate(-4px);z-index:999}.chart-parent[data-v-c461b83f]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-c461b83f]{flex-direction:column}.chart-parent.column .chart-container[data-v-c461b83f]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-c461b83f]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-c461b83f]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-c461b83f]{height:auto;margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:auto}.chart-parent .chart-container[data-v-c461b83f]{margin:0;margin:var(--kui-space-0, 0px);max-height:100px;max-width:100px;padding:0;padding:var(--kui-space-0, 0px)}.chart-parent .chart-totals-flex[data-v-c461b83f]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;padding:var(--kui-space-80, 24px) var(--kui-space-0, 0px) var(--kui-space-0, 0px);position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-c461b83f]{font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:28px;line-height:var(--kui-line-height-50, 28px)}.chart-parent .chart-totals-flex .metric-small[data-v-c461b83f]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.chart-parent[data-v-23ef29b3]{align-items:center;display:flex;height:100%;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-23ef29b3]{flex-direction:column}.chart-parent.column .chart-container[data-v-23ef29b3]{flex-shrink:0;height:calc(100% - 49px);height:calc(100% - calc(var(--kui-space-110, 48px) + 1px));width:100%}.chart-parent .chart-container[data-v-23ef29b3]{flex:1 1 auto;height:100%;position:relative}.analytics-chart-shell.show-values .chart-parent.column .chart-container[data-v-23ef29b3]{height:calc(100% - 80px);height:calc(100% - var(--kui-space-140, 80px))}.chart-parent[data-v-23ef29b3]{container-type:inline-size}.chart-parent.align-left[data-v-23ef29b3]{justify-content:flex-start}.chart-parent.align-center[data-v-23ef29b3]{justify-content:center}.chart-parent.align-right[data-v-23ef29b3]{justify-content:flex-end}.chart-parent.align-between[data-v-23ef29b3]{justify-content:space-between}.chart-parent.align-around[data-v-23ef29b3]{justify-content:space-around}.chart-parent.align-evenly[data-v-23ef29b3]{justify-content:space-evenly}.chart-parent .single-value-error[data-v-23ef29b3] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.chart-parent .single-value-wrapper[data-v-23ef29b3]{display:flex;flex-direction:column;gap:12px;margin-top:-4px}.chart-parent .single-value-wrapper .single-value-metric[data-v-23ef29b3]{align-items:center;display:flex;flex-direction:column}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-23ef29b3]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:10px;font-size:var(--kui-font-size-10, 10px);line-height:12px;line-height:var(--kui-line-height-10, 12px)}.chart-parent .single-value-wrapper .single-value[data-v-23ef29b3]{color:#000933;color:var(--kui-color-text, #000933);font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:36px;line-height:var(--kui-line-height-70, 36px)}.chart-parent .single-value-wrapper .single-value-unit[data-v-23ef29b3]{color:#000933;color:var(--kui-color-text, #000933);font-size:20px;font-size:var(--kui-font-size-60, 20px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:32px;line-height:var(--kui-line-height-60, 32px)}.chart-parent .single-value-wrapper .single-value-trend[data-v-23ef29b3]{align-items:center;column-gap:8px;column-gap:var(--kui-space-40, 8px);display:flex}.chart-parent .single-value-wrapper .single-value-trend .trend-change[data-v-23ef29b3]{align-items:center;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:row;font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:4px 8px;padding:var(--kui-space-20, 4px) var(--kui-space-40, 8px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change .kui-icon[data-v-23ef29b3]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.positive[data-v-23ef29b3]{background-color:#ecfffb;background-color:var(--kui-color-background-success-weakest, #ecfffb);color:#007d60;color:var(--kui-color-text-success, #007d60)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.negative[data-v-23ef29b3]{background-color:#ffe5e5;background-color:var(--kui-color-background-danger-weakest, #ffe5e5);color:#ad000e;color:var(--kui-color-text-danger-strong, #ad000e)}.chart-parent .single-value-wrapper .single-value-trend .trend-change.neutral[data-v-23ef29b3]{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.chart-parent .single-value-wrapper .single-value-trend .single-value-trend-range[data-v-23ef29b3]{color:#000933;color:var(--kui-color-text, #000933);font-size:12px;font-size:var(--kui-font-size-20, 12px)}@container (min-width: 300px){.chart-parent .single-value-wrapper .single-value[data-v-23ef29b3]{font-size:48px;font-size:var(--kui-font-size-100, 48px);line-height:56px;line-height:var(--kui-line-height-100, 56px)}.chart-parent .single-value-wrapper .single-value-unit[data-v-23ef29b3]{font-size:40px;font-size:var(--kui-font-size-90, 40px);line-height:48px;line-height:var(--kui-line-height-90, 48px)}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-23ef29b3]{font-size:10px;font-size:var(--kui-font-size-10, 10px);line-height:12px;line-height:var(--kui-line-height-10, 12px)}}@container (min-width: 500px){.chart-parent .single-value-wrapper .single-value[data-v-23ef29b3]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-unit[data-v-23ef29b3]{font-size:48px;font-size:var(--kui-font-size-100, 48px);line-height:56px;line-height:var(--kui-line-height-100, 56px)}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-23ef29b3]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px)}}@container (min-width: 700px){.chart-parent .single-value-wrapper .single-value[data-v-23ef29b3]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-unit[data-v-23ef29b3]{font-size:56px;line-height:64px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-23ef29b3]{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px)}}@container (min-width: 1000px){.chart-parent .single-value-wrapper .single-value[data-v-23ef29b3]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-unit[data-v-23ef29b3]{font-size:64px;line-height:72px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-23ef29b3]{font-size:16px;font-size:var(--kui-font-size-40, 16px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}}@container (min-width: 1200px){.chart-parent .single-value-wrapper .single-value[data-v-23ef29b3]{font-size:96px;line-height:104px}.chart-parent .single-value-wrapper .single-value-unit[data-v-23ef29b3]{font-size:80px;line-height:88px}.chart-parent .single-value-wrapper .single-value-metric-name[data-v-23ef29b3]{font-size:16px;font-size:var(--kui-font-size-40, 16px);line-height:24px;line-height:var(--kui-line-height-40, 24px)}}.analytics-chart-shell[data-v-56837d34],.simple-chart-shell[data-v-56837d34]{border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-56837d34],.simple-chart-shell .chart-empty-state[data-v-56837d34]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-56837d34]{margin:0;margin:var(--kui-space-0, 0px);padding:0;padding:var(--kui-space-0, 0px);width:100%}.simple-chart-shell .chart-empty-state[data-v-56837d34]{display:flex;flex-direction:column;justify-content:center}.simple-chart-shell .chart-empty-state[data-v-56837d34] .empty-state-title{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-top-n-table[data-v-15da5d99]{border:none!important;max-height:100%;padding:0!important;width:100%}.kong-ui-public-top-n-table .top-n-card-description[data-v-15da5d99]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);text-align:right}.kong-ui-public-top-n-table[data-v-15da5d99] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-15da5d99] .card-content{overflow-y:auto}.kong-ui-public-top-n-table[data-v-15da5d99] .card-content{-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-color:var(--kui-color-background-disabled, #e0e4ea) var(--kui-color-background-transparent, transparent);scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-15da5d99] .card-content ::-webkit-scrollbar{width:40,8px;width:var(--kui-space, 40, 8px)}.kong-ui-public-top-n-table[data-v-15da5d99] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-15da5d99] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;background-color:var(--kui-color-background-disabled, #e0e4ea);border-radius:10px;border-radius:var(--kui-border-radius-50, 10px)}.kong-ui-public-top-n-table .top-n-table[data-v-15da5d99]{display:flex;flex-direction:column;max-height:100%;overflow-x:auto}.kong-ui-public-top-n-table .top-n-table-table[data-v-15da5d99]{border-collapse:collapse;table-layout:auto}.kong-ui-public-top-n-table .top-n-table-header-row[data-v-15da5d99]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-15da5d99]{padding:0 24px 12px 0;padding:0 var(--kui-space-80, 24px) var(--kui-space-50, 12px) 0;text-align:left}.kong-ui-public-top-n-table .top-n-table-header-cell[data-v-15da5d99]:last-child{padding-right:0}.kong-ui-public-top-n-table .top-n-table-header-cell .table-header-label[data-v-15da5d99]{color:#000933;color:var(--kui-color-text, #000933);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);line-height:24px;line-height:var(--kui-line-height-40, 24px)}.kong-ui-public-top-n-table .top-n-table-row[data-v-15da5d99]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-row[data-v-15da5d99]:first-of-type{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-public-top-n-table .top-n-table-row[data-v-15da5d99]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table-header-cell-metric[data-v-15da5d99],.kong-ui-public-top-n-table .top-n-table-header-cell-dimension-compact[data-v-15da5d99],.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-15da5d99],.kong-ui-public-top-n-table .top-n-table-cell-metric[data-v-15da5d99]{white-space:nowrap;width:1%}.kong-ui-public-top-n-table .top-n-table-cell[data-v-15da5d99]{min-width:110px;padding:12px 0;padding:var(--kui-space-50, 12px) var(--kui-space-0, 0px)}.kong-ui-public-top-n-table .top-n-table-cell--name[data-v-15da5d99]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);font-size:14px;font-size:var(--kui-font-size-30, 14px);min-width:200px;padding-right:24px;padding-right:var(--kui-space-80, 24px)}.kong-ui-public-top-n-table .top-n-table-cell-dimension-compact[data-v-15da5d99]{min-width:110px;padding-right:24px;padding-right:var(--kui-space-80, 24px)}.kong-ui-public-top-n-table[data-v-15da5d99] a{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);text-decoration:none}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px;font-size:var(--kui-font-size-30, 14px)}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px;font-size:var(--kui-font-size-30, 14px)}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;font-size:var(--kui-font-size-30, 14px);margin-bottom:20px;margin-bottom:var(--kui-space-70, 20px);margin-top:6px;margin-top:var(--kui-space-30, 6px);width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.kong-ui-public-csv-export-modal .modal-container .preview-tooltip{display:inline-flex;margin:auto 0 auto 4px;margin:var(--kui-space-auto, auto) var(--kui-space-0, 0px) var(--kui-space-auto, auto) var(--kui-space-20, 4px);vertical-align:middle}.container[data-v-ae8259b6]{align-items:center;border:1px solid #e0e4ea;border:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);display:flex;height:30px;justify-content:center;overflow:hidden;padding-top:1px;position:relative}.container .no-data[data-v-ae8259b6]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:default;font-size:12px;font-size:var(--kui-font-size-20, 12px);-webkit-user-select:none;user-select:none}.container .label[data-v-ae8259b6]{background-color:#ecfcff;background-color:var(--kui-method-color-background-patch, #ecfcff);border-bottom:1px solid #e0e4ea;border-bottom:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-bottom-left-radius:0;border-bottom-right-radius:4px;border-bottom-right-radius:var(--kui-border-radius-20, 4px);border-right:1px solid #e0e4ea;border-right:1px solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-top-left-radius:4px;border-top-left-radius:var(--kui-border-radius-20, 4px);border-top-right-radius:0;color:#0044f4;color:var(--kui-color-text-primary, #0044f4);cursor:default;font-size:10px;left:0;line-height:9px;max-width:90%;overflow:hidden;padding:2px 6px;position:absolute;text-overflow:ellipsis;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.container .tooltip[data-v-ae8259b6]{z-index:10}

package/dist/vitals-chart.es.js

@@ -19163,8 +19163,8 @@ const tC = { class: "zoom-timerange-container" }, eC = { class: "zoom-timerange-
         }, null, 8, ["end", "granularity", "start"]),
         Zt(Q(Nm), {
           class: "zoom-actions-close-icon",
-          color: Q(Ec),
-          size: Q(pr),
+          color: `var(--kui-color-text-neutral, ${Q(Ec)})`,
+          size: `var(--kui-icon-size-30, ${Q(pr)})`,
           onClick: a[0] || (a[0] = (o) => r.$emit("onAction"))
         }, null, 8, ["color", "size"])
       ]),
@@ -19189,7 +19189,7 @@ const tC = { class: "zoom-timerange-container" }, eC = { class: "zoom-timerange-
       ])
     ]));
   }
-}), hC = /* @__PURE__ */ $e(dC, [["__scopeId", "data-v-179abac7"]]), fC = { key: 2 }, gC = { class: "tooltip-title" }, mC = { class: "title" }, pC = {
+}), hC = /* @__PURE__ */ $e(dC, [["__scopeId", "data-v-79ba72f8"]]), fC = { key: 2 }, gC = { class: "tooltip-title" }, mC = { class: "title" }, pC = {
   key: 0,
   class: "subtitle"
 }, yC = { class: "context" }, bC = { class: "metric" }, _C = { class: "tooltip" }, vC = { key: 0 }, xC = { class: "display-value" }, wC = /* @__PURE__ */ he({
@@ -19252,8 +19252,8 @@ const tC = { class: "zoom-timerange-container" }, eC = { class: "zoom-timerange-
               h.value ? (Z(), Lt(Q(Fm), {
                 key: 0,
                 class: "drag-icon",
-                color: Q(Ec),
-                size: Q(pr)
+                color: `var(--kui-color-text-neutral, ${Q(Ec)})`,
+                size: `var(--kui-icon-size-30, ${Q(pr)})`
               }, null, 8, ["color", "size"])) : Ft("", !0)
             ]),
             u.value || d.value ? (Z(), ct("div", pC, [
@@ -19281,7 +19281,7 @@ const tC = { class: "zoom-timerange-container" }, eC = { class: "zoom-timerange-
       ], 6)) : Ft("", !0);
     };
   }
-}), io = /* @__PURE__ */ $e(wC, [["__scopeId", "data-v-ef584c53"]]), SC = {
+}), io = /* @__PURE__ */ $e(wC, [["__scopeId", "data-v-34c60646"]]), SC = {
   key: 0,
   class: "legend-container",
   "data-testid": "legend"
@@ -20651,7 +20651,7 @@ const bA = /* @__PURE__ */ he({
             default: Ht(() => [
               Zt(Q(zm), {
                 color: `var(--kui-color-text-warning, ${Q(CT)})`,
-                size: Q(PT)
+                size: `var(--kui-icon-size-40, ${Q(PT)})`
               }, null, 8, ["color", "size"])
             ]),
             _: 1
@@ -20727,7 +20727,7 @@ const bA = /* @__PURE__ */ he({
       ], 2);
     };
   }
-}), eR = /* @__PURE__ */ $e(SA, [["__scopeId", "data-v-4d430534"]]), TA = {
+}), eR = /* @__PURE__ */ $e(SA, [["__scopeId", "data-v-78174cba"]]), TA = {
   class: "chart-parent",
   "data-testid": "gauge-chart-parent"
 }, MA = { class: "chart-totals-flex" }, DA = {
@@ -20952,11 +20952,11 @@ const bA = /* @__PURE__ */ he({
               y.value !== 0 ? (Z(), Lt(Rm(_.value), {
                 key: 0,
                 color: O(y.value),
-                size: Q(pr)
+                size: `var(--kui-icon-size-30, ${Q(pr)})`
               }, null, 8, ["color", "size"])) : (Z(), Lt(Q(Um), {
                 key: 1,
                 color: `var(--kui-color-text-neutral-strong, ${Q(qd)})`,
-                size: Q(pr)
+                size: `var(--kui-icon-size-30, ${Q(pr)})`
               }, null, 8, ["color", "size"])),
               ut("div", null, dt(x.value), 1)
             ], 2),
@@ -20966,7 +20966,7 @@ const bA = /* @__PURE__ */ he({
       ], 2);
     };
   }
-}), zA = /* @__PURE__ */ $e(FA, [["__scopeId", "data-v-33df460d"]]), UA = { class: "simple-chart-shell" }, HA = {
+}), zA = /* @__PURE__ */ $e(FA, [["__scopeId", "data-v-23ef29b3"]]), UA = { class: "simple-chart-shell" }, HA = {
   key: 1,
   class: "analytics-chart-parent"
 }, BA = /* @__PURE__ */ he({
@@ -22757,7 +22757,7 @@ const EP = ["id"], IP = /* @__PURE__ */ he({
                     default: Ht(() => [
                       Zt(Q(Hm), {
                         color: `var(--kui-color-text-neutral, ${Q(Ec)})`,
-                        size: Q(pr)
+                        size: `var(--kui-icon-size-30, ${Q(pr)})`
                       }, null, 8, ["color", "size"])
                     ]),
                     _: 1