@slotted/angular 0.1.0-beta.5 → 0.1.0-beta.7

package/fesm2022/slotted-angular-chart.mjs

@@ -978,7 +978,7 @@ class SlChart {
         return current ? chartToCsv(current, this.t) : '';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlChart, isStandalone: true, selector: "figure[slChart]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, series: { classPropertyName: "series", publicName: "series", isSignal: true, isRequired: false, transformFunction: null }, x: { classPropertyName: "x", publicName: "x", isSignal: true, isRequired: false, transformFunction: null }, y: { classPropertyName: "y", publicName: "y", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, stackMode: { classPropertyName: "stackMode", publicName: "stackMode", isSignal: true, isRequired: false, transformFunction: null }, annotations: { classPropertyName: "annotations", publicName: "annotations", isSignal: true, isRequired: false, transformFunction: null }, recordKey: { classPropertyName: "recordKey", publicName: "recordKey", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "help", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: false, transformFunction: null }, texture: { classPropertyName: "texture", publicName: "texture", isSignal: true, isRequired: false, transformFunction: null }, renderer: { classPropertyName: "renderer", publicName: "renderer", isSignal: true, isRequired: false, transformFunction: null }, sampling: { classPropertyName: "sampling", publicName: "sampling", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, legendInteractive: { classPropertyName: "legendInteractive", publicName: "legendInteractive", isSignal: true, isRequired: false, transformFunction: null }, legendValues: { classPropertyName: "legendValues", publicName: "legendValues", isSignal: true, isRequired: false, transformFunction: null }, legendOverflow: { classPropertyName: "legendOverflow", publicName: "legendOverflow", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, zoomable: { classPropertyName: "zoomable", publicName: "zoomable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, extendOption: { classPropertyName: "extendOption", publicName: "extendOption", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, activePoint: { classPropertyName: "activePoint", publicName: "activePoint", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null }, tableOpen: { classPropertyName: "tableOpen", publicName: "tableOpen", isSignal: true, isRequired: false, transformFunction: null }, fullscreen: { classPropertyName: "fullscreen", publicName: "fullscreen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hidden: "hiddenChange", activePoint: "activePointChange", selection: "selectionChange", zoom: "zoomChange", tableOpen: "tableOpenChange", fullscreen: "fullscreenChange", hiddenChangeRequest: "hiddenChangeRequest", activePointChangeRequest: "activePointChangeRequest", selectionChangeRequest: "selectionChangeRequest", zoomChangeRequest: "zoomChangeRequest", tableOpenChangeRequest: "tableOpenChangeRequest", fullscreenChangeRequest: "fullscreenChangeRequest", retry: "retry" }, host: { attributes: { "data-ui": "chart", "data-part": "root" }, listeners: { "keydown": "onRootKeyDown($event)" }, properties: { "attr.title": "null", "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-palette": "resolvedPalette()", "attr.data-toolbar": "resolvedToolbar()", "attr.data-legend-overflow": "resolvedLegendOverflow()", "attr.data-loading": "loading() ? \"\" : null", "attr.data-fullscreen": "fullscreen() ? \"\" : null" } }, queries: [{ propertyName: "tooltipTemplate", first: true, predicate: SlChartTooltip, descendants: true, isSignal: true }, { propertyName: "legendItemTemplate", first: true, predicate: SlChartLegendItem, descendants: true, isSignal: true }, { propertyName: "centerTemplate", first: true, predicate: SlChartCenter, descendants: true, isSignal: true }, { propertyName: "emptyTemplate", first: true, predicate: SlChartEmpty, descendants: true, isSignal: true }, { propertyName: "errorTemplate", first: true, predicate: SlChartError, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "plotRef", first: true, predicate: ["plot"], descendants: true, isSignal: true }, { propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true, isSignal: true }, { propertyName: "tableRegionRef", first: true, predicate: ["tableRegion"], descendants: true, isSignal: true }, { propertyName: "tooltipRef", first: true, predicate: ["tooltipBox"], descendants: true, isSignal: true }, { propertyName: "legendRef", first: true, predicate: ["legendRow"], descendants: true, isSignal: true }, { propertyName: "menuRef", first: true, predicate: ["menu"], descendants: true, isSignal: true }, { propertyName: "moreRef", first: true, predicate: ["moreLayer"], descendants: true, isSignal: true }, { propertyName: "helpRef", first: true, predicate: ["helpLayer"], descendants: true, isSignal: true }], exportAs: ["slChart"], ngImport: i0, template: "@let current = chartModel(); @if (title() !== undefined || description() !== undefined ||\nresolvedToolbar() !== 'none') {\n<figcaption data-part=\"header\">\n  <div>\n    <div>\n      @if (title() !== undefined) {\n      <span data-part=\"title\" [id]=\"id + '-title'\">{{ title() }}</span>\n      } @if (help() !== undefined) {\n      <button\n        #helpControl\n        type=\"button\"\n        data-part=\"help\"\n        [attr.aria-label]=\"t('help')\"\n        [attr.aria-controls]=\"id + '-help'\"\n        [attr.aria-expanded]=\"layerOpen()['help'] ?? false\"\n        [attr.data-open]=\"layerOpen()['help'] ? '' : null\"\n        (click)=\"toggleLayer('help')\"\n      >\n        <span slIcon><svg slGlyph name=\"circle-info\"></svg></span>\n      </button>\n      <div\n        #helpLayer\n        popover=\"auto\"\n        data-part=\"help-content\"\n        role=\"note\"\n        [id]=\"id + '-help'\"\n        (toggle)=\"onLayerToggle('help', $event, helpControl, 'start', false)\"\n      >\n        {{ help() }}\n      </div>\n      }\n    </div>\n    @if (description() !== undefined) {\n    <span data-part=\"description\" [id]=\"id + '-description'\">{{ description() }}</span>\n    }\n  </div>\n  <div data-part=\"actions\"><ng-content select=\"[slChartActions]\" /></div>\n  <!-- The box stands in every state, so the header's words wrap at one width; it\n       holds nothing a reader can reach until the plot has something to act on. -->\n  @if (resolvedToolbar() !== 'none') { @let ready = usable();\n  <div\n    data-part=\"toolbar\"\n    [attr.role]=\"ready ? 'toolbar' : null\"\n    [attr.aria-label]=\"ready ? t('toolbar') : null\"\n    [attr.aria-hidden]=\"ready ? null : 'true'\"\n    [attr.inert]=\"ready ? null : ''\"\n    [attr.data-waiting]=\"ready ? null : ''\"\n  >\n    @if (zoomed()) {\n    <button\n      type=\"button\"\n      data-part=\"zoom-reset\"\n      [attr.aria-label]=\"t('resetZoom')\"\n      [attr.title]=\"t('resetZoom')\"\n      (click)=\"resetZoomFromToolbar($event)\"\n    >\n      <span slIcon><svg slGlyph name=\"rotate-ccw\"></svg></span>\n    </button>\n    }\n    <button\n      type=\"button\"\n      data-part=\"view-toggle\"\n      [attr.aria-label]=\"t('tableView')\"\n      [attr.title]=\"t('tableView')\"\n      [attr.aria-pressed]=\"tableOpen()\"\n      [attr.data-pressed]=\"tableOpen() ? '' : null\"\n      (click)=\"requestTable(!tableOpen(), pressReason(), $event)\"\n    >\n      <span slIcon><svg slGlyph name=\"file-spreadsheet\"></svg></span>\n    </button>\n    <button\n      type=\"button\"\n      data-part=\"fullscreen-toggle\"\n      [attr.aria-label]=\"fullscreen() ? t('exitFullscreen') : t('fullscreen')\"\n      [attr.title]=\"fullscreen() ? t('exitFullscreen') : t('fullscreen')\"\n      (click)=\"requestFullscreen(!fullscreen(), pressReason(), $event)\"\n    >\n      <span slIcon><svg slGlyph [name]=\"fullscreen() ? 'minimize' : 'maximize'\"></svg></span>\n    </button>\n    <button\n      #menuControl\n      type=\"button\"\n      data-part=\"menu-trigger\"\n      aria-haspopup=\"menu\"\n      [attr.aria-label]=\"t('more')\"\n      [attr.title]=\"t('more')\"\n      [attr.aria-expanded]=\"layerOpen()['menu'] ?? false\"\n      [attr.data-open]=\"layerOpen()['menu'] ? '' : null\"\n      (click)=\"toggleLayer('menu')\"\n    >\n      <span slIcon><svg slGlyph name=\"ellipsis\"></svg></span>\n    </button>\n    <div\n      #menu\n      popover=\"auto\"\n      data-part=\"menu\"\n      role=\"menu\"\n      [attr.aria-label]=\"t('more')\"\n      (toggle)=\"onLayerToggle('menu', $event, menuControl, 'end')\"\n      (keydown)=\"onLayerKeyDown($event)\"\n    >\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"view\"\n        (click)=\"menuAction('view', $event)\"\n      >\n        {{ t('tableView') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"fullscreen\"\n        (click)=\"menuAction('fullscreen', $event)\"\n      >\n        {{ fullscreen() ? t('exitFullscreen') : t('fullscreen') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"csv\"\n        (click)=\"menuAction('csv', $event)\"\n      >\n        {{ t('downloadCsv') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"image\"\n        (click)=\"menuAction('image', $event)\"\n      >\n        {{ t('downloadImage') }}\n      </button>\n    </div>\n  </div>\n  }\n</figcaption>\n} @if (legend()) {\n<div\n  #legendRow\n  data-part=\"legend\"\n  [attr.role]=\"legendWaiting() ? null : legendInteractive() ? 'toolbar' : 'list'\"\n  [attr.aria-label]=\"legendWaiting() ? null : t('legend')\"\n  (keydown)=\"onLegendKeyDown($event)\"\n>\n  @if (legendWaiting()) { @for (line of repeat(3); track line) {\n  <span\n    data-ui=\"skeleton\"\n    data-part=\"root\"\n    data-shape=\"block\"\n    data-size=\"md\"\n    data-animation=\"shimmer\"\n    data-loading\n    aria-hidden=\"true\"\n  ></span>\n  } } @else if (current) { @for (entry of current.legend; track entry.key; let index = $index) {\n  <ng-container\n    *ngTemplateOutlet=\"legendItem; context: { $implicit: entry, rowHidden: collapsed().includes(index), inLayer: false }\"\n  />\n  }\n  <button\n    #moreControl\n    type=\"button\"\n    data-part=\"legend-more\"\n    aria-haspopup=\"true\"\n    [attr.aria-label]=\"legendMoreName()\"\n    [hidden]=\"collapsed().length === 0\"\n    [attr.tabindex]=\"rovingKey() === null ? 0 : -1\"\n    [attr.aria-expanded]=\"layerOpen()['more'] ?? false\"\n    [attr.data-open]=\"layerOpen()['more'] ? '' : null\"\n    (click)=\"toggleLayer('more')\"\n  >\n    {{ t('moreSeries', { count: collapsed().length }) }}\n  </button>\n  <div\n    #moreLayer\n    popover=\"auto\"\n    data-part=\"menu\"\n    role=\"group\"\n    [attr.aria-label]=\"t('legend')\"\n    (toggle)=\"onLayerToggle('more', $event, moreControl, 'start')\"\n    (keydown)=\"onLayerKeyDown($event)\"\n  >\n    @for (index of collapsed(); track index) { @if (current.legend[index]; as entry) {\n    <ng-container\n      *ngTemplateOutlet=\"legendItem; context: { $implicit: entry, rowHidden: false, inLayer: true }\"\n    />\n    } }\n  </div>\n  }\n</div>\n}\n<ng-template #legendItem let-entry let-rowHidden=\"rowHidden\" let-inLayer=\"inLayer\">\n  @let color = colorOf(entry.color); @if (legendInteractive()) {\n  <button\n    type=\"button\"\n    data-part=\"legend-item\"\n    [attr.data-key]=\"entry.key\"\n    [attr.data-slot]=\"color.slot\"\n    [attr.data-tone]=\"color.tone\"\n    [attr.data-overflow]=\"color.overflow\"\n    [attr.data-current]=\"isCurrent(entry) ? '' : null\"\n    [attr.aria-pressed]=\"entry.visible\"\n    [attr.data-pressed]=\"entry.visible ? '' : null\"\n    [attr.tabindex]=\"inLayer || rovingKey() === entry.key ? 0 : -1\"\n    [hidden]=\"rowHidden\"\n    (click)=\"onLegendClick(entry, $event)\"\n    (keydown)=\"onLegendItemKey(entry, $event)\"\n    (focus)=\"legendFocus.set(inLayer ? legendFocus() : entry.key); emphasize(entry.visible ? entry.key : null)\"\n    (blur)=\"emphasize(null)\"\n    (pointerenter)=\"entry.visible && emphasize(entry.key)\"\n    (pointerleave)=\"emphasize(null)\"\n  >\n    <ng-container *ngTemplateOutlet=\"legendContent; context: { $implicit: entry }\" />\n  </button>\n  } @else {\n  <span\n    role=\"listitem\"\n    data-part=\"legend-item\"\n    [attr.data-key]=\"entry.key\"\n    [attr.data-slot]=\"color.slot\"\n    [attr.data-tone]=\"color.tone\"\n    [attr.data-overflow]=\"color.overflow\"\n    [attr.data-current]=\"isCurrent(entry) ? '' : null\"\n    [hidden]=\"rowHidden\"\n    (pointerenter)=\"entry.visible && emphasize(entry.key)\"\n    (pointerleave)=\"emphasize(null)\"\n  >\n    <ng-container *ngTemplateOutlet=\"legendContent; context: { $implicit: entry }\" />\n  </span>\n  }\n</ng-template>\n<ng-template #legendContent let-entry>\n  @if (legendItemTemplate(); as custom) {\n  <ng-container\n    *ngTemplateOutlet=\"custom.template; context: { $implicit: entry, value: legendValue(entry), current: isCurrent(entry) }\"\n  />\n  } @else {\n  <span\n    data-part=\"legend-marker\"\n    [attr.data-kind]=\"entry.kind === 'area' || entry.kind === 'bar' || entry.kind === 'pie' ? 'bar' : entry.kind\"\n    [attr.data-stroke]=\"strokeOf(entry)\"\n  ></span>\n  <span data-part=\"legend-label\" [attr.title]=\"entry.label\">{{ entry.label }}</span>\n  @if (legendValues()) {\n  <span data-part=\"legend-value\">{{ legendValue(entry) }}</span>\n  } }\n</ng-template>\n<div\n  #plot\n  data-part=\"plot\"\n  role=\"group\"\n  tabindex=\"0\"\n  [attr.aria-roledescription]=\"t('roledescription')\"\n  [attr.aria-labelledby]=\"title() !== undefined ? id + '-title' : null\"\n  [attr.aria-label]=\"title() === undefined ? t('roledescription') : null\"\n  [attr.aria-describedby]=\"describedBy()\"\n  [attr.aria-busy]=\"loading() ? 'true' : null\"\n  (keydown)=\"onPlotKeyDown($event)\"\n  (focus)=\"onPlotFocus($event)\"\n  (blur)=\"requestActive(null, 'blur', $event)\"\n>\n  @let overlayNow = overlay();\n  <div\n    data-part=\"crosshair\"\n    [hidden]=\"!overlayNow.crosshair\"\n    [attr.data-band]=\"overlayNow.crosshair?.isBand ? '' : null\"\n    [attr.data-orientation]=\"current?.orientation ?? 'vertical'\"\n    [style.--slotted-chart-x]=\"px(overlayNow.crosshair?.x)\"\n    [style.--slotted-chart-y]=\"px(overlayNow.crosshair?.y)\"\n    [style.--slotted-chart-band-start]=\"px(overlayNow.crosshair?.band?.start)\"\n    [style.--slotted-chart-band-size]=\"px(overlayNow.crosshair?.band?.size)\"\n    [style.--slotted-chart-frame-start]=\"px(overlayNow.crosshair?.frame?.start)\"\n    [style.--slotted-chart-frame-size]=\"px(overlayNow.crosshair?.frame?.size)\"\n  ></div>\n  <div #canvas data-part=\"canvas\" aria-hidden=\"true\" [hidden]=\"!drawable()\"></div>\n  @for (marker of overlayNow.markers; track marker.key) { @let markerColor = colorOf(marker.color);\n  <div\n    data-part=\"marker\"\n    aria-hidden=\"true\"\n    [attr.data-slot]=\"markerColor.slot\"\n    [attr.data-tone]=\"markerColor.tone\"\n    [attr.data-overflow]=\"markerColor.overflow\"\n    [attr.data-selected]=\"marker.selected ? '' : null\"\n    [attr.data-current]=\"marker.current ? '' : null\"\n    [style.--slotted-chart-x]=\"px(marker.at.x)\"\n    [style.--slotted-chart-y]=\"px(marker.at.y)\"\n  ></div>\n  }\n  <div\n    #tooltipBox\n    data-part=\"tooltip\"\n    aria-hidden=\"true\"\n    [attr.data-open]=\"overlayNow.tooltip ? '' : null\"\n    [attr.data-docked]=\"overlayNow.docked ? '' : null\"\n  >\n    @if (overlayNow.tooltip && current) { @if (tooltipTemplate(); as custom) {\n    <ng-container\n      *ngTemplateOutlet=\"custom.template; context: { $implicit: overlayNow.tooltip, model: current }\"\n    />\n    } @else {\n    <div data-part=\"tooltip-title\">{{ overlayNow.tooltip.title }}</div>\n    @for (note of overlayNow.tooltip.notes; track note) {\n    <div data-part=\"tooltip-note\">{{ note }}</div>\n    } @for (item of overlayNow.tooltip.items; track item.series + item.label) { @let itemColor =\n    colorOf(item.color);\n    <div\n      data-part=\"tooltip-item\"\n      [attr.data-current]=\"overlayNow.tooltip.items.length > 1 && item.current ? '' : null\"\n      [attr.data-slot]=\"itemColor.slot\"\n      [attr.data-tone]=\"itemColor.tone\"\n      [attr.data-overflow]=\"itemColor.overflow\"\n    >\n      @if (resolvedTooltip().indicator !== 'none') {\n      <span\n        data-part=\"tooltip-marker\"\n        [attr.data-kind]=\"markerKind(item.kind, resolvedTooltip().indicator)\"\n        [attr.data-stroke]=\"strokeOf(item)\"\n      ></span>\n      }\n      <span data-part=\"tooltip-label\">{{ item.label }}</span>\n      <span data-part=\"tooltip-value\"\n        >{{ item.share ? item.share + ' \u00B7 ' + item.formatted : item.formatted }}</span\n      >\n    </div>\n    } @if (overlayNow.tooltip.total; as total) {\n    <div data-part=\"tooltip-total\">\n      <span>{{ t('total') }}</span>\n      <span data-part=\"tooltip-value\">{{ total.formatted }}</span>\n    </div>\n    } } }\n  </div>\n  @if (drawable() && current?.shape === 'pie' && (current?.series[0]?.innerRadius ?? 0) > 0) {\n  <div data-part=\"center\" aria-hidden=\"true\">\n    @if (centerTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template; context: { $implicit: current }\" />\n    } @else {\n    <span data-part=\"center-value\">{{ current!.series[0]!.format(current!.total) }}</span>\n    <span data-part=\"center-label\">{{ t('total') }}</span>\n    }\n  </div>\n  } @if (table(); as rows) {\n  <div\n    #tableRegion\n    data-part=\"table-region\"\n    role=\"region\"\n    tabindex=\"0\"\n    [attr.aria-labelledby]=\"title() !== undefined ? id + '-title' : null\"\n  >\n    <table data-part=\"table\">\n      <caption>\n        {{ title() }}\n      </caption>\n      <thead>\n        <tr>\n          @for (column of rows.columns; track column.key; let index = $index) {\n          <th scope=\"col\" [attr.data-numeric]=\"index > 0 ? '' : null\">{{ column.label }}</th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (row of rows.rows; track row.key) {\n        <tr [attr.data-current]=\"row.key === activeKey() ? '' : null\">\n          @for (cell of row.cells; track $index; let index = $index) { @if (index === 0) {\n          <th scope=\"row\">{{ cell.text }}</th>\n          } @else {\n          <td data-numeric>{{ cell.text }}</td>\n          } }\n        </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n  } @if (loading()) {\n  <div data-part=\"skeleton\" aria-hidden=\"true\" [attr.data-kind]=\"skeletonKind()\">\n    <div data-ui=\"skeleton\" data-part=\"region\" data-animation=\"shimmer\" data-loading>\n      @if (skeletonKind() === 'pie') {\n      <span\n        data-ui=\"skeleton\"\n        data-part=\"root\"\n        data-shape=\"circle\"\n        data-size=\"md\"\n        data-animation=\"shimmer\"\n        data-loading\n        aria-hidden=\"true\"\n      ></span>\n      } @else {\n      <div data-skeleton=\"y\">\n        @for (line of repeat(5); track line) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      <div data-skeleton=\"marks\">\n        @for (mark of repeat(skeletonKind() === 'bar' ? 7 : 2); track mark) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      <div data-skeleton=\"x\">\n        @for (line of repeat(6); track line) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      }\n    </div>\n  </div>\n  } @else if (failed()) {\n  <div data-part=\"error\">\n    @if (errorTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template\" />\n    } @else {\n    <section\n      data-ui=\"result-state\"\n      data-part=\"root\"\n      data-status=\"error\"\n      data-reach=\"section\"\n      data-align=\"center\"\n      data-live=\"polite\"\n    >\n      <div data-part=\"media\" aria-hidden=\"true\"></div>\n      <div data-part=\"content\" role=\"status\"><div data-part=\"title\">{{ t('error') }}</div></div>\n      <div data-part=\"actions\">\n        <button\n          data-ui=\"button\"\n          data-part=\"root\"\n          data-variant=\"outline\"\n          data-tone=\"secondary\"\n          data-size=\"sm\"\n          type=\"button\"\n          (click)=\"onRetry()\"\n        >\n          <span data-part=\"label\">{{ t('retry') }}</span>\n        </button>\n      </div>\n    </section>\n    }\n  </div>\n  } @else if (current?.empty; as reason) {\n  <div data-part=\"empty\">\n    @if (emptyTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template; context: { $implicit: reason }\" />\n    } @else {\n    <section\n      data-ui=\"result-state\"\n      data-part=\"root\"\n      data-reach=\"section\"\n      data-align=\"center\"\n      data-live=\"polite\"\n      [attr.data-status]=\"reason === 'all-hidden' ? 'no-results' : 'empty'\"\n    >\n      <div data-part=\"media\" aria-hidden=\"true\"></div>\n      <div data-part=\"content\" role=\"status\">\n        <div data-part=\"title\">{{ reason === 'all-hidden' ? t('allHidden') : t('noData') }}</div>\n      </div>\n      @if (reason === 'all-hidden') {\n      <div data-part=\"actions\">\n        <button\n          data-ui=\"button\"\n          data-part=\"root\"\n          data-variant=\"outline\"\n          data-tone=\"secondary\"\n          data-size=\"sm\"\n          type=\"button\"\n          (click)=\"showAll($event)\"\n        >\n          <span data-part=\"label\">{{ t('showAll') }}</span>\n        </button>\n      </div>\n      }\n    </section>\n    }\n  </div>\n  }\n  <p data-part=\"summary\" [id]=\"id + '-summary'\">{{ summary() }}</p>\n</div>\n", styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=neutral]{--_solid: var(--slotted-tone-neutral-solid);--_solid-hover: var(--slotted-tone-neutral-solid-hover);--_solid-active: var(--slotted-tone-neutral-solid-active);--_on-solid: var(--slotted-tone-neutral-on-solid);--_text: var(--slotted-tone-neutral-text)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-justify=between]{justify-content:space-between}[data-ui=button][data-justify=between]>[data-part=label]{flex:1 1 auto;text-align:start}[data-ui=button][data-justify=between]>[data-part=end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=result-state][data-part=root]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-xl, 1.125rem) );--_title-line-height: var(--slotted-line-height-xl, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-md, .875rem) );--_media-size: var(--slotted-result-state-media-size, var(--slotted-control-height-md, 34px));--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-9, 2rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-6, 1rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-result-state-column-gap, var(--slotted-space-4, .5rem));--_text-gap: var(--slotted-result-state-text-gap, var(--slotted-space-4, .5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-8, 1.5rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, -.01em);--_art: var(--slotted-control-height-lg, 38px);--_art-glyph: var(--slotted-control-icon-size-lg, 18px);container-name:slotted-result-state;container-type:inline-size;inline-size:100%;box-sizing:border-box;color:var(--slotted-text);display:grid;font-family:var( --slotted-result-state-font-family, var(--slotted-font-family-sans, sans-serif) );font-size:var(--_title-font-size);grid-template-columns:minmax(0,1fr);isolation:isolate;line-height:var(--_title-line-height);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete}[data-ui=result-state][data-part=root][data-reach=inline]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-sm, .8125rem) );--_title-line-height: var(--slotted-line-height-sm, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-xs, .75rem) );--_media-size: var( --slotted-result-state-media-size, var(--slotted-control-icon-size-md, 16px) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-3, .375rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, 0);grid-template-columns:auto minmax(0,auto) auto}[data-ui=result-state][data-part=root][data-reach=page]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-3xl, 1.5rem) );--_title-line-height: var(--slotted-line-height-3xl, 1.3);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-lg, 1rem) );--_media-size: var( --slotted-result-state-media-size, calc(var(--slotted-control-height-lg, 38px) * 1.5) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-12, 4rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-8, 1.5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-9, 2rem));--_art: calc(var(--slotted-control-height-lg, 38px) * 1.5);--_art-glyph: calc(var(--slotted-control-icon-size-lg, 18px) * 1.5)}[data-ui=result-state][data-part=root][data-align=center]{justify-items:center;text-align:center}[data-ui=result-state][data-part=root][data-align=start]{justify-items:start;text-align:start}[data-ui=result-state][data-part=root][data-reach=inline][data-align=center]{justify-content:center;justify-items:stretch}[data-ui=result-state][data-part=root][data-reach=inline][data-align=start]{justify-content:start;justify-items:stretch}[data-ui=result-state]>[data-part=media]:empty{background:var(--slotted-result-state-media) center / contain no-repeat;block-size:var(--_media-size);display:none;inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty){align-items:center;background-color:transparent;block-size:var(--_media-size);display:flex;inline-size:auto;justify-content:center;min-inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty)>*{block-size:100%;inline-size:auto;max-inline-size:100%}[data-ui=result-state][data-reach=inline]>[data-part=media]:not(:empty){align-self:start;grid-column:1;grid-row:1;margin-block-start:calc((1lh - var(--_media-size)) / 2);margin-inline-end:var(--_column-gap)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty){--_ring: var(--slotted-space-2, .25rem);--_inner-radius: var(--slotted-radius-lg, 8px);background-color:var(--slotted-surface-sunken);block-size:calc(var(--_art) + 2 * var(--_ring));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_inner-radius) + var(--_ring));box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:calc(var(--_art) + 2 * var(--_ring));min-inline-size:0;position:relative;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),scale var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty):before{background-color:var(--slotted-surface-raised);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--_inner-radius);box-shadow:var(--slotted-shadow-xs);content:\"\";inset:calc(var(--_ring) - var(--slotted-border-width-thin, 1px));position:absolute;z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty)>*{block-size:var(--_art-glyph);inline-size:var(--_art-glyph);position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty){--_side: calc(var(--_art) + var(--slotted-space-2, .25rem));--_lean: 1;--_step-x: calc(var(--_side) * -.36 * var(--_lean));--_step-y: calc(var(--_side) * -.3);--_layer-border: var(--slotted-border-width-thin, 1px);--_far: color-mix(in oklab, var(--slotted-border-subtle) 60%, transparent);block-size:var(--_side);border-radius:var(--slotted-radius-lg, 8px);box-shadow:calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 0 var(--slotted-surface-raised),calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 var(--_layer-border) var(--_far);box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:var(--_side);margin-block:calc(var(--_side) * .37);margin-inline:calc(var(--_side) * .28);min-inline-size:0;position:relative;transform:skewY(calc(-26deg * var(--_lean))) scaleX(.9);transition:box-shadow var(--slotted-duration-long) var(--slotted-easing-enter);translate:calc(var(--_side) * .325 * var(--_lean)) calc(var(--_side) * .145)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]:dir(rtl)>[data-part=media]:not(:empty){--_lean: -1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{background-color:var(--slotted-surface-raised);border:var(--_layer-border) solid var(--slotted-border-subtle);border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before{border-color:color-mix(in oklab,var(--slotted-border-subtle),var(--slotted-border-strong) 30%);box-shadow:var(--slotted-shadow-sm);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);translate:var(--_step-x) var(--_step-y);z-index:-2}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty)>*{block-size:calc(var(--_side) * .5);inline-size:calc(var(--_side) * .5)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]{--_pad: var(--slotted-space-6, 1rem);--_gap: var(--slotted-space-5, .75rem);--_thumb: var(--slotted-control-height-sm, 30px);--_step: var(--slotted-space-5, .75rem);--_line: var(--slotted-space-4, .5rem);--_line-2: var(--slotted-space-3, .375rem);--_line-gap: var(--slotted-space-3, .375rem);--_lines-x: calc(var(--_pad) + var(--_thumb) + var(--_gap));--_line-1-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .75 );--_line-2-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .5 );--_line-1-y: calc( (var(--_thumb) + 2 * var(--_pad) - var(--_line) - var(--_line-gap) - var(--_line-2)) / 2 );--_edge: left;--_ink: var(--slotted-border-subtle);--_ink-2: color-mix(in oklab, var(--slotted-border-subtle) 60%, var(--slotted-surface-raised));align-items:center;background:radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-1-length) - var(--_line)) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,linear-gradient(var(--_ink),var(--_ink)) var(--_edge) calc(var(--_lines-x) + var(--_line) / 2) top var(--_line-1-y) / calc(var(--_line-1-length) - var(--_line)) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-2-length) - var(--_line-2)) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,linear-gradient(var(--_ink-2),var(--_ink-2)) var(--_edge) calc(var(--_lines-x) + var(--_line-2) / 2) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / calc(var(--_line-2-length) - var(--_line-2)) var(--_line-2) no-repeat,var(--slotted-surface-raised);background-origin:border-box;block-size:calc(var(--_thumb) + 2 * var(--_pad));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-lg, 8px);box-shadow:var(--slotted-shadow-sm);box-sizing:border-box;color:var(--slotted-text-muted);display:flex;forced-color-adjust:none;inline-size:calc(var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem));justify-content:flex-start;margin-block-start:calc(2 * var(--_step));max-inline-size:100%;min-inline-size:0;padding-inline:calc(var(--_pad) - var(--slotted-border-width-thin, 1px));position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:empty{--_lines-x: var(--_pad)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]:dir(rtl)>[data-part=media]{--_edge: right}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{background-color:var(--slotted-surface-sunken);block-size:100%;border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:inherit;box-sizing:border-box;content:\"\";inset-block-start:calc(-1 * var(--slotted-border-width-thin, 1px));position:absolute;transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before{border-color:var(--_ink-2);inset-inline:calc(2 * var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-2 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{inset-inline:calc(var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-1 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]>*{background-color:var(--slotted-surface-sunken);block-size:var(--_thumb);border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;flex:none;inline-size:var(--_thumb);padding:calc((var(--_thumb) - var(--slotted-control-icon-size-md, 16px)) / 2)}[data-ui=result-state]>[data-part=content]{display:grid;min-inline-size:0;row-gap:var(--_text-gap)}[data-ui=result-state][data-reach=inline]>[data-part=content]{grid-column:2;grid-row:1}[data-ui=result-state] [data-part=title]{font-family:var( --slotted-result-state-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var(--_title-font-size);font-weight:var( --slotted-result-state-title-font-weight, var(--slotted-font-weight-semibold, 600) );letter-spacing:var(--_title-tracking);line-height:var(--_title-line-height);margin:0;min-inline-size:0;overflow-wrap:break-word;text-wrap:balance}[data-ui=result-state] [data-part=description]{color:var(--slotted-text-muted);font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:break-word}[data-ui=result-state]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-result-state-actions-gap, var(--slotted-space-4, .5rem));min-inline-size:0}[data-ui=result-state][data-align=center]>[data-part=actions]{justify-content:center}[data-ui=result-state]:not([data-reach=inline])>[data-part=content]+[data-part=actions]{margin-block-start:calc(var(--_actions-gap) - var(--_row-gap))}[data-ui=result-state][data-reach=inline]>[data-part=actions]{align-content:center;align-self:start;block-size:1lh;grid-column:3;grid-row:1;margin-inline-start:var(--_column-gap)}[data-ui=result-state]>[data-part=footer]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:2}[data-ui=result-state][data-part=root]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-result-state (max-width: 20rem){[data-ui=result-state]>[data-part=actions]{flex-direction:column}[data-ui=result-state][data-align=center]>[data-part=actions]{align-items:center}[data-ui=result-state][data-align=start]>[data-part=actions]{align-items:flex-start}[data-ui=result-state][data-reach=inline]{grid-template-columns:auto minmax(0,1fr)}[data-ui=result-state][data-reach=inline]>[data-part=actions]{block-size:auto;grid-column:2;grid-row:2;margin-inline-start:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:3}}[data-ui=result-state][data-part=root][hidden]{display:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) var(--slotted-easing-exit)}@starting-style{[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive]){opacity:0}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])>[data-part=media]{--_step-x: 0px;--_step-y: 0px}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=tile]>[data-part=media]{opacity:0;scale:.96}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:after{translate:0 0}}[data-ui=result-state][data-illustration=cards]>[data-part=media]:before{transition-delay:var(--slotted-duration-short)}}\n", "@layer slotted.components{[data-ui=skeleton][data-part=root][data-loading],[data-ui=skeleton][data-part=text][data-loading] [data-part=line]{--_fill: var( --slotted-skeleton-fill, color-mix( in oklab, var(--slotted-disabled-background, ButtonFace) 92%, var(--slotted-text, CanvasText) ) );--_edge: var(--slotted-skeleton-border-color, var(--slotted-border-subtle, ButtonBorder));--_highlight: var( --slotted-skeleton-highlight-color, color-mix(in oklab, var(--_fill) 86%, var(--slotted-text, CanvasText)) );--_trough: var( --slotted-skeleton-trough-color, color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken, Canvas)) );background-color:var(--_fill);border:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui=skeleton][data-part=root]{display:inline-block;min-block-size:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px))}[data-ui=skeleton][data-part=root][data-shape=text]{--_line: var(--slotted-skeleton-line-size, 1cap);block-size:var(--slotted-skeleton-block-size, var(--_line));border-radius:var(--slotted-radius-full, 9999px);inline-size:var(--slotted-skeleton-inline-size, 100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui=skeleton][data-part=root][data-shape=block]{block-size:var(--slotted-skeleton-block-size, auto);border-radius:var(--slotted-skeleton-radius, var(--slotted-radius-md, 6px));display:block;inline-size:var(--slotted-skeleton-inline-size, 100%);min-block-size:var(--slotted-skeleton-min-block-size, 1lh)}[data-ui=skeleton][data-part=root][data-shape=circle],[data-ui=skeleton][data-part=root][data-shape=square]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px));block-size:var(--slotted-skeleton-block-size, var(--_size));inline-size:var(--slotted-skeleton-inline-size, var(--_size))}[data-ui=skeleton][data-part=root][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=skeleton][data-part=root][data-shape=square]{border-radius:var(--slotted-skeleton-radius, calc(var(--_size) / 6))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xs],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xs]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xs, 24px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=sm],[data-ui=skeleton][data-part=root][data-shape=square][data-size=sm]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-sm, 28px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=md],[data-ui=skeleton][data-part=root][data-shape=square][data-size=md]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=lg],[data-ui=skeleton][data-part=root][data-shape=square][data-size=lg]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-lg, 48px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xl],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xl]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xl, 64px))}[data-ui=skeleton][data-part=root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size, auto);color:transparent;inline-size:var(--slotted-skeleton-inline-size, auto)}[data-ui=skeleton][data-part=root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui=skeleton][data-part=text]{align-items:center;display:grid;grid-auto-rows:var(--slotted-skeleton-row-size, 1lh);inline-size:var(--slotted-skeleton-inline-size, 100%)}[data-ui=skeleton] [data-part=line]{block-size:var(--slotted-skeleton-line-size, 1cap);border-radius:var(--slotted-radius-full, 9999px);inline-size:100%}[data-ui=skeleton] [data-part=line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size, 62%)}[data-ui=skeleton][data-part=root]:not([data-loading]),[data-ui=skeleton][data-part=text]:not([data-loading]){display:contents}[data-ui=skeleton][data-part=region]{inline-size:var(--slotted-skeleton-inline-size, 100%);min-inline-size:0}[data-ui=skeleton][data-part=root][data-loading]:not([data-animation=none]),[data-ui=skeleton][data-part=text][data-loading]:not([data-animation=none]) [data-part=line]{overflow:clip;position:relative}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-delay:calc(var(--slotted-skeleton-phase, 0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);animation-iteration-count:infinite;content:\"\";inset-block:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-timing-function:ease-in-out;background-color:var(--_trough);opacity:0}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-timing-function:linear;background-image:linear-gradient(90deg,transparent 14%,var(--_highlight) 50%,transparent 86%)}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui=skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part=line]:after{animation-direction:reverse}@media(prefers-reduced-motion:no-preference){[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-pulse}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){[data-ui=skeleton]:after,[data-ui=skeleton] [data-part=line]:after{animation:none}}@media(forced-colors:active){[data-ui=skeleton][data-part=root][data-loading]:after,[data-ui=skeleton][data-part=text][data-loading] [data-part=line]:after{background-image:none}}}\n", "@layer slotted.components{[data-ui=chart]{--_gap: var(--slotted-chart-gap, var(--slotted-space-5, .75rem));--_plot-size: var(--slotted-chart-plot-block-size, calc(var(--slotted-space-12, 4rem) * 4));--_radius: var(--slotted-chart-radius, var(--slotted-radius-md, 6px));--_chart-slot-1: var(--slotted-chart-color-1, var(--slotted-data-1));--_chart-slot-2: var(--slotted-chart-color-2, var(--slotted-data-2));--_chart-slot-3: var(--slotted-chart-color-3, var(--slotted-data-3));--_chart-slot-4: var(--slotted-chart-color-4, var(--slotted-data-4));--_chart-slot-5: var(--slotted-chart-color-5, var(--slotted-data-5));--_chart-slot-6: var(--slotted-chart-color-6, var(--slotted-data-6));--_chart-slot-7: var(--slotted-chart-color-7, var(--slotted-data-7));--_chart-slot-8: var(--slotted-chart-color-8, var(--slotted-data-8));--_chart-tone-neutral: var(--slotted-text-muted, GrayText);--_chart-tone-accent: var(--slotted-tone-accent-text, CanvasText);--_chart-tone-secondary: var(--slotted-tone-secondary-text, CanvasText);--_chart-tone-success: var(--slotted-tone-success-text, CanvasText);--_chart-tone-warning: var(--slotted-tone-warning-text, CanvasText);--_chart-tone-danger: var(--slotted-tone-danger-text, CanvasText);--_chart-overflow: var(--slotted-text-muted, GrayText);--_chart-text: var(--slotted-text, CanvasText);--_chart-label: var(--slotted-chart-label-color, var(--slotted-text-muted, GrayText));--_chart-grid: var(--slotted-chart-grid-color, var(--slotted-border-subtle, GrayText));--_chart-axis: var(--slotted-chart-axis-color, var(--slotted-control-border-color, GrayText));--_chart-reference: var( --slotted-chart-reference-color, var(--slotted-border-strong, GrayText) );--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface, Canvas));--_chart-label-size: var(--slotted-chart-label-size, var(--slotted-font-size-xs, .75rem));--_chart-line-width: var(--slotted-chart-line-width, var(--slotted-border-width-thick, 2px));--_chart-marker-size: var(--slotted-chart-marker-size, var(--slotted-space-4, .5rem));--_chart-bar-radius: var(--slotted-chart-bar-radius, var(--slotted-radius-sm, 4px));--_chart-area-opacity: var(--slotted-chart-area-opacity, .18);--_chart-inset: var(--slotted-chart-inset, var(--slotted-control-gap-md, .5rem));--_chart-duration: var(--slotted-duration-long);--_chart-easing: var(--slotted-easing-standard);box-sizing:border-box;color:var(--slotted-text, CanvasText);container:slotted-chart / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, system-ui, sans-serif);font-size:var(--slotted-font-size-md, .875rem);gap:var(--_gap);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0}[data-ui=chart][data-size=sm]{--_plot-size: var(--slotted-chart-plot-block-size-sm, calc(var(--slotted-space-12, 4rem) * 3))}[data-ui=chart][data-size=lg]{--_plot-size: var(--slotted-chart-plot-block-size-lg, calc(var(--slotted-space-12, 4rem) * 6))}[data-ui=chart][data-palette=sequential]{--_hue: var(--slotted-chart-sequential-color, var(--slotted-tone-accent-text, CanvasText));--_chart-slot-1: var(--_hue);--_chart-slot-2: color-mix(in oklab, var(--_hue) 76%, var(--_chart-surface));--_chart-slot-3: color-mix(in oklab, var(--_hue) 56%, var(--_chart-surface));--_chart-slot-4: color-mix(in oklab, var(--_hue) 40%, var(--_chart-surface));--_chart-slot-5: color-mix(in oklab, var(--_hue) 28%, var(--_chart-surface));--_chart-slot-6: color-mix(in oklab, var(--_hue) 20%, var(--_chart-surface));--_chart-slot-7: color-mix(in oklab, var(--_hue) 14%, var(--_chart-surface));--_chart-slot-8: color-mix(in oklab, var(--_hue) 10%, var(--_chart-surface))}[data-ui=chart][data-palette=focus]{--_muted: var(--slotted-text-muted, GrayText);--_chart-slot-1: var(--slotted-chart-focus-color, var(--slotted-tone-accent-text, CanvasText));--_chart-slot-2: color-mix(in oklab, var(--_muted) 70%, var(--_chart-surface));--_chart-slot-3: color-mix(in oklab, var(--_muted) 52%, var(--_chart-surface));--_chart-slot-4: color-mix(in oklab, var(--_muted) 38%, var(--_chart-surface));--_chart-slot-5: color-mix(in oklab, var(--_muted) 30%, var(--_chart-surface));--_chart-slot-6: color-mix(in oklab, var(--_muted) 24%, var(--_chart-surface));--_chart-slot-7: color-mix(in oklab, var(--_muted) 20%, var(--_chart-surface));--_chart-slot-8: color-mix(in oklab, var(--_muted) 16%, var(--_chart-surface))}[data-ui=chart][data-variant=card]{--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface-raised, Canvas));background-color:var(--_chart-surface);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-chart-card-radius, var(--slotted-radius-lg, 8px));padding-block:var(--slotted-chart-card-padding-block, var(--slotted-space-6, 1rem));padding-inline:var(--slotted-chart-card-padding-inline, var(--slotted-space-6, 1rem))}[data-ui=chart]>[data-part=header]{align-items:start;display:flex;gap:var(--slotted-space-4, .5rem);min-inline-size:0}[data-ui=chart]>[data-part=header]>:first-child{align-content:start;display:grid;flex:1 1 auto;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=chart]>[data-part=header]>:first-child>:first-child{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);min-inline-size:0}[data-ui=chart]>[data-part=header] [data-part=title]{color:var(--slotted-text, CanvasText);font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-lg, 1rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-lg, 1.5);min-inline-size:0;overflow-wrap:anywhere}[data-ui=chart]>[data-part=header] [data-part=description]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);overflow-wrap:anywhere}[data-ui=chart][data-variant=card]>[data-part=header] :is([data-part=title],[data-part=description]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart][data-variant=card]>[data-part=header] [data-part=title]{font-size:var(--slotted-font-size-md, .875rem);line-height:var(--slotted-line-height-md, 1.5)}[data-ui=chart][data-variant=card]>[data-part=header]>:first-child{min-block-size:calc(var(--slotted-font-size-md, .875rem) * var(--slotted-line-height-md, 1.5) + var(--slotted-space-1, .125rem) + var(--slotted-font-size-sm, .8125rem) * var(--slotted-line-height-sm, 1.45))}[data-ui=chart]>[data-part=header]>[data-part=actions]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-2, .25rem)}[data-ui=chart]>[data-part=header]>[data-part=toolbar]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-1, .125rem);margin-block:calc((var(--slotted-font-size-lg, 1rem) * var(--slotted-line-height-lg, 1.5) - var(--slotted-control-height-sm, 1.75rem)) / 2);transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart][data-toolbar=hover]>[data-part=header]>[data-part=toolbar]{opacity:0}[data-ui=chart]>[data-part=header]>[data-part=toolbar][data-waiting]{visibility:hidden}[data-ui=chart][data-toolbar=hover]:is(:hover,:focus-within):not([data-disabled])>[data-part=header]>[data-part=toolbar]{opacity:1}@media(hover:none){[data-ui=chart][data-toolbar=hover]>[data-part=header]>[data-part=toolbar]{opacity:1}}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help]){--_box: var(--slotted-control-height-sm, 1.75rem);align-items:center;background:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-md, 6px));color:var(--slotted-text-muted, GrayText);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_box);justify-content:center;padding:0;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart] [data-part=help]{--_box: var(--slotted-control-inner-size-sm, 1.25rem);margin-block:calc((var(--slotted-font-size-md, .875rem) * var(--slotted-line-height-md, 1.5) - var(--_box)) / 2)}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace);color:var(--slotted-text, CanvasText)}[data-ui=chart] :is([data-part=view-toggle],[data-part=menu-trigger],[data-part=help])[data-pressed],[data-ui=chart] :is([data-part=menu-trigger],[data-part=help])[data-open]{background-color:var(--slotted-tone-secondary-surface, ButtonFace);color:var(--slotted-text, CanvasText)}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help],[data-part=legend-more],[data-part=menu-item]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=chart] :is([data-part=menu],[data-part=help-content]){background-color:var(--slotted-surface-raised, Canvas);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-shadow-md, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);font-family:var(--slotted-font-family-sans, system-ui, sans-serif);font-size:var(--slotted-font-size-sm, .8125rem);inset:0 auto auto 0;line-height:var(--slotted-line-height-sm, 1.45);margin:0;max-inline-size:min(20rem,calc(100vw - var(--slotted-space-8, 1.5rem)));position:fixed;transform:translate(var(--slotted-chart-x, 0px),var(--slotted-chart-y, 0px));z-index:var(--slotted-z-index-popover, 1100)}[data-ui=chart] [data-part=menu]{display:grid;min-inline-size:11rem;padding:var(--slotted-space-2, .25rem)}[data-ui=chart] [data-part=menu]:not(:popover-open,[data-open]){display:none}[data-ui=chart] [data-part=help-content]{padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-5, .75rem)}[data-ui=chart] [data-part=help-content]:not(:popover-open,[data-open]){display:none}[data-ui=chart] [data-part=menu-item]{align-items:center;background:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--slotted-space-3, .375rem);min-block-size:var(--slotted-control-height-sm, 1.75rem);padding-inline:var(--slotted-space-4, .5rem);text-align:start}[data-ui=chart] [data-part=menu-item]:is([data-action=view],[data-action=fullscreen]){display:none}[data-ui=chart] [data-part=menu-item]:hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=chart] [data-part=legend]{align-items:center;display:flex;flex:none;flex-wrap:nowrap;gap:var(--slotted-space-1, .125rem) var(--slotted-space-2, .25rem);list-style:none;margin:0;margin-inline-start:calc(var(--slotted-space-3, .375rem) * -1);min-block-size:var(--slotted-target-min, 1.5rem);min-inline-size:0;overflow:hidden;padding:0}[data-ui=chart][data-legend-overflow=wrap] [data-part=legend]{flex-wrap:wrap;overflow:visible}[data-ui=chart] [data-slot=\"1\"]{--_series: var(--_chart-slot-1)}[data-ui=chart] [data-slot=\"2\"]{--_series: var(--_chart-slot-2)}[data-ui=chart] [data-slot=\"3\"]{--_series: var(--_chart-slot-3)}[data-ui=chart] [data-slot=\"4\"]{--_series: var(--_chart-slot-4)}[data-ui=chart] [data-slot=\"5\"]{--_series: var(--_chart-slot-5)}[data-ui=chart] [data-slot=\"6\"]{--_series: var(--_chart-slot-6)}[data-ui=chart] [data-slot=\"7\"]{--_series: var(--_chart-slot-7)}[data-ui=chart] [data-slot=\"8\"]{--_series: var(--_chart-slot-8)}[data-ui=chart] [data-tone=neutral]{--_series: var(--_chart-tone-neutral)}[data-ui=chart] [data-tone=accent]{--_series: var(--_chart-tone-accent)}[data-ui=chart] [data-tone=secondary]{--_series: var(--_chart-tone-secondary)}[data-ui=chart] [data-tone=success]{--_series: var(--_chart-tone-success)}[data-ui=chart] [data-tone=warning]{--_series: var(--_chart-tone-warning)}[data-ui=chart] [data-tone=danger]{--_series: var(--_chart-tone-danger)}[data-ui=chart] [data-overflow]{--_series: var(--_chart-overflow)}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more]){align-items:center;background:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-md, 6px));color:var(--slotted-text, CanvasText);display:inline-flex;flex:none;font:inherit;font-size:var(--slotted-control-font-size-sm, .75rem);gap:var(--slotted-space-3, .375rem);line-height:var(--slotted-line-height-sm, 1.45);max-inline-size:100%;min-block-size:var(--slotted-target-min, 1.5rem);min-inline-size:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more])[hidden]{display:none}[data-ui=chart] [data-part=legend-more]{color:var(--slotted-text-muted, GrayText);cursor:pointer;font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=chart] [data-part=menu] [data-part=legend-item]{inline-size:100%}[data-ui=chart] :is(button[data-part=legend-item],[data-part=legend-more]){cursor:pointer}[data-ui=chart] :is(button[data-part=legend-item],[data-part=legend-more]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=chart] [data-part=legend-item]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker]){background-color:var(--_series);block-size:.625rem;border-radius:var(--slotted-radius-xs, 2px);flex:none;inline-size:.625rem}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-kind=line]{block-size:var(--slotted-border-width-thick, 2px);border-radius:var(--slotted-radius-full, 9999px);inline-size:.875rem}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-kind=scatter]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dashed]{background:repeating-linear-gradient(to right,var(--_series) 0 3px,transparent 3px 5px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dotted]{background:repeating-linear-gradient(to right,var(--_series) 0 2px,transparent 2px 4px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dash-dot]{background:repeating-linear-gradient(to right,var(--_series) 0 5px,transparent 5px 7px,var(--_series) 7px 9px,transparent 9px 11px)}[data-ui=chart] [data-part=legend-label]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart] [data-part=legend-value]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=chart] [data-part=legend-item][data-current] [data-part=legend-value]{color:var(--slotted-text, CanvasText)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]){color:var(--slotted-text-muted, GrayText)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-marker]{background:transparent;box-shadow:inset 0 0 0 var(--slotted-border-width-medium, 1.5px) var(--_series)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-marker][data-kind=line]{background:var(--_series);box-shadow:none;opacity:.4}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-label]{text-decoration:line-through;text-decoration-color:color-mix(in oklab,currentColor 55%,transparent)}[data-ui=chart] [data-part=plot]{border-radius:var(--_radius);flex:1 0 var(--_plot-size);min-block-size:var(--_plot-size);direction:ltr;min-inline-size:0;position:relative}[data-ui=chart] [data-part=plot]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=chart] [data-part=canvas]{inset:0;position:absolute;z-index:1}[data-ui=chart] [data-part=plot]:has(>[data-part=table-region]:not([hidden]))>:is([data-part=canvas],[data-part=crosshair],[data-part=marker],[data-part=tooltip],[data-part=center]){visibility:hidden}[data-ui=chart] :is([data-part=crosshair],[data-part=marker],[data-part=tooltip]){inset-block-start:0;inset-inline-start:0;pointer-events:none;position:absolute}[data-ui=chart] [data-part=crosshair]{background-color:var(--slotted-chart-crosshair-color, var(--slotted-border-strong, GrayText));block-size:var(--slotted-chart-frame-size, 100%);inline-size:1px;transform:translate(calc(var(--slotted-chart-x, 0px) - .5px),var(--slotted-chart-frame-start, 0px));z-index:0}[data-ui=chart] [data-part=crosshair][data-band]{background-color:var( --slotted-chart-band-color, color-mix(in oklab, var(--slotted-text, CanvasText) 6%, transparent) );border-radius:var(--slotted-radius-sm, 4px);inline-size:var(--slotted-chart-band-size, 0px);transform:translate(var(--slotted-chart-band-start, 0px),var(--slotted-chart-frame-start, 0px))}[data-ui=chart] [data-part=crosshair][data-orientation=horizontal]{block-size:1px;inline-size:var(--slotted-chart-frame-size, 100%);transform:translate(var(--slotted-chart-frame-start, 0px),calc(var(--slotted-chart-y, 0px) - .5px))}[data-ui=chart] [data-part=crosshair][data-band][data-orientation=horizontal]{block-size:var(--slotted-chart-band-size, 0px);transform:translate(var(--slotted-chart-frame-start, 0px),var(--slotted-chart-band-start, 0px))}[data-ui=chart] [data-part=marker]{--_size: calc(var(--_chart-marker-size) + var(--slotted-space-2, .25rem));background-color:var(--_series, var(--_chart-slot-1));block-size:var(--_size);border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_chart-surface);inline-size:var(--_size);transform:translate(calc(var(--slotted-chart-x, 0px) - var(--_size) / 2),calc(var(--slotted-chart-y, 0px) - var(--_size) / 2));z-index:2}[data-ui=chart] [data-part=marker][data-selected]{--_size: calc(var(--_chart-marker-size) * 2 + var(--slotted-space-2, .25rem));background-color:transparent;box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--_series, CanvasText),0 0 0 var(--slotted-border-width-thick, 2px) var(--_chart-surface)}[data-ui=chart] [data-part=tooltip]{background-color:var(--slotted-chart-tooltip-surface, var(--slotted-surface-raised, Canvas));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-shadow-md, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);column-gap:var(--slotted-space-4, .5rem);display:grid;font-size:var(--slotted-control-font-size-sm, .75rem);grid-template-columns:auto minmax(0,1fr) auto;line-height:var(--slotted-line-height-sm, 1.45);max-inline-size:min(18rem,100%);min-inline-size:8rem;opacity:0;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-5, .75rem);row-gap:var(--slotted-space-2, .25rem);transform:translate(var(--slotted-chart-x, 0px),var(--slotted-chart-y, 0px));transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard),transform var(--slotted-duration-short) var(--slotted-easing-standard);visibility:hidden;z-index:3}[data-ui=chart] [data-part=tooltip][data-docked]{inline-size:100%;max-inline-size:100%;min-inline-size:0}[data-ui=chart]:dir(rtl) :is([data-part=tooltip],[data-part=center]){direction:rtl}[data-ui=chart]:dir(rtl) [data-part=tooltip]{inset-inline-end:0;inset-inline-start:auto}[data-ui=chart] [data-part=tooltip][data-open]{opacity:1;visibility:visible}[data-ui=chart] [data-part=tooltip]:not([data-open]){transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard),visibility var(--slotted-duration-instant) linear var(--slotted-duration-short)}[data-ui=chart] [data-part=tooltip-title]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;overflow-wrap:anywhere}[data-ui=chart] [data-part=tooltip-note]{color:var(--slotted-text-muted, GrayText);grid-column:1 / -1;overflow-wrap:anywhere}[data-ui=chart] :is([data-part=tooltip-item],[data-part=tooltip-total]){align-items:center;display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=chart] [data-part=tooltip-item]{color:var(--slotted-text-muted, GrayText)}[data-ui=chart] [data-part=tooltip-item][data-current]{color:var(--slotted-text, CanvasText)}[data-ui=chart] [data-part=tooltip-label]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart] [data-part=tooltip-value]{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);text-align:end;white-space:nowrap}[data-ui=chart] [data-part=tooltip-total]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600);margin-block-start:var(--slotted-space-2, .25rem);padding-block-start:var(--slotted-space-3, .375rem)}[data-ui=chart] [data-part=tooltip-total]>:first-child{grid-column:1 / 3}[data-ui=chart] [data-part=center]{align-content:center;display:grid;inset:0;justify-items:center;pointer-events:none;position:absolute;text-align:center;z-index:2}[data-ui=chart] [data-part=center-value]{font-size:var(--slotted-font-size-2xl, 1.25rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-2xl, 1.4)}[data-ui=chart] [data-part=center-label]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--slotted-line-height-xs, 1.4)}[data-ui=chart] [data-part=skeleton]{inset:var(--_chart-inset);position:absolute}[data-ui=chart] [data-part=skeleton]>[data-ui=skeleton]{--slotted-skeleton-fill: color-mix( in oklab, var(--slotted-text, CanvasText) 9%, var(--_chart-surface) );block-size:100%;box-sizing:border-box;column-gap:var(--_chart-inset);display:grid;grid-template-areas:\"y marks\" \". x\";grid-template-columns:2.25rem minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;inline-size:100%;row-gap:var(--_chart-inset)}[data-ui=chart] [data-part=skeleton] [data-skeleton=y]{align-items:end;display:flex;flex-direction:column;grid-area:y;justify-content:space-between}[data-ui=chart] [data-part=skeleton] [data-skeleton=x]{display:flex;grid-area:x;justify-content:space-around}[data-ui=chart] [data-part=skeleton] :is([data-skeleton=y],[data-skeleton=x])>[data-ui=skeleton]{block-size:.5rem;border-radius:var(--slotted-radius-full, 9999px);flex:none;inline-size:1.5rem;min-block-size:0}[data-ui=chart] [data-part=skeleton] [data-skeleton=y]>[data-ui=skeleton]:nth-child(odd){inline-size:2rem}[data-ui=chart] [data-part=skeleton] [data-skeleton=x]>[data-ui=skeleton]{flex:0 1 auto;min-inline-size:0}[data-ui=chart] [data-part=skeleton] [data-skeleton=marks]{align-items:end;background-image:repeating-linear-gradient(to bottom,var(--_chart-grid) 0 1px,transparent 1px calc((100% - 1px)/4));display:flex;grid-area:marks;justify-content:space-around;min-block-size:0;position:relative}[data-ui=chart] [data-part=skeleton] [data-skeleton=marks]>[data-ui=skeleton]{border-radius:var(--_chart-bar-radius) var(--_chart-bar-radius) 0 0;flex:0 1 9%;inline-size:auto;min-inline-size:0}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+1){block-size:38%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+2){block-size:62%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+3){block-size:50%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+4){block-size:74%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+5){block-size:56%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+6){block-size:44%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+7){block-size:68%}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]{block-size:100%;border-radius:0;inset:0;position:absolute}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]:first-child{clip-path:polygon(0% 60.5%,14% 46.5%,28% 54.5%,42% 28.5%,57% 38.5%,71% 20.5%,86% 32.5%,100% 12.5%,100% 15.5%,86% 35.5%,71% 23.5%,57% 41.5%,42% 31.5%,28% 57.5%,14% 49.5%,0% 63.5%)}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]:last-child{clip-path:polygon(0% 62%,14% 48%,28% 56%,42% 30%,57% 40%,71% 22%,86% 34%,100% 14%,100% 100%,0% 100%);opacity:.35}[data-ui=chart] [data-part=skeleton][data-kind=pie]>[data-ui=skeleton]{align-items:center;display:flex;justify-content:center}[data-ui=chart] [data-part=skeleton][data-kind=pie] [data-ui=skeleton][data-shape=circle]{aspect-ratio:1;block-size:76%;flex:none;inline-size:auto;-webkit-mask-image:radial-gradient(circle,transparent calc(var(--slotted-chart-skeleton-hole, 64%) * .5),#000 calc(var(--slotted-chart-skeleton-hole, 64%) * .5 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--slotted-chart-skeleton-hole, 64%) * .5),#000 calc(var(--slotted-chart-skeleton-hole, 64%) * .5 + .5px))}[data-ui=chart] [data-part=legend]>[data-ui=skeleton]{--slotted-skeleton-fill: color-mix( in oklab, var(--slotted-text, CanvasText) 9%, var(--_chart-surface) );--slotted-skeleton-block-size: .5rem;--slotted-skeleton-min-block-size: 0;align-self:center;block-size:.5rem;border-radius:var(--slotted-radius-full, 9999px);flex:none;inline-size:4.5rem;margin-inline-start:var(--slotted-space-3, .375rem);min-block-size:0}[data-ui=chart] [data-part=legend]>[data-ui=skeleton]:nth-child(2){inline-size:3.25rem}[data-ui=chart] :is([data-part=empty],[data-part=error]){--slotted-result-state-title-font-size: var(--slotted-font-size-md, .875rem);--slotted-result-state-padding-block: var(--slotted-space-4, .5rem);align-content:center;display:grid;inset:0;justify-items:center;padding:var(--_chart-inset);position:absolute;z-index:3}[data-ui=chart] [data-part=plot]:has(>:is([data-part=empty],[data-part=error])){background:linear-gradient(var(--_chart-grid),var(--_chart-grid)) 0 100% / 100% 1px no-repeat content-box;box-sizing:border-box;padding:var(--_chart-inset) var(--_chart-inset) calc(var(--_chart-inset) * 3)}[data-ui=chart] [data-part=summary]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=chart] [data-part=table-region]{background-color:var(--_chart-surface);border-radius:var(--_radius);inset:0;overflow:auto;overscroll-behavior:contain;position:absolute;z-index:4}[data-ui=chart]:dir(rtl) [data-part=table-region]{direction:rtl}[data-ui=chart] [data-part=table-region]:focus{outline:none}[data-ui=chart] [data-part=table-region]:focus-visible[data-focus-origin=keyboard]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=chart] [data-part=table-region][hidden]{display:none}[data-ui=chart] [data-part=table]{border-collapse:collapse;font-size:var(--slotted-font-size-sm, .8125rem);inline-size:100%;line-height:var(--slotted-line-height-sm, 1.45)}[data-ui=chart] [data-part=table] caption{caption-side:bottom;color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);padding-block:var(--slotted-space-3, .375rem);text-align:start}[data-ui=chart] [data-part=table] :is(th,td){border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);padding-block:var(--slotted-control-gap-sm, .375rem);padding-inline:var(--slotted-space-4, .5rem);text-align:start;white-space:nowrap}[data-ui=chart] [data-part=table] tbody th{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=chart] [data-part=table] thead th{background-color:var(--_chart-surface);color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-medium, 500);inset-block-start:0;position:sticky}[data-ui=chart] [data-part=table] [data-numeric]{font-variant-numeric:tabular-nums;text-align:end}[data-ui=chart] [data-part=table] tbody tr[data-current]{background-color:var(--slotted-tone-secondary-subtle-hover, Highlight)}[data-ui=chart][data-fullscreen]{--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface, Canvas));background-color:var(--_chart-surface);block-size:100%;border:0;border-radius:0;inset:0;padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--slotted-space-9, 2rem);position:fixed;z-index:var(--slotted-z-index-overlay, 1000)}[data-ui=chart][data-fullscreen] [data-part=title]{font-size:var(--slotted-font-size-xl, 1.125rem)}@container slotted-chart (max-width: 480px){[data-ui=chart]>[data-part=header]>[data-part=toolbar]>:is([data-part=view-toggle],[data-part=fullscreen-toggle]){display:none}[data-ui=chart] [data-part=menu-item]:is([data-action=view],[data-action=fullscreen]){display:flex}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more]){padding-inline:var(--slotted-space-2, .25rem)}}@container slotted-chart (max-width: 360px){[data-ui=chart][data-variant=card]{padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--slotted-space-5, .75rem)}}@media(pointer:coarse){[data-ui=chart] [data-part=menu-item]{min-block-size:var(--slotted-target-comfortable, 2.75rem)}[data-ui=chart] [data-part=menu] [data-part=legend-item]{min-block-size:var(--slotted-target-comfortable, 2.75rem);min-inline-size:var(--slotted-target-comfortable, 2.75rem)}[data-ui=chart] [data-part=legend]{min-block-size:var(--slotted-target-comfortable, 2.75rem);row-gap:calc(var(--slotted-target-comfortable, 2.75rem) - var(--slotted-target-min, 1.5rem))}[data-ui=chart] [data-part=legend]>:is([data-part=legend-item],[data-part=legend-more]){position:relative}[data-ui=chart] [data-part=legend]>:is([data-part=legend-item],[data-part=legend-more]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 2.75rem)) / 2));position:absolute}[data-ui=chart] [data-part=legend]>[data-part=legend-more]:after{inset-inline-start:0}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger]){--_box: var(--slotted-target-comfortable, 2.75rem)}}@media print{[data-ui=chart] :is([data-part=toolbar],[data-part=help],[data-part=legend-more],[data-part=tooltip],[data-part=crosshair],[data-part=marker]:not([data-selected])){display:none}[data-ui=chart] [data-part=legend]{flex-wrap:wrap;overflow:visible}[data-ui=chart]{break-inside:avoid}}@media(forced-colors:active){[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker],[data-part=marker]){forced-color-adjust:none;background-color:CanvasText}[data-ui=chart] [data-part=crosshair]{background-color:GrayText;forced-color-adjust:none}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlChart, isStandalone: true, selector: "figure[slChart]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, series: { classPropertyName: "series", publicName: "series", isSignal: true, isRequired: false, transformFunction: null }, x: { classPropertyName: "x", publicName: "x", isSignal: true, isRequired: false, transformFunction: null }, y: { classPropertyName: "y", publicName: "y", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, stackMode: { classPropertyName: "stackMode", publicName: "stackMode", isSignal: true, isRequired: false, transformFunction: null }, annotations: { classPropertyName: "annotations", publicName: "annotations", isSignal: true, isRequired: false, transformFunction: null }, recordKey: { classPropertyName: "recordKey", publicName: "recordKey", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "help", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: false, transformFunction: null }, texture: { classPropertyName: "texture", publicName: "texture", isSignal: true, isRequired: false, transformFunction: null }, renderer: { classPropertyName: "renderer", publicName: "renderer", isSignal: true, isRequired: false, transformFunction: null }, sampling: { classPropertyName: "sampling", publicName: "sampling", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, legendInteractive: { classPropertyName: "legendInteractive", publicName: "legendInteractive", isSignal: true, isRequired: false, transformFunction: null }, legendValues: { classPropertyName: "legendValues", publicName: "legendValues", isSignal: true, isRequired: false, transformFunction: null }, legendOverflow: { classPropertyName: "legendOverflow", publicName: "legendOverflow", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, zoomable: { classPropertyName: "zoomable", publicName: "zoomable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, extendOption: { classPropertyName: "extendOption", publicName: "extendOption", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, activePoint: { classPropertyName: "activePoint", publicName: "activePoint", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null }, tableOpen: { classPropertyName: "tableOpen", publicName: "tableOpen", isSignal: true, isRequired: false, transformFunction: null }, fullscreen: { classPropertyName: "fullscreen", publicName: "fullscreen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hidden: "hiddenChange", activePoint: "activePointChange", selection: "selectionChange", zoom: "zoomChange", tableOpen: "tableOpenChange", fullscreen: "fullscreenChange", hiddenChangeRequest: "hiddenChangeRequest", activePointChangeRequest: "activePointChangeRequest", selectionChangeRequest: "selectionChangeRequest", zoomChangeRequest: "zoomChangeRequest", tableOpenChangeRequest: "tableOpenChangeRequest", fullscreenChangeRequest: "fullscreenChangeRequest", retry: "retry" }, host: { attributes: { "data-ui": "chart", "data-part": "root" }, listeners: { "keydown": "onRootKeyDown($event)" }, properties: { "attr.title": "null", "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-palette": "resolvedPalette()", "attr.data-toolbar": "resolvedToolbar()", "attr.data-legend-overflow": "resolvedLegendOverflow()", "attr.data-loading": "loading() ? \"\" : null", "attr.data-fullscreen": "fullscreen() ? \"\" : null" } }, queries: [{ propertyName: "tooltipTemplate", first: true, predicate: SlChartTooltip, descendants: true, isSignal: true }, { propertyName: "legendItemTemplate", first: true, predicate: SlChartLegendItem, descendants: true, isSignal: true }, { propertyName: "centerTemplate", first: true, predicate: SlChartCenter, descendants: true, isSignal: true }, { propertyName: "emptyTemplate", first: true, predicate: SlChartEmpty, descendants: true, isSignal: true }, { propertyName: "errorTemplate", first: true, predicate: SlChartError, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "plotRef", first: true, predicate: ["plot"], descendants: true, isSignal: true }, { propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true, isSignal: true }, { propertyName: "tableRegionRef", first: true, predicate: ["tableRegion"], descendants: true, isSignal: true }, { propertyName: "tooltipRef", first: true, predicate: ["tooltipBox"], descendants: true, isSignal: true }, { propertyName: "legendRef", first: true, predicate: ["legendRow"], descendants: true, isSignal: true }, { propertyName: "menuRef", first: true, predicate: ["menu"], descendants: true, isSignal: true }, { propertyName: "moreRef", first: true, predicate: ["moreLayer"], descendants: true, isSignal: true }, { propertyName: "helpRef", first: true, predicate: ["helpLayer"], descendants: true, isSignal: true }], exportAs: ["slChart"], ngImport: i0, template: "@let current = chartModel(); @if (title() !== undefined || description() !== undefined ||\nresolvedToolbar() !== 'none') {\n<figcaption data-part=\"header\">\n  <div>\n    <div>\n      @if (title() !== undefined) {\n      <span data-part=\"title\" [id]=\"id + '-title'\">{{ title() }}</span>\n      } @if (help() !== undefined) {\n      <button\n        #helpControl\n        type=\"button\"\n        data-part=\"help\"\n        [attr.aria-label]=\"t('help')\"\n        [attr.aria-controls]=\"id + '-help'\"\n        [attr.aria-expanded]=\"layerOpen()['help'] ?? false\"\n        [attr.data-open]=\"layerOpen()['help'] ? '' : null\"\n        (click)=\"toggleLayer('help')\"\n      >\n        <span slIcon><svg slGlyph name=\"circle-info\"></svg></span>\n      </button>\n      <div\n        #helpLayer\n        popover=\"auto\"\n        data-part=\"help-content\"\n        role=\"note\"\n        [id]=\"id + '-help'\"\n        (toggle)=\"onLayerToggle('help', $event, helpControl, 'start', false)\"\n      >\n        {{ help() }}\n      </div>\n      }\n    </div>\n    @if (description() !== undefined) {\n    <span data-part=\"description\" [id]=\"id + '-description'\">{{ description() }}</span>\n    }\n  </div>\n  <div data-part=\"actions\"><ng-content select=\"[slChartActions]\" /></div>\n  <!-- The box stands in every state, so the header's words wrap at one width; it\n       holds nothing a reader can reach until the plot has something to act on. -->\n  @if (resolvedToolbar() !== 'none') { @let ready = usable();\n  <div\n    data-part=\"toolbar\"\n    [attr.role]=\"ready ? 'toolbar' : null\"\n    [attr.aria-label]=\"ready ? t('toolbar') : null\"\n    [attr.aria-hidden]=\"ready ? null : 'true'\"\n    [attr.inert]=\"ready ? null : ''\"\n    [attr.data-waiting]=\"ready ? null : ''\"\n  >\n    @if (zoomed()) {\n    <button\n      type=\"button\"\n      data-part=\"zoom-reset\"\n      [attr.aria-label]=\"t('resetZoom')\"\n      [attr.title]=\"t('resetZoom')\"\n      (click)=\"resetZoomFromToolbar($event)\"\n    >\n      <span slIcon><svg slGlyph name=\"rotate-ccw\"></svg></span>\n    </button>\n    }\n    <button\n      type=\"button\"\n      data-part=\"view-toggle\"\n      [attr.aria-label]=\"t('tableView')\"\n      [attr.title]=\"t('tableView')\"\n      [attr.aria-pressed]=\"tableOpen()\"\n      [attr.data-pressed]=\"tableOpen() ? '' : null\"\n      (click)=\"requestTable(!tableOpen(), pressReason(), $event)\"\n    >\n      <span slIcon><svg slGlyph name=\"file-spreadsheet\"></svg></span>\n    </button>\n    <button\n      type=\"button\"\n      data-part=\"fullscreen-toggle\"\n      [attr.aria-label]=\"fullscreen() ? t('exitFullscreen') : t('fullscreen')\"\n      [attr.title]=\"fullscreen() ? t('exitFullscreen') : t('fullscreen')\"\n      (click)=\"requestFullscreen(!fullscreen(), pressReason(), $event)\"\n    >\n      <span slIcon><svg slGlyph [name]=\"fullscreen() ? 'minimize' : 'maximize'\"></svg></span>\n    </button>\n    <button\n      #menuControl\n      type=\"button\"\n      data-part=\"menu-trigger\"\n      aria-haspopup=\"menu\"\n      [attr.aria-label]=\"t('more')\"\n      [attr.title]=\"t('more')\"\n      [attr.aria-expanded]=\"layerOpen()['menu'] ?? false\"\n      [attr.data-open]=\"layerOpen()['menu'] ? '' : null\"\n      (click)=\"toggleLayer('menu')\"\n    >\n      <span slIcon><svg slGlyph name=\"ellipsis\"></svg></span>\n    </button>\n    <div\n      #menu\n      popover=\"auto\"\n      data-part=\"menu\"\n      role=\"menu\"\n      [attr.aria-label]=\"t('more')\"\n      (toggle)=\"onLayerToggle('menu', $event, menuControl, 'end')\"\n      (keydown)=\"onLayerKeyDown($event)\"\n    >\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"view\"\n        (click)=\"menuAction('view', $event)\"\n      >\n        {{ t('tableView') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"fullscreen\"\n        (click)=\"menuAction('fullscreen', $event)\"\n      >\n        {{ fullscreen() ? t('exitFullscreen') : t('fullscreen') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"csv\"\n        (click)=\"menuAction('csv', $event)\"\n      >\n        {{ t('downloadCsv') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"image\"\n        (click)=\"menuAction('image', $event)\"\n      >\n        {{ t('downloadImage') }}\n      </button>\n    </div>\n  </div>\n  }\n</figcaption>\n} @if (legend()) {\n<div\n  #legendRow\n  data-part=\"legend\"\n  [attr.role]=\"legendWaiting() ? null : legendInteractive() ? 'toolbar' : 'list'\"\n  [attr.aria-label]=\"legendWaiting() ? null : t('legend')\"\n  (keydown)=\"onLegendKeyDown($event)\"\n>\n  @if (legendWaiting()) { @for (line of repeat(3); track line) {\n  <span\n    data-ui=\"skeleton\"\n    data-part=\"root\"\n    data-shape=\"block\"\n    data-size=\"md\"\n    data-animation=\"shimmer\"\n    data-loading\n    aria-hidden=\"true\"\n  ></span>\n  } } @else if (current) { @for (entry of current.legend; track entry.key; let index = $index) {\n  <ng-container\n    *ngTemplateOutlet=\"legendItem; context: { $implicit: entry, rowHidden: collapsed().includes(index), inLayer: false }\"\n  />\n  }\n  <button\n    #moreControl\n    type=\"button\"\n    data-part=\"legend-more\"\n    aria-haspopup=\"true\"\n    [attr.aria-label]=\"legendMoreName()\"\n    [hidden]=\"collapsed().length === 0\"\n    [attr.tabindex]=\"rovingKey() === null ? 0 : -1\"\n    [attr.aria-expanded]=\"layerOpen()['more'] ?? false\"\n    [attr.data-open]=\"layerOpen()['more'] ? '' : null\"\n    (click)=\"toggleLayer('more')\"\n  >\n    {{ t('moreSeries', { count: collapsed().length }) }}\n  </button>\n  <div\n    #moreLayer\n    popover=\"auto\"\n    data-part=\"menu\"\n    role=\"group\"\n    [attr.aria-label]=\"t('legend')\"\n    (toggle)=\"onLayerToggle('more', $event, moreControl, 'start')\"\n    (keydown)=\"onLayerKeyDown($event)\"\n  >\n    @for (index of collapsed(); track index) { @if (current.legend[index]; as entry) {\n    <ng-container\n      *ngTemplateOutlet=\"legendItem; context: { $implicit: entry, rowHidden: false, inLayer: true }\"\n    />\n    } }\n  </div>\n  }\n</div>\n}\n<ng-template #legendItem let-entry let-rowHidden=\"rowHidden\" let-inLayer=\"inLayer\">\n  @let color = colorOf(entry.color); @if (legendInteractive()) {\n  <button\n    type=\"button\"\n    data-part=\"legend-item\"\n    [attr.data-key]=\"entry.key\"\n    [attr.data-slot]=\"color.slot\"\n    [attr.data-tone]=\"color.tone\"\n    [attr.data-overflow]=\"color.overflow\"\n    [attr.data-current]=\"isCurrent(entry) ? '' : null\"\n    [attr.aria-pressed]=\"entry.visible\"\n    [attr.data-pressed]=\"entry.visible ? '' : null\"\n    [attr.tabindex]=\"inLayer || rovingKey() === entry.key ? 0 : -1\"\n    [hidden]=\"rowHidden\"\n    (click)=\"onLegendClick(entry, $event)\"\n    (keydown)=\"onLegendItemKey(entry, $event)\"\n    (focus)=\"legendFocus.set(inLayer ? legendFocus() : entry.key); emphasize(entry.visible ? entry.key : null)\"\n    (blur)=\"emphasize(null)\"\n    (pointerenter)=\"entry.visible && emphasize(entry.key)\"\n    (pointerleave)=\"emphasize(null)\"\n  >\n    <ng-container *ngTemplateOutlet=\"legendContent; context: { $implicit: entry }\" />\n  </button>\n  } @else {\n  <span\n    role=\"listitem\"\n    data-part=\"legend-item\"\n    [attr.data-key]=\"entry.key\"\n    [attr.data-slot]=\"color.slot\"\n    [attr.data-tone]=\"color.tone\"\n    [attr.data-overflow]=\"color.overflow\"\n    [attr.data-current]=\"isCurrent(entry) ? '' : null\"\n    [hidden]=\"rowHidden\"\n    (pointerenter)=\"entry.visible && emphasize(entry.key)\"\n    (pointerleave)=\"emphasize(null)\"\n  >\n    <ng-container *ngTemplateOutlet=\"legendContent; context: { $implicit: entry }\" />\n  </span>\n  }\n</ng-template>\n<ng-template #legendContent let-entry>\n  @if (legendItemTemplate(); as custom) {\n  <ng-container\n    *ngTemplateOutlet=\"custom.template; context: { $implicit: entry, value: legendValue(entry), current: isCurrent(entry) }\"\n  />\n  } @else {\n  <span\n    data-part=\"legend-marker\"\n    [attr.data-kind]=\"entry.kind === 'area' || entry.kind === 'bar' || entry.kind === 'pie' ? 'bar' : entry.kind\"\n    [attr.data-stroke]=\"strokeOf(entry)\"\n  ></span>\n  <span data-part=\"legend-label\" [attr.title]=\"entry.label\">{{ entry.label }}</span>\n  @if (legendValues()) {\n  <span data-part=\"legend-value\">{{ legendValue(entry) }}</span>\n  } }\n</ng-template>\n<div\n  #plot\n  data-part=\"plot\"\n  role=\"group\"\n  tabindex=\"0\"\n  [attr.aria-roledescription]=\"t('roledescription')\"\n  [attr.aria-labelledby]=\"title() !== undefined ? id + '-title' : null\"\n  [attr.aria-label]=\"title() === undefined ? t('roledescription') : null\"\n  [attr.aria-describedby]=\"describedBy()\"\n  [attr.aria-busy]=\"loading() ? 'true' : null\"\n  (keydown)=\"onPlotKeyDown($event)\"\n  (focus)=\"onPlotFocus($event)\"\n  (blur)=\"requestActive(null, 'blur', $event)\"\n>\n  @let overlayNow = overlay();\n  <div\n    data-part=\"crosshair\"\n    [hidden]=\"!overlayNow.crosshair\"\n    [attr.data-band]=\"overlayNow.crosshair?.isBand ? '' : null\"\n    [attr.data-orientation]=\"current?.orientation ?? 'vertical'\"\n    [style.--slotted-chart-x]=\"px(overlayNow.crosshair?.x)\"\n    [style.--slotted-chart-y]=\"px(overlayNow.crosshair?.y)\"\n    [style.--slotted-chart-band-start]=\"px(overlayNow.crosshair?.band?.start)\"\n    [style.--slotted-chart-band-size]=\"px(overlayNow.crosshair?.band?.size)\"\n    [style.--slotted-chart-frame-start]=\"px(overlayNow.crosshair?.frame?.start)\"\n    [style.--slotted-chart-frame-size]=\"px(overlayNow.crosshair?.frame?.size)\"\n  ></div>\n  <div #canvas data-part=\"canvas\" aria-hidden=\"true\" [hidden]=\"!drawable()\"></div>\n  @for (marker of overlayNow.markers; track marker.key) { @let markerColor = colorOf(marker.color);\n  <div\n    data-part=\"marker\"\n    aria-hidden=\"true\"\n    [attr.data-slot]=\"markerColor.slot\"\n    [attr.data-tone]=\"markerColor.tone\"\n    [attr.data-overflow]=\"markerColor.overflow\"\n    [attr.data-selected]=\"marker.selected ? '' : null\"\n    [attr.data-current]=\"marker.current ? '' : null\"\n    [style.--slotted-chart-x]=\"px(marker.at.x)\"\n    [style.--slotted-chart-y]=\"px(marker.at.y)\"\n  ></div>\n  }\n  <div\n    #tooltipBox\n    data-part=\"tooltip\"\n    aria-hidden=\"true\"\n    [attr.data-open]=\"overlayNow.tooltip ? '' : null\"\n    [attr.data-docked]=\"overlayNow.docked ? '' : null\"\n  >\n    @if (overlayNow.tooltip && current) { @if (tooltipTemplate(); as custom) {\n    <ng-container\n      *ngTemplateOutlet=\"custom.template; context: { $implicit: overlayNow.tooltip, model: current }\"\n    />\n    } @else {\n    <div data-part=\"tooltip-title\">{{ overlayNow.tooltip.title }}</div>\n    @for (note of overlayNow.tooltip.notes; track note) {\n    <div data-part=\"tooltip-note\">{{ note }}</div>\n    } @for (item of overlayNow.tooltip.items; track item.series + item.label) { @let itemColor =\n    colorOf(item.color);\n    <div\n      data-part=\"tooltip-item\"\n      [attr.data-current]=\"overlayNow.tooltip.items.length > 1 && item.current ? '' : null\"\n      [attr.data-slot]=\"itemColor.slot\"\n      [attr.data-tone]=\"itemColor.tone\"\n      [attr.data-overflow]=\"itemColor.overflow\"\n    >\n      @if (resolvedTooltip().indicator !== 'none') {\n      <span\n        data-part=\"tooltip-marker\"\n        [attr.data-kind]=\"markerKind(item.kind, resolvedTooltip().indicator)\"\n        [attr.data-stroke]=\"strokeOf(item)\"\n      ></span>\n      }\n      <span data-part=\"tooltip-label\">{{ item.label }}</span>\n      <span data-part=\"tooltip-value\"\n        >{{ item.share ? item.share + ' \u00B7 ' + item.formatted : item.formatted }}</span\n      >\n    </div>\n    } @if (overlayNow.tooltip.total; as total) {\n    <div data-part=\"tooltip-total\">\n      <span>{{ t('total') }}</span>\n      <span data-part=\"tooltip-value\">{{ total.formatted }}</span>\n    </div>\n    } } }\n  </div>\n  @if (drawable() && current?.shape === 'pie' && (current?.series[0]?.innerRadius ?? 0) > 0) {\n  <div data-part=\"center\" aria-hidden=\"true\">\n    @if (centerTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template; context: { $implicit: current }\" />\n    } @else {\n    <span data-part=\"center-value\">{{ current!.series[0]!.format(current!.total) }}</span>\n    <span data-part=\"center-label\">{{ t('total') }}</span>\n    }\n  </div>\n  } @if (table(); as rows) {\n  <div\n    #tableRegion\n    data-part=\"table-region\"\n    role=\"region\"\n    tabindex=\"0\"\n    [attr.aria-labelledby]=\"title() !== undefined ? id + '-title' : null\"\n  >\n    <table data-part=\"table\">\n      <caption>\n        {{ title() }}\n      </caption>\n      <thead>\n        <tr>\n          @for (column of rows.columns; track column.key; let index = $index) {\n          <th scope=\"col\" [attr.data-numeric]=\"index > 0 ? '' : null\">{{ column.label }}</th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (row of rows.rows; track row.key) {\n        <tr [attr.data-current]=\"row.key === activeKey() ? '' : null\">\n          @for (cell of row.cells; track $index; let index = $index) { @if (index === 0) {\n          <th scope=\"row\">{{ cell.text }}</th>\n          } @else {\n          <td data-numeric>{{ cell.text }}</td>\n          } }\n        </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n  } @if (loading()) {\n  <div data-part=\"skeleton\" aria-hidden=\"true\" [attr.data-kind]=\"skeletonKind()\">\n    <div data-ui=\"skeleton\" data-part=\"region\" data-animation=\"shimmer\" data-loading>\n      @if (skeletonKind() === 'pie') {\n      <span\n        data-ui=\"skeleton\"\n        data-part=\"root\"\n        data-shape=\"circle\"\n        data-size=\"md\"\n        data-animation=\"shimmer\"\n        data-loading\n        aria-hidden=\"true\"\n      ></span>\n      } @else {\n      <div data-skeleton=\"y\">\n        @for (line of repeat(5); track line) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      <div data-skeleton=\"marks\">\n        @for (mark of repeat(skeletonKind() === 'bar' ? 7 : 2); track mark) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      <div data-skeleton=\"x\">\n        @for (line of repeat(6); track line) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      }\n    </div>\n  </div>\n  } @else if (failed()) {\n  <div data-part=\"error\">\n    @if (errorTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template\" />\n    } @else {\n    <section\n      data-ui=\"result-state\"\n      data-part=\"root\"\n      data-status=\"error\"\n      data-reach=\"section\"\n      data-align=\"center\"\n      data-live=\"polite\"\n    >\n      <div data-part=\"media\" aria-hidden=\"true\"></div>\n      <div data-part=\"content\" role=\"status\"><div data-part=\"title\">{{ t('error') }}</div></div>\n      <div data-part=\"actions\">\n        <button\n          data-ui=\"button\"\n          data-part=\"root\"\n          data-variant=\"outline\"\n          data-tone=\"secondary\"\n          data-size=\"sm\"\n          type=\"button\"\n          (click)=\"onRetry()\"\n        >\n          <span data-part=\"label\">{{ t('retry') }}</span>\n        </button>\n      </div>\n    </section>\n    }\n  </div>\n  } @else if (current?.empty; as reason) {\n  <div data-part=\"empty\">\n    @if (emptyTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template; context: { $implicit: reason }\" />\n    } @else {\n    <section\n      data-ui=\"result-state\"\n      data-part=\"root\"\n      data-reach=\"section\"\n      data-align=\"center\"\n      data-live=\"polite\"\n      [attr.data-status]=\"reason === 'all-hidden' ? 'no-results' : 'empty'\"\n    >\n      <div data-part=\"media\" aria-hidden=\"true\"></div>\n      <div data-part=\"content\" role=\"status\">\n        <div data-part=\"title\">{{ reason === 'all-hidden' ? t('allHidden') : t('noData') }}</div>\n      </div>\n      @if (reason === 'all-hidden') {\n      <div data-part=\"actions\">\n        <button\n          data-ui=\"button\"\n          data-part=\"root\"\n          data-variant=\"outline\"\n          data-tone=\"secondary\"\n          data-size=\"sm\"\n          type=\"button\"\n          (click)=\"showAll($event)\"\n        >\n          <span data-part=\"label\">{{ t('showAll') }}</span>\n        </button>\n      </div>\n      }\n    </section>\n    }\n  </div>\n  }\n  <p data-part=\"summary\" [id]=\"id + '-summary'\">{{ summary() }}</p>\n</div>\n", styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=neutral]{--_solid: var(--slotted-tone-neutral-solid);--_solid-hover: var(--slotted-tone-neutral-solid-hover);--_solid-active: var(--slotted-tone-neutral-solid-active);--_on-solid: var(--slotted-tone-neutral-on-solid);--_text: var(--slotted-tone-neutral-text)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator],[data-ui=kbd]),[data-ui=button] [data-part=end]>*:not([data-part=indicator],[data-ui=kbd]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] :is([data-part=start],[data-part=end]):has(>[data-ui=kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-justify=between]{justify-content:space-between}[data-ui=button][data-justify=between]>[data-part=label]{flex:1 1 auto;text-align:start}[data-ui=button][data-justify=between]>[data-part=end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=result-state][data-part=root]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-xl, 1.125rem) );--_title-line-height: var(--slotted-line-height-xl, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-md, .875rem) );--_media-size: var(--slotted-result-state-media-size, var(--slotted-control-height-md, 34px));--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-9, 2rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-6, 1rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-result-state-column-gap, var(--slotted-space-4, .5rem));--_text-gap: var(--slotted-result-state-text-gap, var(--slotted-space-4, .5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-8, 1.5rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, -.01em);--_art: var(--slotted-control-height-lg, 38px);--_art-glyph: var(--slotted-control-icon-size-lg, 18px);container-name:slotted-result-state;container-type:inline-size;inline-size:100%;box-sizing:border-box;color:var(--slotted-text);display:grid;font-family:var( --slotted-result-state-font-family, var(--slotted-font-family-sans, sans-serif) );font-size:var(--_title-font-size);grid-template-columns:minmax(0,1fr);isolation:isolate;line-height:var(--_title-line-height);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete}[data-ui=result-state][data-part=root][data-reach=inline]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-sm, .8125rem) );--_title-line-height: var(--slotted-line-height-sm, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-xs, .75rem) );--_media-size: var( --slotted-result-state-media-size, var(--slotted-control-icon-size-md, 16px) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-3, .375rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, 0);grid-template-columns:auto minmax(0,auto) auto}[data-ui=result-state][data-part=root][data-reach=page]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-3xl, 1.5rem) );--_title-line-height: var(--slotted-line-height-3xl, 1.3);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-lg, 1rem) );--_media-size: var( --slotted-result-state-media-size, calc(var(--slotted-control-height-lg, 38px) * 1.5) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-12, 4rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-8, 1.5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-9, 2rem));--_art: calc(var(--slotted-control-height-lg, 38px) * 1.5);--_art-glyph: calc(var(--slotted-control-icon-size-lg, 18px) * 1.5)}[data-ui=result-state][data-part=root][data-align=center]{justify-items:center;text-align:center}[data-ui=result-state][data-part=root][data-align=start]{justify-items:start;text-align:start}[data-ui=result-state][data-part=root][data-reach=inline][data-align=center]{justify-content:center;justify-items:stretch}[data-ui=result-state][data-part=root][data-reach=inline][data-align=start]{justify-content:start;justify-items:stretch}[data-ui=result-state]>[data-part=media]:empty{background:var(--slotted-result-state-media) center / contain no-repeat;block-size:var(--_media-size);display:none;inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty){align-items:center;background-color:transparent;block-size:var(--_media-size);display:flex;inline-size:auto;justify-content:center;min-inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty)>*{block-size:100%;inline-size:auto;max-inline-size:100%}[data-ui=result-state][data-reach=inline]>[data-part=media]:not(:empty){align-self:start;grid-column:1;grid-row:1;margin-block-start:calc((1lh - var(--_media-size)) / 2);margin-inline-end:var(--_column-gap)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty){--_ring: var(--slotted-space-2, .25rem);--_inner-radius: var(--slotted-radius-lg, 8px);background-color:var(--slotted-surface-sunken);block-size:calc(var(--_art) + 2 * var(--_ring));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_inner-radius) + var(--_ring));box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:calc(var(--_art) + 2 * var(--_ring));min-inline-size:0;position:relative;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),scale var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty):before{background-color:var(--slotted-surface-raised);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--_inner-radius);box-shadow:var(--slotted-shadow-xs);content:\"\";inset:calc(var(--_ring) - var(--slotted-border-width-thin, 1px));position:absolute;z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty)>*{block-size:var(--_art-glyph);inline-size:var(--_art-glyph);position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty){--_side: calc(var(--_art) + var(--slotted-space-2, .25rem));--_lean: 1;--_step-x: calc(var(--_side) * -.36 * var(--_lean));--_step-y: calc(var(--_side) * -.3);--_layer-border: var(--slotted-border-width-thin, 1px);--_far: color-mix(in oklab, var(--slotted-border-subtle) 60%, transparent);block-size:var(--_side);border-radius:var(--slotted-radius-lg, 8px);box-shadow:calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 0 var(--slotted-surface-raised),calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 var(--_layer-border) var(--_far);box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:var(--_side);margin-block:calc(var(--_side) * .37);margin-inline:calc(var(--_side) * .28);min-inline-size:0;position:relative;transform:skewY(calc(-26deg * var(--_lean))) scaleX(.9);transition:box-shadow var(--slotted-duration-long) var(--slotted-easing-enter);translate:calc(var(--_side) * .325 * var(--_lean)) calc(var(--_side) * .145)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]:dir(rtl)>[data-part=media]:not(:empty){--_lean: -1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{background-color:var(--slotted-surface-raised);border:var(--_layer-border) solid var(--slotted-border-subtle);border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before{border-color:color-mix(in oklab,var(--slotted-border-subtle),var(--slotted-border-strong) 30%);box-shadow:var(--slotted-shadow-sm);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);translate:var(--_step-x) var(--_step-y);z-index:-2}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty)>*{block-size:calc(var(--_side) * .5);inline-size:calc(var(--_side) * .5)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]{--_pad: var(--slotted-space-6, 1rem);--_gap: var(--slotted-space-5, .75rem);--_thumb: var(--slotted-control-height-sm, 30px);--_step: var(--slotted-space-5, .75rem);--_line: var(--slotted-space-4, .5rem);--_line-2: var(--slotted-space-3, .375rem);--_line-gap: var(--slotted-space-3, .375rem);--_lines-x: calc(var(--_pad) + var(--_thumb) + var(--_gap));--_line-1-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .75 );--_line-2-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .5 );--_line-1-y: calc( (var(--_thumb) + 2 * var(--_pad) - var(--_line) - var(--_line-gap) - var(--_line-2)) / 2 );--_edge: left;--_ink: var(--slotted-border-subtle);--_ink-2: color-mix(in oklab, var(--slotted-border-subtle) 60%, var(--slotted-surface-raised));align-items:center;background:radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-1-length) - var(--_line)) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,linear-gradient(var(--_ink),var(--_ink)) var(--_edge) calc(var(--_lines-x) + var(--_line) / 2) top var(--_line-1-y) / calc(var(--_line-1-length) - var(--_line)) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-2-length) - var(--_line-2)) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,linear-gradient(var(--_ink-2),var(--_ink-2)) var(--_edge) calc(var(--_lines-x) + var(--_line-2) / 2) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / calc(var(--_line-2-length) - var(--_line-2)) var(--_line-2) no-repeat,var(--slotted-surface-raised);background-origin:border-box;block-size:calc(var(--_thumb) + 2 * var(--_pad));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-lg, 8px);box-shadow:var(--slotted-shadow-sm);box-sizing:border-box;color:var(--slotted-text-muted);display:flex;forced-color-adjust:none;inline-size:calc(var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem));justify-content:flex-start;margin-block-start:calc(2 * var(--_step));max-inline-size:100%;min-inline-size:0;padding-inline:calc(var(--_pad) - var(--slotted-border-width-thin, 1px));position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:empty{--_lines-x: var(--_pad)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]:dir(rtl)>[data-part=media]{--_edge: right}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{background-color:var(--slotted-surface-sunken);block-size:100%;border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:inherit;box-sizing:border-box;content:\"\";inset-block-start:calc(-1 * var(--slotted-border-width-thin, 1px));position:absolute;transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before{border-color:var(--_ink-2);inset-inline:calc(2 * var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-2 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{inset-inline:calc(var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-1 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]>*{background-color:var(--slotted-surface-sunken);block-size:var(--_thumb);border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;flex:none;inline-size:var(--_thumb);padding:calc((var(--_thumb) - var(--slotted-control-icon-size-md, 16px)) / 2)}[data-ui=result-state]>[data-part=content]{display:grid;min-inline-size:0;row-gap:var(--_text-gap)}[data-ui=result-state][data-reach=inline]>[data-part=content]{grid-column:2;grid-row:1}[data-ui=result-state] [data-part=title]{font-family:var( --slotted-result-state-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var(--_title-font-size);font-weight:var( --slotted-result-state-title-font-weight, var(--slotted-font-weight-semibold, 600) );letter-spacing:var(--_title-tracking);line-height:var(--_title-line-height);margin:0;min-inline-size:0;overflow-wrap:break-word;text-wrap:balance}[data-ui=result-state] [data-part=description]{color:var(--slotted-text-muted);font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:break-word}[data-ui=result-state]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-result-state-actions-gap, var(--slotted-space-4, .5rem));min-inline-size:0}[data-ui=result-state][data-align=center]>[data-part=actions]{justify-content:center}[data-ui=result-state]:not([data-reach=inline])>[data-part=content]+[data-part=actions]{margin-block-start:calc(var(--_actions-gap) - var(--_row-gap))}[data-ui=result-state][data-reach=inline]>[data-part=actions]{align-content:center;align-self:start;block-size:1lh;grid-column:3;grid-row:1;margin-inline-start:var(--_column-gap)}[data-ui=result-state]>[data-part=footer]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:2}[data-ui=result-state][data-part=root]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-result-state (max-width: 20rem){[data-ui=result-state]>[data-part=actions]{flex-direction:column}[data-ui=result-state][data-align=center]>[data-part=actions]{align-items:center}[data-ui=result-state][data-align=start]>[data-part=actions]{align-items:flex-start}[data-ui=result-state][data-reach=inline]{grid-template-columns:auto minmax(0,1fr)}[data-ui=result-state][data-reach=inline]>[data-part=actions]{block-size:auto;grid-column:2;grid-row:2;margin-inline-start:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:3}}[data-ui=result-state][data-part=root][hidden]{display:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) var(--slotted-easing-exit)}@starting-style{[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive]){opacity:0}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])>[data-part=media]{--_step-x: 0px;--_step-y: 0px}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=tile]>[data-part=media]{opacity:0;scale:.96}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:after{translate:0 0}}[data-ui=result-state][data-illustration=cards]>[data-part=media]:before{transition-delay:var(--slotted-duration-short)}}\n", "@layer slotted.components{[data-ui=skeleton][data-part=root][data-loading],[data-ui=skeleton][data-part=text][data-loading] [data-part=line]{--_fill: var( --slotted-skeleton-fill, color-mix( in oklab, var(--slotted-disabled-background, ButtonFace) 92%, var(--slotted-text, CanvasText) ) );--_edge: var(--slotted-skeleton-border-color, var(--slotted-border-subtle, ButtonBorder));--_highlight: var( --slotted-skeleton-highlight-color, color-mix(in oklab, var(--_fill) 86%, var(--slotted-text, CanvasText)) );--_trough: var( --slotted-skeleton-trough-color, color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken, Canvas)) );background-color:var(--_fill);border:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui=skeleton][data-part=root]{display:inline-block;min-block-size:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px))}[data-ui=skeleton][data-part=root][data-shape=text]{--_line: var(--slotted-skeleton-line-size, 1cap);block-size:var(--slotted-skeleton-block-size, var(--_line));border-radius:var(--slotted-radius-full, 9999px);inline-size:var(--slotted-skeleton-inline-size, 100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui=skeleton][data-part=root][data-shape=block]{block-size:var(--slotted-skeleton-block-size, auto);border-radius:var(--slotted-skeleton-radius, var(--slotted-radius-md, 6px));display:block;inline-size:var(--slotted-skeleton-inline-size, 100%);min-block-size:var(--slotted-skeleton-min-block-size, 1lh)}[data-ui=skeleton][data-part=root][data-shape=circle],[data-ui=skeleton][data-part=root][data-shape=square]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px));block-size:var(--slotted-skeleton-block-size, var(--_size));inline-size:var(--slotted-skeleton-inline-size, var(--_size))}[data-ui=skeleton][data-part=root][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=skeleton][data-part=root][data-shape=square]{border-radius:var(--slotted-skeleton-radius, calc(var(--_size) / 6))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xs],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xs]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xs, 24px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=sm],[data-ui=skeleton][data-part=root][data-shape=square][data-size=sm]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-sm, 28px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=md],[data-ui=skeleton][data-part=root][data-shape=square][data-size=md]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=lg],[data-ui=skeleton][data-part=root][data-shape=square][data-size=lg]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-lg, 48px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xl],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xl]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xl, 64px))}[data-ui=skeleton][data-part=root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size, auto);color:transparent;inline-size:var(--slotted-skeleton-inline-size, auto)}[data-ui=skeleton][data-part=root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui=skeleton][data-part=text]{align-items:center;display:grid;grid-auto-rows:var(--slotted-skeleton-row-size, 1lh);inline-size:var(--slotted-skeleton-inline-size, 100%)}[data-ui=skeleton] [data-part=line]{block-size:var(--slotted-skeleton-line-size, 1cap);border-radius:var(--slotted-radius-full, 9999px);inline-size:100%}[data-ui=skeleton] [data-part=line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size, 62%)}[data-ui=skeleton][data-part=root]:not([data-loading]),[data-ui=skeleton][data-part=text]:not([data-loading]){display:contents}[data-ui=skeleton][data-part=region]{inline-size:var(--slotted-skeleton-inline-size, 100%);min-inline-size:0}[data-ui=skeleton][data-part=root][data-loading]:not([data-animation=none]),[data-ui=skeleton][data-part=text][data-loading]:not([data-animation=none]) [data-part=line]{overflow:clip;position:relative}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-delay:calc(var(--slotted-skeleton-phase, 0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);animation-iteration-count:infinite;content:\"\";inset-block:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-timing-function:ease-in-out;background-color:var(--_trough);opacity:0}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-timing-function:linear;background-image:linear-gradient(90deg,transparent 14%,var(--_highlight) 50%,transparent 86%)}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui=skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part=line]:after{animation-direction:reverse}@media(prefers-reduced-motion:no-preference){[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-pulse}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){[data-ui=skeleton]:after,[data-ui=skeleton] [data-part=line]:after{animation:none}}@media(forced-colors:active){[data-ui=skeleton][data-part=root][data-loading]:after,[data-ui=skeleton][data-part=text][data-loading] [data-part=line]:after{background-image:none}}}\n", "@layer slotted.components{[data-ui=chart]{--_gap: var(--slotted-chart-gap, var(--slotted-space-5, .75rem));--_plot-size: var(--slotted-chart-plot-block-size, calc(var(--slotted-space-12, 4rem) * 4));--_radius: var(--slotted-chart-radius, var(--slotted-radius-md, 6px));--_chart-slot-1: var(--slotted-chart-color-1, var(--slotted-data-1));--_chart-slot-2: var(--slotted-chart-color-2, var(--slotted-data-2));--_chart-slot-3: var(--slotted-chart-color-3, var(--slotted-data-3));--_chart-slot-4: var(--slotted-chart-color-4, var(--slotted-data-4));--_chart-slot-5: var(--slotted-chart-color-5, var(--slotted-data-5));--_chart-slot-6: var(--slotted-chart-color-6, var(--slotted-data-6));--_chart-slot-7: var(--slotted-chart-color-7, var(--slotted-data-7));--_chart-slot-8: var(--slotted-chart-color-8, var(--slotted-data-8));--_chart-tone-neutral: var(--slotted-text-muted, GrayText);--_chart-tone-accent: var(--slotted-tone-accent-text, CanvasText);--_chart-tone-secondary: var(--slotted-tone-secondary-text, CanvasText);--_chart-tone-success: var(--slotted-tone-success-text, CanvasText);--_chart-tone-warning: var(--slotted-tone-warning-text, CanvasText);--_chart-tone-danger: var(--slotted-tone-danger-text, CanvasText);--_chart-overflow: var(--slotted-text-muted, GrayText);--_chart-text: var(--slotted-text, CanvasText);--_chart-label: var(--slotted-chart-label-color, var(--slotted-text-muted, GrayText));--_chart-grid: var(--slotted-chart-grid-color, var(--slotted-border-subtle, GrayText));--_chart-axis: var(--slotted-chart-axis-color, var(--slotted-control-border-color, GrayText));--_chart-reference: var( --slotted-chart-reference-color, var(--slotted-border-strong, GrayText) );--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface, Canvas));--_chart-label-size: var(--slotted-chart-label-size, var(--slotted-font-size-xs, .75rem));--_chart-line-width: var(--slotted-chart-line-width, var(--slotted-border-width-thick, 2px));--_chart-marker-size: var(--slotted-chart-marker-size, var(--slotted-space-4, .5rem));--_chart-bar-radius: var(--slotted-chart-bar-radius, var(--slotted-radius-sm, 4px));--_chart-area-opacity: var(--slotted-chart-area-opacity, .18);--_chart-inset: var(--slotted-chart-inset, var(--slotted-control-gap-md, .5rem));--_chart-duration: var(--slotted-duration-long);--_chart-easing: var(--slotted-easing-standard);box-sizing:border-box;color:var(--slotted-text, CanvasText);container:slotted-chart / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, system-ui, sans-serif);font-size:var(--slotted-font-size-md, .875rem);gap:var(--_gap);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0}[data-ui=chart][data-size=sm]{--_plot-size: var(--slotted-chart-plot-block-size-sm, calc(var(--slotted-space-12, 4rem) * 3))}[data-ui=chart][data-size=lg]{--_plot-size: var(--slotted-chart-plot-block-size-lg, calc(var(--slotted-space-12, 4rem) * 6))}[data-ui=chart][data-palette=sequential]{--_hue: var(--slotted-chart-sequential-color, var(--slotted-tone-accent-text, CanvasText));--_chart-slot-1: var(--_hue);--_chart-slot-2: color-mix(in oklab, var(--_hue) 76%, var(--_chart-surface));--_chart-slot-3: color-mix(in oklab, var(--_hue) 56%, var(--_chart-surface));--_chart-slot-4: color-mix(in oklab, var(--_hue) 40%, var(--_chart-surface));--_chart-slot-5: color-mix(in oklab, var(--_hue) 28%, var(--_chart-surface));--_chart-slot-6: color-mix(in oklab, var(--_hue) 20%, var(--_chart-surface));--_chart-slot-7: color-mix(in oklab, var(--_hue) 14%, var(--_chart-surface));--_chart-slot-8: color-mix(in oklab, var(--_hue) 10%, var(--_chart-surface))}[data-ui=chart][data-palette=focus]{--_muted: var(--slotted-text-muted, GrayText);--_chart-slot-1: var(--slotted-chart-focus-color, var(--slotted-tone-accent-text, CanvasText));--_chart-slot-2: color-mix(in oklab, var(--_muted) 70%, var(--_chart-surface));--_chart-slot-3: color-mix(in oklab, var(--_muted) 52%, var(--_chart-surface));--_chart-slot-4: color-mix(in oklab, var(--_muted) 38%, var(--_chart-surface));--_chart-slot-5: color-mix(in oklab, var(--_muted) 30%, var(--_chart-surface));--_chart-slot-6: color-mix(in oklab, var(--_muted) 24%, var(--_chart-surface));--_chart-slot-7: color-mix(in oklab, var(--_muted) 20%, var(--_chart-surface));--_chart-slot-8: color-mix(in oklab, var(--_muted) 16%, var(--_chart-surface))}[data-ui=chart][data-variant=card]{--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface-raised, Canvas));background-color:var(--_chart-surface);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-chart-card-radius, var(--slotted-radius-lg, 8px));padding-block:var(--slotted-chart-card-padding-block, var(--slotted-space-6, 1rem));padding-inline:var(--slotted-chart-card-padding-inline, var(--slotted-space-6, 1rem))}[data-ui=chart]>[data-part=header]{align-items:start;display:flex;gap:var(--slotted-space-4, .5rem);min-inline-size:0}[data-ui=chart]>[data-part=header]>:first-child{align-content:start;display:grid;flex:1 1 auto;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=chart]>[data-part=header]>:first-child>:first-child{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);min-inline-size:0}[data-ui=chart]>[data-part=header] [data-part=title]{color:var(--slotted-text, CanvasText);font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-lg, 1rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-lg, 1.5);min-inline-size:0;overflow-wrap:anywhere}[data-ui=chart]>[data-part=header] [data-part=description]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);overflow-wrap:anywhere}[data-ui=chart][data-variant=card]>[data-part=header] :is([data-part=title],[data-part=description]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart][data-variant=card]>[data-part=header] [data-part=title]{font-size:var(--slotted-font-size-md, .875rem);line-height:var(--slotted-line-height-md, 1.5)}[data-ui=chart][data-variant=card]>[data-part=header]>:first-child{min-block-size:calc(var(--slotted-font-size-md, .875rem) * var(--slotted-line-height-md, 1.5) + var(--slotted-space-1, .125rem) + var(--slotted-font-size-sm, .8125rem) * var(--slotted-line-height-sm, 1.45))}[data-ui=chart]>[data-part=header]>[data-part=actions]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-2, .25rem)}[data-ui=chart]>[data-part=header]>[data-part=toolbar]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-1, .125rem);margin-block:calc((var(--slotted-font-size-lg, 1rem) * var(--slotted-line-height-lg, 1.5) - var(--slotted-control-height-sm, 1.75rem)) / 2);transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart][data-toolbar=hover]>[data-part=header]>[data-part=toolbar]{opacity:0}[data-ui=chart]>[data-part=header]>[data-part=toolbar][data-waiting]{visibility:hidden}[data-ui=chart][data-toolbar=hover]:is(:hover,:focus-within):not([data-disabled])>[data-part=header]>[data-part=toolbar]{opacity:1}@media(hover:none){[data-ui=chart][data-toolbar=hover]>[data-part=header]>[data-part=toolbar]{opacity:1}}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help]){--_box: var(--slotted-control-height-sm, 1.75rem);align-items:center;background:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-md, 6px));color:var(--slotted-text-muted, GrayText);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_box);justify-content:center;padding:0;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart] [data-part=help]{--_box: var(--slotted-control-inner-size-sm, 1.25rem);margin-block:calc((var(--slotted-font-size-md, .875rem) * var(--slotted-line-height-md, 1.5) - var(--_box)) / 2)}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace);color:var(--slotted-text, CanvasText)}[data-ui=chart] :is([data-part=view-toggle],[data-part=menu-trigger],[data-part=help])[data-pressed],[data-ui=chart] :is([data-part=menu-trigger],[data-part=help])[data-open]{background-color:var(--slotted-tone-secondary-surface, ButtonFace);color:var(--slotted-text, CanvasText)}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help],[data-part=legend-more],[data-part=menu-item]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=chart] :is([data-part=menu],[data-part=help-content]){background-color:var(--slotted-surface-raised, Canvas);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-shadow-md, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);font-family:var(--slotted-font-family-sans, system-ui, sans-serif);font-size:var(--slotted-font-size-sm, .8125rem);inset:0 auto auto 0;line-height:var(--slotted-line-height-sm, 1.45);margin:0;max-inline-size:min(20rem,calc(100vw - var(--slotted-space-8, 1.5rem)));position:fixed;transform:translate(var(--slotted-chart-x, 0px),var(--slotted-chart-y, 0px));z-index:var(--slotted-z-index-popover, 1100)}[data-ui=chart] [data-part=menu]{display:grid;min-inline-size:11rem;padding:var(--slotted-space-2, .25rem)}[data-ui=chart] [data-part=menu]:not(:popover-open,[data-open]){display:none}[data-ui=chart] [data-part=help-content]{padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-5, .75rem)}[data-ui=chart] [data-part=help-content]:not(:popover-open,[data-open]){display:none}[data-ui=chart] [data-part=menu-item]{align-items:center;background:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--slotted-space-3, .375rem);min-block-size:var(--slotted-control-height-sm, 1.75rem);padding-inline:var(--slotted-space-4, .5rem);text-align:start}[data-ui=chart] [data-part=menu-item]:is([data-action=view],[data-action=fullscreen]){display:none}[data-ui=chart] [data-part=menu-item]:hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=chart] [data-part=legend]{align-items:center;display:flex;flex:none;flex-wrap:nowrap;gap:var(--slotted-space-1, .125rem) var(--slotted-space-2, .25rem);list-style:none;margin:0;margin-inline-start:calc(var(--slotted-space-3, .375rem) * -1);min-block-size:var(--slotted-target-min, 1.5rem);min-inline-size:0;overflow:hidden;padding:0}[data-ui=chart][data-legend-overflow=wrap] [data-part=legend]{flex-wrap:wrap;overflow:visible}[data-ui=chart] [data-slot=\"1\"]{--_series: var(--_chart-slot-1)}[data-ui=chart] [data-slot=\"2\"]{--_series: var(--_chart-slot-2)}[data-ui=chart] [data-slot=\"3\"]{--_series: var(--_chart-slot-3)}[data-ui=chart] [data-slot=\"4\"]{--_series: var(--_chart-slot-4)}[data-ui=chart] [data-slot=\"5\"]{--_series: var(--_chart-slot-5)}[data-ui=chart] [data-slot=\"6\"]{--_series: var(--_chart-slot-6)}[data-ui=chart] [data-slot=\"7\"]{--_series: var(--_chart-slot-7)}[data-ui=chart] [data-slot=\"8\"]{--_series: var(--_chart-slot-8)}[data-ui=chart] [data-tone=neutral]{--_series: var(--_chart-tone-neutral)}[data-ui=chart] [data-tone=accent]{--_series: var(--_chart-tone-accent)}[data-ui=chart] [data-tone=secondary]{--_series: var(--_chart-tone-secondary)}[data-ui=chart] [data-tone=success]{--_series: var(--_chart-tone-success)}[data-ui=chart] [data-tone=warning]{--_series: var(--_chart-tone-warning)}[data-ui=chart] [data-tone=danger]{--_series: var(--_chart-tone-danger)}[data-ui=chart] [data-overflow]{--_series: var(--_chart-overflow)}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more]){align-items:center;background:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-md, 6px));color:var(--slotted-text, CanvasText);display:inline-flex;flex:none;font:inherit;font-size:var(--slotted-control-font-size-sm, .75rem);gap:var(--slotted-space-3, .375rem);line-height:var(--slotted-line-height-sm, 1.45);max-inline-size:100%;min-block-size:var(--slotted-target-min, 1.5rem);min-inline-size:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more])[hidden]{display:none}[data-ui=chart] [data-part=legend-more]{color:var(--slotted-text-muted, GrayText);cursor:pointer;font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=chart] [data-part=menu] [data-part=legend-item]{inline-size:100%}[data-ui=chart] :is(button[data-part=legend-item],[data-part=legend-more]){cursor:pointer}[data-ui=chart] :is(button[data-part=legend-item],[data-part=legend-more]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=chart] [data-part=legend-item]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker]){background-color:var(--_series);block-size:.625rem;border-radius:var(--slotted-radius-xs, 2px);flex:none;inline-size:.625rem}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-kind=line]{block-size:var(--slotted-border-width-thick, 2px);border-radius:var(--slotted-radius-full, 9999px);inline-size:.875rem}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-kind=scatter]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dashed]{background:repeating-linear-gradient(to right,var(--_series) 0 3px,transparent 3px 5px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dotted]{background:repeating-linear-gradient(to right,var(--_series) 0 2px,transparent 2px 4px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dash-dot]{background:repeating-linear-gradient(to right,var(--_series) 0 5px,transparent 5px 7px,var(--_series) 7px 9px,transparent 9px 11px)}[data-ui=chart] [data-part=legend-label]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart] [data-part=legend-value]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=chart] [data-part=legend-item][data-current] [data-part=legend-value]{color:var(--slotted-text, CanvasText)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]){color:var(--slotted-text-muted, GrayText)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-marker]{background:transparent;box-shadow:inset 0 0 0 var(--slotted-border-width-medium, 1.5px) var(--_series)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-marker][data-kind=line]{background:var(--_series);box-shadow:none;opacity:.4}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-label]{text-decoration:line-through;text-decoration-color:color-mix(in oklab,currentColor 55%,transparent)}[data-ui=chart] [data-part=plot]{border-radius:var(--_radius);flex:1 0 var(--_plot-size);min-block-size:var(--_plot-size);direction:ltr;min-inline-size:0;position:relative}[data-ui=chart] [data-part=plot]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=chart] [data-part=canvas]{inset:0;position:absolute;z-index:1}[data-ui=chart] [data-part=plot]:has(>[data-part=table-region]:not([hidden]))>:is([data-part=canvas],[data-part=crosshair],[data-part=marker],[data-part=tooltip],[data-part=center]){visibility:hidden}[data-ui=chart] :is([data-part=crosshair],[data-part=marker],[data-part=tooltip]){inset-block-start:0;inset-inline-start:0;pointer-events:none;position:absolute}[data-ui=chart] [data-part=crosshair]{background-color:var(--slotted-chart-crosshair-color, var(--slotted-border-strong, GrayText));block-size:var(--slotted-chart-frame-size, 100%);inline-size:1px;transform:translate(calc(var(--slotted-chart-x, 0px) - .5px),var(--slotted-chart-frame-start, 0px));z-index:0}[data-ui=chart] [data-part=crosshair][data-band]{background-color:var( --slotted-chart-band-color, color-mix(in oklab, var(--slotted-text, CanvasText) 6%, transparent) );border-radius:var(--slotted-radius-sm, 4px);inline-size:var(--slotted-chart-band-size, 0px);transform:translate(var(--slotted-chart-band-start, 0px),var(--slotted-chart-frame-start, 0px))}[data-ui=chart] [data-part=crosshair][data-orientation=horizontal]{block-size:1px;inline-size:var(--slotted-chart-frame-size, 100%);transform:translate(var(--slotted-chart-frame-start, 0px),calc(var(--slotted-chart-y, 0px) - .5px))}[data-ui=chart] [data-part=crosshair][data-band][data-orientation=horizontal]{block-size:var(--slotted-chart-band-size, 0px);transform:translate(var(--slotted-chart-frame-start, 0px),var(--slotted-chart-band-start, 0px))}[data-ui=chart] [data-part=marker]{--_size: calc(var(--_chart-marker-size) + var(--slotted-space-2, .25rem));background-color:var(--_series, var(--_chart-slot-1));block-size:var(--_size);border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_chart-surface);inline-size:var(--_size);transform:translate(calc(var(--slotted-chart-x, 0px) - var(--_size) / 2),calc(var(--slotted-chart-y, 0px) - var(--_size) / 2));z-index:2}[data-ui=chart] [data-part=marker][data-selected]{--_size: calc(var(--_chart-marker-size) * 2 + var(--slotted-space-2, .25rem));background-color:transparent;box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--_series, CanvasText),0 0 0 var(--slotted-border-width-thick, 2px) var(--_chart-surface)}[data-ui=chart] [data-part=tooltip]{background-color:var(--slotted-chart-tooltip-surface, var(--slotted-surface-raised, Canvas));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-shadow-md, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);column-gap:var(--slotted-space-4, .5rem);display:grid;font-size:var(--slotted-control-font-size-sm, .75rem);grid-template-columns:auto minmax(0,1fr) auto;line-height:var(--slotted-line-height-sm, 1.45);max-inline-size:min(18rem,100%);min-inline-size:8rem;opacity:0;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-5, .75rem);row-gap:var(--slotted-space-2, .25rem);transform:translate(var(--slotted-chart-x, 0px),var(--slotted-chart-y, 0px));transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard),transform var(--slotted-duration-short) var(--slotted-easing-standard);visibility:hidden;z-index:3}[data-ui=chart] [data-part=tooltip][data-docked]{inline-size:100%;max-inline-size:100%;min-inline-size:0}[data-ui=chart]:dir(rtl) :is([data-part=tooltip],[data-part=center]){direction:rtl}[data-ui=chart]:dir(rtl) [data-part=tooltip]{inset-inline-end:0;inset-inline-start:auto}[data-ui=chart] [data-part=tooltip][data-open]{opacity:1;visibility:visible}[data-ui=chart] [data-part=tooltip]:not([data-open]){transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard),visibility var(--slotted-duration-instant) linear var(--slotted-duration-short)}[data-ui=chart] [data-part=tooltip-title]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;overflow-wrap:anywhere}[data-ui=chart] [data-part=tooltip-note]{color:var(--slotted-text-muted, GrayText);grid-column:1 / -1;overflow-wrap:anywhere}[data-ui=chart] :is([data-part=tooltip-item],[data-part=tooltip-total]){align-items:center;display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=chart] [data-part=tooltip-item]{color:var(--slotted-text-muted, GrayText)}[data-ui=chart] [data-part=tooltip-item][data-current]{color:var(--slotted-text, CanvasText)}[data-ui=chart] [data-part=tooltip-label]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart] [data-part=tooltip-value]{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);text-align:end;white-space:nowrap}[data-ui=chart] [data-part=tooltip-total]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600);margin-block-start:var(--slotted-space-2, .25rem);padding-block-start:var(--slotted-space-3, .375rem)}[data-ui=chart] [data-part=tooltip-total]>:first-child{grid-column:1 / 3}[data-ui=chart] [data-part=center]{align-content:center;display:grid;inset:0;justify-items:center;pointer-events:none;position:absolute;text-align:center;z-index:2}[data-ui=chart] [data-part=center-value]{font-size:var(--slotted-font-size-2xl, 1.25rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-2xl, 1.4)}[data-ui=chart] [data-part=center-label]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--slotted-line-height-xs, 1.4)}[data-ui=chart] [data-part=skeleton]{inset:var(--_chart-inset);position:absolute}[data-ui=chart] [data-part=skeleton]>[data-ui=skeleton]{--slotted-skeleton-fill: color-mix( in oklab, var(--slotted-text, CanvasText) 9%, var(--_chart-surface) );block-size:100%;box-sizing:border-box;column-gap:var(--_chart-inset);display:grid;grid-template-areas:\"y marks\" \". x\";grid-template-columns:2.25rem minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;inline-size:100%;row-gap:var(--_chart-inset)}[data-ui=chart] [data-part=skeleton] [data-skeleton=y]{align-items:end;display:flex;flex-direction:column;grid-area:y;justify-content:space-between}[data-ui=chart] [data-part=skeleton] [data-skeleton=x]{display:flex;grid-area:x;justify-content:space-around}[data-ui=chart] [data-part=skeleton] :is([data-skeleton=y],[data-skeleton=x])>[data-ui=skeleton]{block-size:.5rem;border-radius:var(--slotted-radius-full, 9999px);flex:none;inline-size:1.5rem;min-block-size:0}[data-ui=chart] [data-part=skeleton] [data-skeleton=y]>[data-ui=skeleton]:nth-child(odd){inline-size:2rem}[data-ui=chart] [data-part=skeleton] [data-skeleton=x]>[data-ui=skeleton]{flex:0 1 auto;min-inline-size:0}[data-ui=chart] [data-part=skeleton] [data-skeleton=marks]{align-items:end;background-image:repeating-linear-gradient(to bottom,var(--_chart-grid) 0 1px,transparent 1px calc((100% - 1px)/4));display:flex;grid-area:marks;justify-content:space-around;min-block-size:0;position:relative}[data-ui=chart] [data-part=skeleton] [data-skeleton=marks]>[data-ui=skeleton]{border-radius:var(--_chart-bar-radius) var(--_chart-bar-radius) 0 0;flex:0 1 9%;inline-size:auto;min-inline-size:0}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+1){block-size:38%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+2){block-size:62%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+3){block-size:50%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+4){block-size:74%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+5){block-size:56%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+6){block-size:44%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+7){block-size:68%}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]{block-size:100%;border-radius:0;inset:0;position:absolute}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]:first-child{clip-path:polygon(0% 60.5%,14% 46.5%,28% 54.5%,42% 28.5%,57% 38.5%,71% 20.5%,86% 32.5%,100% 12.5%,100% 15.5%,86% 35.5%,71% 23.5%,57% 41.5%,42% 31.5%,28% 57.5%,14% 49.5%,0% 63.5%)}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]:last-child{clip-path:polygon(0% 62%,14% 48%,28% 56%,42% 30%,57% 40%,71% 22%,86% 34%,100% 14%,100% 100%,0% 100%);opacity:.35}[data-ui=chart] [data-part=skeleton][data-kind=pie]>[data-ui=skeleton]{align-items:center;display:flex;justify-content:center}[data-ui=chart] [data-part=skeleton][data-kind=pie] [data-ui=skeleton][data-shape=circle]{aspect-ratio:1;block-size:76%;flex:none;inline-size:auto;-webkit-mask-image:radial-gradient(circle,transparent calc(var(--slotted-chart-skeleton-hole, 64%) * .5),#000 calc(var(--slotted-chart-skeleton-hole, 64%) * .5 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--slotted-chart-skeleton-hole, 64%) * .5),#000 calc(var(--slotted-chart-skeleton-hole, 64%) * .5 + .5px))}[data-ui=chart] [data-part=legend]>[data-ui=skeleton]{--slotted-skeleton-fill: color-mix( in oklab, var(--slotted-text, CanvasText) 9%, var(--_chart-surface) );--slotted-skeleton-block-size: .5rem;--slotted-skeleton-min-block-size: 0;align-self:center;block-size:.5rem;border-radius:var(--slotted-radius-full, 9999px);flex:none;inline-size:4.5rem;margin-inline-start:var(--slotted-space-3, .375rem);min-block-size:0}[data-ui=chart] [data-part=legend]>[data-ui=skeleton]:nth-child(2){inline-size:3.25rem}[data-ui=chart] :is([data-part=empty],[data-part=error]){--slotted-result-state-title-font-size: var(--slotted-font-size-md, .875rem);--slotted-result-state-padding-block: var(--slotted-space-4, .5rem);align-content:center;display:grid;inset:0;justify-items:center;padding:var(--_chart-inset);position:absolute;z-index:3}[data-ui=chart] [data-part=plot]:has(>:is([data-part=empty],[data-part=error])){background:linear-gradient(var(--_chart-grid),var(--_chart-grid)) 0 100% / 100% 1px no-repeat content-box;box-sizing:border-box;padding:var(--_chart-inset) var(--_chart-inset) calc(var(--_chart-inset) * 3)}[data-ui=chart] [data-part=summary]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=chart] [data-part=table-region]{background-color:var(--_chart-surface);border-radius:var(--_radius);inset:0;overflow:auto;overscroll-behavior:contain;position:absolute;z-index:4}[data-ui=chart]:dir(rtl) [data-part=table-region]{direction:rtl}[data-ui=chart] [data-part=table-region]:focus{outline:none}[data-ui=chart] [data-part=table-region]:focus-visible[data-focus-origin=keyboard]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=chart] [data-part=table-region][hidden]{display:none}[data-ui=chart] [data-part=table]{border-collapse:collapse;font-size:var(--slotted-font-size-sm, .8125rem);inline-size:100%;line-height:var(--slotted-line-height-sm, 1.45)}[data-ui=chart] [data-part=table] caption{caption-side:bottom;color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);padding-block:var(--slotted-space-3, .375rem);text-align:start}[data-ui=chart] [data-part=table] :is(th,td){border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);padding-block:var(--slotted-control-gap-sm, .375rem);padding-inline:var(--slotted-space-4, .5rem);text-align:start;white-space:nowrap}[data-ui=chart] [data-part=table] tbody th{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=chart] [data-part=table] thead th{background-color:var(--_chart-surface);color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-medium, 500);inset-block-start:0;position:sticky}[data-ui=chart] [data-part=table] [data-numeric]{font-variant-numeric:tabular-nums;text-align:end}[data-ui=chart] [data-part=table] tbody tr[data-current]{background-color:var(--slotted-tone-secondary-subtle-hover, Highlight)}[data-ui=chart][data-fullscreen]{--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface, Canvas));background-color:var(--_chart-surface);block-size:100%;border:0;border-radius:0;inset:0;padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--slotted-space-9, 2rem);position:fixed;z-index:var(--slotted-z-index-overlay, 1000)}[data-ui=chart][data-fullscreen] [data-part=title]{font-size:var(--slotted-font-size-xl, 1.125rem)}@container slotted-chart (max-width: 480px){[data-ui=chart]>[data-part=header]>[data-part=toolbar]>:is([data-part=view-toggle],[data-part=fullscreen-toggle]){display:none}[data-ui=chart] [data-part=menu-item]:is([data-action=view],[data-action=fullscreen]){display:flex}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more]){padding-inline:var(--slotted-space-2, .25rem)}}@container slotted-chart (max-width: 360px){[data-ui=chart][data-variant=card]{padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--slotted-space-5, .75rem)}}@media(pointer:coarse){[data-ui=chart] [data-part=menu-item]{min-block-size:var(--slotted-target-comfortable, 2.75rem)}[data-ui=chart] [data-part=menu] [data-part=legend-item]{min-block-size:var(--slotted-target-comfortable, 2.75rem);min-inline-size:var(--slotted-target-comfortable, 2.75rem)}[data-ui=chart] [data-part=legend]{min-block-size:var(--slotted-target-comfortable, 2.75rem);row-gap:calc(var(--slotted-target-comfortable, 2.75rem) - var(--slotted-target-min, 1.5rem))}[data-ui=chart] [data-part=legend]>:is([data-part=legend-item],[data-part=legend-more]){position:relative}[data-ui=chart] [data-part=legend]>:is([data-part=legend-item],[data-part=legend-more]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 2.75rem)) / 2));position:absolute}[data-ui=chart] [data-part=legend]>[data-part=legend-more]:after{inset-inline-start:0}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger]){--_box: var(--slotted-target-comfortable, 2.75rem)}}@media print{[data-ui=chart] :is([data-part=toolbar],[data-part=help],[data-part=legend-more],[data-part=tooltip],[data-part=crosshair],[data-part=marker]:not([data-selected])){display:none}[data-ui=chart] [data-part=legend]{flex-wrap:wrap;overflow:visible}[data-ui=chart]{break-inside:avoid}}@media(forced-colors:active){[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker],[data-part=marker]){forced-color-adjust:none;background-color:CanvasText}[data-ui=chart] [data-part=crosshair]{background-color:GrayText;forced-color-adjust:none}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChart, decorators: [{
             type: Component,
@@ -994,7 +994,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-loading]': 'loading() ? "" : null',
                         '[attr.data-fullscreen]': 'fullscreen() ? "" : null',
                         '(keydown)': 'onRootKeyDown($event)',
-                    }, template: "@let current = chartModel(); @if (title() !== undefined || description() !== undefined ||\nresolvedToolbar() !== 'none') {\n<figcaption data-part=\"header\">\n  <div>\n    <div>\n      @if (title() !== undefined) {\n      <span data-part=\"title\" [id]=\"id + '-title'\">{{ title() }}</span>\n      } @if (help() !== undefined) {\n      <button\n        #helpControl\n        type=\"button\"\n        data-part=\"help\"\n        [attr.aria-label]=\"t('help')\"\n        [attr.aria-controls]=\"id + '-help'\"\n        [attr.aria-expanded]=\"layerOpen()['help'] ?? false\"\n        [attr.data-open]=\"layerOpen()['help'] ? '' : null\"\n        (click)=\"toggleLayer('help')\"\n      >\n        <span slIcon><svg slGlyph name=\"circle-info\"></svg></span>\n      </button>\n      <div\n        #helpLayer\n        popover=\"auto\"\n        data-part=\"help-content\"\n        role=\"note\"\n        [id]=\"id + '-help'\"\n        (toggle)=\"onLayerToggle('help', $event, helpControl, 'start', false)\"\n      >\n        {{ help() }}\n      </div>\n      }\n    </div>\n    @if (description() !== undefined) {\n    <span data-part=\"description\" [id]=\"id + '-description'\">{{ description() }}</span>\n    }\n  </div>\n  <div data-part=\"actions\"><ng-content select=\"[slChartActions]\" /></div>\n  <!-- The box stands in every state, so the header's words wrap at one width; it\n       holds nothing a reader can reach until the plot has something to act on. -->\n  @if (resolvedToolbar() !== 'none') { @let ready = usable();\n  <div\n    data-part=\"toolbar\"\n    [attr.role]=\"ready ? 'toolbar' : null\"\n    [attr.aria-label]=\"ready ? t('toolbar') : null\"\n    [attr.aria-hidden]=\"ready ? null : 'true'\"\n    [attr.inert]=\"ready ? null : ''\"\n    [attr.data-waiting]=\"ready ? null : ''\"\n  >\n    @if (zoomed()) {\n    <button\n      type=\"button\"\n      data-part=\"zoom-reset\"\n      [attr.aria-label]=\"t('resetZoom')\"\n      [attr.title]=\"t('resetZoom')\"\n      (click)=\"resetZoomFromToolbar($event)\"\n    >\n      <span slIcon><svg slGlyph name=\"rotate-ccw\"></svg></span>\n    </button>\n    }\n    <button\n      type=\"button\"\n      data-part=\"view-toggle\"\n      [attr.aria-label]=\"t('tableView')\"\n      [attr.title]=\"t('tableView')\"\n      [attr.aria-pressed]=\"tableOpen()\"\n      [attr.data-pressed]=\"tableOpen() ? '' : null\"\n      (click)=\"requestTable(!tableOpen(), pressReason(), $event)\"\n    >\n      <span slIcon><svg slGlyph name=\"file-spreadsheet\"></svg></span>\n    </button>\n    <button\n      type=\"button\"\n      data-part=\"fullscreen-toggle\"\n      [attr.aria-label]=\"fullscreen() ? t('exitFullscreen') : t('fullscreen')\"\n      [attr.title]=\"fullscreen() ? t('exitFullscreen') : t('fullscreen')\"\n      (click)=\"requestFullscreen(!fullscreen(), pressReason(), $event)\"\n    >\n      <span slIcon><svg slGlyph [name]=\"fullscreen() ? 'minimize' : 'maximize'\"></svg></span>\n    </button>\n    <button\n      #menuControl\n      type=\"button\"\n      data-part=\"menu-trigger\"\n      aria-haspopup=\"menu\"\n      [attr.aria-label]=\"t('more')\"\n      [attr.title]=\"t('more')\"\n      [attr.aria-expanded]=\"layerOpen()['menu'] ?? false\"\n      [attr.data-open]=\"layerOpen()['menu'] ? '' : null\"\n      (click)=\"toggleLayer('menu')\"\n    >\n      <span slIcon><svg slGlyph name=\"ellipsis\"></svg></span>\n    </button>\n    <div\n      #menu\n      popover=\"auto\"\n      data-part=\"menu\"\n      role=\"menu\"\n      [attr.aria-label]=\"t('more')\"\n      (toggle)=\"onLayerToggle('menu', $event, menuControl, 'end')\"\n      (keydown)=\"onLayerKeyDown($event)\"\n    >\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"view\"\n        (click)=\"menuAction('view', $event)\"\n      >\n        {{ t('tableView') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"fullscreen\"\n        (click)=\"menuAction('fullscreen', $event)\"\n      >\n        {{ fullscreen() ? t('exitFullscreen') : t('fullscreen') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"csv\"\n        (click)=\"menuAction('csv', $event)\"\n      >\n        {{ t('downloadCsv') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"image\"\n        (click)=\"menuAction('image', $event)\"\n      >\n        {{ t('downloadImage') }}\n      </button>\n    </div>\n  </div>\n  }\n</figcaption>\n} @if (legend()) {\n<div\n  #legendRow\n  data-part=\"legend\"\n  [attr.role]=\"legendWaiting() ? null : legendInteractive() ? 'toolbar' : 'list'\"\n  [attr.aria-label]=\"legendWaiting() ? null : t('legend')\"\n  (keydown)=\"onLegendKeyDown($event)\"\n>\n  @if (legendWaiting()) { @for (line of repeat(3); track line) {\n  <span\n    data-ui=\"skeleton\"\n    data-part=\"root\"\n    data-shape=\"block\"\n    data-size=\"md\"\n    data-animation=\"shimmer\"\n    data-loading\n    aria-hidden=\"true\"\n  ></span>\n  } } @else if (current) { @for (entry of current.legend; track entry.key; let index = $index) {\n  <ng-container\n    *ngTemplateOutlet=\"legendItem; context: { $implicit: entry, rowHidden: collapsed().includes(index), inLayer: false }\"\n  />\n  }\n  <button\n    #moreControl\n    type=\"button\"\n    data-part=\"legend-more\"\n    aria-haspopup=\"true\"\n    [attr.aria-label]=\"legendMoreName()\"\n    [hidden]=\"collapsed().length === 0\"\n    [attr.tabindex]=\"rovingKey() === null ? 0 : -1\"\n    [attr.aria-expanded]=\"layerOpen()['more'] ?? false\"\n    [attr.data-open]=\"layerOpen()['more'] ? '' : null\"\n    (click)=\"toggleLayer('more')\"\n  >\n    {{ t('moreSeries', { count: collapsed().length }) }}\n  </button>\n  <div\n    #moreLayer\n    popover=\"auto\"\n    data-part=\"menu\"\n    role=\"group\"\n    [attr.aria-label]=\"t('legend')\"\n    (toggle)=\"onLayerToggle('more', $event, moreControl, 'start')\"\n    (keydown)=\"onLayerKeyDown($event)\"\n  >\n    @for (index of collapsed(); track index) { @if (current.legend[index]; as entry) {\n    <ng-container\n      *ngTemplateOutlet=\"legendItem; context: { $implicit: entry, rowHidden: false, inLayer: true }\"\n    />\n    } }\n  </div>\n  }\n</div>\n}\n<ng-template #legendItem let-entry let-rowHidden=\"rowHidden\" let-inLayer=\"inLayer\">\n  @let color = colorOf(entry.color); @if (legendInteractive()) {\n  <button\n    type=\"button\"\n    data-part=\"legend-item\"\n    [attr.data-key]=\"entry.key\"\n    [attr.data-slot]=\"color.slot\"\n    [attr.data-tone]=\"color.tone\"\n    [attr.data-overflow]=\"color.overflow\"\n    [attr.data-current]=\"isCurrent(entry) ? '' : null\"\n    [attr.aria-pressed]=\"entry.visible\"\n    [attr.data-pressed]=\"entry.visible ? '' : null\"\n    [attr.tabindex]=\"inLayer || rovingKey() === entry.key ? 0 : -1\"\n    [hidden]=\"rowHidden\"\n    (click)=\"onLegendClick(entry, $event)\"\n    (keydown)=\"onLegendItemKey(entry, $event)\"\n    (focus)=\"legendFocus.set(inLayer ? legendFocus() : entry.key); emphasize(entry.visible ? entry.key : null)\"\n    (blur)=\"emphasize(null)\"\n    (pointerenter)=\"entry.visible && emphasize(entry.key)\"\n    (pointerleave)=\"emphasize(null)\"\n  >\n    <ng-container *ngTemplateOutlet=\"legendContent; context: { $implicit: entry }\" />\n  </button>\n  } @else {\n  <span\n    role=\"listitem\"\n    data-part=\"legend-item\"\n    [attr.data-key]=\"entry.key\"\n    [attr.data-slot]=\"color.slot\"\n    [attr.data-tone]=\"color.tone\"\n    [attr.data-overflow]=\"color.overflow\"\n    [attr.data-current]=\"isCurrent(entry) ? '' : null\"\n    [hidden]=\"rowHidden\"\n    (pointerenter)=\"entry.visible && emphasize(entry.key)\"\n    (pointerleave)=\"emphasize(null)\"\n  >\n    <ng-container *ngTemplateOutlet=\"legendContent; context: { $implicit: entry }\" />\n  </span>\n  }\n</ng-template>\n<ng-template #legendContent let-entry>\n  @if (legendItemTemplate(); as custom) {\n  <ng-container\n    *ngTemplateOutlet=\"custom.template; context: { $implicit: entry, value: legendValue(entry), current: isCurrent(entry) }\"\n  />\n  } @else {\n  <span\n    data-part=\"legend-marker\"\n    [attr.data-kind]=\"entry.kind === 'area' || entry.kind === 'bar' || entry.kind === 'pie' ? 'bar' : entry.kind\"\n    [attr.data-stroke]=\"strokeOf(entry)\"\n  ></span>\n  <span data-part=\"legend-label\" [attr.title]=\"entry.label\">{{ entry.label }}</span>\n  @if (legendValues()) {\n  <span data-part=\"legend-value\">{{ legendValue(entry) }}</span>\n  } }\n</ng-template>\n<div\n  #plot\n  data-part=\"plot\"\n  role=\"group\"\n  tabindex=\"0\"\n  [attr.aria-roledescription]=\"t('roledescription')\"\n  [attr.aria-labelledby]=\"title() !== undefined ? id + '-title' : null\"\n  [attr.aria-label]=\"title() === undefined ? t('roledescription') : null\"\n  [attr.aria-describedby]=\"describedBy()\"\n  [attr.aria-busy]=\"loading() ? 'true' : null\"\n  (keydown)=\"onPlotKeyDown($event)\"\n  (focus)=\"onPlotFocus($event)\"\n  (blur)=\"requestActive(null, 'blur', $event)\"\n>\n  @let overlayNow = overlay();\n  <div\n    data-part=\"crosshair\"\n    [hidden]=\"!overlayNow.crosshair\"\n    [attr.data-band]=\"overlayNow.crosshair?.isBand ? '' : null\"\n    [attr.data-orientation]=\"current?.orientation ?? 'vertical'\"\n    [style.--slotted-chart-x]=\"px(overlayNow.crosshair?.x)\"\n    [style.--slotted-chart-y]=\"px(overlayNow.crosshair?.y)\"\n    [style.--slotted-chart-band-start]=\"px(overlayNow.crosshair?.band?.start)\"\n    [style.--slotted-chart-band-size]=\"px(overlayNow.crosshair?.band?.size)\"\n    [style.--slotted-chart-frame-start]=\"px(overlayNow.crosshair?.frame?.start)\"\n    [style.--slotted-chart-frame-size]=\"px(overlayNow.crosshair?.frame?.size)\"\n  ></div>\n  <div #canvas data-part=\"canvas\" aria-hidden=\"true\" [hidden]=\"!drawable()\"></div>\n  @for (marker of overlayNow.markers; track marker.key) { @let markerColor = colorOf(marker.color);\n  <div\n    data-part=\"marker\"\n    aria-hidden=\"true\"\n    [attr.data-slot]=\"markerColor.slot\"\n    [attr.data-tone]=\"markerColor.tone\"\n    [attr.data-overflow]=\"markerColor.overflow\"\n    [attr.data-selected]=\"marker.selected ? '' : null\"\n    [attr.data-current]=\"marker.current ? '' : null\"\n    [style.--slotted-chart-x]=\"px(marker.at.x)\"\n    [style.--slotted-chart-y]=\"px(marker.at.y)\"\n  ></div>\n  }\n  <div\n    #tooltipBox\n    data-part=\"tooltip\"\n    aria-hidden=\"true\"\n    [attr.data-open]=\"overlayNow.tooltip ? '' : null\"\n    [attr.data-docked]=\"overlayNow.docked ? '' : null\"\n  >\n    @if (overlayNow.tooltip && current) { @if (tooltipTemplate(); as custom) {\n    <ng-container\n      *ngTemplateOutlet=\"custom.template; context: { $implicit: overlayNow.tooltip, model: current }\"\n    />\n    } @else {\n    <div data-part=\"tooltip-title\">{{ overlayNow.tooltip.title }}</div>\n    @for (note of overlayNow.tooltip.notes; track note) {\n    <div data-part=\"tooltip-note\">{{ note }}</div>\n    } @for (item of overlayNow.tooltip.items; track item.series + item.label) { @let itemColor =\n    colorOf(item.color);\n    <div\n      data-part=\"tooltip-item\"\n      [attr.data-current]=\"overlayNow.tooltip.items.length > 1 && item.current ? '' : null\"\n      [attr.data-slot]=\"itemColor.slot\"\n      [attr.data-tone]=\"itemColor.tone\"\n      [attr.data-overflow]=\"itemColor.overflow\"\n    >\n      @if (resolvedTooltip().indicator !== 'none') {\n      <span\n        data-part=\"tooltip-marker\"\n        [attr.data-kind]=\"markerKind(item.kind, resolvedTooltip().indicator)\"\n        [attr.data-stroke]=\"strokeOf(item)\"\n      ></span>\n      }\n      <span data-part=\"tooltip-label\">{{ item.label }}</span>\n      <span data-part=\"tooltip-value\"\n        >{{ item.share ? item.share + ' \u00B7 ' + item.formatted : item.formatted }}</span\n      >\n    </div>\n    } @if (overlayNow.tooltip.total; as total) {\n    <div data-part=\"tooltip-total\">\n      <span>{{ t('total') }}</span>\n      <span data-part=\"tooltip-value\">{{ total.formatted }}</span>\n    </div>\n    } } }\n  </div>\n  @if (drawable() && current?.shape === 'pie' && (current?.series[0]?.innerRadius ?? 0) > 0) {\n  <div data-part=\"center\" aria-hidden=\"true\">\n    @if (centerTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template; context: { $implicit: current }\" />\n    } @else {\n    <span data-part=\"center-value\">{{ current!.series[0]!.format(current!.total) }}</span>\n    <span data-part=\"center-label\">{{ t('total') }}</span>\n    }\n  </div>\n  } @if (table(); as rows) {\n  <div\n    #tableRegion\n    data-part=\"table-region\"\n    role=\"region\"\n    tabindex=\"0\"\n    [attr.aria-labelledby]=\"title() !== undefined ? id + '-title' : null\"\n  >\n    <table data-part=\"table\">\n      <caption>\n        {{ title() }}\n      </caption>\n      <thead>\n        <tr>\n          @for (column of rows.columns; track column.key; let index = $index) {\n          <th scope=\"col\" [attr.data-numeric]=\"index > 0 ? '' : null\">{{ column.label }}</th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (row of rows.rows; track row.key) {\n        <tr [attr.data-current]=\"row.key === activeKey() ? '' : null\">\n          @for (cell of row.cells; track $index; let index = $index) { @if (index === 0) {\n          <th scope=\"row\">{{ cell.text }}</th>\n          } @else {\n          <td data-numeric>{{ cell.text }}</td>\n          } }\n        </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n  } @if (loading()) {\n  <div data-part=\"skeleton\" aria-hidden=\"true\" [attr.data-kind]=\"skeletonKind()\">\n    <div data-ui=\"skeleton\" data-part=\"region\" data-animation=\"shimmer\" data-loading>\n      @if (skeletonKind() === 'pie') {\n      <span\n        data-ui=\"skeleton\"\n        data-part=\"root\"\n        data-shape=\"circle\"\n        data-size=\"md\"\n        data-animation=\"shimmer\"\n        data-loading\n        aria-hidden=\"true\"\n      ></span>\n      } @else {\n      <div data-skeleton=\"y\">\n        @for (line of repeat(5); track line) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      <div data-skeleton=\"marks\">\n        @for (mark of repeat(skeletonKind() === 'bar' ? 7 : 2); track mark) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      <div data-skeleton=\"x\">\n        @for (line of repeat(6); track line) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      }\n    </div>\n  </div>\n  } @else if (failed()) {\n  <div data-part=\"error\">\n    @if (errorTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template\" />\n    } @else {\n    <section\n      data-ui=\"result-state\"\n      data-part=\"root\"\n      data-status=\"error\"\n      data-reach=\"section\"\n      data-align=\"center\"\n      data-live=\"polite\"\n    >\n      <div data-part=\"media\" aria-hidden=\"true\"></div>\n      <div data-part=\"content\" role=\"status\"><div data-part=\"title\">{{ t('error') }}</div></div>\n      <div data-part=\"actions\">\n        <button\n          data-ui=\"button\"\n          data-part=\"root\"\n          data-variant=\"outline\"\n          data-tone=\"secondary\"\n          data-size=\"sm\"\n          type=\"button\"\n          (click)=\"onRetry()\"\n        >\n          <span data-part=\"label\">{{ t('retry') }}</span>\n        </button>\n      </div>\n    </section>\n    }\n  </div>\n  } @else if (current?.empty; as reason) {\n  <div data-part=\"empty\">\n    @if (emptyTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template; context: { $implicit: reason }\" />\n    } @else {\n    <section\n      data-ui=\"result-state\"\n      data-part=\"root\"\n      data-reach=\"section\"\n      data-align=\"center\"\n      data-live=\"polite\"\n      [attr.data-status]=\"reason === 'all-hidden' ? 'no-results' : 'empty'\"\n    >\n      <div data-part=\"media\" aria-hidden=\"true\"></div>\n      <div data-part=\"content\" role=\"status\">\n        <div data-part=\"title\">{{ reason === 'all-hidden' ? t('allHidden') : t('noData') }}</div>\n      </div>\n      @if (reason === 'all-hidden') {\n      <div data-part=\"actions\">\n        <button\n          data-ui=\"button\"\n          data-part=\"root\"\n          data-variant=\"outline\"\n          data-tone=\"secondary\"\n          data-size=\"sm\"\n          type=\"button\"\n          (click)=\"showAll($event)\"\n        >\n          <span data-part=\"label\">{{ t('showAll') }}</span>\n        </button>\n      </div>\n      }\n    </section>\n    }\n  </div>\n  }\n  <p data-part=\"summary\" [id]=\"id + '-summary'\">{{ summary() }}</p>\n</div>\n", styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=neutral]{--_solid: var(--slotted-tone-neutral-solid);--_solid-hover: var(--slotted-tone-neutral-solid-hover);--_solid-active: var(--slotted-tone-neutral-solid-active);--_on-solid: var(--slotted-tone-neutral-on-solid);--_text: var(--slotted-tone-neutral-text)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-justify=between]{justify-content:space-between}[data-ui=button][data-justify=between]>[data-part=label]{flex:1 1 auto;text-align:start}[data-ui=button][data-justify=between]>[data-part=end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=result-state][data-part=root]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-xl, 1.125rem) );--_title-line-height: var(--slotted-line-height-xl, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-md, .875rem) );--_media-size: var(--slotted-result-state-media-size, var(--slotted-control-height-md, 34px));--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-9, 2rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-6, 1rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-result-state-column-gap, var(--slotted-space-4, .5rem));--_text-gap: var(--slotted-result-state-text-gap, var(--slotted-space-4, .5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-8, 1.5rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, -.01em);--_art: var(--slotted-control-height-lg, 38px);--_art-glyph: var(--slotted-control-icon-size-lg, 18px);container-name:slotted-result-state;container-type:inline-size;inline-size:100%;box-sizing:border-box;color:var(--slotted-text);display:grid;font-family:var( --slotted-result-state-font-family, var(--slotted-font-family-sans, sans-serif) );font-size:var(--_title-font-size);grid-template-columns:minmax(0,1fr);isolation:isolate;line-height:var(--_title-line-height);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete}[data-ui=result-state][data-part=root][data-reach=inline]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-sm, .8125rem) );--_title-line-height: var(--slotted-line-height-sm, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-xs, .75rem) );--_media-size: var( --slotted-result-state-media-size, var(--slotted-control-icon-size-md, 16px) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-3, .375rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, 0);grid-template-columns:auto minmax(0,auto) auto}[data-ui=result-state][data-part=root][data-reach=page]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-3xl, 1.5rem) );--_title-line-height: var(--slotted-line-height-3xl, 1.3);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-lg, 1rem) );--_media-size: var( --slotted-result-state-media-size, calc(var(--slotted-control-height-lg, 38px) * 1.5) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-12, 4rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-8, 1.5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-9, 2rem));--_art: calc(var(--slotted-control-height-lg, 38px) * 1.5);--_art-glyph: calc(var(--slotted-control-icon-size-lg, 18px) * 1.5)}[data-ui=result-state][data-part=root][data-align=center]{justify-items:center;text-align:center}[data-ui=result-state][data-part=root][data-align=start]{justify-items:start;text-align:start}[data-ui=result-state][data-part=root][data-reach=inline][data-align=center]{justify-content:center;justify-items:stretch}[data-ui=result-state][data-part=root][data-reach=inline][data-align=start]{justify-content:start;justify-items:stretch}[data-ui=result-state]>[data-part=media]:empty{background:var(--slotted-result-state-media) center / contain no-repeat;block-size:var(--_media-size);display:none;inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty){align-items:center;background-color:transparent;block-size:var(--_media-size);display:flex;inline-size:auto;justify-content:center;min-inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty)>*{block-size:100%;inline-size:auto;max-inline-size:100%}[data-ui=result-state][data-reach=inline]>[data-part=media]:not(:empty){align-self:start;grid-column:1;grid-row:1;margin-block-start:calc((1lh - var(--_media-size)) / 2);margin-inline-end:var(--_column-gap)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty){--_ring: var(--slotted-space-2, .25rem);--_inner-radius: var(--slotted-radius-lg, 8px);background-color:var(--slotted-surface-sunken);block-size:calc(var(--_art) + 2 * var(--_ring));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_inner-radius) + var(--_ring));box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:calc(var(--_art) + 2 * var(--_ring));min-inline-size:0;position:relative;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),scale var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty):before{background-color:var(--slotted-surface-raised);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--_inner-radius);box-shadow:var(--slotted-shadow-xs);content:\"\";inset:calc(var(--_ring) - var(--slotted-border-width-thin, 1px));position:absolute;z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty)>*{block-size:var(--_art-glyph);inline-size:var(--_art-glyph);position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty){--_side: calc(var(--_art) + var(--slotted-space-2, .25rem));--_lean: 1;--_step-x: calc(var(--_side) * -.36 * var(--_lean));--_step-y: calc(var(--_side) * -.3);--_layer-border: var(--slotted-border-width-thin, 1px);--_far: color-mix(in oklab, var(--slotted-border-subtle) 60%, transparent);block-size:var(--_side);border-radius:var(--slotted-radius-lg, 8px);box-shadow:calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 0 var(--slotted-surface-raised),calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 var(--_layer-border) var(--_far);box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:var(--_side);margin-block:calc(var(--_side) * .37);margin-inline:calc(var(--_side) * .28);min-inline-size:0;position:relative;transform:skewY(calc(-26deg * var(--_lean))) scaleX(.9);transition:box-shadow var(--slotted-duration-long) var(--slotted-easing-enter);translate:calc(var(--_side) * .325 * var(--_lean)) calc(var(--_side) * .145)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]:dir(rtl)>[data-part=media]:not(:empty){--_lean: -1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{background-color:var(--slotted-surface-raised);border:var(--_layer-border) solid var(--slotted-border-subtle);border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before{border-color:color-mix(in oklab,var(--slotted-border-subtle),var(--slotted-border-strong) 30%);box-shadow:var(--slotted-shadow-sm);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);translate:var(--_step-x) var(--_step-y);z-index:-2}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty)>*{block-size:calc(var(--_side) * .5);inline-size:calc(var(--_side) * .5)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]{--_pad: var(--slotted-space-6, 1rem);--_gap: var(--slotted-space-5, .75rem);--_thumb: var(--slotted-control-height-sm, 30px);--_step: var(--slotted-space-5, .75rem);--_line: var(--slotted-space-4, .5rem);--_line-2: var(--slotted-space-3, .375rem);--_line-gap: var(--slotted-space-3, .375rem);--_lines-x: calc(var(--_pad) + var(--_thumb) + var(--_gap));--_line-1-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .75 );--_line-2-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .5 );--_line-1-y: calc( (var(--_thumb) + 2 * var(--_pad) - var(--_line) - var(--_line-gap) - var(--_line-2)) / 2 );--_edge: left;--_ink: var(--slotted-border-subtle);--_ink-2: color-mix(in oklab, var(--slotted-border-subtle) 60%, var(--slotted-surface-raised));align-items:center;background:radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-1-length) - var(--_line)) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,linear-gradient(var(--_ink),var(--_ink)) var(--_edge) calc(var(--_lines-x) + var(--_line) / 2) top var(--_line-1-y) / calc(var(--_line-1-length) - var(--_line)) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-2-length) - var(--_line-2)) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,linear-gradient(var(--_ink-2),var(--_ink-2)) var(--_edge) calc(var(--_lines-x) + var(--_line-2) / 2) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / calc(var(--_line-2-length) - var(--_line-2)) var(--_line-2) no-repeat,var(--slotted-surface-raised);background-origin:border-box;block-size:calc(var(--_thumb) + 2 * var(--_pad));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-lg, 8px);box-shadow:var(--slotted-shadow-sm);box-sizing:border-box;color:var(--slotted-text-muted);display:flex;forced-color-adjust:none;inline-size:calc(var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem));justify-content:flex-start;margin-block-start:calc(2 * var(--_step));max-inline-size:100%;min-inline-size:0;padding-inline:calc(var(--_pad) - var(--slotted-border-width-thin, 1px));position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:empty{--_lines-x: var(--_pad)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]:dir(rtl)>[data-part=media]{--_edge: right}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{background-color:var(--slotted-surface-sunken);block-size:100%;border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:inherit;box-sizing:border-box;content:\"\";inset-block-start:calc(-1 * var(--slotted-border-width-thin, 1px));position:absolute;transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before{border-color:var(--_ink-2);inset-inline:calc(2 * var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-2 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{inset-inline:calc(var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-1 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]>*{background-color:var(--slotted-surface-sunken);block-size:var(--_thumb);border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;flex:none;inline-size:var(--_thumb);padding:calc((var(--_thumb) - var(--slotted-control-icon-size-md, 16px)) / 2)}[data-ui=result-state]>[data-part=content]{display:grid;min-inline-size:0;row-gap:var(--_text-gap)}[data-ui=result-state][data-reach=inline]>[data-part=content]{grid-column:2;grid-row:1}[data-ui=result-state] [data-part=title]{font-family:var( --slotted-result-state-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var(--_title-font-size);font-weight:var( --slotted-result-state-title-font-weight, var(--slotted-font-weight-semibold, 600) );letter-spacing:var(--_title-tracking);line-height:var(--_title-line-height);margin:0;min-inline-size:0;overflow-wrap:break-word;text-wrap:balance}[data-ui=result-state] [data-part=description]{color:var(--slotted-text-muted);font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:break-word}[data-ui=result-state]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-result-state-actions-gap, var(--slotted-space-4, .5rem));min-inline-size:0}[data-ui=result-state][data-align=center]>[data-part=actions]{justify-content:center}[data-ui=result-state]:not([data-reach=inline])>[data-part=content]+[data-part=actions]{margin-block-start:calc(var(--_actions-gap) - var(--_row-gap))}[data-ui=result-state][data-reach=inline]>[data-part=actions]{align-content:center;align-self:start;block-size:1lh;grid-column:3;grid-row:1;margin-inline-start:var(--_column-gap)}[data-ui=result-state]>[data-part=footer]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:2}[data-ui=result-state][data-part=root]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-result-state (max-width: 20rem){[data-ui=result-state]>[data-part=actions]{flex-direction:column}[data-ui=result-state][data-align=center]>[data-part=actions]{align-items:center}[data-ui=result-state][data-align=start]>[data-part=actions]{align-items:flex-start}[data-ui=result-state][data-reach=inline]{grid-template-columns:auto minmax(0,1fr)}[data-ui=result-state][data-reach=inline]>[data-part=actions]{block-size:auto;grid-column:2;grid-row:2;margin-inline-start:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:3}}[data-ui=result-state][data-part=root][hidden]{display:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) var(--slotted-easing-exit)}@starting-style{[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive]){opacity:0}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])>[data-part=media]{--_step-x: 0px;--_step-y: 0px}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=tile]>[data-part=media]{opacity:0;scale:.96}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:after{translate:0 0}}[data-ui=result-state][data-illustration=cards]>[data-part=media]:before{transition-delay:var(--slotted-duration-short)}}\n", "@layer slotted.components{[data-ui=skeleton][data-part=root][data-loading],[data-ui=skeleton][data-part=text][data-loading] [data-part=line]{--_fill: var( --slotted-skeleton-fill, color-mix( in oklab, var(--slotted-disabled-background, ButtonFace) 92%, var(--slotted-text, CanvasText) ) );--_edge: var(--slotted-skeleton-border-color, var(--slotted-border-subtle, ButtonBorder));--_highlight: var( --slotted-skeleton-highlight-color, color-mix(in oklab, var(--_fill) 86%, var(--slotted-text, CanvasText)) );--_trough: var( --slotted-skeleton-trough-color, color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken, Canvas)) );background-color:var(--_fill);border:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui=skeleton][data-part=root]{display:inline-block;min-block-size:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px))}[data-ui=skeleton][data-part=root][data-shape=text]{--_line: var(--slotted-skeleton-line-size, 1cap);block-size:var(--slotted-skeleton-block-size, var(--_line));border-radius:var(--slotted-radius-full, 9999px);inline-size:var(--slotted-skeleton-inline-size, 100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui=skeleton][data-part=root][data-shape=block]{block-size:var(--slotted-skeleton-block-size, auto);border-radius:var(--slotted-skeleton-radius, var(--slotted-radius-md, 6px));display:block;inline-size:var(--slotted-skeleton-inline-size, 100%);min-block-size:var(--slotted-skeleton-min-block-size, 1lh)}[data-ui=skeleton][data-part=root][data-shape=circle],[data-ui=skeleton][data-part=root][data-shape=square]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px));block-size:var(--slotted-skeleton-block-size, var(--_size));inline-size:var(--slotted-skeleton-inline-size, var(--_size))}[data-ui=skeleton][data-part=root][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=skeleton][data-part=root][data-shape=square]{border-radius:var(--slotted-skeleton-radius, calc(var(--_size) / 6))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xs],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xs]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xs, 24px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=sm],[data-ui=skeleton][data-part=root][data-shape=square][data-size=sm]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-sm, 28px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=md],[data-ui=skeleton][data-part=root][data-shape=square][data-size=md]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=lg],[data-ui=skeleton][data-part=root][data-shape=square][data-size=lg]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-lg, 48px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xl],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xl]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xl, 64px))}[data-ui=skeleton][data-part=root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size, auto);color:transparent;inline-size:var(--slotted-skeleton-inline-size, auto)}[data-ui=skeleton][data-part=root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui=skeleton][data-part=text]{align-items:center;display:grid;grid-auto-rows:var(--slotted-skeleton-row-size, 1lh);inline-size:var(--slotted-skeleton-inline-size, 100%)}[data-ui=skeleton] [data-part=line]{block-size:var(--slotted-skeleton-line-size, 1cap);border-radius:var(--slotted-radius-full, 9999px);inline-size:100%}[data-ui=skeleton] [data-part=line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size, 62%)}[data-ui=skeleton][data-part=root]:not([data-loading]),[data-ui=skeleton][data-part=text]:not([data-loading]){display:contents}[data-ui=skeleton][data-part=region]{inline-size:var(--slotted-skeleton-inline-size, 100%);min-inline-size:0}[data-ui=skeleton][data-part=root][data-loading]:not([data-animation=none]),[data-ui=skeleton][data-part=text][data-loading]:not([data-animation=none]) [data-part=line]{overflow:clip;position:relative}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-delay:calc(var(--slotted-skeleton-phase, 0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);animation-iteration-count:infinite;content:\"\";inset-block:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-timing-function:ease-in-out;background-color:var(--_trough);opacity:0}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-timing-function:linear;background-image:linear-gradient(90deg,transparent 14%,var(--_highlight) 50%,transparent 86%)}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui=skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part=line]:after{animation-direction:reverse}@media(prefers-reduced-motion:no-preference){[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-pulse}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){[data-ui=skeleton]:after,[data-ui=skeleton] [data-part=line]:after{animation:none}}@media(forced-colors:active){[data-ui=skeleton][data-part=root][data-loading]:after,[data-ui=skeleton][data-part=text][data-loading] [data-part=line]:after{background-image:none}}}\n", "@layer slotted.components{[data-ui=chart]{--_gap: var(--slotted-chart-gap, var(--slotted-space-5, .75rem));--_plot-size: var(--slotted-chart-plot-block-size, calc(var(--slotted-space-12, 4rem) * 4));--_radius: var(--slotted-chart-radius, var(--slotted-radius-md, 6px));--_chart-slot-1: var(--slotted-chart-color-1, var(--slotted-data-1));--_chart-slot-2: var(--slotted-chart-color-2, var(--slotted-data-2));--_chart-slot-3: var(--slotted-chart-color-3, var(--slotted-data-3));--_chart-slot-4: var(--slotted-chart-color-4, var(--slotted-data-4));--_chart-slot-5: var(--slotted-chart-color-5, var(--slotted-data-5));--_chart-slot-6: var(--slotted-chart-color-6, var(--slotted-data-6));--_chart-slot-7: var(--slotted-chart-color-7, var(--slotted-data-7));--_chart-slot-8: var(--slotted-chart-color-8, var(--slotted-data-8));--_chart-tone-neutral: var(--slotted-text-muted, GrayText);--_chart-tone-accent: var(--slotted-tone-accent-text, CanvasText);--_chart-tone-secondary: var(--slotted-tone-secondary-text, CanvasText);--_chart-tone-success: var(--slotted-tone-success-text, CanvasText);--_chart-tone-warning: var(--slotted-tone-warning-text, CanvasText);--_chart-tone-danger: var(--slotted-tone-danger-text, CanvasText);--_chart-overflow: var(--slotted-text-muted, GrayText);--_chart-text: var(--slotted-text, CanvasText);--_chart-label: var(--slotted-chart-label-color, var(--slotted-text-muted, GrayText));--_chart-grid: var(--slotted-chart-grid-color, var(--slotted-border-subtle, GrayText));--_chart-axis: var(--slotted-chart-axis-color, var(--slotted-control-border-color, GrayText));--_chart-reference: var( --slotted-chart-reference-color, var(--slotted-border-strong, GrayText) );--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface, Canvas));--_chart-label-size: var(--slotted-chart-label-size, var(--slotted-font-size-xs, .75rem));--_chart-line-width: var(--slotted-chart-line-width, var(--slotted-border-width-thick, 2px));--_chart-marker-size: var(--slotted-chart-marker-size, var(--slotted-space-4, .5rem));--_chart-bar-radius: var(--slotted-chart-bar-radius, var(--slotted-radius-sm, 4px));--_chart-area-opacity: var(--slotted-chart-area-opacity, .18);--_chart-inset: var(--slotted-chart-inset, var(--slotted-control-gap-md, .5rem));--_chart-duration: var(--slotted-duration-long);--_chart-easing: var(--slotted-easing-standard);box-sizing:border-box;color:var(--slotted-text, CanvasText);container:slotted-chart / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, system-ui, sans-serif);font-size:var(--slotted-font-size-md, .875rem);gap:var(--_gap);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0}[data-ui=chart][data-size=sm]{--_plot-size: var(--slotted-chart-plot-block-size-sm, calc(var(--slotted-space-12, 4rem) * 3))}[data-ui=chart][data-size=lg]{--_plot-size: var(--slotted-chart-plot-block-size-lg, calc(var(--slotted-space-12, 4rem) * 6))}[data-ui=chart][data-palette=sequential]{--_hue: var(--slotted-chart-sequential-color, var(--slotted-tone-accent-text, CanvasText));--_chart-slot-1: var(--_hue);--_chart-slot-2: color-mix(in oklab, var(--_hue) 76%, var(--_chart-surface));--_chart-slot-3: color-mix(in oklab, var(--_hue) 56%, var(--_chart-surface));--_chart-slot-4: color-mix(in oklab, var(--_hue) 40%, var(--_chart-surface));--_chart-slot-5: color-mix(in oklab, var(--_hue) 28%, var(--_chart-surface));--_chart-slot-6: color-mix(in oklab, var(--_hue) 20%, var(--_chart-surface));--_chart-slot-7: color-mix(in oklab, var(--_hue) 14%, var(--_chart-surface));--_chart-slot-8: color-mix(in oklab, var(--_hue) 10%, var(--_chart-surface))}[data-ui=chart][data-palette=focus]{--_muted: var(--slotted-text-muted, GrayText);--_chart-slot-1: var(--slotted-chart-focus-color, var(--slotted-tone-accent-text, CanvasText));--_chart-slot-2: color-mix(in oklab, var(--_muted) 70%, var(--_chart-surface));--_chart-slot-3: color-mix(in oklab, var(--_muted) 52%, var(--_chart-surface));--_chart-slot-4: color-mix(in oklab, var(--_muted) 38%, var(--_chart-surface));--_chart-slot-5: color-mix(in oklab, var(--_muted) 30%, var(--_chart-surface));--_chart-slot-6: color-mix(in oklab, var(--_muted) 24%, var(--_chart-surface));--_chart-slot-7: color-mix(in oklab, var(--_muted) 20%, var(--_chart-surface));--_chart-slot-8: color-mix(in oklab, var(--_muted) 16%, var(--_chart-surface))}[data-ui=chart][data-variant=card]{--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface-raised, Canvas));background-color:var(--_chart-surface);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-chart-card-radius, var(--slotted-radius-lg, 8px));padding-block:var(--slotted-chart-card-padding-block, var(--slotted-space-6, 1rem));padding-inline:var(--slotted-chart-card-padding-inline, var(--slotted-space-6, 1rem))}[data-ui=chart]>[data-part=header]{align-items:start;display:flex;gap:var(--slotted-space-4, .5rem);min-inline-size:0}[data-ui=chart]>[data-part=header]>:first-child{align-content:start;display:grid;flex:1 1 auto;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=chart]>[data-part=header]>:first-child>:first-child{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);min-inline-size:0}[data-ui=chart]>[data-part=header] [data-part=title]{color:var(--slotted-text, CanvasText);font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-lg, 1rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-lg, 1.5);min-inline-size:0;overflow-wrap:anywhere}[data-ui=chart]>[data-part=header] [data-part=description]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);overflow-wrap:anywhere}[data-ui=chart][data-variant=card]>[data-part=header] :is([data-part=title],[data-part=description]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart][data-variant=card]>[data-part=header] [data-part=title]{font-size:var(--slotted-font-size-md, .875rem);line-height:var(--slotted-line-height-md, 1.5)}[data-ui=chart][data-variant=card]>[data-part=header]>:first-child{min-block-size:calc(var(--slotted-font-size-md, .875rem) * var(--slotted-line-height-md, 1.5) + var(--slotted-space-1, .125rem) + var(--slotted-font-size-sm, .8125rem) * var(--slotted-line-height-sm, 1.45))}[data-ui=chart]>[data-part=header]>[data-part=actions]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-2, .25rem)}[data-ui=chart]>[data-part=header]>[data-part=toolbar]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-1, .125rem);margin-block:calc((var(--slotted-font-size-lg, 1rem) * var(--slotted-line-height-lg, 1.5) - var(--slotted-control-height-sm, 1.75rem)) / 2);transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart][data-toolbar=hover]>[data-part=header]>[data-part=toolbar]{opacity:0}[data-ui=chart]>[data-part=header]>[data-part=toolbar][data-waiting]{visibility:hidden}[data-ui=chart][data-toolbar=hover]:is(:hover,:focus-within):not([data-disabled])>[data-part=header]>[data-part=toolbar]{opacity:1}@media(hover:none){[data-ui=chart][data-toolbar=hover]>[data-part=header]>[data-part=toolbar]{opacity:1}}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help]){--_box: var(--slotted-control-height-sm, 1.75rem);align-items:center;background:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-md, 6px));color:var(--slotted-text-muted, GrayText);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_box);justify-content:center;padding:0;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart] [data-part=help]{--_box: var(--slotted-control-inner-size-sm, 1.25rem);margin-block:calc((var(--slotted-font-size-md, .875rem) * var(--slotted-line-height-md, 1.5) - var(--_box)) / 2)}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace);color:var(--slotted-text, CanvasText)}[data-ui=chart] :is([data-part=view-toggle],[data-part=menu-trigger],[data-part=help])[data-pressed],[data-ui=chart] :is([data-part=menu-trigger],[data-part=help])[data-open]{background-color:var(--slotted-tone-secondary-surface, ButtonFace);color:var(--slotted-text, CanvasText)}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help],[data-part=legend-more],[data-part=menu-item]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=chart] :is([data-part=menu],[data-part=help-content]){background-color:var(--slotted-surface-raised, Canvas);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-shadow-md, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);font-family:var(--slotted-font-family-sans, system-ui, sans-serif);font-size:var(--slotted-font-size-sm, .8125rem);inset:0 auto auto 0;line-height:var(--slotted-line-height-sm, 1.45);margin:0;max-inline-size:min(20rem,calc(100vw - var(--slotted-space-8, 1.5rem)));position:fixed;transform:translate(var(--slotted-chart-x, 0px),var(--slotted-chart-y, 0px));z-index:var(--slotted-z-index-popover, 1100)}[data-ui=chart] [data-part=menu]{display:grid;min-inline-size:11rem;padding:var(--slotted-space-2, .25rem)}[data-ui=chart] [data-part=menu]:not(:popover-open,[data-open]){display:none}[data-ui=chart] [data-part=help-content]{padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-5, .75rem)}[data-ui=chart] [data-part=help-content]:not(:popover-open,[data-open]){display:none}[data-ui=chart] [data-part=menu-item]{align-items:center;background:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--slotted-space-3, .375rem);min-block-size:var(--slotted-control-height-sm, 1.75rem);padding-inline:var(--slotted-space-4, .5rem);text-align:start}[data-ui=chart] [data-part=menu-item]:is([data-action=view],[data-action=fullscreen]){display:none}[data-ui=chart] [data-part=menu-item]:hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=chart] [data-part=legend]{align-items:center;display:flex;flex:none;flex-wrap:nowrap;gap:var(--slotted-space-1, .125rem) var(--slotted-space-2, .25rem);list-style:none;margin:0;margin-inline-start:calc(var(--slotted-space-3, .375rem) * -1);min-block-size:var(--slotted-target-min, 1.5rem);min-inline-size:0;overflow:hidden;padding:0}[data-ui=chart][data-legend-overflow=wrap] [data-part=legend]{flex-wrap:wrap;overflow:visible}[data-ui=chart] [data-slot=\"1\"]{--_series: var(--_chart-slot-1)}[data-ui=chart] [data-slot=\"2\"]{--_series: var(--_chart-slot-2)}[data-ui=chart] [data-slot=\"3\"]{--_series: var(--_chart-slot-3)}[data-ui=chart] [data-slot=\"4\"]{--_series: var(--_chart-slot-4)}[data-ui=chart] [data-slot=\"5\"]{--_series: var(--_chart-slot-5)}[data-ui=chart] [data-slot=\"6\"]{--_series: var(--_chart-slot-6)}[data-ui=chart] [data-slot=\"7\"]{--_series: var(--_chart-slot-7)}[data-ui=chart] [data-slot=\"8\"]{--_series: var(--_chart-slot-8)}[data-ui=chart] [data-tone=neutral]{--_series: var(--_chart-tone-neutral)}[data-ui=chart] [data-tone=accent]{--_series: var(--_chart-tone-accent)}[data-ui=chart] [data-tone=secondary]{--_series: var(--_chart-tone-secondary)}[data-ui=chart] [data-tone=success]{--_series: var(--_chart-tone-success)}[data-ui=chart] [data-tone=warning]{--_series: var(--_chart-tone-warning)}[data-ui=chart] [data-tone=danger]{--_series: var(--_chart-tone-danger)}[data-ui=chart] [data-overflow]{--_series: var(--_chart-overflow)}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more]){align-items:center;background:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-md, 6px));color:var(--slotted-text, CanvasText);display:inline-flex;flex:none;font:inherit;font-size:var(--slotted-control-font-size-sm, .75rem);gap:var(--slotted-space-3, .375rem);line-height:var(--slotted-line-height-sm, 1.45);max-inline-size:100%;min-block-size:var(--slotted-target-min, 1.5rem);min-inline-size:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more])[hidden]{display:none}[data-ui=chart] [data-part=legend-more]{color:var(--slotted-text-muted, GrayText);cursor:pointer;font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=chart] [data-part=menu] [data-part=legend-item]{inline-size:100%}[data-ui=chart] :is(button[data-part=legend-item],[data-part=legend-more]){cursor:pointer}[data-ui=chart] :is(button[data-part=legend-item],[data-part=legend-more]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=chart] [data-part=legend-item]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker]){background-color:var(--_series);block-size:.625rem;border-radius:var(--slotted-radius-xs, 2px);flex:none;inline-size:.625rem}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-kind=line]{block-size:var(--slotted-border-width-thick, 2px);border-radius:var(--slotted-radius-full, 9999px);inline-size:.875rem}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-kind=scatter]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dashed]{background:repeating-linear-gradient(to right,var(--_series) 0 3px,transparent 3px 5px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dotted]{background:repeating-linear-gradient(to right,var(--_series) 0 2px,transparent 2px 4px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dash-dot]{background:repeating-linear-gradient(to right,var(--_series) 0 5px,transparent 5px 7px,var(--_series) 7px 9px,transparent 9px 11px)}[data-ui=chart] [data-part=legend-label]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart] [data-part=legend-value]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=chart] [data-part=legend-item][data-current] [data-part=legend-value]{color:var(--slotted-text, CanvasText)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]){color:var(--slotted-text-muted, GrayText)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-marker]{background:transparent;box-shadow:inset 0 0 0 var(--slotted-border-width-medium, 1.5px) var(--_series)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-marker][data-kind=line]{background:var(--_series);box-shadow:none;opacity:.4}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-label]{text-decoration:line-through;text-decoration-color:color-mix(in oklab,currentColor 55%,transparent)}[data-ui=chart] [data-part=plot]{border-radius:var(--_radius);flex:1 0 var(--_plot-size);min-block-size:var(--_plot-size);direction:ltr;min-inline-size:0;position:relative}[data-ui=chart] [data-part=plot]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=chart] [data-part=canvas]{inset:0;position:absolute;z-index:1}[data-ui=chart] [data-part=plot]:has(>[data-part=table-region]:not([hidden]))>:is([data-part=canvas],[data-part=crosshair],[data-part=marker],[data-part=tooltip],[data-part=center]){visibility:hidden}[data-ui=chart] :is([data-part=crosshair],[data-part=marker],[data-part=tooltip]){inset-block-start:0;inset-inline-start:0;pointer-events:none;position:absolute}[data-ui=chart] [data-part=crosshair]{background-color:var(--slotted-chart-crosshair-color, var(--slotted-border-strong, GrayText));block-size:var(--slotted-chart-frame-size, 100%);inline-size:1px;transform:translate(calc(var(--slotted-chart-x, 0px) - .5px),var(--slotted-chart-frame-start, 0px));z-index:0}[data-ui=chart] [data-part=crosshair][data-band]{background-color:var( --slotted-chart-band-color, color-mix(in oklab, var(--slotted-text, CanvasText) 6%, transparent) );border-radius:var(--slotted-radius-sm, 4px);inline-size:var(--slotted-chart-band-size, 0px);transform:translate(var(--slotted-chart-band-start, 0px),var(--slotted-chart-frame-start, 0px))}[data-ui=chart] [data-part=crosshair][data-orientation=horizontal]{block-size:1px;inline-size:var(--slotted-chart-frame-size, 100%);transform:translate(var(--slotted-chart-frame-start, 0px),calc(var(--slotted-chart-y, 0px) - .5px))}[data-ui=chart] [data-part=crosshair][data-band][data-orientation=horizontal]{block-size:var(--slotted-chart-band-size, 0px);transform:translate(var(--slotted-chart-frame-start, 0px),var(--slotted-chart-band-start, 0px))}[data-ui=chart] [data-part=marker]{--_size: calc(var(--_chart-marker-size) + var(--slotted-space-2, .25rem));background-color:var(--_series, var(--_chart-slot-1));block-size:var(--_size);border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_chart-surface);inline-size:var(--_size);transform:translate(calc(var(--slotted-chart-x, 0px) - var(--_size) / 2),calc(var(--slotted-chart-y, 0px) - var(--_size) / 2));z-index:2}[data-ui=chart] [data-part=marker][data-selected]{--_size: calc(var(--_chart-marker-size) * 2 + var(--slotted-space-2, .25rem));background-color:transparent;box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--_series, CanvasText),0 0 0 var(--slotted-border-width-thick, 2px) var(--_chart-surface)}[data-ui=chart] [data-part=tooltip]{background-color:var(--slotted-chart-tooltip-surface, var(--slotted-surface-raised, Canvas));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-shadow-md, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);column-gap:var(--slotted-space-4, .5rem);display:grid;font-size:var(--slotted-control-font-size-sm, .75rem);grid-template-columns:auto minmax(0,1fr) auto;line-height:var(--slotted-line-height-sm, 1.45);max-inline-size:min(18rem,100%);min-inline-size:8rem;opacity:0;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-5, .75rem);row-gap:var(--slotted-space-2, .25rem);transform:translate(var(--slotted-chart-x, 0px),var(--slotted-chart-y, 0px));transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard),transform var(--slotted-duration-short) var(--slotted-easing-standard);visibility:hidden;z-index:3}[data-ui=chart] [data-part=tooltip][data-docked]{inline-size:100%;max-inline-size:100%;min-inline-size:0}[data-ui=chart]:dir(rtl) :is([data-part=tooltip],[data-part=center]){direction:rtl}[data-ui=chart]:dir(rtl) [data-part=tooltip]{inset-inline-end:0;inset-inline-start:auto}[data-ui=chart] [data-part=tooltip][data-open]{opacity:1;visibility:visible}[data-ui=chart] [data-part=tooltip]:not([data-open]){transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard),visibility var(--slotted-duration-instant) linear var(--slotted-duration-short)}[data-ui=chart] [data-part=tooltip-title]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;overflow-wrap:anywhere}[data-ui=chart] [data-part=tooltip-note]{color:var(--slotted-text-muted, GrayText);grid-column:1 / -1;overflow-wrap:anywhere}[data-ui=chart] :is([data-part=tooltip-item],[data-part=tooltip-total]){align-items:center;display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=chart] [data-part=tooltip-item]{color:var(--slotted-text-muted, GrayText)}[data-ui=chart] [data-part=tooltip-item][data-current]{color:var(--slotted-text, CanvasText)}[data-ui=chart] [data-part=tooltip-label]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart] [data-part=tooltip-value]{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);text-align:end;white-space:nowrap}[data-ui=chart] [data-part=tooltip-total]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600);margin-block-start:var(--slotted-space-2, .25rem);padding-block-start:var(--slotted-space-3, .375rem)}[data-ui=chart] [data-part=tooltip-total]>:first-child{grid-column:1 / 3}[data-ui=chart] [data-part=center]{align-content:center;display:grid;inset:0;justify-items:center;pointer-events:none;position:absolute;text-align:center;z-index:2}[data-ui=chart] [data-part=center-value]{font-size:var(--slotted-font-size-2xl, 1.25rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-2xl, 1.4)}[data-ui=chart] [data-part=center-label]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--slotted-line-height-xs, 1.4)}[data-ui=chart] [data-part=skeleton]{inset:var(--_chart-inset);position:absolute}[data-ui=chart] [data-part=skeleton]>[data-ui=skeleton]{--slotted-skeleton-fill: color-mix( in oklab, var(--slotted-text, CanvasText) 9%, var(--_chart-surface) );block-size:100%;box-sizing:border-box;column-gap:var(--_chart-inset);display:grid;grid-template-areas:\"y marks\" \". x\";grid-template-columns:2.25rem minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;inline-size:100%;row-gap:var(--_chart-inset)}[data-ui=chart] [data-part=skeleton] [data-skeleton=y]{align-items:end;display:flex;flex-direction:column;grid-area:y;justify-content:space-between}[data-ui=chart] [data-part=skeleton] [data-skeleton=x]{display:flex;grid-area:x;justify-content:space-around}[data-ui=chart] [data-part=skeleton] :is([data-skeleton=y],[data-skeleton=x])>[data-ui=skeleton]{block-size:.5rem;border-radius:var(--slotted-radius-full, 9999px);flex:none;inline-size:1.5rem;min-block-size:0}[data-ui=chart] [data-part=skeleton] [data-skeleton=y]>[data-ui=skeleton]:nth-child(odd){inline-size:2rem}[data-ui=chart] [data-part=skeleton] [data-skeleton=x]>[data-ui=skeleton]{flex:0 1 auto;min-inline-size:0}[data-ui=chart] [data-part=skeleton] [data-skeleton=marks]{align-items:end;background-image:repeating-linear-gradient(to bottom,var(--_chart-grid) 0 1px,transparent 1px calc((100% - 1px)/4));display:flex;grid-area:marks;justify-content:space-around;min-block-size:0;position:relative}[data-ui=chart] [data-part=skeleton] [data-skeleton=marks]>[data-ui=skeleton]{border-radius:var(--_chart-bar-radius) var(--_chart-bar-radius) 0 0;flex:0 1 9%;inline-size:auto;min-inline-size:0}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+1){block-size:38%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+2){block-size:62%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+3){block-size:50%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+4){block-size:74%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+5){block-size:56%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+6){block-size:44%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+7){block-size:68%}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]{block-size:100%;border-radius:0;inset:0;position:absolute}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]:first-child{clip-path:polygon(0% 60.5%,14% 46.5%,28% 54.5%,42% 28.5%,57% 38.5%,71% 20.5%,86% 32.5%,100% 12.5%,100% 15.5%,86% 35.5%,71% 23.5%,57% 41.5%,42% 31.5%,28% 57.5%,14% 49.5%,0% 63.5%)}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]:last-child{clip-path:polygon(0% 62%,14% 48%,28% 56%,42% 30%,57% 40%,71% 22%,86% 34%,100% 14%,100% 100%,0% 100%);opacity:.35}[data-ui=chart] [data-part=skeleton][data-kind=pie]>[data-ui=skeleton]{align-items:center;display:flex;justify-content:center}[data-ui=chart] [data-part=skeleton][data-kind=pie] [data-ui=skeleton][data-shape=circle]{aspect-ratio:1;block-size:76%;flex:none;inline-size:auto;-webkit-mask-image:radial-gradient(circle,transparent calc(var(--slotted-chart-skeleton-hole, 64%) * .5),#000 calc(var(--slotted-chart-skeleton-hole, 64%) * .5 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--slotted-chart-skeleton-hole, 64%) * .5),#000 calc(var(--slotted-chart-skeleton-hole, 64%) * .5 + .5px))}[data-ui=chart] [data-part=legend]>[data-ui=skeleton]{--slotted-skeleton-fill: color-mix( in oklab, var(--slotted-text, CanvasText) 9%, var(--_chart-surface) );--slotted-skeleton-block-size: .5rem;--slotted-skeleton-min-block-size: 0;align-self:center;block-size:.5rem;border-radius:var(--slotted-radius-full, 9999px);flex:none;inline-size:4.5rem;margin-inline-start:var(--slotted-space-3, .375rem);min-block-size:0}[data-ui=chart] [data-part=legend]>[data-ui=skeleton]:nth-child(2){inline-size:3.25rem}[data-ui=chart] :is([data-part=empty],[data-part=error]){--slotted-result-state-title-font-size: var(--slotted-font-size-md, .875rem);--slotted-result-state-padding-block: var(--slotted-space-4, .5rem);align-content:center;display:grid;inset:0;justify-items:center;padding:var(--_chart-inset);position:absolute;z-index:3}[data-ui=chart] [data-part=plot]:has(>:is([data-part=empty],[data-part=error])){background:linear-gradient(var(--_chart-grid),var(--_chart-grid)) 0 100% / 100% 1px no-repeat content-box;box-sizing:border-box;padding:var(--_chart-inset) var(--_chart-inset) calc(var(--_chart-inset) * 3)}[data-ui=chart] [data-part=summary]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=chart] [data-part=table-region]{background-color:var(--_chart-surface);border-radius:var(--_radius);inset:0;overflow:auto;overscroll-behavior:contain;position:absolute;z-index:4}[data-ui=chart]:dir(rtl) [data-part=table-region]{direction:rtl}[data-ui=chart] [data-part=table-region]:focus{outline:none}[data-ui=chart] [data-part=table-region]:focus-visible[data-focus-origin=keyboard]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=chart] [data-part=table-region][hidden]{display:none}[data-ui=chart] [data-part=table]{border-collapse:collapse;font-size:var(--slotted-font-size-sm, .8125rem);inline-size:100%;line-height:var(--slotted-line-height-sm, 1.45)}[data-ui=chart] [data-part=table] caption{caption-side:bottom;color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);padding-block:var(--slotted-space-3, .375rem);text-align:start}[data-ui=chart] [data-part=table] :is(th,td){border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);padding-block:var(--slotted-control-gap-sm, .375rem);padding-inline:var(--slotted-space-4, .5rem);text-align:start;white-space:nowrap}[data-ui=chart] [data-part=table] tbody th{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=chart] [data-part=table] thead th{background-color:var(--_chart-surface);color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-medium, 500);inset-block-start:0;position:sticky}[data-ui=chart] [data-part=table] [data-numeric]{font-variant-numeric:tabular-nums;text-align:end}[data-ui=chart] [data-part=table] tbody tr[data-current]{background-color:var(--slotted-tone-secondary-subtle-hover, Highlight)}[data-ui=chart][data-fullscreen]{--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface, Canvas));background-color:var(--_chart-surface);block-size:100%;border:0;border-radius:0;inset:0;padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--slotted-space-9, 2rem);position:fixed;z-index:var(--slotted-z-index-overlay, 1000)}[data-ui=chart][data-fullscreen] [data-part=title]{font-size:var(--slotted-font-size-xl, 1.125rem)}@container slotted-chart (max-width: 480px){[data-ui=chart]>[data-part=header]>[data-part=toolbar]>:is([data-part=view-toggle],[data-part=fullscreen-toggle]){display:none}[data-ui=chart] [data-part=menu-item]:is([data-action=view],[data-action=fullscreen]){display:flex}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more]){padding-inline:var(--slotted-space-2, .25rem)}}@container slotted-chart (max-width: 360px){[data-ui=chart][data-variant=card]{padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--slotted-space-5, .75rem)}}@media(pointer:coarse){[data-ui=chart] [data-part=menu-item]{min-block-size:var(--slotted-target-comfortable, 2.75rem)}[data-ui=chart] [data-part=menu] [data-part=legend-item]{min-block-size:var(--slotted-target-comfortable, 2.75rem);min-inline-size:var(--slotted-target-comfortable, 2.75rem)}[data-ui=chart] [data-part=legend]{min-block-size:var(--slotted-target-comfortable, 2.75rem);row-gap:calc(var(--slotted-target-comfortable, 2.75rem) - var(--slotted-target-min, 1.5rem))}[data-ui=chart] [data-part=legend]>:is([data-part=legend-item],[data-part=legend-more]){position:relative}[data-ui=chart] [data-part=legend]>:is([data-part=legend-item],[data-part=legend-more]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 2.75rem)) / 2));position:absolute}[data-ui=chart] [data-part=legend]>[data-part=legend-more]:after{inset-inline-start:0}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger]){--_box: var(--slotted-target-comfortable, 2.75rem)}}@media print{[data-ui=chart] :is([data-part=toolbar],[data-part=help],[data-part=legend-more],[data-part=tooltip],[data-part=crosshair],[data-part=marker]:not([data-selected])){display:none}[data-ui=chart] [data-part=legend]{flex-wrap:wrap;overflow:visible}[data-ui=chart]{break-inside:avoid}}@media(forced-colors:active){[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker],[data-part=marker]){forced-color-adjust:none;background-color:CanvasText}[data-ui=chart] [data-part=crosshair]{background-color:GrayText;forced-color-adjust:none}}}\n"] }]
+                    }, template: "@let current = chartModel(); @if (title() !== undefined || description() !== undefined ||\nresolvedToolbar() !== 'none') {\n<figcaption data-part=\"header\">\n  <div>\n    <div>\n      @if (title() !== undefined) {\n      <span data-part=\"title\" [id]=\"id + '-title'\">{{ title() }}</span>\n      } @if (help() !== undefined) {\n      <button\n        #helpControl\n        type=\"button\"\n        data-part=\"help\"\n        [attr.aria-label]=\"t('help')\"\n        [attr.aria-controls]=\"id + '-help'\"\n        [attr.aria-expanded]=\"layerOpen()['help'] ?? false\"\n        [attr.data-open]=\"layerOpen()['help'] ? '' : null\"\n        (click)=\"toggleLayer('help')\"\n      >\n        <span slIcon><svg slGlyph name=\"circle-info\"></svg></span>\n      </button>\n      <div\n        #helpLayer\n        popover=\"auto\"\n        data-part=\"help-content\"\n        role=\"note\"\n        [id]=\"id + '-help'\"\n        (toggle)=\"onLayerToggle('help', $event, helpControl, 'start', false)\"\n      >\n        {{ help() }}\n      </div>\n      }\n    </div>\n    @if (description() !== undefined) {\n    <span data-part=\"description\" [id]=\"id + '-description'\">{{ description() }}</span>\n    }\n  </div>\n  <div data-part=\"actions\"><ng-content select=\"[slChartActions]\" /></div>\n  <!-- The box stands in every state, so the header's words wrap at one width; it\n       holds nothing a reader can reach until the plot has something to act on. -->\n  @if (resolvedToolbar() !== 'none') { @let ready = usable();\n  <div\n    data-part=\"toolbar\"\n    [attr.role]=\"ready ? 'toolbar' : null\"\n    [attr.aria-label]=\"ready ? t('toolbar') : null\"\n    [attr.aria-hidden]=\"ready ? null : 'true'\"\n    [attr.inert]=\"ready ? null : ''\"\n    [attr.data-waiting]=\"ready ? null : ''\"\n  >\n    @if (zoomed()) {\n    <button\n      type=\"button\"\n      data-part=\"zoom-reset\"\n      [attr.aria-label]=\"t('resetZoom')\"\n      [attr.title]=\"t('resetZoom')\"\n      (click)=\"resetZoomFromToolbar($event)\"\n    >\n      <span slIcon><svg slGlyph name=\"rotate-ccw\"></svg></span>\n    </button>\n    }\n    <button\n      type=\"button\"\n      data-part=\"view-toggle\"\n      [attr.aria-label]=\"t('tableView')\"\n      [attr.title]=\"t('tableView')\"\n      [attr.aria-pressed]=\"tableOpen()\"\n      [attr.data-pressed]=\"tableOpen() ? '' : null\"\n      (click)=\"requestTable(!tableOpen(), pressReason(), $event)\"\n    >\n      <span slIcon><svg slGlyph name=\"file-spreadsheet\"></svg></span>\n    </button>\n    <button\n      type=\"button\"\n      data-part=\"fullscreen-toggle\"\n      [attr.aria-label]=\"fullscreen() ? t('exitFullscreen') : t('fullscreen')\"\n      [attr.title]=\"fullscreen() ? t('exitFullscreen') : t('fullscreen')\"\n      (click)=\"requestFullscreen(!fullscreen(), pressReason(), $event)\"\n    >\n      <span slIcon><svg slGlyph [name]=\"fullscreen() ? 'minimize' : 'maximize'\"></svg></span>\n    </button>\n    <button\n      #menuControl\n      type=\"button\"\n      data-part=\"menu-trigger\"\n      aria-haspopup=\"menu\"\n      [attr.aria-label]=\"t('more')\"\n      [attr.title]=\"t('more')\"\n      [attr.aria-expanded]=\"layerOpen()['menu'] ?? false\"\n      [attr.data-open]=\"layerOpen()['menu'] ? '' : null\"\n      (click)=\"toggleLayer('menu')\"\n    >\n      <span slIcon><svg slGlyph name=\"ellipsis\"></svg></span>\n    </button>\n    <div\n      #menu\n      popover=\"auto\"\n      data-part=\"menu\"\n      role=\"menu\"\n      [attr.aria-label]=\"t('more')\"\n      (toggle)=\"onLayerToggle('menu', $event, menuControl, 'end')\"\n      (keydown)=\"onLayerKeyDown($event)\"\n    >\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"view\"\n        (click)=\"menuAction('view', $event)\"\n      >\n        {{ t('tableView') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"fullscreen\"\n        (click)=\"menuAction('fullscreen', $event)\"\n      >\n        {{ fullscreen() ? t('exitFullscreen') : t('fullscreen') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"csv\"\n        (click)=\"menuAction('csv', $event)\"\n      >\n        {{ t('downloadCsv') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"image\"\n        (click)=\"menuAction('image', $event)\"\n      >\n        {{ t('downloadImage') }}\n      </button>\n    </div>\n  </div>\n  }\n</figcaption>\n} @if (legend()) {\n<div\n  #legendRow\n  data-part=\"legend\"\n  [attr.role]=\"legendWaiting() ? null : legendInteractive() ? 'toolbar' : 'list'\"\n  [attr.aria-label]=\"legendWaiting() ? null : t('legend')\"\n  (keydown)=\"onLegendKeyDown($event)\"\n>\n  @if (legendWaiting()) { @for (line of repeat(3); track line) {\n  <span\n    data-ui=\"skeleton\"\n    data-part=\"root\"\n    data-shape=\"block\"\n    data-size=\"md\"\n    data-animation=\"shimmer\"\n    data-loading\n    aria-hidden=\"true\"\n  ></span>\n  } } @else if (current) { @for (entry of current.legend; track entry.key; let index = $index) {\n  <ng-container\n    *ngTemplateOutlet=\"legendItem; context: { $implicit: entry, rowHidden: collapsed().includes(index), inLayer: false }\"\n  />\n  }\n  <button\n    #moreControl\n    type=\"button\"\n    data-part=\"legend-more\"\n    aria-haspopup=\"true\"\n    [attr.aria-label]=\"legendMoreName()\"\n    [hidden]=\"collapsed().length === 0\"\n    [attr.tabindex]=\"rovingKey() === null ? 0 : -1\"\n    [attr.aria-expanded]=\"layerOpen()['more'] ?? false\"\n    [attr.data-open]=\"layerOpen()['more'] ? '' : null\"\n    (click)=\"toggleLayer('more')\"\n  >\n    {{ t('moreSeries', { count: collapsed().length }) }}\n  </button>\n  <div\n    #moreLayer\n    popover=\"auto\"\n    data-part=\"menu\"\n    role=\"group\"\n    [attr.aria-label]=\"t('legend')\"\n    (toggle)=\"onLayerToggle('more', $event, moreControl, 'start')\"\n    (keydown)=\"onLayerKeyDown($event)\"\n  >\n    @for (index of collapsed(); track index) { @if (current.legend[index]; as entry) {\n    <ng-container\n      *ngTemplateOutlet=\"legendItem; context: { $implicit: entry, rowHidden: false, inLayer: true }\"\n    />\n    } }\n  </div>\n  }\n</div>\n}\n<ng-template #legendItem let-entry let-rowHidden=\"rowHidden\" let-inLayer=\"inLayer\">\n  @let color = colorOf(entry.color); @if (legendInteractive()) {\n  <button\n    type=\"button\"\n    data-part=\"legend-item\"\n    [attr.data-key]=\"entry.key\"\n    [attr.data-slot]=\"color.slot\"\n    [attr.data-tone]=\"color.tone\"\n    [attr.data-overflow]=\"color.overflow\"\n    [attr.data-current]=\"isCurrent(entry) ? '' : null\"\n    [attr.aria-pressed]=\"entry.visible\"\n    [attr.data-pressed]=\"entry.visible ? '' : null\"\n    [attr.tabindex]=\"inLayer || rovingKey() === entry.key ? 0 : -1\"\n    [hidden]=\"rowHidden\"\n    (click)=\"onLegendClick(entry, $event)\"\n    (keydown)=\"onLegendItemKey(entry, $event)\"\n    (focus)=\"legendFocus.set(inLayer ? legendFocus() : entry.key); emphasize(entry.visible ? entry.key : null)\"\n    (blur)=\"emphasize(null)\"\n    (pointerenter)=\"entry.visible && emphasize(entry.key)\"\n    (pointerleave)=\"emphasize(null)\"\n  >\n    <ng-container *ngTemplateOutlet=\"legendContent; context: { $implicit: entry }\" />\n  </button>\n  } @else {\n  <span\n    role=\"listitem\"\n    data-part=\"legend-item\"\n    [attr.data-key]=\"entry.key\"\n    [attr.data-slot]=\"color.slot\"\n    [attr.data-tone]=\"color.tone\"\n    [attr.data-overflow]=\"color.overflow\"\n    [attr.data-current]=\"isCurrent(entry) ? '' : null\"\n    [hidden]=\"rowHidden\"\n    (pointerenter)=\"entry.visible && emphasize(entry.key)\"\n    (pointerleave)=\"emphasize(null)\"\n  >\n    <ng-container *ngTemplateOutlet=\"legendContent; context: { $implicit: entry }\" />\n  </span>\n  }\n</ng-template>\n<ng-template #legendContent let-entry>\n  @if (legendItemTemplate(); as custom) {\n  <ng-container\n    *ngTemplateOutlet=\"custom.template; context: { $implicit: entry, value: legendValue(entry), current: isCurrent(entry) }\"\n  />\n  } @else {\n  <span\n    data-part=\"legend-marker\"\n    [attr.data-kind]=\"entry.kind === 'area' || entry.kind === 'bar' || entry.kind === 'pie' ? 'bar' : entry.kind\"\n    [attr.data-stroke]=\"strokeOf(entry)\"\n  ></span>\n  <span data-part=\"legend-label\" [attr.title]=\"entry.label\">{{ entry.label }}</span>\n  @if (legendValues()) {\n  <span data-part=\"legend-value\">{{ legendValue(entry) }}</span>\n  } }\n</ng-template>\n<div\n  #plot\n  data-part=\"plot\"\n  role=\"group\"\n  tabindex=\"0\"\n  [attr.aria-roledescription]=\"t('roledescription')\"\n  [attr.aria-labelledby]=\"title() !== undefined ? id + '-title' : null\"\n  [attr.aria-label]=\"title() === undefined ? t('roledescription') : null\"\n  [attr.aria-describedby]=\"describedBy()\"\n  [attr.aria-busy]=\"loading() ? 'true' : null\"\n  (keydown)=\"onPlotKeyDown($event)\"\n  (focus)=\"onPlotFocus($event)\"\n  (blur)=\"requestActive(null, 'blur', $event)\"\n>\n  @let overlayNow = overlay();\n  <div\n    data-part=\"crosshair\"\n    [hidden]=\"!overlayNow.crosshair\"\n    [attr.data-band]=\"overlayNow.crosshair?.isBand ? '' : null\"\n    [attr.data-orientation]=\"current?.orientation ?? 'vertical'\"\n    [style.--slotted-chart-x]=\"px(overlayNow.crosshair?.x)\"\n    [style.--slotted-chart-y]=\"px(overlayNow.crosshair?.y)\"\n    [style.--slotted-chart-band-start]=\"px(overlayNow.crosshair?.band?.start)\"\n    [style.--slotted-chart-band-size]=\"px(overlayNow.crosshair?.band?.size)\"\n    [style.--slotted-chart-frame-start]=\"px(overlayNow.crosshair?.frame?.start)\"\n    [style.--slotted-chart-frame-size]=\"px(overlayNow.crosshair?.frame?.size)\"\n  ></div>\n  <div #canvas data-part=\"canvas\" aria-hidden=\"true\" [hidden]=\"!drawable()\"></div>\n  @for (marker of overlayNow.markers; track marker.key) { @let markerColor = colorOf(marker.color);\n  <div\n    data-part=\"marker\"\n    aria-hidden=\"true\"\n    [attr.data-slot]=\"markerColor.slot\"\n    [attr.data-tone]=\"markerColor.tone\"\n    [attr.data-overflow]=\"markerColor.overflow\"\n    [attr.data-selected]=\"marker.selected ? '' : null\"\n    [attr.data-current]=\"marker.current ? '' : null\"\n    [style.--slotted-chart-x]=\"px(marker.at.x)\"\n    [style.--slotted-chart-y]=\"px(marker.at.y)\"\n  ></div>\n  }\n  <div\n    #tooltipBox\n    data-part=\"tooltip\"\n    aria-hidden=\"true\"\n    [attr.data-open]=\"overlayNow.tooltip ? '' : null\"\n    [attr.data-docked]=\"overlayNow.docked ? '' : null\"\n  >\n    @if (overlayNow.tooltip && current) { @if (tooltipTemplate(); as custom) {\n    <ng-container\n      *ngTemplateOutlet=\"custom.template; context: { $implicit: overlayNow.tooltip, model: current }\"\n    />\n    } @else {\n    <div data-part=\"tooltip-title\">{{ overlayNow.tooltip.title }}</div>\n    @for (note of overlayNow.tooltip.notes; track note) {\n    <div data-part=\"tooltip-note\">{{ note }}</div>\n    } @for (item of overlayNow.tooltip.items; track item.series + item.label) { @let itemColor =\n    colorOf(item.color);\n    <div\n      data-part=\"tooltip-item\"\n      [attr.data-current]=\"overlayNow.tooltip.items.length > 1 && item.current ? '' : null\"\n      [attr.data-slot]=\"itemColor.slot\"\n      [attr.data-tone]=\"itemColor.tone\"\n      [attr.data-overflow]=\"itemColor.overflow\"\n    >\n      @if (resolvedTooltip().indicator !== 'none') {\n      <span\n        data-part=\"tooltip-marker\"\n        [attr.data-kind]=\"markerKind(item.kind, resolvedTooltip().indicator)\"\n        [attr.data-stroke]=\"strokeOf(item)\"\n      ></span>\n      }\n      <span data-part=\"tooltip-label\">{{ item.label }}</span>\n      <span data-part=\"tooltip-value\"\n        >{{ item.share ? item.share + ' \u00B7 ' + item.formatted : item.formatted }}</span\n      >\n    </div>\n    } @if (overlayNow.tooltip.total; as total) {\n    <div data-part=\"tooltip-total\">\n      <span>{{ t('total') }}</span>\n      <span data-part=\"tooltip-value\">{{ total.formatted }}</span>\n    </div>\n    } } }\n  </div>\n  @if (drawable() && current?.shape === 'pie' && (current?.series[0]?.innerRadius ?? 0) > 0) {\n  <div data-part=\"center\" aria-hidden=\"true\">\n    @if (centerTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template; context: { $implicit: current }\" />\n    } @else {\n    <span data-part=\"center-value\">{{ current!.series[0]!.format(current!.total) }}</span>\n    <span data-part=\"center-label\">{{ t('total') }}</span>\n    }\n  </div>\n  } @if (table(); as rows) {\n  <div\n    #tableRegion\n    data-part=\"table-region\"\n    role=\"region\"\n    tabindex=\"0\"\n    [attr.aria-labelledby]=\"title() !== undefined ? id + '-title' : null\"\n  >\n    <table data-part=\"table\">\n      <caption>\n        {{ title() }}\n      </caption>\n      <thead>\n        <tr>\n          @for (column of rows.columns; track column.key; let index = $index) {\n          <th scope=\"col\" [attr.data-numeric]=\"index > 0 ? '' : null\">{{ column.label }}</th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (row of rows.rows; track row.key) {\n        <tr [attr.data-current]=\"row.key === activeKey() ? '' : null\">\n          @for (cell of row.cells; track $index; let index = $index) { @if (index === 0) {\n          <th scope=\"row\">{{ cell.text }}</th>\n          } @else {\n          <td data-numeric>{{ cell.text }}</td>\n          } }\n        </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n  } @if (loading()) {\n  <div data-part=\"skeleton\" aria-hidden=\"true\" [attr.data-kind]=\"skeletonKind()\">\n    <div data-ui=\"skeleton\" data-part=\"region\" data-animation=\"shimmer\" data-loading>\n      @if (skeletonKind() === 'pie') {\n      <span\n        data-ui=\"skeleton\"\n        data-part=\"root\"\n        data-shape=\"circle\"\n        data-size=\"md\"\n        data-animation=\"shimmer\"\n        data-loading\n        aria-hidden=\"true\"\n      ></span>\n      } @else {\n      <div data-skeleton=\"y\">\n        @for (line of repeat(5); track line) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      <div data-skeleton=\"marks\">\n        @for (mark of repeat(skeletonKind() === 'bar' ? 7 : 2); track mark) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      <div data-skeleton=\"x\">\n        @for (line of repeat(6); track line) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      }\n    </div>\n  </div>\n  } @else if (failed()) {\n  <div data-part=\"error\">\n    @if (errorTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template\" />\n    } @else {\n    <section\n      data-ui=\"result-state\"\n      data-part=\"root\"\n      data-status=\"error\"\n      data-reach=\"section\"\n      data-align=\"center\"\n      data-live=\"polite\"\n    >\n      <div data-part=\"media\" aria-hidden=\"true\"></div>\n      <div data-part=\"content\" role=\"status\"><div data-part=\"title\">{{ t('error') }}</div></div>\n      <div data-part=\"actions\">\n        <button\n          data-ui=\"button\"\n          data-part=\"root\"\n          data-variant=\"outline\"\n          data-tone=\"secondary\"\n          data-size=\"sm\"\n          type=\"button\"\n          (click)=\"onRetry()\"\n        >\n          <span data-part=\"label\">{{ t('retry') }}</span>\n        </button>\n      </div>\n    </section>\n    }\n  </div>\n  } @else if (current?.empty; as reason) {\n  <div data-part=\"empty\">\n    @if (emptyTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template; context: { $implicit: reason }\" />\n    } @else {\n    <section\n      data-ui=\"result-state\"\n      data-part=\"root\"\n      data-reach=\"section\"\n      data-align=\"center\"\n      data-live=\"polite\"\n      [attr.data-status]=\"reason === 'all-hidden' ? 'no-results' : 'empty'\"\n    >\n      <div data-part=\"media\" aria-hidden=\"true\"></div>\n      <div data-part=\"content\" role=\"status\">\n        <div data-part=\"title\">{{ reason === 'all-hidden' ? t('allHidden') : t('noData') }}</div>\n      </div>\n      @if (reason === 'all-hidden') {\n      <div data-part=\"actions\">\n        <button\n          data-ui=\"button\"\n          data-part=\"root\"\n          data-variant=\"outline\"\n          data-tone=\"secondary\"\n          data-size=\"sm\"\n          type=\"button\"\n          (click)=\"showAll($event)\"\n        >\n          <span data-part=\"label\">{{ t('showAll') }}</span>\n        </button>\n      </div>\n      }\n    </section>\n    }\n  </div>\n  }\n  <p data-part=\"summary\" [id]=\"id + '-summary'\">{{ summary() }}</p>\n</div>\n", styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=neutral]{--_solid: var(--slotted-tone-neutral-solid);--_solid-hover: var(--slotted-tone-neutral-solid-hover);--_solid-active: var(--slotted-tone-neutral-solid-active);--_on-solid: var(--slotted-tone-neutral-on-solid);--_text: var(--slotted-tone-neutral-text)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator],[data-ui=kbd]),[data-ui=button] [data-part=end]>*:not([data-part=indicator],[data-ui=kbd]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] :is([data-part=start],[data-part=end]):has(>[data-ui=kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-justify=between]{justify-content:space-between}[data-ui=button][data-justify=between]>[data-part=label]{flex:1 1 auto;text-align:start}[data-ui=button][data-justify=between]>[data-part=end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=result-state][data-part=root]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-xl, 1.125rem) );--_title-line-height: var(--slotted-line-height-xl, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-md, .875rem) );--_media-size: var(--slotted-result-state-media-size, var(--slotted-control-height-md, 34px));--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-9, 2rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-6, 1rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-result-state-column-gap, var(--slotted-space-4, .5rem));--_text-gap: var(--slotted-result-state-text-gap, var(--slotted-space-4, .5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-8, 1.5rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, -.01em);--_art: var(--slotted-control-height-lg, 38px);--_art-glyph: var(--slotted-control-icon-size-lg, 18px);container-name:slotted-result-state;container-type:inline-size;inline-size:100%;box-sizing:border-box;color:var(--slotted-text);display:grid;font-family:var( --slotted-result-state-font-family, var(--slotted-font-family-sans, sans-serif) );font-size:var(--_title-font-size);grid-template-columns:minmax(0,1fr);isolation:isolate;line-height:var(--_title-line-height);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete}[data-ui=result-state][data-part=root][data-reach=inline]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-sm, .8125rem) );--_title-line-height: var(--slotted-line-height-sm, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-xs, .75rem) );--_media-size: var( --slotted-result-state-media-size, var(--slotted-control-icon-size-md, 16px) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-3, .375rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, 0);grid-template-columns:auto minmax(0,auto) auto}[data-ui=result-state][data-part=root][data-reach=page]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-3xl, 1.5rem) );--_title-line-height: var(--slotted-line-height-3xl, 1.3);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-lg, 1rem) );--_media-size: var( --slotted-result-state-media-size, calc(var(--slotted-control-height-lg, 38px) * 1.5) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-12, 4rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-8, 1.5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-9, 2rem));--_art: calc(var(--slotted-control-height-lg, 38px) * 1.5);--_art-glyph: calc(var(--slotted-control-icon-size-lg, 18px) * 1.5)}[data-ui=result-state][data-part=root][data-align=center]{justify-items:center;text-align:center}[data-ui=result-state][data-part=root][data-align=start]{justify-items:start;text-align:start}[data-ui=result-state][data-part=root][data-reach=inline][data-align=center]{justify-content:center;justify-items:stretch}[data-ui=result-state][data-part=root][data-reach=inline][data-align=start]{justify-content:start;justify-items:stretch}[data-ui=result-state]>[data-part=media]:empty{background:var(--slotted-result-state-media) center / contain no-repeat;block-size:var(--_media-size);display:none;inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty){align-items:center;background-color:transparent;block-size:var(--_media-size);display:flex;inline-size:auto;justify-content:center;min-inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty)>*{block-size:100%;inline-size:auto;max-inline-size:100%}[data-ui=result-state][data-reach=inline]>[data-part=media]:not(:empty){align-self:start;grid-column:1;grid-row:1;margin-block-start:calc((1lh - var(--_media-size)) / 2);margin-inline-end:var(--_column-gap)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty){--_ring: var(--slotted-space-2, .25rem);--_inner-radius: var(--slotted-radius-lg, 8px);background-color:var(--slotted-surface-sunken);block-size:calc(var(--_art) + 2 * var(--_ring));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_inner-radius) + var(--_ring));box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:calc(var(--_art) + 2 * var(--_ring));min-inline-size:0;position:relative;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),scale var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty):before{background-color:var(--slotted-surface-raised);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--_inner-radius);box-shadow:var(--slotted-shadow-xs);content:\"\";inset:calc(var(--_ring) - var(--slotted-border-width-thin, 1px));position:absolute;z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty)>*{block-size:var(--_art-glyph);inline-size:var(--_art-glyph);position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty){--_side: calc(var(--_art) + var(--slotted-space-2, .25rem));--_lean: 1;--_step-x: calc(var(--_side) * -.36 * var(--_lean));--_step-y: calc(var(--_side) * -.3);--_layer-border: var(--slotted-border-width-thin, 1px);--_far: color-mix(in oklab, var(--slotted-border-subtle) 60%, transparent);block-size:var(--_side);border-radius:var(--slotted-radius-lg, 8px);box-shadow:calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 0 var(--slotted-surface-raised),calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 var(--_layer-border) var(--_far);box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:var(--_side);margin-block:calc(var(--_side) * .37);margin-inline:calc(var(--_side) * .28);min-inline-size:0;position:relative;transform:skewY(calc(-26deg * var(--_lean))) scaleX(.9);transition:box-shadow var(--slotted-duration-long) var(--slotted-easing-enter);translate:calc(var(--_side) * .325 * var(--_lean)) calc(var(--_side) * .145)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]:dir(rtl)>[data-part=media]:not(:empty){--_lean: -1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{background-color:var(--slotted-surface-raised);border:var(--_layer-border) solid var(--slotted-border-subtle);border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before{border-color:color-mix(in oklab,var(--slotted-border-subtle),var(--slotted-border-strong) 30%);box-shadow:var(--slotted-shadow-sm);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);translate:var(--_step-x) var(--_step-y);z-index:-2}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty)>*{block-size:calc(var(--_side) * .5);inline-size:calc(var(--_side) * .5)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]{--_pad: var(--slotted-space-6, 1rem);--_gap: var(--slotted-space-5, .75rem);--_thumb: var(--slotted-control-height-sm, 30px);--_step: var(--slotted-space-5, .75rem);--_line: var(--slotted-space-4, .5rem);--_line-2: var(--slotted-space-3, .375rem);--_line-gap: var(--slotted-space-3, .375rem);--_lines-x: calc(var(--_pad) + var(--_thumb) + var(--_gap));--_line-1-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .75 );--_line-2-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .5 );--_line-1-y: calc( (var(--_thumb) + 2 * var(--_pad) - var(--_line) - var(--_line-gap) - var(--_line-2)) / 2 );--_edge: left;--_ink: var(--slotted-border-subtle);--_ink-2: color-mix(in oklab, var(--slotted-border-subtle) 60%, var(--slotted-surface-raised));align-items:center;background:radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-1-length) - var(--_line)) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,linear-gradient(var(--_ink),var(--_ink)) var(--_edge) calc(var(--_lines-x) + var(--_line) / 2) top var(--_line-1-y) / calc(var(--_line-1-length) - var(--_line)) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-2-length) - var(--_line-2)) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,linear-gradient(var(--_ink-2),var(--_ink-2)) var(--_edge) calc(var(--_lines-x) + var(--_line-2) / 2) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / calc(var(--_line-2-length) - var(--_line-2)) var(--_line-2) no-repeat,var(--slotted-surface-raised);background-origin:border-box;block-size:calc(var(--_thumb) + 2 * var(--_pad));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-lg, 8px);box-shadow:var(--slotted-shadow-sm);box-sizing:border-box;color:var(--slotted-text-muted);display:flex;forced-color-adjust:none;inline-size:calc(var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem));justify-content:flex-start;margin-block-start:calc(2 * var(--_step));max-inline-size:100%;min-inline-size:0;padding-inline:calc(var(--_pad) - var(--slotted-border-width-thin, 1px));position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:empty{--_lines-x: var(--_pad)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]:dir(rtl)>[data-part=media]{--_edge: right}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{background-color:var(--slotted-surface-sunken);block-size:100%;border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:inherit;box-sizing:border-box;content:\"\";inset-block-start:calc(-1 * var(--slotted-border-width-thin, 1px));position:absolute;transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before{border-color:var(--_ink-2);inset-inline:calc(2 * var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-2 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{inset-inline:calc(var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-1 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]>*{background-color:var(--slotted-surface-sunken);block-size:var(--_thumb);border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;flex:none;inline-size:var(--_thumb);padding:calc((var(--_thumb) - var(--slotted-control-icon-size-md, 16px)) / 2)}[data-ui=result-state]>[data-part=content]{display:grid;min-inline-size:0;row-gap:var(--_text-gap)}[data-ui=result-state][data-reach=inline]>[data-part=content]{grid-column:2;grid-row:1}[data-ui=result-state] [data-part=title]{font-family:var( --slotted-result-state-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var(--_title-font-size);font-weight:var( --slotted-result-state-title-font-weight, var(--slotted-font-weight-semibold, 600) );letter-spacing:var(--_title-tracking);line-height:var(--_title-line-height);margin:0;min-inline-size:0;overflow-wrap:break-word;text-wrap:balance}[data-ui=result-state] [data-part=description]{color:var(--slotted-text-muted);font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:break-word}[data-ui=result-state]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-result-state-actions-gap, var(--slotted-space-4, .5rem));min-inline-size:0}[data-ui=result-state][data-align=center]>[data-part=actions]{justify-content:center}[data-ui=result-state]:not([data-reach=inline])>[data-part=content]+[data-part=actions]{margin-block-start:calc(var(--_actions-gap) - var(--_row-gap))}[data-ui=result-state][data-reach=inline]>[data-part=actions]{align-content:center;align-self:start;block-size:1lh;grid-column:3;grid-row:1;margin-inline-start:var(--_column-gap)}[data-ui=result-state]>[data-part=footer]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:2}[data-ui=result-state][data-part=root]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-result-state (max-width: 20rem){[data-ui=result-state]>[data-part=actions]{flex-direction:column}[data-ui=result-state][data-align=center]>[data-part=actions]{align-items:center}[data-ui=result-state][data-align=start]>[data-part=actions]{align-items:flex-start}[data-ui=result-state][data-reach=inline]{grid-template-columns:auto minmax(0,1fr)}[data-ui=result-state][data-reach=inline]>[data-part=actions]{block-size:auto;grid-column:2;grid-row:2;margin-inline-start:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:3}}[data-ui=result-state][data-part=root][hidden]{display:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) var(--slotted-easing-exit)}@starting-style{[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive]){opacity:0}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])>[data-part=media]{--_step-x: 0px;--_step-y: 0px}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=tile]>[data-part=media]{opacity:0;scale:.96}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:after{translate:0 0}}[data-ui=result-state][data-illustration=cards]>[data-part=media]:before{transition-delay:var(--slotted-duration-short)}}\n", "@layer slotted.components{[data-ui=skeleton][data-part=root][data-loading],[data-ui=skeleton][data-part=text][data-loading] [data-part=line]{--_fill: var( --slotted-skeleton-fill, color-mix( in oklab, var(--slotted-disabled-background, ButtonFace) 92%, var(--slotted-text, CanvasText) ) );--_edge: var(--slotted-skeleton-border-color, var(--slotted-border-subtle, ButtonBorder));--_highlight: var( --slotted-skeleton-highlight-color, color-mix(in oklab, var(--_fill) 86%, var(--slotted-text, CanvasText)) );--_trough: var( --slotted-skeleton-trough-color, color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken, Canvas)) );background-color:var(--_fill);border:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui=skeleton][data-part=root]{display:inline-block;min-block-size:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px))}[data-ui=skeleton][data-part=root][data-shape=text]{--_line: var(--slotted-skeleton-line-size, 1cap);block-size:var(--slotted-skeleton-block-size, var(--_line));border-radius:var(--slotted-radius-full, 9999px);inline-size:var(--slotted-skeleton-inline-size, 100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui=skeleton][data-part=root][data-shape=block]{block-size:var(--slotted-skeleton-block-size, auto);border-radius:var(--slotted-skeleton-radius, var(--slotted-radius-md, 6px));display:block;inline-size:var(--slotted-skeleton-inline-size, 100%);min-block-size:var(--slotted-skeleton-min-block-size, 1lh)}[data-ui=skeleton][data-part=root][data-shape=circle],[data-ui=skeleton][data-part=root][data-shape=square]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px));block-size:var(--slotted-skeleton-block-size, var(--_size));inline-size:var(--slotted-skeleton-inline-size, var(--_size))}[data-ui=skeleton][data-part=root][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=skeleton][data-part=root][data-shape=square]{border-radius:var(--slotted-skeleton-radius, calc(var(--_size) / 6))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xs],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xs]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xs, 24px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=sm],[data-ui=skeleton][data-part=root][data-shape=square][data-size=sm]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-sm, 28px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=md],[data-ui=skeleton][data-part=root][data-shape=square][data-size=md]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=lg],[data-ui=skeleton][data-part=root][data-shape=square][data-size=lg]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-lg, 48px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xl],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xl]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xl, 64px))}[data-ui=skeleton][data-part=root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size, auto);color:transparent;inline-size:var(--slotted-skeleton-inline-size, auto)}[data-ui=skeleton][data-part=root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui=skeleton][data-part=text]{align-items:center;display:grid;grid-auto-rows:var(--slotted-skeleton-row-size, 1lh);inline-size:var(--slotted-skeleton-inline-size, 100%)}[data-ui=skeleton] [data-part=line]{block-size:var(--slotted-skeleton-line-size, 1cap);border-radius:var(--slotted-radius-full, 9999px);inline-size:100%}[data-ui=skeleton] [data-part=line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size, 62%)}[data-ui=skeleton][data-part=root]:not([data-loading]),[data-ui=skeleton][data-part=text]:not([data-loading]){display:contents}[data-ui=skeleton][data-part=region]{inline-size:var(--slotted-skeleton-inline-size, 100%);min-inline-size:0}[data-ui=skeleton][data-part=root][data-loading]:not([data-animation=none]),[data-ui=skeleton][data-part=text][data-loading]:not([data-animation=none]) [data-part=line]{overflow:clip;position:relative}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-delay:calc(var(--slotted-skeleton-phase, 0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);animation-iteration-count:infinite;content:\"\";inset-block:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-timing-function:ease-in-out;background-color:var(--_trough);opacity:0}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-timing-function:linear;background-image:linear-gradient(90deg,transparent 14%,var(--_highlight) 50%,transparent 86%)}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui=skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part=line]:after{animation-direction:reverse}@media(prefers-reduced-motion:no-preference){[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-pulse}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){[data-ui=skeleton]:after,[data-ui=skeleton] [data-part=line]:after{animation:none}}@media(forced-colors:active){[data-ui=skeleton][data-part=root][data-loading]:after,[data-ui=skeleton][data-part=text][data-loading] [data-part=line]:after{background-image:none}}}\n", "@layer slotted.components{[data-ui=chart]{--_gap: var(--slotted-chart-gap, var(--slotted-space-5, .75rem));--_plot-size: var(--slotted-chart-plot-block-size, calc(var(--slotted-space-12, 4rem) * 4));--_radius: var(--slotted-chart-radius, var(--slotted-radius-md, 6px));--_chart-slot-1: var(--slotted-chart-color-1, var(--slotted-data-1));--_chart-slot-2: var(--slotted-chart-color-2, var(--slotted-data-2));--_chart-slot-3: var(--slotted-chart-color-3, var(--slotted-data-3));--_chart-slot-4: var(--slotted-chart-color-4, var(--slotted-data-4));--_chart-slot-5: var(--slotted-chart-color-5, var(--slotted-data-5));--_chart-slot-6: var(--slotted-chart-color-6, var(--slotted-data-6));--_chart-slot-7: var(--slotted-chart-color-7, var(--slotted-data-7));--_chart-slot-8: var(--slotted-chart-color-8, var(--slotted-data-8));--_chart-tone-neutral: var(--slotted-text-muted, GrayText);--_chart-tone-accent: var(--slotted-tone-accent-text, CanvasText);--_chart-tone-secondary: var(--slotted-tone-secondary-text, CanvasText);--_chart-tone-success: var(--slotted-tone-success-text, CanvasText);--_chart-tone-warning: var(--slotted-tone-warning-text, CanvasText);--_chart-tone-danger: var(--slotted-tone-danger-text, CanvasText);--_chart-overflow: var(--slotted-text-muted, GrayText);--_chart-text: var(--slotted-text, CanvasText);--_chart-label: var(--slotted-chart-label-color, var(--slotted-text-muted, GrayText));--_chart-grid: var(--slotted-chart-grid-color, var(--slotted-border-subtle, GrayText));--_chart-axis: var(--slotted-chart-axis-color, var(--slotted-control-border-color, GrayText));--_chart-reference: var( --slotted-chart-reference-color, var(--slotted-border-strong, GrayText) );--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface, Canvas));--_chart-label-size: var(--slotted-chart-label-size, var(--slotted-font-size-xs, .75rem));--_chart-line-width: var(--slotted-chart-line-width, var(--slotted-border-width-thick, 2px));--_chart-marker-size: var(--slotted-chart-marker-size, var(--slotted-space-4, .5rem));--_chart-bar-radius: var(--slotted-chart-bar-radius, var(--slotted-radius-sm, 4px));--_chart-area-opacity: var(--slotted-chart-area-opacity, .18);--_chart-inset: var(--slotted-chart-inset, var(--slotted-control-gap-md, .5rem));--_chart-duration: var(--slotted-duration-long);--_chart-easing: var(--slotted-easing-standard);box-sizing:border-box;color:var(--slotted-text, CanvasText);container:slotted-chart / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, system-ui, sans-serif);font-size:var(--slotted-font-size-md, .875rem);gap:var(--_gap);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0}[data-ui=chart][data-size=sm]{--_plot-size: var(--slotted-chart-plot-block-size-sm, calc(var(--slotted-space-12, 4rem) * 3))}[data-ui=chart][data-size=lg]{--_plot-size: var(--slotted-chart-plot-block-size-lg, calc(var(--slotted-space-12, 4rem) * 6))}[data-ui=chart][data-palette=sequential]{--_hue: var(--slotted-chart-sequential-color, var(--slotted-tone-accent-text, CanvasText));--_chart-slot-1: var(--_hue);--_chart-slot-2: color-mix(in oklab, var(--_hue) 76%, var(--_chart-surface));--_chart-slot-3: color-mix(in oklab, var(--_hue) 56%, var(--_chart-surface));--_chart-slot-4: color-mix(in oklab, var(--_hue) 40%, var(--_chart-surface));--_chart-slot-5: color-mix(in oklab, var(--_hue) 28%, var(--_chart-surface));--_chart-slot-6: color-mix(in oklab, var(--_hue) 20%, var(--_chart-surface));--_chart-slot-7: color-mix(in oklab, var(--_hue) 14%, var(--_chart-surface));--_chart-slot-8: color-mix(in oklab, var(--_hue) 10%, var(--_chart-surface))}[data-ui=chart][data-palette=focus]{--_muted: var(--slotted-text-muted, GrayText);--_chart-slot-1: var(--slotted-chart-focus-color, var(--slotted-tone-accent-text, CanvasText));--_chart-slot-2: color-mix(in oklab, var(--_muted) 70%, var(--_chart-surface));--_chart-slot-3: color-mix(in oklab, var(--_muted) 52%, var(--_chart-surface));--_chart-slot-4: color-mix(in oklab, var(--_muted) 38%, var(--_chart-surface));--_chart-slot-5: color-mix(in oklab, var(--_muted) 30%, var(--_chart-surface));--_chart-slot-6: color-mix(in oklab, var(--_muted) 24%, var(--_chart-surface));--_chart-slot-7: color-mix(in oklab, var(--_muted) 20%, var(--_chart-surface));--_chart-slot-8: color-mix(in oklab, var(--_muted) 16%, var(--_chart-surface))}[data-ui=chart][data-variant=card]{--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface-raised, Canvas));background-color:var(--_chart-surface);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-chart-card-radius, var(--slotted-radius-lg, 8px));padding-block:var(--slotted-chart-card-padding-block, var(--slotted-space-6, 1rem));padding-inline:var(--slotted-chart-card-padding-inline, var(--slotted-space-6, 1rem))}[data-ui=chart]>[data-part=header]{align-items:start;display:flex;gap:var(--slotted-space-4, .5rem);min-inline-size:0}[data-ui=chart]>[data-part=header]>:first-child{align-content:start;display:grid;flex:1 1 auto;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=chart]>[data-part=header]>:first-child>:first-child{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);min-inline-size:0}[data-ui=chart]>[data-part=header] [data-part=title]{color:var(--slotted-text, CanvasText);font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-lg, 1rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-lg, 1.5);min-inline-size:0;overflow-wrap:anywhere}[data-ui=chart]>[data-part=header] [data-part=description]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);overflow-wrap:anywhere}[data-ui=chart][data-variant=card]>[data-part=header] :is([data-part=title],[data-part=description]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart][data-variant=card]>[data-part=header] [data-part=title]{font-size:var(--slotted-font-size-md, .875rem);line-height:var(--slotted-line-height-md, 1.5)}[data-ui=chart][data-variant=card]>[data-part=header]>:first-child{min-block-size:calc(var(--slotted-font-size-md, .875rem) * var(--slotted-line-height-md, 1.5) + var(--slotted-space-1, .125rem) + var(--slotted-font-size-sm, .8125rem) * var(--slotted-line-height-sm, 1.45))}[data-ui=chart]>[data-part=header]>[data-part=actions]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-2, .25rem)}[data-ui=chart]>[data-part=header]>[data-part=toolbar]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-1, .125rem);margin-block:calc((var(--slotted-font-size-lg, 1rem) * var(--slotted-line-height-lg, 1.5) - var(--slotted-control-height-sm, 1.75rem)) / 2);transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart][data-toolbar=hover]>[data-part=header]>[data-part=toolbar]{opacity:0}[data-ui=chart]>[data-part=header]>[data-part=toolbar][data-waiting]{visibility:hidden}[data-ui=chart][data-toolbar=hover]:is(:hover,:focus-within):not([data-disabled])>[data-part=header]>[data-part=toolbar]{opacity:1}@media(hover:none){[data-ui=chart][data-toolbar=hover]>[data-part=header]>[data-part=toolbar]{opacity:1}}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help]){--_box: var(--slotted-control-height-sm, 1.75rem);align-items:center;background:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-md, 6px));color:var(--slotted-text-muted, GrayText);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_box);justify-content:center;padding:0;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart] [data-part=help]{--_box: var(--slotted-control-inner-size-sm, 1.25rem);margin-block:calc((var(--slotted-font-size-md, .875rem) * var(--slotted-line-height-md, 1.5) - var(--_box)) / 2)}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace);color:var(--slotted-text, CanvasText)}[data-ui=chart] :is([data-part=view-toggle],[data-part=menu-trigger],[data-part=help])[data-pressed],[data-ui=chart] :is([data-part=menu-trigger],[data-part=help])[data-open]{background-color:var(--slotted-tone-secondary-surface, ButtonFace);color:var(--slotted-text, CanvasText)}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help],[data-part=legend-more],[data-part=menu-item]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=chart] :is([data-part=menu],[data-part=help-content]){background-color:var(--slotted-surface-raised, Canvas);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-shadow-md, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);font-family:var(--slotted-font-family-sans, system-ui, sans-serif);font-size:var(--slotted-font-size-sm, .8125rem);inset:0 auto auto 0;line-height:var(--slotted-line-height-sm, 1.45);margin:0;max-inline-size:min(20rem,calc(100vw - var(--slotted-space-8, 1.5rem)));position:fixed;transform:translate(var(--slotted-chart-x, 0px),var(--slotted-chart-y, 0px));z-index:var(--slotted-z-index-popover, 1100)}[data-ui=chart] [data-part=menu]{display:grid;min-inline-size:11rem;padding:var(--slotted-space-2, .25rem)}[data-ui=chart] [data-part=menu]:not(:popover-open,[data-open]){display:none}[data-ui=chart] [data-part=help-content]{padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-5, .75rem)}[data-ui=chart] [data-part=help-content]:not(:popover-open,[data-open]){display:none}[data-ui=chart] [data-part=menu-item]{align-items:center;background:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--slotted-space-3, .375rem);min-block-size:var(--slotted-control-height-sm, 1.75rem);padding-inline:var(--slotted-space-4, .5rem);text-align:start}[data-ui=chart] [data-part=menu-item]:is([data-action=view],[data-action=fullscreen]){display:none}[data-ui=chart] [data-part=menu-item]:hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=chart] [data-part=legend]{align-items:center;display:flex;flex:none;flex-wrap:nowrap;gap:var(--slotted-space-1, .125rem) var(--slotted-space-2, .25rem);list-style:none;margin:0;margin-inline-start:calc(var(--slotted-space-3, .375rem) * -1);min-block-size:var(--slotted-target-min, 1.5rem);min-inline-size:0;overflow:hidden;padding:0}[data-ui=chart][data-legend-overflow=wrap] [data-part=legend]{flex-wrap:wrap;overflow:visible}[data-ui=chart] [data-slot=\"1\"]{--_series: var(--_chart-slot-1)}[data-ui=chart] [data-slot=\"2\"]{--_series: var(--_chart-slot-2)}[data-ui=chart] [data-slot=\"3\"]{--_series: var(--_chart-slot-3)}[data-ui=chart] [data-slot=\"4\"]{--_series: var(--_chart-slot-4)}[data-ui=chart] [data-slot=\"5\"]{--_series: var(--_chart-slot-5)}[data-ui=chart] [data-slot=\"6\"]{--_series: var(--_chart-slot-6)}[data-ui=chart] [data-slot=\"7\"]{--_series: var(--_chart-slot-7)}[data-ui=chart] [data-slot=\"8\"]{--_series: var(--_chart-slot-8)}[data-ui=chart] [data-tone=neutral]{--_series: var(--_chart-tone-neutral)}[data-ui=chart] [data-tone=accent]{--_series: var(--_chart-tone-accent)}[data-ui=chart] [data-tone=secondary]{--_series: var(--_chart-tone-secondary)}[data-ui=chart] [data-tone=success]{--_series: var(--_chart-tone-success)}[data-ui=chart] [data-tone=warning]{--_series: var(--_chart-tone-warning)}[data-ui=chart] [data-tone=danger]{--_series: var(--_chart-tone-danger)}[data-ui=chart] [data-overflow]{--_series: var(--_chart-overflow)}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more]){align-items:center;background:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-md, 6px));color:var(--slotted-text, CanvasText);display:inline-flex;flex:none;font:inherit;font-size:var(--slotted-control-font-size-sm, .75rem);gap:var(--slotted-space-3, .375rem);line-height:var(--slotted-line-height-sm, 1.45);max-inline-size:100%;min-block-size:var(--slotted-target-min, 1.5rem);min-inline-size:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more])[hidden]{display:none}[data-ui=chart] [data-part=legend-more]{color:var(--slotted-text-muted, GrayText);cursor:pointer;font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=chart] [data-part=menu] [data-part=legend-item]{inline-size:100%}[data-ui=chart] :is(button[data-part=legend-item],[data-part=legend-more]){cursor:pointer}[data-ui=chart] :is(button[data-part=legend-item],[data-part=legend-more]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=chart] [data-part=legend-item]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker]){background-color:var(--_series);block-size:.625rem;border-radius:var(--slotted-radius-xs, 2px);flex:none;inline-size:.625rem}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-kind=line]{block-size:var(--slotted-border-width-thick, 2px);border-radius:var(--slotted-radius-full, 9999px);inline-size:.875rem}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-kind=scatter]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dashed]{background:repeating-linear-gradient(to right,var(--_series) 0 3px,transparent 3px 5px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dotted]{background:repeating-linear-gradient(to right,var(--_series) 0 2px,transparent 2px 4px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dash-dot]{background:repeating-linear-gradient(to right,var(--_series) 0 5px,transparent 5px 7px,var(--_series) 7px 9px,transparent 9px 11px)}[data-ui=chart] [data-part=legend-label]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart] [data-part=legend-value]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=chart] [data-part=legend-item][data-current] [data-part=legend-value]{color:var(--slotted-text, CanvasText)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]){color:var(--slotted-text-muted, GrayText)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-marker]{background:transparent;box-shadow:inset 0 0 0 var(--slotted-border-width-medium, 1.5px) var(--_series)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-marker][data-kind=line]{background:var(--_series);box-shadow:none;opacity:.4}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-label]{text-decoration:line-through;text-decoration-color:color-mix(in oklab,currentColor 55%,transparent)}[data-ui=chart] [data-part=plot]{border-radius:var(--_radius);flex:1 0 var(--_plot-size);min-block-size:var(--_plot-size);direction:ltr;min-inline-size:0;position:relative}[data-ui=chart] [data-part=plot]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=chart] [data-part=canvas]{inset:0;position:absolute;z-index:1}[data-ui=chart] [data-part=plot]:has(>[data-part=table-region]:not([hidden]))>:is([data-part=canvas],[data-part=crosshair],[data-part=marker],[data-part=tooltip],[data-part=center]){visibility:hidden}[data-ui=chart] :is([data-part=crosshair],[data-part=marker],[data-part=tooltip]){inset-block-start:0;inset-inline-start:0;pointer-events:none;position:absolute}[data-ui=chart] [data-part=crosshair]{background-color:var(--slotted-chart-crosshair-color, var(--slotted-border-strong, GrayText));block-size:var(--slotted-chart-frame-size, 100%);inline-size:1px;transform:translate(calc(var(--slotted-chart-x, 0px) - .5px),var(--slotted-chart-frame-start, 0px));z-index:0}[data-ui=chart] [data-part=crosshair][data-band]{background-color:var( --slotted-chart-band-color, color-mix(in oklab, var(--slotted-text, CanvasText) 6%, transparent) );border-radius:var(--slotted-radius-sm, 4px);inline-size:var(--slotted-chart-band-size, 0px);transform:translate(var(--slotted-chart-band-start, 0px),var(--slotted-chart-frame-start, 0px))}[data-ui=chart] [data-part=crosshair][data-orientation=horizontal]{block-size:1px;inline-size:var(--slotted-chart-frame-size, 100%);transform:translate(var(--slotted-chart-frame-start, 0px),calc(var(--slotted-chart-y, 0px) - .5px))}[data-ui=chart] [data-part=crosshair][data-band][data-orientation=horizontal]{block-size:var(--slotted-chart-band-size, 0px);transform:translate(var(--slotted-chart-frame-start, 0px),var(--slotted-chart-band-start, 0px))}[data-ui=chart] [data-part=marker]{--_size: calc(var(--_chart-marker-size) + var(--slotted-space-2, .25rem));background-color:var(--_series, var(--_chart-slot-1));block-size:var(--_size);border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_chart-surface);inline-size:var(--_size);transform:translate(calc(var(--slotted-chart-x, 0px) - var(--_size) / 2),calc(var(--slotted-chart-y, 0px) - var(--_size) / 2));z-index:2}[data-ui=chart] [data-part=marker][data-selected]{--_size: calc(var(--_chart-marker-size) * 2 + var(--slotted-space-2, .25rem));background-color:transparent;box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--_series, CanvasText),0 0 0 var(--slotted-border-width-thick, 2px) var(--_chart-surface)}[data-ui=chart] [data-part=tooltip]{background-color:var(--slotted-chart-tooltip-surface, var(--slotted-surface-raised, Canvas));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-shadow-md, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);column-gap:var(--slotted-space-4, .5rem);display:grid;font-size:var(--slotted-control-font-size-sm, .75rem);grid-template-columns:auto minmax(0,1fr) auto;line-height:var(--slotted-line-height-sm, 1.45);max-inline-size:min(18rem,100%);min-inline-size:8rem;opacity:0;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-5, .75rem);row-gap:var(--slotted-space-2, .25rem);transform:translate(var(--slotted-chart-x, 0px),var(--slotted-chart-y, 0px));transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard),transform var(--slotted-duration-short) var(--slotted-easing-standard);visibility:hidden;z-index:3}[data-ui=chart] [data-part=tooltip][data-docked]{inline-size:100%;max-inline-size:100%;min-inline-size:0}[data-ui=chart]:dir(rtl) :is([data-part=tooltip],[data-part=center]){direction:rtl}[data-ui=chart]:dir(rtl) [data-part=tooltip]{inset-inline-end:0;inset-inline-start:auto}[data-ui=chart] [data-part=tooltip][data-open]{opacity:1;visibility:visible}[data-ui=chart] [data-part=tooltip]:not([data-open]){transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard),visibility var(--slotted-duration-instant) linear var(--slotted-duration-short)}[data-ui=chart] [data-part=tooltip-title]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;overflow-wrap:anywhere}[data-ui=chart] [data-part=tooltip-note]{color:var(--slotted-text-muted, GrayText);grid-column:1 / -1;overflow-wrap:anywhere}[data-ui=chart] :is([data-part=tooltip-item],[data-part=tooltip-total]){align-items:center;display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=chart] [data-part=tooltip-item]{color:var(--slotted-text-muted, GrayText)}[data-ui=chart] [data-part=tooltip-item][data-current]{color:var(--slotted-text, CanvasText)}[data-ui=chart] [data-part=tooltip-label]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart] [data-part=tooltip-value]{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);text-align:end;white-space:nowrap}[data-ui=chart] [data-part=tooltip-total]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600);margin-block-start:var(--slotted-space-2, .25rem);padding-block-start:var(--slotted-space-3, .375rem)}[data-ui=chart] [data-part=tooltip-total]>:first-child{grid-column:1 / 3}[data-ui=chart] [data-part=center]{align-content:center;display:grid;inset:0;justify-items:center;pointer-events:none;position:absolute;text-align:center;z-index:2}[data-ui=chart] [data-part=center-value]{font-size:var(--slotted-font-size-2xl, 1.25rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-2xl, 1.4)}[data-ui=chart] [data-part=center-label]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--slotted-line-height-xs, 1.4)}[data-ui=chart] [data-part=skeleton]{inset:var(--_chart-inset);position:absolute}[data-ui=chart] [data-part=skeleton]>[data-ui=skeleton]{--slotted-skeleton-fill: color-mix( in oklab, var(--slotted-text, CanvasText) 9%, var(--_chart-surface) );block-size:100%;box-sizing:border-box;column-gap:var(--_chart-inset);display:grid;grid-template-areas:\"y marks\" \". x\";grid-template-columns:2.25rem minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;inline-size:100%;row-gap:var(--_chart-inset)}[data-ui=chart] [data-part=skeleton] [data-skeleton=y]{align-items:end;display:flex;flex-direction:column;grid-area:y;justify-content:space-between}[data-ui=chart] [data-part=skeleton] [data-skeleton=x]{display:flex;grid-area:x;justify-content:space-around}[data-ui=chart] [data-part=skeleton] :is([data-skeleton=y],[data-skeleton=x])>[data-ui=skeleton]{block-size:.5rem;border-radius:var(--slotted-radius-full, 9999px);flex:none;inline-size:1.5rem;min-block-size:0}[data-ui=chart] [data-part=skeleton] [data-skeleton=y]>[data-ui=skeleton]:nth-child(odd){inline-size:2rem}[data-ui=chart] [data-part=skeleton] [data-skeleton=x]>[data-ui=skeleton]{flex:0 1 auto;min-inline-size:0}[data-ui=chart] [data-part=skeleton] [data-skeleton=marks]{align-items:end;background-image:repeating-linear-gradient(to bottom,var(--_chart-grid) 0 1px,transparent 1px calc((100% - 1px)/4));display:flex;grid-area:marks;justify-content:space-around;min-block-size:0;position:relative}[data-ui=chart] [data-part=skeleton] [data-skeleton=marks]>[data-ui=skeleton]{border-radius:var(--_chart-bar-radius) var(--_chart-bar-radius) 0 0;flex:0 1 9%;inline-size:auto;min-inline-size:0}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+1){block-size:38%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+2){block-size:62%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+3){block-size:50%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+4){block-size:74%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+5){block-size:56%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+6){block-size:44%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+7){block-size:68%}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]{block-size:100%;border-radius:0;inset:0;position:absolute}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]:first-child{clip-path:polygon(0% 60.5%,14% 46.5%,28% 54.5%,42% 28.5%,57% 38.5%,71% 20.5%,86% 32.5%,100% 12.5%,100% 15.5%,86% 35.5%,71% 23.5%,57% 41.5%,42% 31.5%,28% 57.5%,14% 49.5%,0% 63.5%)}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]:last-child{clip-path:polygon(0% 62%,14% 48%,28% 56%,42% 30%,57% 40%,71% 22%,86% 34%,100% 14%,100% 100%,0% 100%);opacity:.35}[data-ui=chart] [data-part=skeleton][data-kind=pie]>[data-ui=skeleton]{align-items:center;display:flex;justify-content:center}[data-ui=chart] [data-part=skeleton][data-kind=pie] [data-ui=skeleton][data-shape=circle]{aspect-ratio:1;block-size:76%;flex:none;inline-size:auto;-webkit-mask-image:radial-gradient(circle,transparent calc(var(--slotted-chart-skeleton-hole, 64%) * .5),#000 calc(var(--slotted-chart-skeleton-hole, 64%) * .5 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--slotted-chart-skeleton-hole, 64%) * .5),#000 calc(var(--slotted-chart-skeleton-hole, 64%) * .5 + .5px))}[data-ui=chart] [data-part=legend]>[data-ui=skeleton]{--slotted-skeleton-fill: color-mix( in oklab, var(--slotted-text, CanvasText) 9%, var(--_chart-surface) );--slotted-skeleton-block-size: .5rem;--slotted-skeleton-min-block-size: 0;align-self:center;block-size:.5rem;border-radius:var(--slotted-radius-full, 9999px);flex:none;inline-size:4.5rem;margin-inline-start:var(--slotted-space-3, .375rem);min-block-size:0}[data-ui=chart] [data-part=legend]>[data-ui=skeleton]:nth-child(2){inline-size:3.25rem}[data-ui=chart] :is([data-part=empty],[data-part=error]){--slotted-result-state-title-font-size: var(--slotted-font-size-md, .875rem);--slotted-result-state-padding-block: var(--slotted-space-4, .5rem);align-content:center;display:grid;inset:0;justify-items:center;padding:var(--_chart-inset);position:absolute;z-index:3}[data-ui=chart] [data-part=plot]:has(>:is([data-part=empty],[data-part=error])){background:linear-gradient(var(--_chart-grid),var(--_chart-grid)) 0 100% / 100% 1px no-repeat content-box;box-sizing:border-box;padding:var(--_chart-inset) var(--_chart-inset) calc(var(--_chart-inset) * 3)}[data-ui=chart] [data-part=summary]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=chart] [data-part=table-region]{background-color:var(--_chart-surface);border-radius:var(--_radius);inset:0;overflow:auto;overscroll-behavior:contain;position:absolute;z-index:4}[data-ui=chart]:dir(rtl) [data-part=table-region]{direction:rtl}[data-ui=chart] [data-part=table-region]:focus{outline:none}[data-ui=chart] [data-part=table-region]:focus-visible[data-focus-origin=keyboard]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=chart] [data-part=table-region][hidden]{display:none}[data-ui=chart] [data-part=table]{border-collapse:collapse;font-size:var(--slotted-font-size-sm, .8125rem);inline-size:100%;line-height:var(--slotted-line-height-sm, 1.45)}[data-ui=chart] [data-part=table] caption{caption-side:bottom;color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);padding-block:var(--slotted-space-3, .375rem);text-align:start}[data-ui=chart] [data-part=table] :is(th,td){border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);padding-block:var(--slotted-control-gap-sm, .375rem);padding-inline:var(--slotted-space-4, .5rem);text-align:start;white-space:nowrap}[data-ui=chart] [data-part=table] tbody th{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=chart] [data-part=table] thead th{background-color:var(--_chart-surface);color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-medium, 500);inset-block-start:0;position:sticky}[data-ui=chart] [data-part=table] [data-numeric]{font-variant-numeric:tabular-nums;text-align:end}[data-ui=chart] [data-part=table] tbody tr[data-current]{background-color:var(--slotted-tone-secondary-subtle-hover, Highlight)}[data-ui=chart][data-fullscreen]{--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface, Canvas));background-color:var(--_chart-surface);block-size:100%;border:0;border-radius:0;inset:0;padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--slotted-space-9, 2rem);position:fixed;z-index:var(--slotted-z-index-overlay, 1000)}[data-ui=chart][data-fullscreen] [data-part=title]{font-size:var(--slotted-font-size-xl, 1.125rem)}@container slotted-chart (max-width: 480px){[data-ui=chart]>[data-part=header]>[data-part=toolbar]>:is([data-part=view-toggle],[data-part=fullscreen-toggle]){display:none}[data-ui=chart] [data-part=menu-item]:is([data-action=view],[data-action=fullscreen]){display:flex}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more]){padding-inline:var(--slotted-space-2, .25rem)}}@container slotted-chart (max-width: 360px){[data-ui=chart][data-variant=card]{padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--slotted-space-5, .75rem)}}@media(pointer:coarse){[data-ui=chart] [data-part=menu-item]{min-block-size:var(--slotted-target-comfortable, 2.75rem)}[data-ui=chart] [data-part=menu] [data-part=legend-item]{min-block-size:var(--slotted-target-comfortable, 2.75rem);min-inline-size:var(--slotted-target-comfortable, 2.75rem)}[data-ui=chart] [data-part=legend]{min-block-size:var(--slotted-target-comfortable, 2.75rem);row-gap:calc(var(--slotted-target-comfortable, 2.75rem) - var(--slotted-target-min, 1.5rem))}[data-ui=chart] [data-part=legend]>:is([data-part=legend-item],[data-part=legend-more]){position:relative}[data-ui=chart] [data-part=legend]>:is([data-part=legend-item],[data-part=legend-more]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 2.75rem)) / 2));position:absolute}[data-ui=chart] [data-part=legend]>[data-part=legend-more]:after{inset-inline-start:0}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger]){--_box: var(--slotted-target-comfortable, 2.75rem)}}@media print{[data-ui=chart] :is([data-part=toolbar],[data-part=help],[data-part=legend-more],[data-part=tooltip],[data-part=crosshair],[data-part=marker]:not([data-selected])){display:none}[data-ui=chart] [data-part=legend]{flex-wrap:wrap;overflow:visible}[data-ui=chart]{break-inside:avoid}}@media(forced-colors:active){[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker],[data-part=marker]){forced-color-adjust:none;background-color:CanvasText}[data-ui=chart] [data-part=crosshair]{background-color:GrayText;forced-color-adjust:none}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], series: [{ type: i0.Input, args: [{ isSignal: true, alias: "series", required: false }] }], x: [{ type: i0.Input, args: [{ isSignal: true, alias: "x", required: false }] }], y: [{ type: i0.Input, args: [{ isSignal: true, alias: "y", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], stackMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "stackMode", required: false }] }], annotations: [{ type: i0.Input, args: [{ isSignal: true, alias: "annotations", required: false }] }], recordKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "recordKey", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], help: [{ type: i0.Input, args: [{ isSignal: true, alias: "help", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], toolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbar", required: false }] }], grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: false }] }], texture: [{ type: i0.Input, args: [{ isSignal: true, alias: "texture", required: false }] }], renderer: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderer", required: false }] }], sampling: [{ type: i0.Input, args: [{ isSignal: true, alias: "sampling", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }], legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }], legendInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendInteractive", required: false }] }], legendValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendValues", required: false }] }], legendOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendOverflow", required: false }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], zoomable: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoomable", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], extendOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "extendOption", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }, { type: i0.Output, args: ["hiddenChange"] }], activePoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "activePoint", required: false }] }, { type: i0.Output, args: ["activePointChange"] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }], zoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoom", required: false }] }, { type: i0.Output, args: ["zoomChange"] }], tableOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableOpen", required: false }] }, { type: i0.Output, args: ["tableOpenChange"] }], fullscreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullscreen", required: false }] }, { type: i0.Output, args: ["fullscreenChange"] }], hiddenChangeRequest: [{ type: i0.Output, args: ["hiddenChangeRequest"] }], activePointChangeRequest: [{ type: i0.Output, args: ["activePointChangeRequest"] }], selectionChangeRequest: [{ type: i0.Output, args: ["selectionChangeRequest"] }], zoomChangeRequest: [{ type: i0.Output, args: ["zoomChangeRequest"] }], tableOpenChangeRequest: [{ type: i0.Output, args: ["tableOpenChangeRequest"] }], fullscreenChangeRequest: [{ type: i0.Output, args: ["fullscreenChangeRequest"] }], retry: [{ type: i0.Output, args: ["retry"] }], tooltipTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlChartTooltip), { isSignal: true }] }], legendItemTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlChartLegendItem), { isSignal: true }] }], centerTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlChartCenter), { isSignal: true }] }], emptyTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlChartEmpty), { isSignal: true }] }], errorTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlChartError), { isSignal: true }] }], plotRef: [{ type: i0.ViewChild, args: ['plot', { isSignal: true }] }], canvasRef: [{ type: i0.ViewChild, args: ['canvas', { isSignal: true }] }], tableRegionRef: [{ type: i0.ViewChild, args: ['tableRegion', { isSignal: true }] }], tooltipRef: [{ type: i0.ViewChild, args: ['tooltipBox', { isSignal: true }] }], legendRef: [{ type: i0.ViewChild, args: ['legendRow', { isSignal: true }] }], menuRef: [{ type: i0.ViewChild, args: ['menu', { isSignal: true }] }], moreRef: [{ type: i0.ViewChild, args: ['moreLayer', { isSignal: true }] }], helpRef: [{ type: i0.ViewChild, args: ['helpLayer', { isSignal: true }] }] } });
 
 /**