@graphysdk/react-renderer 0.0.1-experimental.1 → 0.0.1-experimental.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs +2 -2
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +83 -16
  4. package/dist/index.mjs +997 -967
  5. package/package.json +4 -4
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @property --graphy-text-scale{syntax: "<number>"; inherits: true; initial-value: 1;}@property --graphy-font-size-xxs{syntax: "<length>"; inherits: true; initial-value: 10px;}@property --graphy-font-size-xs{syntax: "<length>"; inherits: true; initial-value: 11px;}@property --graphy-font-size-sm{syntax: "<length>"; inherits: true; initial-value: 12px;}@property --graphy-font-size-md{syntax: "<length>"; inherits: true; initial-value: 14px;}@property --graphy-font-size-lg{syntax: "<length>"; inherits: true; initial-value: 16px;}@property --graphy-font-size-xl{syntax: "<length>"; inherits: true; initial-value: 20px;}@property --graphy-font-size-editor-body{syntax: "<length>"; inherits: true; initial-value: 15px;}@property --graphy-font-size-heading-sm{syntax: "<length>"; inherits: true; initial-value: 18px;}@property --graphy-font-size-heading-md{syntax: "<length>"; inherits: true; initial-value: 22px;}@property --graphy-font-size-heading-lg{syntax: "<length>"; inherits: true; initial-value: 28px;}.drqe3u0{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.drqe3u1{font-weight:700;font-size:13px;letter-spacing:.2px}.drqe3u2{width:100%;border-collapse:collapse}.drqe3u3{padding:4px 6px;width:140px;font-weight:500}.drqe3u4{padding:4px 6px;font-weight:500;text-align:right}.drqe3u5{padding:4px 6px}.drqe3u6{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;padding:2px 0}.drqe3u7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drqe3u8{padding:4px 6px;text-align:right;color:#7a8088}.drqe3u9{color:#7a8088}.drqe3ua{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:#0f1115;color:#e6e8eb;border-radius:8px;padding:12px;border:1px solid #1f2329;box-shadow:0 4px 12px #0003}.drqe3ub{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;margin-bottom:6px;border-bottom:1px solid #1f2329}.drqe3uc{border-top:1px solid #1f2329}.drqe3ud{margin-top:10px;border-top:1px solid #1f2329;padding-top:8px}.drqe3ue{color:#9aa0a6;margin-top:2px}.drqe3uf{background:transparent;color:#9aa0a6;border:1px solid #2a2f36;border-radius:4px;padding:2px 6px;font-size:11px;cursor:pointer;font-family:inherit}.drqe3ug{color:#9aa0a6;font-size:10px}.drqe3uh{color:#9aa0a6;text-align:left}.drqe3ui{color:#9aa0a6;margin-bottom:4px}.drqe3uj{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;border:1px solid #1f2329;border-radius:4px;padding:4px 10px;font-size:11px;font-family:inherit;font-weight:600;color:#0f1115}.drqe3uk{background:#4ddb86}.drqe3ul{background:#ff8c8c}.drqe3um{padding:4px 6px;text-align:right;font-weight:600}.drqe3un{color:#ff8c8c}.drqe3uo{color:#7a8088;font-weight:400}.drqe3up{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.drqe3uq{background:#ff8c8c}.drqe3ur{background:#4ddb86}.drqe3us{background:#3f444a}._2qyyu60{display:block;flex-shrink:0;overflow:visible}._19519k80{font:var(--graphy-font-tooltip-heading);color:var(--graphy-tooltip-heading-text-color);padding-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:var(--graphy-tooltip-padding-inline)}._19519k81{display:flex;flex-direction:column}._19519k82{display:flex;flex-direction:row;align-items:center;gap:8px;padding-block:4px;padding-inline:var(--graphy-tooltip-padding-inline)}._19519k83{background-color:var(--graphy-tooltip-primary-row-color)}._19519k84{display:block;flex-shrink:0;overflow:visible}._19519k85{width:12px;height:12px}._19519k86{font:var(--graphy-font-tooltip-label);color:var(--graphy-tooltip-label-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}._19519k87{font:var(--graphy-font-tooltip-label);color:var(--graphy-tooltip-value-text-color);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}._19519k88{position:fixed;top:0;left:0;pointer-events:none;user-select:none;z-index:1000}._19519k89{background:var(--graphy-tooltip-background);border:1px solid var(--graphy-tooltip-border-color);border-radius:var(--graphy-tooltip-border-radius);padding-block:var(--graphy-tooltip-padding-block);max-width:280px;min-width:120px;box-shadow:var(--graphy-tooltip-shadow);display:flex;flex-direction:column;gap:6px}.bow4tg0{position:relative;color:var(--graphy-text-primary);font-size:calc(10px * var(--graphy-text-scale));overflow:hidden}.bow4tg1{color:var(--graphy-text-primary);font-size:calc(10px * var(--graphy-text-scale))}.bow4tg2{position:absolute;inset:0;background-color:var(--graphy-graph-background)}.bow4tg3{background-image:linear-gradient(45deg,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent)),linear-gradient(45deg,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent));background-size:2em 2em;background-position:0 0,1em 1em}._1ii3bsb0{--graphy-transparent: transparent;--graphy-white: #FFFFFF;--graphy-black: #000000;--graphy-grey-100: #FFFFFF;--graphy-grey-95: #FCFCFC;--graphy-grey-90: #FAFAFA;--graphy-grey-85: #F5F5F5;--graphy-grey-80: #F0F0F0;--graphy-grey-75: #E8E8E8;--graphy-grey-70: #E5E5E5;--graphy-grey-60: #CCCCCC;--graphy-grey-50: #C4C4C4;--graphy-grey-0: #1D2129;--graphy-red-60: #E14B49;--graphy-red-50: #F93939;--graphy-amber-70: #FFBA8C;--graphy-amber-50: #FFC849;--graphy-amber-40: #FEAE47;--graphy-amber-30: #E7A816;--graphy-green-60: #06B299;--graphy-green-50: #42CD69;--graphy-blue-80: #2E62FF;--graphy-blue-60: #3D70FF;--graphy-purple-50: #7B56EA;--graphy-purple-30: #E093FE;--graphy-grey-gradient-80: linear-gradient(to top, #F0F0F1, #F9F9FF);--graphy-text-primary: var(--graphy-black);--graphy-text-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 60%);--graphy-text-disabled: color-mix(in srgb, transparent, var(--graphy-text-primary) 50%);--graphy-icon-primary: currentColor;--graphy-icon-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 60%);--graphy-icon-sticker-background: var(--graphy-grey-100);--graphy-brand: var(--graphy-purple-50);--graphy-success: var(--graphy-green-50);--graphy-warning: var(--graphy-amber-50);--graphy-alert: var(--graphy-red-50);--graphy-border-100: var(--graphy-grey-0);--graphy-border-50: color-mix(in srgb, transparent, var(--graphy-grey-0) 50%);--graphy-border-10: color-mix(in srgb, transparent, var(--graphy-grey-0) 10%);--graphy-sunken-background: var(--graphy-grey-90);--graphy-default-background: var(--graphy-grey-100);--graphy-raised-background: var(--graphy-grey-85);--graphy-overlay-background: var(--graphy-grey-100);--graphy-overlay-border-gradient: var(--graphy-border-10);--graphy-elevation-xs: 0 0 2px rgba(15, 15, 24, .12), 0 2px 2px rgba(14, 14, 52, .08);--graphy-elevation-sm: 0 0 4px rgba(15, 15, 24, .12), 0 4px 4px rgba(14, 14, 52, .08);--graphy-elevation-md: 0 0 8px rgba(15, 15, 24, .12), 0 8px 8px rgba(14, 14, 52, .08);--graphy-elevation-lg: 0 0 16px rgba(15, 15, 24, .12), 0 16px 16px rgba(14, 14, 52, .08);--graphy-radii-xs: 4px;--graphy-radii-sm: 6px;--graphy-radii-md: 8px;--graphy-radii-lg: 12px;--graphy-space-xxs: 2px;--graphy-space-xs: 4px;--graphy-space-sm: 6px;--graphy-space-md: 8px;--graphy-space-lg: 12px;--graphy-space-xl: 16px;--graphy-z-index-toolbar: 10;--graphy-z-index-toolbar-tooltip: 20;--graphy-z-index-toolbar-popover: 30;--graphy-graph-background: var(--graphy-grey-100);--graphy-grid-line-color: var(--graphy-border-10);--graphy-origin-line-color: var(--graphy-grey-0);--graphy-target-line-color: var(--graphy-border-100);--graphy-target-line-marker-color: #A0A6C5;--graphy-target-line-label-text-color: var(--graphy-grey-100);--graphy-legend-background: var(--graphy-default-background);--graphy-legend-border-color: var(--graphy-border-10);--graphy-legend-focus-outline-color: var(--graphy-border-50);--graphy-legend-text-color: var(--graphy-text-primary);--graphy-dimmed-series-label-text-color: var(--graphy-text-disabled);--graphy-dimmed-series-label-line-color: var(--graphy-grey-60);--graphy-trend-negative-color: var(--graphy-red-60);--graphy-trend-positive-color: var(--graphy-green-60);--graphy-trend-neutral-color: var(--graphy-text-secondary);--graphy-toolbar-background-color: var(--graphy-overlay-background);--graphy-toolbar-button-background-color: transparent;--graphy-toolbar-button-background-color-hovered: var(--graphy-grey-80);--graphy-toolbar-button-background-color-selected: var(--graphy-grey-60);--graphy-toolbar-separator-color: var(--graphy-grey-60);--graphy-tooltip-background: var(--graphy-white);--graphy-tooltip-border-color: var(--graphy-border-10);--graphy-tooltip-heading-text-color: var(--graphy-text-primary);--graphy-tooltip-label-text-color: var(--graphy-text-secondary);--graphy-tooltip-value-text-color: var(--graphy-text-primary);--graphy-tooltip-primary-row-color: var(--graphy-grey-80);--graphy-hover-guide-line-color: color-mix(in srgb, transparent, var(--graphy-black) 8%);--graphy-hover-guide-fill-color: color-mix(in srgb, transparent, var(--graphy-black) 4%);--graphy-hovered-bar-border-color: var(--graphy-white);--graphy-hovered-point-ring-color: var(--graphy-white);--graphy-point-stroke-color: var(--graphy-white);--graphy-stacked-bar-hover-border-color: var(--graphy-grey-0);--graphy-heatmap-empty-tile-background: var(--graphy-grey-80);--graphy-data-label-outside-background: color-mix(in srgb, transparent, var(--graphy-text-primary) 10%);--graphy-default-annotation-arrow-stroke: var(--graphy-black);--graphy-default-annotation-shape-stroke: var(--graphy-black);--graphy-default-annotation-shape-fill: var(--graphy-canvas-blue);--graphy-arrow-annotation-sticker-outline-color: #1D2129;--graphy-arrow-annotation-sticker-outline-color-inverse: #FFFFFF;--graphy-annotation-frame-border-color: var(--graphy-blue-60);--graphy-annotation-menu-trigger-icon-color: #3d414c;--graphy-canvas-default: #000000;--graphy-canvas-blue: #3b82f6;--graphy-canvas-cyan: #06b6d4;--graphy-canvas-green: #10b981;--graphy-canvas-yellow: #E5B400;--graphy-canvas-orange: #f97316;--graphy-canvas-red: #ef4444;--graphy-canvas-pink: #E845BF;--graphy-canvas-purple: #8b5cf6;--graphy-canvas-gray: #78716c;--graphy-canvas-inverse: #ffffff;--graphy-grid-line-width: 1px;--graphy-grid-line-dash: 2 3;--graphy-tooltip-border-radius: 6px;--graphy-tooltip-padding-block: 8px;--graphy-tooltip-padding-inline: 10px;--graphy-tooltip-shadow: 0 4px 12px rgba(0, 0, 0, .18);--graphy-tick-label-offset: 10px;--graphy-legend-item-gap: 8px;--graphy-legend-swatch-gap: 8px;--graphy-legend-swatch-width: 10px;--graphy-legend-swatch-height: 12px;--graphy-legend-pill-padding-inline: 8px;--graphy-legend-pill-padding-block: 2px;--graphy-legend-pill-border-width: 1px;--graphy-headline-row-gap: 2px;--graphy-headline-item-gap: 24px;--graphy-text-scale: 1;--graphy-font-family-default: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-weight-regular: 400;--graphy-font-weight-medium: 500;--graphy-font-weight-semibold: 600;--graphy-font-weight-bold: 700;--graphy-font-weight-extra-bold: 800;--graphy-font-weight-black: 900;--graphy-font-size-xxs: 1em;--graphy-font-size-xs: 1.1em;--graphy-font-size-sm: 1.2em;--graphy-font-size-md: 1.4em;--graphy-font-size-lg: 1.6em;--graphy-font-size-xl: 2em;--graphy-font-line-height-xxs: 1;--graphy-font-line-height-xs: 1;--graphy-font-line-height-sm: 1.3;--graphy-font-line-height-md: 1.43;--graphy-font-line-height-lg: 1;--graphy-font-line-height-xl: 1;--graphy-font-size-editor-body: 1.5em;--graphy-font-size-heading-sm: 1.8em;--graphy-font-size-heading-md: 2.2em;--graphy-font-size-heading-lg: 2.8em;--graphy-font-line-height-editor-body: 1.47;--graphy-font-line-height-heading-sm: 1.25;--graphy-font-line-height-heading-md: 1.41;--graphy-font-line-height-heading-lg: 1.29;--graphy-font-tick-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-axis-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-data-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-stack-total: var(--graphy-font-weight-semibold) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-legend-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-series-label: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-heading: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip-label: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-goal-line-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-chart-total: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-small: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-medium: var(--graphy-font-weight-medium) var(--graphy-font-size-lg)/var(--graphy-font-line-height-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-large: var(--graphy-font-weight-semibold) var(--graphy-font-size-xl)/var(--graphy-font-line-height-xl) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-button: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-description: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-color-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-group-title: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-message: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-cell: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-header-cell: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-link: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-h1: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h2: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h3: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h6: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-body: var(--graphy-font-weight-medium) var(--graphy-font-size-editor-body)/var(--graphy-font-line-height-editor-body) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-link: var(--graphy-font-weight-regular) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-title: var(--graphy-font-weight-bold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-subtitle: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default))}._1ii3bsb1{--graphy-transparent: transparent;--graphy-white: #FFFFFF;--graphy-black: #000000;--graphy-grey-100: #000000;--graphy-grey-95: #0D0D0D;--graphy-grey-90: #1A1A1A;--graphy-grey-85: #1F1F1F;--graphy-grey-80: #2A2A2A;--graphy-grey-75: #2e2e2e;--graphy-grey-70: #353535;--graphy-grey-60: #494949;--graphy-grey-50: #6F6F6F;--graphy-grey-0: #FFFFFF;--graphy-red-60: #CB3333;--graphy-red-50: #F93939;--graphy-amber-70: #F48135;--graphy-amber-50: #FEAE47;--graphy-amber-40: #FFC849;--graphy-amber-30: #ffd061;--graphy-green-60: #0AC600;--graphy-green-50: #42CD69;--graphy-blue-80: #2E62FF;--graphy-blue-60: #3D70FF;--graphy-purple-50: #7B56EA;--graphy-purple-30: #E093FE;--graphy-grey-gradient-80: linear-gradient(to top, #222429, #31353f);--graphy-text-primary: var(--graphy-grey-0);--graphy-text-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 80%);--graphy-text-disabled: color-mix(in srgb, transparent, var(--graphy-text-primary) 50%);--graphy-icon-primary: currentColor;--graphy-icon-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 60%);--graphy-icon-sticker-background: var(--graphy-grey-70);--graphy-border-100: var(--graphy-grey-0);--graphy-border-50: color-mix(in srgb, transparent, var(--graphy-grey-0) 50%);--graphy-border-10: color-mix(in srgb, transparent, var(--graphy-grey-0) 10%);--graphy-brand: var(--graphy-purple-50);--graphy-success: var(--graphy-green-50);--graphy-warning: var(--graphy-amber-50);--graphy-alert: var(--graphy-red-50);--graphy-sunken-background: var(--graphy-grey-100);--graphy-default-background: var(--graphy-grey-90);--graphy-raised-background: var(--graphy-grey-80);--graphy-overlay-background: var(--graphy-grey-90);--graphy-overlay-border-gradient: var(--graphy-grey-gradient-80);--graphy-elevation-xs: 0 0 2px rgba(15, 15, 24, .12), 0 2px 2px rgba(14, 14, 52, .08);--graphy-elevation-sm: 0 0 4px rgba(15, 15, 24, .12), 0 4px 4px rgba(14, 14, 52, .08);--graphy-elevation-md: 0 0 8px rgba(15, 15, 24, .12), 0 8px 8px rgba(14, 14, 52, .08);--graphy-elevation-lg: 0 0 16px rgba(15, 15, 24, .12), 0 16px 16px rgba(14, 14, 52, .08);--graphy-radii-xs: 4px;--graphy-radii-sm: 6px;--graphy-radii-md: 8px;--graphy-radii-lg: 12px;--graphy-space-xxs: 2px;--graphy-space-xs: 4px;--graphy-space-sm: 6px;--graphy-space-md: 8px;--graphy-space-lg: 12px;--graphy-space-xl: 16px;--graphy-z-index-toolbar: 10;--graphy-z-index-toolbar-tooltip: 20;--graphy-z-index-toolbar-popover: 30;--graphy-graph-background: var(--graphy-grey-90);--graphy-grid-line-color: var(--graphy-border-10);--graphy-origin-line-color: var(--graphy-grey-0);--graphy-target-line-color: var(--graphy-border-100);--graphy-target-line-marker-color: var(--graphy-border-100);--graphy-target-line-label-text-color: var(--graphy-grey-100);--graphy-legend-background: var(--graphy-default-background);--graphy-legend-border-color: var(--graphy-border-10);--graphy-legend-focus-outline-color: var(--graphy-border-50);--graphy-legend-text-color: var(--graphy-text-primary);--graphy-dimmed-series-label-text-color: var(--graphy-text-disabled);--graphy-dimmed-series-label-line-color: var(--graphy-grey-60);--graphy-trend-negative-color: var(--graphy-red-60);--graphy-trend-positive-color: var(--graphy-green-60);--graphy-trend-neutral-color: var(--graphy-text-secondary);--graphy-toolbar-background-color: var(--graphy-overlay-background);--graphy-toolbar-button-background-color: transparent;--graphy-toolbar-button-background-color-hovered: var(--graphy-grey-80);--graphy-toolbar-button-background-color-selected: var(--graphy-grey-60);--graphy-toolbar-separator-color: var(--graphy-grey-60);--graphy-tooltip-background: var(--graphy-grey-70);--graphy-tooltip-border-color: var(--graphy-grey-60);--graphy-tooltip-heading-text-color: var(--graphy-text-primary);--graphy-tooltip-label-text-color: var(--graphy-text-secondary);--graphy-tooltip-value-text-color: var(--graphy-text-primary);--graphy-tooltip-primary-row-color: var(--graphy-grey-60);--graphy-hover-guide-line-color: color-mix(in srgb, transparent, var(--graphy-white) 8%);--graphy-hover-guide-fill-color: color-mix(in srgb, transparent, var(--graphy-white) 6%);--graphy-hovered-bar-border-color: var(--graphy-white);--graphy-hovered-point-ring-color: var(--graphy-white);--graphy-point-stroke-color: var(--graphy-white);--graphy-stacked-bar-hover-border-color: var(--graphy-grey-0);--graphy-heatmap-empty-tile-background: var(--graphy-grey-80);--graphy-data-label-outside-background: color-mix(in srgb, transparent, var(--graphy-text-primary) 10%);--graphy-default-annotation-arrow-stroke: var(--graphy-white);--graphy-default-annotation-shape-stroke: var(--graphy-white);--graphy-default-annotation-shape-fill: var(--graphy-canvas-blue);--graphy-arrow-annotation-sticker-outline-color: #FFFFFF;--graphy-arrow-annotation-sticker-outline-color-inverse: #1D2129;--graphy-annotation-frame-border-color: var(--graphy-blue-60);--graphy-annotation-menu-trigger-icon-color: var(--graphy-white);--graphy-canvas-default: #FFFFFF;--graphy-canvas-blue: #60a5fa;--graphy-canvas-cyan: #22d3ee;--graphy-canvas-green: #34d399;--graphy-canvas-yellow: #FFC800;--graphy-canvas-orange: #fb923c;--graphy-canvas-red: #f87171;--graphy-canvas-pink: #F979D9;--graphy-canvas-purple: #a78bfa;--graphy-canvas-gray: #a8a29e;--graphy-canvas-inverse: #000000;--graphy-grid-line-width: 1px;--graphy-grid-line-dash: 2 3;--graphy-tooltip-border-radius: 6px;--graphy-tooltip-padding-block: 8px;--graphy-tooltip-padding-inline: 10px;--graphy-tooltip-shadow: 0 4px 12px rgba(0, 0, 0, .18);--graphy-tick-label-offset: 10px;--graphy-legend-item-gap: 8px;--graphy-legend-swatch-gap: 8px;--graphy-legend-swatch-width: 10px;--graphy-legend-swatch-height: 12px;--graphy-legend-pill-padding-inline: 8px;--graphy-legend-pill-padding-block: 2px;--graphy-legend-pill-border-width: 1px;--graphy-headline-row-gap: 2px;--graphy-headline-item-gap: 24px;--graphy-text-scale: 1;--graphy-font-family-default: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-weight-regular: 400;--graphy-font-weight-medium: 500;--graphy-font-weight-semibold: 600;--graphy-font-weight-bold: 700;--graphy-font-weight-extra-bold: 800;--graphy-font-weight-black: 900;--graphy-font-size-xxs: 1em;--graphy-font-size-xs: 1.1em;--graphy-font-size-sm: 1.2em;--graphy-font-size-md: 1.4em;--graphy-font-size-lg: 1.6em;--graphy-font-size-xl: 2em;--graphy-font-line-height-xxs: 1;--graphy-font-line-height-xs: 1;--graphy-font-line-height-sm: 1.3;--graphy-font-line-height-md: 1.43;--graphy-font-line-height-lg: 1;--graphy-font-line-height-xl: 1;--graphy-font-size-editor-body: 1.5em;--graphy-font-size-heading-sm: 1.8em;--graphy-font-size-heading-md: 2.2em;--graphy-font-size-heading-lg: 2.8em;--graphy-font-line-height-editor-body: 1.47;--graphy-font-line-height-heading-sm: 1.25;--graphy-font-line-height-heading-md: 1.41;--graphy-font-line-height-heading-lg: 1.29;--graphy-font-tick-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-axis-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-data-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-stack-total: var(--graphy-font-weight-semibold) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-legend-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-series-label: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-heading: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip-label: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-goal-line-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-chart-total: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-small: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-medium: var(--graphy-font-weight-medium) var(--graphy-font-size-lg)/var(--graphy-font-line-height-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-large: var(--graphy-font-weight-semibold) var(--graphy-font-size-xl)/var(--graphy-font-line-height-xl) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-button: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-description: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-color-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-group-title: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-message: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-cell: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-header-cell: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-link: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-h1: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h2: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h3: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h6: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-body: var(--graphy-font-weight-medium) var(--graphy-font-size-editor-body)/var(--graphy-font-line-height-editor-body) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-link: var(--graphy-font-weight-regular) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-title: var(--graphy-font-weight-bold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-subtitle: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default))}.yp3g0k0{display:inline-flex;align-items:center;justify-content:center;gap:var(--graphy-space-xs);inline-size:32px;block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}.yp3g0k0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.yp3g0k0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.yp3g0k1{inline-size:16px;block-size:16px;border-radius:50%;border:1px solid var(--graphy-border-100);box-sizing:border-box}.yp3g0k2{inline-size:8px;block-size:8px;flex-shrink:0}.yp3g0k3{z-index:var(--graphy-z-index-toolbar-popover)}.yp3g0k4{display:flex;flex-direction:column;gap:var(--graphy-space-lg);min-inline-size:220px;padding:var(--graphy-space-lg);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary)}.yp3g0k5{display:flex;flex-direction:column;gap:var(--graphy-space-sm)}.yp3g0k6{font:var(--graphy-font-menu-group-title);color:var(--graphy-text-secondary)}.yp3g0k7{display:grid;grid-template-columns:repeat(6,1fr)}.yp3g0k8{inline-size:28px;block-size:28px;padding:0;background:transparent;border:none;border-radius:var(--graphy-radii-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.yp3g0k8:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.yp3g0k8[data-active=true]{background:var(--graphy-toolbar-button-background-color-selected)}.yp3g0k9{inline-size:1.6em;block-size:1.6em;border-radius:50%;box-sizing:border-box}.yp3g0ka{display:flex;align-items:center;gap:var(--graphy-space-sm);inline-size:100%;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-grey-70);color:var(--graphy-text-primary);font:var(--graphy-font-input);cursor:pointer;text-align:start}.yp3g0ka:hover{border-color:var(--graphy-grey-70)}.yp3g0ka:focus-visible{border-color:var(--graphy-grey-60);outline:none}.yp3g0ka[data-popup-open]{border-color:var(--graphy-grey-60)}.yp3g0kb{flex:1;font:var(--graphy-font-input);color:var(--graphy-text-primary)}.yp3g0kc{display:flex;flex-direction:column;gap:var(--graphy-space-md);inline-size:240px;padding:var(--graphy-space-lg);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary)}.yp3g0kd{inline-size:100%!important;block-size:auto!important}.yp3g0kd .react-colorful__saturation{inline-size:100%;aspect-ratio:1;border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-grey-70);margin-bottom:var(--graphy-space-sm);box-sizing:border-box}.yp3g0kd .react-colorful__hue{block-size:16px;border-radius:var(--graphy-radii-sm);border:1px solid var(--graphy-grey-70);box-sizing:border-box}.yp3g0kd .react-colorful__pointer{inline-size:18px;block-size:18px;border:2px solid var(--graphy-white);box-shadow:var(--graphy-elevation-sm)}.yp3g0kd .react-colorful__saturation-pointer,.yp3g0kd .react-colorful__hue-pointer{border-radius:50%}.yp3g0ke{inline-size:100%;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border:1px solid var(--graphy-grey-70);border-radius:var(--graphy-radii-md);outline:none;color:var(--graphy-text-primary);font:var(--graphy-font-input);text-transform:uppercase}.yp3g0ke:hover{border-color:var(--graphy-grey-70)}.yp3g0ke:focus{border-color:var(--graphy-grey-60)}.asohov0{flex-shrink:0}.asohov1{color:var(--graphy-icon-primary)}.asohov2{color:var(--graphy-icon-secondary)}._1qkyw7q0{display:inline-flex;align-items:center;justify-content:center;gap:var(--graphy-space-xs);block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}._1qkyw7q0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}._1qkyw7q0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}._1qkyw7q1{display:inline-flex;align-items:center;white-space:nowrap}._1qkyw7q2{inline-size:10px;block-size:10px;flex-shrink:0}._1qkyw7q3{z-index:var(--graphy-z-index-toolbar-popover)}._1qkyw7q4{display:flex;flex-direction:column;min-inline-size:180px;padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none}._1qkyw7q5{display:flex;align-items:center;padding:var(--graphy-space-sm) var(--graphy-space-md);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-menu-item-label);outline:none;user-select:none}._1qkyw7q5[data-highlighted]{background:var(--graphy-toolbar-button-background-color-hovered)}._1qkyw7q5[data-selected=true]{background:var(--graphy-toolbar-button-background-color-selected)}.b5kquu0{display:inline-flex;align-items:center;justify-content:center;min-inline-size:32px;block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}.b5kquu0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.b5kquu0[data-active=true],.b5kquu0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.b5kquu1{z-index:var(--graphy-z-index-toolbar-popover)}.b5kquu2{display:flex;align-items:center;gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none}.b5kquu3{inline-size:220px;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border:1px solid var(--graphy-grey-70);border-radius:var(--graphy-radii-md);outline:none;color:var(--graphy-text-primary);font:var(--graphy-font-input)}.b5kquu3:hover{border-color:var(--graphy-grey-70)}.b5kquu3:focus{border-color:var(--graphy-grey-60)}.b5kquu4{display:inline-flex;align-items:center;justify-content:center;min-inline-size:32px;block-size:32px;padding:0;background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary)}.b5kquu4:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.k91gos0{display:inline-flex;align-items:center;justify-content:center;min-inline-size:32px;block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}.k91gos0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.k91gos0[data-pressed]{background:var(--graphy-toolbar-button-background-color-selected)}.k91gos1{padding:var(--graphy-space-xs) var(--graphy-space-md);background:var(--graphy-text-primary);color:var(--graphy-default-background);border-radius:var(--graphy-radii-xs);font:var(--graphy-font-uitooltip-secondary);pointer-events:none;z-index:var(--graphy-z-index-toolbar-tooltip)}._1bp10ig0{display:flex;align-items:center;gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);background:var(--graphy-toolbar-background-color);border-radius:var(--graphy-radii-lg);z-index:var(--graphy-z-index-toolbar)}._1bp10ig0:before{content:"";pointer-events:none;position:absolute;inset:0;border:1px solid transparent;border-radius:var(--graphy-radii-lg);background:var(--graphy-overlay-border-gradient) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transform:translateZ(0)}._1bp10ig1{display:flex;align-items:center;padding-inline:var(--graphy-space-xs);gap:var(--graphy-space-xxs)}._1bp10ig2{height:16px;width:1px;background:var(--graphy-toolbar-separator-color)}._2ngohc0 .ProseMirror{outline:none}._2ngohc0 .ProseMirror .is-empty:before{content:attr(data-placeholder);color:currentColor;opacity:.4;float:left;height:0;pointer-events:none}._2ngohc0 .ProseMirror h1,._2ngohc0 .ProseMirror h2,._2ngohc0 .ProseMirror h3,._2ngohc0 .ProseMirror h4,._2ngohc0 .ProseMirror h5,._2ngohc0 .ProseMirror h6{margin:0}._2ngohc0 .ProseMirror h1{font:var(--graphy-font-text-editor-h1)}._2ngohc0 .ProseMirror h2{font:var(--graphy-font-text-editor-h2)}._2ngohc0 .ProseMirror h3{font:var(--graphy-font-text-editor-h3)}._2ngohc0 .ProseMirror h4,._2ngohc0 .ProseMirror h5,._2ngohc0 .ProseMirror h6{font:var(--graphy-font-text-editor-h6)}._2ngohc0 .ProseMirror p{margin:0;font:var(--graphy-font-text-editor-body)}._2ngohc0 .ProseMirror p[data-variant=caption]{font:var(--graphy-font-text-editor-h6)}._2ngohc0 .ProseMirror a{text-decoration:underline;text-underline-offset:.15em;cursor:text}._1cocly40{color:inherit;text-decoration:underline;text-underline-offset:.15em}._4dlrid0{margin:0;font:var(--graphy-font-text-editor-h3)}._4dlrid1{margin:0;font:var(--graphy-font-text-editor-body)}p[data-variant=caption]{font:var(--graphy-font-text-editor-h6);margin:0}.xfz7dq0{position:absolute}.xfz7dq1{display:flex;gap:var(--graphy-space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--graphy-text-secondary)}.xfz7dq2{font:var(--graphy-font-source-link);text-decoration:underline}.xfz7dq2:hover{color:var(--graphy-text-primary)}.xfz7dq3{font:var(--graphy-font-source-label)}.xfz7dq4{font:var(--graphy-font-source-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._1k4qtbg0{position:absolute}._1u9qprb0{position:absolute;display:flex;align-items:start;justify-content:start;gap:var(--graphy-headline-item-gap);pointer-events:none}._1u9qprb1{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none}._9aen060{display:flex;align-items:baseline;gap:4px}._9aen061,._9aen062{display:flex;align-items:center;gap:4px}._9aen063{display:flex;flex-direction:column;align-items:start;gap:var(--graphy-headline-row-gap)}.n7clvo0{color:var(--graphy-text-primary);font-weight:var(--graphy-font-weight-black);line-height:1}.n7clvo1{color:var(--graphy-text-secondary);white-space:nowrap}.n7clvo2{color:var(--graphy-text-secondary)}.n7clvo3{color:var(--graphy-text-secondary);white-space:nowrap}.n7clvo4{font-size:1.9em}.n7clvo5{font-size:2.3em}.n7clvo6{font-size:2.6em}.n7clvo7,.n7clvo8{font-size:1em}.n7clvo9{font-size:1.2em}.n7clvoa{color:var(--graphy-trend-positive-color)}.n7clvob{color:var(--graphy-trend-negative-color)}.n7clvoc{color:var(--graphy-trend-neutral-color)}.n7clvod{display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%}.n7clvoe{color:var(--graphy-trend-positive-color);background-color:color-mix(in srgb,transparent,var(--graphy-trend-positive-color) 20%)}.n7clvof{color:var(--graphy-trend-negative-color);background-color:color-mix(in srgb,transparent,var(--graphy-trend-negative-color) 20%);transform:rotate(180deg)}.n7clvog{color:var(--graphy-trend-neutral-color);background-color:color-mix(in srgb,transparent,var(--graphy-text-primary) 10%)}._1oj6yix0{position:relative;pointer-events:none;height:100%}._1oj6yix1{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}._1oj6yix2{position:absolute;transform:translateY(-50%);font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color);white-space:nowrap}._6a636s0{position:absolute;pointer-events:none}._1kjk02r0{position:relative;display:inline-flex;align-items:center;flex-shrink:0}._1kjk02r1{padding-inline-start:8px}._1kjk02r2{padding-block-start:8px}._1kjk02r3{position:absolute;background-color:var(--graphy-legend-background);border:var(--graphy-legend-pill-border-width) solid var(--graphy-legend-border-color);border-radius:9999px;pointer-events:none;opacity:.6}._1kjk02r4{inset-block:0;inset-inline-start:8px;inset-inline-end:0}._1kjk02r5{inset-inline:0;inset-block-start:8px;inset-block-end:0}._1kjk02r6{position:relative;display:inline-flex;align-items:center;gap:var(--graphy-legend-swatch-gap);white-space:nowrap;padding-inline:var(--graphy-legend-pill-padding-inline);padding-block:var(--graphy-legend-pill-padding-block);background-color:var(--graphy-legend-background);border:var(--graphy-legend-pill-border-width) solid var(--graphy-legend-border-color);border-radius:9999px;cursor:pointer;pointer-events:auto;font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color);appearance:none}._1kjk02r6:focus-visible{outline:1px solid var(--graphy-legend-focus-outline-color)}._1kjk02r7{border-color:var(--graphy-text-primary)}._1kjk02r8{font-variant-numeric:tabular-nums}._1kjk02r9{pointer-events:auto;background:var(--graphy-tooltip-background);border:1px solid var(--graphy-tooltip-border-color);border-radius:var(--graphy-tooltip-border-radius);padding-block:var(--graphy-tooltip-padding-block);padding-inline:var(--graphy-tooltip-padding-inline);box-shadow:var(--graphy-tooltip-shadow);max-width:320px;max-height:240px;overflow-y:auto;z-index:1000;font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color)}._1kjk02ra{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}._1kjk02rb{display:flex;align-items:center;gap:var(--graphy-legend-swatch-gap);white-space:nowrap}._1dw9dgx0{border-radius:50%;opacity:.7}._1cecisi0{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--graphy-legend-item-gap);pointer-events:none;font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color);block-size:100%;inline-size:100%}._1cecisi1{flex-direction:row}._1cecisi2{justify-content:center;flex-direction:column}._1cecisi3{display:flex;align-items:center;gap:var(--graphy-legend-swatch-gap);white-space:nowrap;padding-inline:var(--graphy-legend-pill-padding-inline);padding-block:var(--graphy-legend-pill-padding-block);background-color:var(--graphy-legend-background);border:var(--graphy-legend-pill-border-width) solid var(--graphy-legend-border-color);border-radius:9999px;flex-shrink:0}._1d8mpa10{overflow:visible}._46ebsf0{filter:drop-shadow(0 2px 2px rgba(14,14,52,.08)) drop-shadow(0 0 2px rgba(15,15,24,.12))}._1suo8ub0{filter:drop-shadow(0 4px 4px rgba(14,14,52,.08)) drop-shadow(0 0 4px rgba(15,15,24,.12))}._16vokpr0{pointer-events:none;user-select:none}._1agclyl0{pointer-events:none}._1agclyl1{pointer-events:none;fill:var(--graphy-data-label-outside-background)}._1agclyl2{pointer-events:none;fill:var(--graphy-grey-100);stroke:var(--graphy-grey-60);stroke-width:1}._1agclyl3{pointer-events:none;font:var(--graphy-font-data-label);fill:var(--graphy-text-primary);font-variant-numeric:tabular-nums}._1agclyl4{fill:var(--graphy-white)}._1agclyl6{font:var(--graphy-font-stack-total)}._120wioc0{font:var(--graphy-font-text-editor-body);color:var(--graphy-text-primary);border-radius:.6em;padding:.2em .4em;word-wrap:break-word;white-space:break-spaces;text-align:center;width:100%;box-sizing:border-box}._120wioc0 p{margin:0;line-height:1.25}._120wioc0 h1,._120wioc0 h2,._120wioc0 h3{margin:0}.usd3ea0{opacity:.4}.usd3ea1{filter:grayscale(1);opacity:.6}.to1jkx0{overflow:visible}.to1jkx1{transition:opacity .15s ease-out}[data-hover-active=true] .to1jkx1{opacity:.4}._17uhij30{position:absolute;top:0;left:0;overflow:visible}
1
+ @property --graphy-text-scale{syntax: "<number>"; inherits: true; initial-value: 1;}@property --graphy-font-size-xxs{syntax: "<length>"; inherits: true; initial-value: 10px;}@property --graphy-font-size-xs{syntax: "<length>"; inherits: true; initial-value: 11px;}@property --graphy-font-size-sm{syntax: "<length>"; inherits: true; initial-value: 12px;}@property --graphy-font-size-md{syntax: "<length>"; inherits: true; initial-value: 14px;}@property --graphy-font-size-lg{syntax: "<length>"; inherits: true; initial-value: 16px;}@property --graphy-font-size-xl{syntax: "<length>"; inherits: true; initial-value: 20px;}@property --graphy-font-size-editor-body{syntax: "<length>"; inherits: true; initial-value: 15px;}@property --graphy-font-size-heading-sm{syntax: "<length>"; inherits: true; initial-value: 18px;}@property --graphy-font-size-heading-md{syntax: "<length>"; inherits: true; initial-value: 22px;}@property --graphy-font-size-heading-lg{syntax: "<length>"; inherits: true; initial-value: 28px;}.drqe3u0{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.drqe3u1{font-weight:700;font-size:13px;letter-spacing:.2px}.drqe3u2{width:100%;border-collapse:collapse}.drqe3u3{padding:4px 6px;width:140px;font-weight:500}.drqe3u4{padding:4px 6px;font-weight:500;text-align:right}.drqe3u5{padding:4px 6px}.drqe3u6{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;padding:2px 0}.drqe3u7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drqe3u8{padding:4px 6px;text-align:right;color:#7a8088}.drqe3u9{color:#7a8088}.drqe3ua{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:#0f1115;color:#e6e8eb;border-radius:8px;padding:12px;border:1px solid #1f2329;box-shadow:0 4px 12px #0003}.drqe3ub{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;margin-bottom:6px;border-bottom:1px solid #1f2329}.drqe3uc{border-top:1px solid #1f2329}.drqe3ud{margin-top:10px;border-top:1px solid #1f2329;padding-top:8px}.drqe3ue{color:#9aa0a6;margin-top:2px}.drqe3uf{background:transparent;color:#9aa0a6;border:1px solid #2a2f36;border-radius:4px;padding:2px 6px;font-size:11px;cursor:pointer;font-family:inherit}.drqe3ug{color:#9aa0a6;font-size:10px}.drqe3uh{color:#9aa0a6;text-align:left}.drqe3ui{color:#9aa0a6;margin-bottom:4px}.drqe3uj{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;border:1px solid #1f2329;border-radius:4px;padding:4px 10px;font-size:11px;font-family:inherit;font-weight:600;color:#0f1115}.drqe3uk{background:#4ddb86}.drqe3ul{background:#ff8c8c}.drqe3um{padding:4px 6px;text-align:right;font-weight:600}.drqe3un{color:#ff8c8c}.drqe3uo{color:#7a8088;font-weight:400}.drqe3up{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.drqe3uq{background:#ff8c8c}.drqe3ur{background:#4ddb86}.drqe3us{background:#3f444a}._2qyyu60{display:block;flex-shrink:0;overflow:visible}._19519k80{font:var(--graphy-font-tooltip-heading);color:var(--graphy-tooltip-heading-text-color);padding-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:var(--graphy-tooltip-padding-inline)}._19519k81{display:flex;flex-direction:column}._19519k82{display:flex;flex-direction:row;align-items:center;gap:8px;padding-block:var(--graphy-tooltip-row-gap);padding-inline:var(--graphy-tooltip-padding-inline)}._19519k83{background-color:var(--graphy-tooltip-primary-row-color)}._19519k84{display:block;flex-shrink:0;overflow:visible}._19519k85{width:12px;height:12px}._19519k86{font:var(--graphy-font-tooltip-label);color:var(--graphy-tooltip-label-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}._19519k87{font:var(--graphy-font-tooltip-label);color:var(--graphy-tooltip-value-text-color);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}._19519k88{position:fixed;top:0;left:0;pointer-events:none;user-select:none;z-index:1000}._19519k89{background:var(--graphy-tooltip-background);border:var(--graphy-tooltip-border-width) solid var(--graphy-tooltip-border-color);border-radius:var(--graphy-tooltip-border-radius);padding-block:var(--graphy-tooltip-padding-block);max-width:280px;min-width:120px;box-shadow:var(--graphy-tooltip-shadow);display:flex;flex-direction:column;gap:6px}.bow4tg0{position:relative;color:var(--graphy-text-primary);font-size:calc(10px * var(--graphy-text-scale));overflow:hidden}.bow4tg1{color:var(--graphy-text-primary);font-size:calc(10px * var(--graphy-text-scale))}.bow4tg2{position:absolute;inset:0;background-color:var(--graphy-graph-background)}.bow4tg3{background-image:linear-gradient(45deg,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent)),linear-gradient(45deg,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent) 75%,color-mix(in srgb,var(--graphy-text-primary) 5%,transparent));background-size:2em 2em;background-position:0 0,1em 1em}._1ii3bsb0{--graphy-transparent: transparent;--graphy-white: #FFFFFF;--graphy-black: #000000;--graphy-grey-100: #FFFFFF;--graphy-grey-95: #FCFCFC;--graphy-grey-90: #FAFAFA;--graphy-grey-85: #F5F5F5;--graphy-grey-80: #F0F0F0;--graphy-grey-75: #E8E8E8;--graphy-grey-70: #E5E5E5;--graphy-grey-60: #CCCCCC;--graphy-grey-50: #C4C4C4;--graphy-grey-0: #1D2129;--graphy-red-60: #E14B49;--graphy-red-50: #F93939;--graphy-amber-70: #FFBA8C;--graphy-amber-50: #FFC849;--graphy-amber-40: #FEAE47;--graphy-amber-30: #E7A816;--graphy-green-60: #06B299;--graphy-green-50: #42CD69;--graphy-blue-80: #2E62FF;--graphy-blue-60: #3D70FF;--graphy-purple-50: #7B56EA;--graphy-purple-30: #E093FE;--graphy-grey-gradient-80: linear-gradient(to top, #F0F0F1, #F9F9FF);--graphy-text-primary: var(--graphy-black);--graphy-text-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 60%);--graphy-text-disabled: color-mix(in srgb, transparent, var(--graphy-text-primary) 50%);--graphy-icon-primary: currentColor;--graphy-icon-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 60%);--graphy-icon-sticker-background: var(--graphy-grey-100);--graphy-brand: var(--graphy-purple-50);--graphy-success: var(--graphy-green-50);--graphy-warning: var(--graphy-amber-50);--graphy-alert: var(--graphy-red-50);--graphy-border-100: var(--graphy-grey-0);--graphy-border-50: color-mix(in srgb, transparent, var(--graphy-grey-0) 50%);--graphy-border-10: color-mix(in srgb, transparent, var(--graphy-grey-0) 10%);--graphy-sunken-background: var(--graphy-grey-90);--graphy-default-background: var(--graphy-grey-100);--graphy-raised-background: var(--graphy-grey-85);--graphy-overlay-background: var(--graphy-grey-100);--graphy-overlay-border-gradient: var(--graphy-border-10);--graphy-elevation-xs: 0 0 2px rgba(15, 15, 24, .12), 0 2px 2px rgba(14, 14, 52, .08);--graphy-elevation-sm: 0 0 4px rgba(15, 15, 24, .12), 0 4px 4px rgba(14, 14, 52, .08);--graphy-elevation-md: 0 0 8px rgba(15, 15, 24, .12), 0 8px 8px rgba(14, 14, 52, .08);--graphy-elevation-lg: 0 0 16px rgba(15, 15, 24, .12), 0 16px 16px rgba(14, 14, 52, .08);--graphy-radii-xs: 4px;--graphy-radii-sm: 6px;--graphy-radii-md: 8px;--graphy-radii-lg: 12px;--graphy-space-xxs: 2px;--graphy-space-xs: 4px;--graphy-space-sm: 6px;--graphy-space-md: 8px;--graphy-space-lg: 12px;--graphy-space-xl: 16px;--graphy-z-index-toolbar: 10;--graphy-z-index-toolbar-tooltip: 20;--graphy-z-index-toolbar-popover: 30;--graphy-graph-background: var(--graphy-grey-100);--graphy-grid-line-color: var(--graphy-border-10);--graphy-origin-line-color: var(--graphy-grey-0);--graphy-target-line-color: var(--graphy-border-100);--graphy-target-line-marker-color: #A0A6C5;--graphy-target-line-label-text-color: var(--graphy-grey-100);--graphy-legend-background: var(--graphy-default-background);--graphy-legend-border-color: var(--graphy-border-10);--graphy-legend-focus-outline-color: var(--graphy-border-50);--graphy-legend-text-color: var(--graphy-text-primary);--graphy-dimmed-series-label-text-color: var(--graphy-text-disabled);--graphy-dimmed-series-label-line-color: var(--graphy-grey-60);--graphy-trend-negative-color: var(--graphy-red-60);--graphy-trend-positive-color: var(--graphy-green-60);--graphy-trend-neutral-color: var(--graphy-text-secondary);--graphy-toolbar-background-color: var(--graphy-overlay-background);--graphy-toolbar-button-background-color: transparent;--graphy-toolbar-button-background-color-hovered: var(--graphy-grey-80);--graphy-toolbar-button-background-color-selected: var(--graphy-grey-60);--graphy-toolbar-separator-color: var(--graphy-grey-60);--graphy-tooltip-background: var(--graphy-white);--graphy-tooltip-border-color: var(--graphy-border-10);--graphy-tooltip-heading-text-color: var(--graphy-text-primary);--graphy-tooltip-label-text-color: var(--graphy-text-secondary);--graphy-tooltip-value-text-color: var(--graphy-text-primary);--graphy-tooltip-primary-row-color: var(--graphy-grey-80);--graphy-hover-guide-line-color: color-mix(in srgb, transparent, var(--graphy-black) 8%);--graphy-hover-guide-fill-color: color-mix(in srgb, transparent, var(--graphy-black) 4%);--graphy-hovered-bar-border-color: var(--graphy-white);--graphy-hovered-point-ring-color: var(--graphy-white);--graphy-point-stroke-color: var(--graphy-white);--graphy-stacked-bar-hover-border-color: var(--graphy-grey-0);--graphy-heatmap-empty-tile-background: var(--graphy-grey-80);--graphy-data-label-outside-background: color-mix(in srgb, transparent, var(--graphy-text-primary) 10%);--graphy-default-annotation-arrow-stroke: var(--graphy-black);--graphy-default-annotation-shape-stroke: var(--graphy-black);--graphy-default-annotation-shape-fill: var(--graphy-canvas-blue);--graphy-arrow-annotation-sticker-outline-color: #1D2129;--graphy-arrow-annotation-sticker-outline-color-inverse: #FFFFFF;--graphy-annotation-frame-border-color: var(--graphy-blue-60);--graphy-annotation-menu-trigger-icon-color: #3d414c;--graphy-canvas-default: #000000;--graphy-canvas-blue: #3b82f6;--graphy-canvas-cyan: #06b6d4;--graphy-canvas-green: #10b981;--graphy-canvas-yellow: #E5B400;--graphy-canvas-orange: #f97316;--graphy-canvas-red: #ef4444;--graphy-canvas-pink: #E845BF;--graphy-canvas-purple: #8b5cf6;--graphy-canvas-gray: #78716c;--graphy-canvas-inverse: #ffffff;--graphy-grid-line-width: 1px;--graphy-grid-line-dash: 2 3;--graphy-tooltip-border-radius: 6px;--graphy-tooltip-border-width: 1px;--graphy-tooltip-padding-block: 8px;--graphy-tooltip-padding-inline: 10px;--graphy-tooltip-row-gap: 4px;--graphy-tooltip-shadow: 0 4px 12px rgba(0, 0, 0, .18);--graphy-tick-label-offset: 10px;--graphy-legend-item-gap: 8px;--graphy-legend-swatch-gap: 8px;--graphy-legend-swatch-width: 10px;--graphy-legend-swatch-height: 12px;--graphy-legend-pill-padding-inline: 8px;--graphy-legend-pill-padding-block: 2px;--graphy-legend-pill-border-width: 1px;--graphy-headline-row-gap: 2px;--graphy-headline-item-gap: 24px;--graphy-text-scale: 1;--graphy-font-family-default: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-weight-regular: 400;--graphy-font-weight-medium: 500;--graphy-font-weight-semibold: 600;--graphy-font-weight-bold: 700;--graphy-font-weight-extra-bold: 800;--graphy-font-weight-black: 900;--graphy-font-size-xxs: 1em;--graphy-font-size-xs: 1.1em;--graphy-font-size-sm: 1.2em;--graphy-font-size-md: 1.4em;--graphy-font-size-lg: 1.6em;--graphy-font-size-xl: 2em;--graphy-font-line-height-xxs: 1;--graphy-font-line-height-xs: 1;--graphy-font-line-height-sm: 1.3;--graphy-font-line-height-md: 1.43;--graphy-font-line-height-lg: 1;--graphy-font-line-height-xl: 1;--graphy-font-size-editor-body: 1.5em;--graphy-font-size-heading-sm: 1.8em;--graphy-font-size-heading-md: 2.2em;--graphy-font-size-heading-lg: 2.8em;--graphy-font-line-height-editor-body: 1.47;--graphy-font-line-height-heading-sm: 1.25;--graphy-font-line-height-heading-md: 1.41;--graphy-font-line-height-heading-lg: 1.29;--graphy-font-tick-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-axis-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-data-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-stack-total: var(--graphy-font-weight-semibold) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-legend-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-series-label: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-heading: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip-label: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-goal-line-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-chart-total: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-small: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-medium: var(--graphy-font-weight-medium) var(--graphy-font-size-lg)/var(--graphy-font-line-height-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-large: var(--graphy-font-weight-semibold) var(--graphy-font-size-xl)/var(--graphy-font-line-height-xl) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-button: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-description: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-color-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-group-title: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-message: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-cell: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-header-cell: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-link: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-h1: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h2: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h3: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h6: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-body: var(--graphy-font-weight-medium) var(--graphy-font-size-editor-body)/var(--graphy-font-line-height-editor-body) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-link: var(--graphy-font-weight-regular) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-title: var(--graphy-font-weight-bold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-subtitle: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default))}._1ii3bsb1{--graphy-transparent: transparent;--graphy-white: #FFFFFF;--graphy-black: #000000;--graphy-grey-100: #000000;--graphy-grey-95: #0D0D0D;--graphy-grey-90: #1A1A1A;--graphy-grey-85: #1F1F1F;--graphy-grey-80: #2A2A2A;--graphy-grey-75: #2e2e2e;--graphy-grey-70: #353535;--graphy-grey-60: #494949;--graphy-grey-50: #6F6F6F;--graphy-grey-0: #FFFFFF;--graphy-red-60: #CB3333;--graphy-red-50: #F93939;--graphy-amber-70: #F48135;--graphy-amber-50: #FEAE47;--graphy-amber-40: #FFC849;--graphy-amber-30: #ffd061;--graphy-green-60: #0AC600;--graphy-green-50: #42CD69;--graphy-blue-80: #2E62FF;--graphy-blue-60: #3D70FF;--graphy-purple-50: #7B56EA;--graphy-purple-30: #E093FE;--graphy-grey-gradient-80: linear-gradient(to top, #222429, #31353f);--graphy-text-primary: var(--graphy-grey-0);--graphy-text-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 80%);--graphy-text-disabled: color-mix(in srgb, transparent, var(--graphy-text-primary) 50%);--graphy-icon-primary: currentColor;--graphy-icon-secondary: color-mix(in srgb, transparent, var(--graphy-text-primary) 60%);--graphy-icon-sticker-background: var(--graphy-grey-70);--graphy-border-100: var(--graphy-grey-0);--graphy-border-50: color-mix(in srgb, transparent, var(--graphy-grey-0) 50%);--graphy-border-10: color-mix(in srgb, transparent, var(--graphy-grey-0) 10%);--graphy-brand: var(--graphy-purple-50);--graphy-success: var(--graphy-green-50);--graphy-warning: var(--graphy-amber-50);--graphy-alert: var(--graphy-red-50);--graphy-sunken-background: var(--graphy-grey-100);--graphy-default-background: var(--graphy-grey-90);--graphy-raised-background: var(--graphy-grey-80);--graphy-overlay-background: var(--graphy-grey-90);--graphy-overlay-border-gradient: var(--graphy-grey-gradient-80);--graphy-elevation-xs: 0 0 2px rgba(15, 15, 24, .12), 0 2px 2px rgba(14, 14, 52, .08);--graphy-elevation-sm: 0 0 4px rgba(15, 15, 24, .12), 0 4px 4px rgba(14, 14, 52, .08);--graphy-elevation-md: 0 0 8px rgba(15, 15, 24, .12), 0 8px 8px rgba(14, 14, 52, .08);--graphy-elevation-lg: 0 0 16px rgba(15, 15, 24, .12), 0 16px 16px rgba(14, 14, 52, .08);--graphy-radii-xs: 4px;--graphy-radii-sm: 6px;--graphy-radii-md: 8px;--graphy-radii-lg: 12px;--graphy-space-xxs: 2px;--graphy-space-xs: 4px;--graphy-space-sm: 6px;--graphy-space-md: 8px;--graphy-space-lg: 12px;--graphy-space-xl: 16px;--graphy-z-index-toolbar: 10;--graphy-z-index-toolbar-tooltip: 20;--graphy-z-index-toolbar-popover: 30;--graphy-graph-background: var(--graphy-grey-90);--graphy-grid-line-color: var(--graphy-border-10);--graphy-origin-line-color: var(--graphy-grey-0);--graphy-target-line-color: var(--graphy-border-100);--graphy-target-line-marker-color: var(--graphy-border-100);--graphy-target-line-label-text-color: var(--graphy-grey-100);--graphy-legend-background: var(--graphy-default-background);--graphy-legend-border-color: var(--graphy-border-10);--graphy-legend-focus-outline-color: var(--graphy-border-50);--graphy-legend-text-color: var(--graphy-text-primary);--graphy-dimmed-series-label-text-color: var(--graphy-text-disabled);--graphy-dimmed-series-label-line-color: var(--graphy-grey-60);--graphy-trend-negative-color: var(--graphy-red-60);--graphy-trend-positive-color: var(--graphy-green-60);--graphy-trend-neutral-color: var(--graphy-text-secondary);--graphy-toolbar-background-color: var(--graphy-overlay-background);--graphy-toolbar-button-background-color: transparent;--graphy-toolbar-button-background-color-hovered: var(--graphy-grey-80);--graphy-toolbar-button-background-color-selected: var(--graphy-grey-60);--graphy-toolbar-separator-color: var(--graphy-grey-60);--graphy-tooltip-background: var(--graphy-grey-70);--graphy-tooltip-border-color: var(--graphy-grey-60);--graphy-tooltip-heading-text-color: var(--graphy-text-primary);--graphy-tooltip-label-text-color: var(--graphy-text-secondary);--graphy-tooltip-value-text-color: var(--graphy-text-primary);--graphy-tooltip-primary-row-color: var(--graphy-grey-60);--graphy-hover-guide-line-color: color-mix(in srgb, transparent, var(--graphy-white) 8%);--graphy-hover-guide-fill-color: color-mix(in srgb, transparent, var(--graphy-white) 6%);--graphy-hovered-bar-border-color: var(--graphy-white);--graphy-hovered-point-ring-color: var(--graphy-white);--graphy-point-stroke-color: var(--graphy-white);--graphy-stacked-bar-hover-border-color: var(--graphy-grey-0);--graphy-heatmap-empty-tile-background: var(--graphy-grey-80);--graphy-data-label-outside-background: color-mix(in srgb, transparent, var(--graphy-text-primary) 10%);--graphy-default-annotation-arrow-stroke: var(--graphy-white);--graphy-default-annotation-shape-stroke: var(--graphy-white);--graphy-default-annotation-shape-fill: var(--graphy-canvas-blue);--graphy-arrow-annotation-sticker-outline-color: #FFFFFF;--graphy-arrow-annotation-sticker-outline-color-inverse: #1D2129;--graphy-annotation-frame-border-color: var(--graphy-blue-60);--graphy-annotation-menu-trigger-icon-color: var(--graphy-white);--graphy-canvas-default: #FFFFFF;--graphy-canvas-blue: #60a5fa;--graphy-canvas-cyan: #22d3ee;--graphy-canvas-green: #34d399;--graphy-canvas-yellow: #FFC800;--graphy-canvas-orange: #fb923c;--graphy-canvas-red: #f87171;--graphy-canvas-pink: #F979D9;--graphy-canvas-purple: #a78bfa;--graphy-canvas-gray: #a8a29e;--graphy-canvas-inverse: #000000;--graphy-grid-line-width: 1px;--graphy-grid-line-dash: 2 3;--graphy-tooltip-border-radius: 6px;--graphy-tooltip-border-width: 1px;--graphy-tooltip-padding-block: 8px;--graphy-tooltip-padding-inline: 10px;--graphy-tooltip-row-gap: 4px;--graphy-tooltip-shadow: 0 4px 12px rgba(0, 0, 0, .18);--graphy-tick-label-offset: 10px;--graphy-legend-item-gap: 8px;--graphy-legend-swatch-gap: 8px;--graphy-legend-swatch-width: 10px;--graphy-legend-swatch-height: 12px;--graphy-legend-pill-padding-inline: 8px;--graphy-legend-pill-padding-block: 2px;--graphy-legend-pill-border-width: 1px;--graphy-headline-row-gap: 2px;--graphy-headline-item-gap: 24px;--graphy-text-scale: 1;--graphy-font-family-default: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "NotoSansArabic", "NotoSansJP", "NotoSansSC", "NotoSansKR", "NotoSerifKR", sans-serif, "Apple Color Emoji", "NotoColorEmoji";--graphy-font-weight-regular: 400;--graphy-font-weight-medium: 500;--graphy-font-weight-semibold: 600;--graphy-font-weight-bold: 700;--graphy-font-weight-extra-bold: 800;--graphy-font-weight-black: 900;--graphy-font-size-xxs: 1em;--graphy-font-size-xs: 1.1em;--graphy-font-size-sm: 1.2em;--graphy-font-size-md: 1.4em;--graphy-font-size-lg: 1.6em;--graphy-font-size-xl: 2em;--graphy-font-line-height-xxs: 1;--graphy-font-line-height-xs: 1;--graphy-font-line-height-sm: 1.3;--graphy-font-line-height-md: 1.43;--graphy-font-line-height-lg: 1;--graphy-font-line-height-xl: 1;--graphy-font-size-editor-body: 1.5em;--graphy-font-size-heading-sm: 1.8em;--graphy-font-size-heading-md: 2.2em;--graphy-font-size-heading-lg: 2.8em;--graphy-font-line-height-editor-body: 1.47;--graphy-font-line-height-heading-sm: 1.25;--graphy-font-line-height-heading-md: 1.41;--graphy-font-line-height-heading-lg: 1.29;--graphy-font-tick-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-axis-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-data-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-stack-total: var(--graphy-font-weight-semibold) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-legend-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-series-label: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-heading: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip-label: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-jumbo-tooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-mini-tooltip-footer: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-tooltip-caption-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-uitooltip-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-trend-tag-small: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-goal-line-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xs)/var(--graphy-font-line-height-xs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-pie-chart-total: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-small: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-medium: var(--graphy-font-weight-medium) var(--graphy-font-size-lg)/var(--graphy-font-line-height-lg) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-difference-arrow-large: var(--graphy-font-weight-semibold) var(--graphy-font-size-xl)/var(--graphy-font-line-height-xl) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-button: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-input-label: var(--graphy-font-weight-medium) var(--graphy-font-size-xxs)/var(--graphy-font-line-height-xxs) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-select-description: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-color-select-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-group-title: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-menu-item-label-secondary: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-title: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-error-boundary-message: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-cell: var(--graphy-font-weight-medium) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-table-header-cell: var(--graphy-font-weight-semibold) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-label: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-source-link: var(--graphy-font-weight-regular) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-h1: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-lg)/var(--graphy-font-line-height-heading-lg) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h2: var(--graphy-font-weight-bold) var(--graphy-font-size-heading-md)/var(--graphy-font-line-height-heading-md) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h3: var(--graphy-font-weight-semibold) var(--graphy-font-size-heading-sm)/var(--graphy-font-line-height-heading-sm) var(--typography-chart-heading-font-family, var(--graphy-font-family-heading));--graphy-font-text-editor-h6: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-body: var(--graphy-font-weight-medium) var(--graphy-font-size-editor-body)/var(--graphy-font-line-height-editor-body) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-text-editor-link: var(--graphy-font-weight-regular) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-title: var(--graphy-font-weight-bold) var(--graphy-font-size-md)/var(--graphy-font-line-height-md) var(--typography-chart-font-family, var(--graphy-font-family-default));--graphy-font-highlight-mode-subtitle: var(--graphy-font-weight-medium) var(--graphy-font-size-sm)/var(--graphy-font-line-height-sm) var(--typography-chart-font-family, var(--graphy-font-family-default))}.yp3g0k0{display:inline-flex;align-items:center;justify-content:center;gap:var(--graphy-space-xs);inline-size:32px;block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}.yp3g0k0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.yp3g0k0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.yp3g0k1{inline-size:16px;block-size:16px;border-radius:50%;border:1px solid var(--graphy-border-100);box-sizing:border-box}.yp3g0k2{inline-size:8px;block-size:8px;flex-shrink:0}.yp3g0k3{z-index:var(--graphy-z-index-toolbar-popover)}.yp3g0k4{display:flex;flex-direction:column;gap:var(--graphy-space-lg);min-inline-size:220px;padding:var(--graphy-space-lg);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary)}.yp3g0k5{display:flex;flex-direction:column;gap:var(--graphy-space-sm)}.yp3g0k6{font:var(--graphy-font-menu-group-title);color:var(--graphy-text-secondary)}.yp3g0k7{display:grid;grid-template-columns:repeat(6,1fr)}.yp3g0k8{inline-size:28px;block-size:28px;padding:0;background:transparent;border:none;border-radius:var(--graphy-radii-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.yp3g0k8:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.yp3g0k8[data-active=true]{background:var(--graphy-toolbar-button-background-color-selected)}.yp3g0k9{inline-size:1.6em;block-size:1.6em;border-radius:50%;box-sizing:border-box}.yp3g0ka{display:flex;align-items:center;gap:var(--graphy-space-sm);inline-size:100%;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-grey-70);color:var(--graphy-text-primary);font:var(--graphy-font-input);cursor:pointer;text-align:start}.yp3g0ka:hover{border-color:var(--graphy-grey-70)}.yp3g0ka:focus-visible{border-color:var(--graphy-grey-60);outline:none}.yp3g0ka[data-popup-open]{border-color:var(--graphy-grey-60)}.yp3g0kb{flex:1;font:var(--graphy-font-input);color:var(--graphy-text-primary)}.yp3g0kc{display:flex;flex-direction:column;gap:var(--graphy-space-md);inline-size:240px;padding:var(--graphy-space-lg);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary)}.yp3g0kd{inline-size:100%!important;block-size:auto!important}.yp3g0kd .react-colorful__saturation{inline-size:100%;aspect-ratio:1;border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-grey-70);margin-bottom:var(--graphy-space-sm);box-sizing:border-box}.yp3g0kd .react-colorful__hue{block-size:16px;border-radius:var(--graphy-radii-sm);border:1px solid var(--graphy-grey-70);box-sizing:border-box}.yp3g0kd .react-colorful__pointer{inline-size:18px;block-size:18px;border:2px solid var(--graphy-white);box-shadow:var(--graphy-elevation-sm)}.yp3g0kd .react-colorful__saturation-pointer,.yp3g0kd .react-colorful__hue-pointer{border-radius:50%}.yp3g0ke{inline-size:100%;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border:1px solid var(--graphy-grey-70);border-radius:var(--graphy-radii-md);outline:none;color:var(--graphy-text-primary);font:var(--graphy-font-input);text-transform:uppercase}.yp3g0ke:hover{border-color:var(--graphy-grey-70)}.yp3g0ke:focus{border-color:var(--graphy-grey-60)}.asohov0{flex-shrink:0}.asohov1{color:var(--graphy-icon-primary)}.asohov2{color:var(--graphy-icon-secondary)}._1qkyw7q0{display:inline-flex;align-items:center;justify-content:center;gap:var(--graphy-space-xs);block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}._1qkyw7q0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}._1qkyw7q0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}._1qkyw7q1{display:inline-flex;align-items:center;white-space:nowrap}._1qkyw7q2{inline-size:10px;block-size:10px;flex-shrink:0}._1qkyw7q3{z-index:var(--graphy-z-index-toolbar-popover)}._1qkyw7q4{display:flex;flex-direction:column;min-inline-size:180px;padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none}._1qkyw7q5{display:flex;align-items:center;padding:var(--graphy-space-sm) var(--graphy-space-md);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-menu-item-label);outline:none;user-select:none}._1qkyw7q5[data-highlighted]{background:var(--graphy-toolbar-button-background-color-hovered)}._1qkyw7q5[data-selected=true]{background:var(--graphy-toolbar-button-background-color-selected)}.b5kquu0{display:inline-flex;align-items:center;justify-content:center;min-inline-size:32px;block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}.b5kquu0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.b5kquu0[data-active=true],.b5kquu0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.b5kquu1{z-index:var(--graphy-z-index-toolbar-popover)}.b5kquu2{display:flex;align-items:center;gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none}.b5kquu3{inline-size:220px;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border:1px solid var(--graphy-grey-70);border-radius:var(--graphy-radii-md);outline:none;color:var(--graphy-text-primary);font:var(--graphy-font-input)}.b5kquu3:hover{border-color:var(--graphy-grey-70)}.b5kquu3:focus{border-color:var(--graphy-grey-60)}.b5kquu4{display:inline-flex;align-items:center;justify-content:center;min-inline-size:32px;block-size:32px;padding:0;background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary)}.b5kquu4:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.k91gos0{display:inline-flex;align-items:center;justify-content:center;min-inline-size:32px;block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border:none;border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button)}.k91gos0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.k91gos0[data-pressed]{background:var(--graphy-toolbar-button-background-color-selected)}.k91gos1{padding:var(--graphy-space-xs) var(--graphy-space-md);background:var(--graphy-text-primary);color:var(--graphy-default-background);border-radius:var(--graphy-radii-xs);font:var(--graphy-font-uitooltip-secondary);pointer-events:none;z-index:var(--graphy-z-index-toolbar-tooltip)}._1bp10ig0{display:flex;align-items:center;gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);background:var(--graphy-toolbar-background-color);border-radius:var(--graphy-radii-lg);z-index:var(--graphy-z-index-toolbar)}._1bp10ig0:before{content:"";pointer-events:none;position:absolute;inset:0;border:1px solid transparent;border-radius:var(--graphy-radii-lg);background:var(--graphy-overlay-border-gradient) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transform:translateZ(0)}._1bp10ig1{display:flex;align-items:center;padding-inline:var(--graphy-space-xs);gap:var(--graphy-space-xxs)}._1bp10ig2{height:16px;width:1px;background:var(--graphy-toolbar-separator-color)}._2ngohc0 .ProseMirror{outline:none}._2ngohc0 .ProseMirror .is-empty:before{content:attr(data-placeholder);color:currentColor;opacity:.4;float:left;height:0;pointer-events:none}._2ngohc0 .ProseMirror h1,._2ngohc0 .ProseMirror h2,._2ngohc0 .ProseMirror h3,._2ngohc0 .ProseMirror h4,._2ngohc0 .ProseMirror h5,._2ngohc0 .ProseMirror h6{margin:0}._2ngohc0 .ProseMirror h1{font:var(--graphy-font-text-editor-h1)}._2ngohc0 .ProseMirror h2{font:var(--graphy-font-text-editor-h2)}._2ngohc0 .ProseMirror h3{font:var(--graphy-font-text-editor-h3)}._2ngohc0 .ProseMirror h4,._2ngohc0 .ProseMirror h5,._2ngohc0 .ProseMirror h6{font:var(--graphy-font-text-editor-h6)}._2ngohc0 .ProseMirror p{margin:0;font:var(--graphy-font-text-editor-body)}._2ngohc0 .ProseMirror p[data-variant=caption]{font:var(--graphy-font-text-editor-h6)}._2ngohc0 .ProseMirror a{text-decoration:underline;text-underline-offset:.15em;cursor:text}._1cocly40{color:inherit;text-decoration:underline;text-underline-offset:.15em}._4dlrid0{margin:0;font:var(--graphy-font-text-editor-h3)}._4dlrid1{margin:0;font:var(--graphy-font-text-editor-body)}p[data-variant=caption]{font:var(--graphy-font-text-editor-h6);margin:0}.xfz7dq0{position:absolute}.xfz7dq1{display:flex;gap:var(--graphy-space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--graphy-text-secondary)}.xfz7dq2{font:var(--graphy-font-source-link);text-decoration:underline}.xfz7dq2:hover{color:var(--graphy-text-primary)}.xfz7dq3{font:var(--graphy-font-source-label)}.xfz7dq4{font:var(--graphy-font-source-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._1k4qtbg0{position:absolute}._1u9qprb0{position:absolute;display:flex;align-items:start;justify-content:start;gap:var(--graphy-headline-item-gap);pointer-events:none}._1u9qprb1{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none}._9aen060{display:flex;align-items:baseline;gap:4px}._9aen061,._9aen062{display:flex;align-items:center;gap:4px}._9aen063{display:flex;flex-direction:column;align-items:start;gap:var(--graphy-headline-row-gap)}.n7clvo0{color:var(--graphy-text-primary);font-weight:var(--graphy-font-weight-black);line-height:1}.n7clvo1{color:var(--graphy-text-secondary);white-space:nowrap}.n7clvo2{color:var(--graphy-text-secondary)}.n7clvo3{color:var(--graphy-text-secondary);white-space:nowrap}.n7clvo4{font-size:1.9em}.n7clvo5{font-size:2.3em}.n7clvo6{font-size:2.6em}.n7clvo7,.n7clvo8{font-size:1em}.n7clvo9{font-size:1.2em}.n7clvoa{color:var(--graphy-trend-positive-color)}.n7clvob{color:var(--graphy-trend-negative-color)}.n7clvoc{color:var(--graphy-trend-neutral-color)}.n7clvod{display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%}.n7clvoe{color:var(--graphy-trend-positive-color);background-color:color-mix(in srgb,transparent,var(--graphy-trend-positive-color) 20%)}.n7clvof{color:var(--graphy-trend-negative-color);background-color:color-mix(in srgb,transparent,var(--graphy-trend-negative-color) 20%);transform:rotate(180deg)}.n7clvog{color:var(--graphy-trend-neutral-color);background-color:color-mix(in srgb,transparent,var(--graphy-text-primary) 10%)}._1oj6yix0{position:relative;pointer-events:none;height:100%}._1oj6yix1{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}._1oj6yix2{position:absolute;transform:translateY(-50%);font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color);white-space:nowrap}._6a636s0{position:absolute;pointer-events:none}._1kjk02r0{position:relative;display:inline-flex;align-items:center;flex-shrink:0}._1kjk02r1{padding-inline-start:8px}._1kjk02r2{padding-block-start:8px}._1kjk02r3{position:absolute;background-color:var(--graphy-legend-background);border:var(--graphy-legend-pill-border-width) solid var(--graphy-legend-border-color);border-radius:9999px;pointer-events:none;opacity:.6}._1kjk02r4{inset-block:0;inset-inline-start:8px;inset-inline-end:0}._1kjk02r5{inset-inline:0;inset-block-start:8px;inset-block-end:0}._1kjk02r6{position:relative;display:inline-flex;align-items:center;gap:var(--graphy-legend-swatch-gap);white-space:nowrap;padding-inline:var(--graphy-legend-pill-padding-inline);padding-block:var(--graphy-legend-pill-padding-block);background-color:var(--graphy-legend-background);border:var(--graphy-legend-pill-border-width) solid var(--graphy-legend-border-color);border-radius:9999px;cursor:pointer;pointer-events:auto;font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color);appearance:none}._1kjk02r6:focus-visible{outline:1px solid var(--graphy-legend-focus-outline-color)}._1kjk02r7{border-color:var(--graphy-text-primary)}._1kjk02r8{font-variant-numeric:tabular-nums}._1kjk02r9{pointer-events:auto;background:var(--graphy-tooltip-background);border:1px solid var(--graphy-tooltip-border-color);border-radius:var(--graphy-tooltip-border-radius);padding-block:var(--graphy-tooltip-padding-block);padding-inline:var(--graphy-tooltip-padding-inline);box-shadow:var(--graphy-tooltip-shadow);max-width:320px;max-height:240px;overflow-y:auto;z-index:1000;font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color)}._1kjk02ra{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}._1kjk02rb{display:flex;align-items:center;gap:var(--graphy-legend-swatch-gap);white-space:nowrap}._1dw9dgx0{border-radius:50%;opacity:.7}._1cecisi0{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--graphy-legend-item-gap);pointer-events:none;font:var(--graphy-font-legend-label);color:var(--graphy-legend-text-color);block-size:100%;inline-size:100%}._1cecisi1{flex-direction:row}._1cecisi2{justify-content:center;flex-direction:column}._1cecisi3{display:flex;align-items:center;gap:var(--graphy-legend-swatch-gap);white-space:nowrap;padding-inline:var(--graphy-legend-pill-padding-inline);padding-block:var(--graphy-legend-pill-padding-block);background-color:var(--graphy-legend-background);border:var(--graphy-legend-pill-border-width) solid var(--graphy-legend-border-color);border-radius:9999px;flex-shrink:0}._1d8mpa10{overflow:visible}._46ebsf0{filter:drop-shadow(0 2px 2px rgba(14,14,52,.08)) drop-shadow(0 0 2px rgba(15,15,24,.12))}._1suo8ub0{filter:drop-shadow(0 4px 4px rgba(14,14,52,.08)) drop-shadow(0 0 4px rgba(15,15,24,.12))}._16vokpr0{pointer-events:none;user-select:none}._1agclyl0{pointer-events:none}._1agclyl1{pointer-events:none;fill:var(--graphy-data-label-outside-background)}._1agclyl2{pointer-events:none;fill:var(--graphy-grey-100);stroke:var(--graphy-grey-60);stroke-width:1}._1agclyl3{pointer-events:none;font:var(--graphy-font-data-label);fill:var(--graphy-text-primary);font-variant-numeric:tabular-nums}._1agclyl4{fill:var(--graphy-white)}._1agclyl6{font:var(--graphy-font-stack-total)}._120wioc0{font:var(--graphy-font-text-editor-body);color:var(--graphy-text-primary);border-radius:.6em;padding:.2em .4em;word-wrap:break-word;white-space:break-spaces;text-align:center;width:100%;box-sizing:border-box}._120wioc0 p{margin:0;line-height:1.25}._120wioc0 h1,._120wioc0 h2,._120wioc0 h3{margin:0}.usd3ea0{opacity:.4}.usd3ea1{filter:grayscale(1);opacity:.6}.to1jkx0{overflow:visible}.to1jkx1{transition:opacity .15s ease-out}[data-hover-active=true] .to1jkx1{opacity:.4}._17uhij30{position:absolute;top:0;left:0;overflow:visible}
package/dist/index.d.ts CHANGED
@@ -13,12 +13,12 @@ import { FormattedHeadline } from '@graphysdk/viz-engine';
13
13
  import { FormattedLegend } from '@graphysdk/viz-engine';
14
14
  import { GraphLayout } from '@graphysdk/viz-engine';
15
15
  import { GraphTheme } from '@graphysdk/viz-engine';
16
+ import { HeadlineMeasurer } from '@graphysdk/viz-engine';
16
17
  import { HoverState } from '@graphysdk/viz-engine';
17
18
  import { JSX } from 'react/jsx-runtime';
18
19
  import { LayoutEdge } from '@graphysdk/viz-engine';
19
20
  import { Locale } from '@graphysdk/viz-engine';
20
21
  import { MeasuredText } from '@graphysdk/viz-engine';
21
- import { NamedExoticComponent } from 'react';
22
22
  import { ReactNode } from 'react';
23
23
  import { Rect } from '@graphysdk/viz-engine';
24
24
  import { ResolvedHeadlineSize } from '@graphysdk/viz-engine';
@@ -28,16 +28,25 @@ import { TextMeasurer } from '@graphysdk/viz-engine';
28
28
  import { TooltipContent } from '@graphysdk/viz-engine';
29
29
 
30
30
  /**
31
- * Props for the Axes slot — covers both tick marks and axis labels. Override via `slots.Axes`
32
- * on `GraphRenderer`. `tickRects` and `labelRects` are SVG-local; `formattedAxes` is the
33
- * render-ready viz-engine runtime shape.
31
+ * Props for the AxisLabel slot — the axis title of every axis (e.g. "Revenue"). Override via
32
+ * `slots.AxisLabel` on `GraphRenderer`. `labelRects` are SVG-local, keyed by edge; each title string
33
+ * is `formattedAxes[i].label`. The tick band is a separate region — see `AxisTicks`.
34
34
  */
35
- export declare interface AxesSlotProps {
35
+ export declare interface AxisLabelSlotProps {
36
36
  formattedAxes: FormattedAxis[];
37
- tickRects: Partial<Record<LayoutEdge, Rect>>;
38
37
  labelRects: Partial<Record<LayoutEdge, Rect>>;
39
38
  }
40
39
 
40
+ /**
41
+ * Props for the AxisTicks slot — the tick marks and tick labels of every axis. Override via
42
+ * `slots.AxisTicks` on `GraphRenderer`. `tickRects` are SVG-local, keyed by edge; `formattedAxes` is
43
+ * the render-ready viz-engine runtime shape. The axis title is a separate region — see `AxisLabel`.
44
+ */
45
+ export declare interface AxisTicksSlotProps {
46
+ formattedAxes: FormattedAxis[];
47
+ tickRects: Partial<Record<LayoutEdge, Rect>>;
48
+ }
49
+
41
50
  /**
42
51
  * Browser text measurer backed by OffscreenCanvas.
43
52
  *
@@ -92,26 +101,25 @@ export declare class CanvasTextMeasurer implements TextMeasurer {
92
101
  private getEmojiCorrection;
93
102
  }
94
103
 
104
+ /** vanilla-extract class that binds the dark token values; set it on any ancestor to flip to dark. */
95
105
  export declare const darkTheme: string;
96
106
 
97
- export declare const DefaultAxes: ({ formattedAxes, tickRects, labelRects }: AxesSlotProps) => JSX.Element;
98
-
107
+ /** Default paint for the footer region — caption and source line. */
99
108
  export declare const DefaultFooter: ({ ref, footerRect, mode, caption, isCaptionVisible, source, isSourceVisible, }: FooterSlotProps) => JSX.Element | null;
100
109
 
110
+ /** Default paint for the grid region — panel border and per-tick gridlines, drawn inside the panel rect. */
101
111
  export declare const DefaultGrid: ({ axes, panel, panelRect }: GridSlotProps) => JSX.Element;
102
112
 
113
+ /** Default paint for the header region — title and subtitle. */
103
114
  export declare const DefaultHeader: ({ ref, headerRect, mode, title, isTitleVisible, subtitle, isSubtitleVisible, }: HeaderSlotProps) => JSX.Element | null;
104
115
 
105
- export declare const DefaultHeadline: ({ headline, rect, resolvedSize, visibleItemCount }: HeadlineSlotProps) => JSX.Element;
106
-
107
- export declare const DefaultLegend: NamedExoticComponent<LegendSlotProps>;
108
-
109
116
  /**
110
117
  * Presentational tooltip body. Pure function of props — paints the box, header, and rows.
111
118
  * Positioning and data wiring live in the {@link Tooltip} wrapper, never here.
112
119
  */
113
120
  export declare const DefaultTooltip: ({ content, isVisible }: TooltipSlotProps) => JSX.Element | null;
114
121
 
122
+ /** Dev-only compile-cache inspector; render inside a `<GraphProvider>`. See {@link DevToolsPanelProps}. */
115
123
  export declare const DevToolsPanel: ({ width, style, className }?: DevToolsPanelProps) => JSX.Element;
116
124
 
117
125
  /**
@@ -134,6 +142,7 @@ export declare interface DevToolsPanelProps {
134
142
  * internal to this default — an override replacing the region opts out of that editing.
135
143
  */
136
144
  export declare interface FooterSlotProps {
145
+ /** Forward this to the region's outer element — the layout measures the rendered DOM to reserve its space. */
137
146
  ref?: React.Ref<HTMLDivElement>;
138
147
  footerRect: Rect;
139
148
  mode?: GraphMode;
@@ -175,6 +184,7 @@ declare interface GraphProviderProps {
175
184
  */
176
185
  export declare const GraphRenderer: ({ slots, ...props }: GraphRendererProps) => JSX.Element;
177
186
 
187
+ /** Props for {@link GraphRenderer}: pixel size, interaction toggles, and per-region slot overrides. */
178
188
  export declare interface GraphRendererProps {
179
189
  width: number;
180
190
  height: number;
@@ -188,16 +198,28 @@ export declare interface GraphRendererProps {
188
198
  /**
189
199
  * Region overrides for `GraphRenderer`. Each slot replaces how one region paints; the viz-engine
190
200
  * `Spec` stays the source of truth for whether a region exists and what data it receives. An
191
- * override has the same signature as its default and is handed render-ready props.
201
+ * override is handed the same render-ready props as its default.
202
+ *
203
+ * Layout-safe regions (`Header`, `Footer`, `Tooltip`, `Grid`) are bare components — their size is
204
+ * measured from the rendered DOM, or they reserve no edge space, so the layout never reads them
205
+ * ahead of paint. Layout-coupled regions (`AxisTicks`, `AxisLabel`, `Legend`, `Headline`) are
206
+ * {@link SlotOverride}s: a custom renderer must also declare its reserved size via `measure`,
207
+ * otherwise paint and the reserved band would desync.
208
+ *
209
+ * Each slot owns exactly one region the layout reserves — the axis tick band (`AxisTicks`) and the
210
+ * axis-title band (`AxisLabel`) are separate, mirroring the engine's own split (`GraphLayout.axes`
211
+ * vs `GraphLayout.axisLabels`). Override one and the other keeps its default paint + reservation, so
212
+ * a custom tick band never leaves the title band an unpainted gap.
192
213
  */
193
214
  export declare interface GraphSlots {
194
215
  Header?: ComponentType<HeaderSlotProps>;
195
216
  Footer?: ComponentType<FooterSlotProps>;
196
- Legend?: ComponentType<LegendSlotProps>;
197
- Headline?: ComponentType<HeadlineSlotProps>;
198
217
  Tooltip?: ComponentType<TooltipSlotProps>;
199
218
  Grid?: ComponentType<GridSlotProps>;
200
- Axes?: ComponentType<AxesSlotProps>;
219
+ Legend?: SlotOverride<LegendSlotProps, (legend: FormattedLegend, ctx: SlotMeasureContext) => number>;
220
+ Headline?: SlotOverride<HeadlineSlotProps, HeadlineMeasurer>;
221
+ AxisTicks?: SlotOverride<AxisTicksSlotProps, (axis: FormattedAxis, ctx: SlotMeasureContext) => number>;
222
+ AxisLabel?: SlotOverride<AxisLabelSlotProps, (axis: FormattedAxis, ctx: SlotMeasureContext) => number>;
201
223
  }
202
224
 
203
225
  /**
@@ -216,6 +238,7 @@ export declare interface GridSlotProps {
216
238
  * internal to this default — an override replacing the region opts out of that editing.
217
239
  */
218
240
  export declare interface HeaderSlotProps {
241
+ /** Forward this to the region's outer element — the layout measures the rendered DOM to reserve its space. */
219
242
  ref?: React.Ref<HTMLDivElement>;
220
243
  headerRect: Rect;
221
244
  mode?: GraphMode;
@@ -256,6 +279,7 @@ declare interface HoverStoreActions {
256
279
  setHoverState: (next: HoverState) => void;
257
280
  }
258
281
 
282
+ /** State of the hover store: the current {@link HoverState} plus its setter. */
259
283
  declare type HoverStoreState = HoverSlice & HoverStoreActions;
260
284
 
261
285
  /**
@@ -268,8 +292,42 @@ export declare interface LegendSlotProps {
268
292
  textScale: number;
269
293
  }
270
294
 
295
+ /** vanilla-extract class that binds the light token values; the default theme. */
271
296
  export declare const lightTheme: string;
272
297
 
298
+ /**
299
+ * Passed as the second argument to a layout-coupled slot's `measure`. Exposes the renderer's own
300
+ * text measurer — the same Canvas-backed instance the built-in measurers use — and the active
301
+ * text-scale, so a `measure` can size its band from real text metrics without constructing its own
302
+ * measurer or guessing the font size. A `measure` whose size is unrelated to text can ignore it.
303
+ */
304
+ export declare interface SlotMeasureContext {
305
+ /** Measures a string at a given font; returns `{ width, height, ascent, descent }` in CSS pixels. */
306
+ measureText: TextMeasurer['measureText'];
307
+ /** Active text-scale multiplier; multiply an em size by this to get the pixel size to measure at. */
308
+ textScale: number;
309
+ }
310
+
311
+ /**
312
+ * A layout-coupled slot: pairs the region's renderer with the measurer the layout uses to reserve
313
+ * its space. `measure` mirrors the matching `LayoutMeasurer` method, so an override supplies exactly
314
+ * the function the engine would have used — paint and reserved space derive from one source and
315
+ * cannot disagree.
316
+ *
317
+ * Give `measure` a stable reference (module scope, or `useCallback`'d). The measurer it feeds is
318
+ * built once per chart for layout stability, so a `measure` whose identity changes every render is
319
+ * still read on the next paint but does not by itself retrigger a layout pass.
320
+ */
321
+ export declare interface SlotOverride<Props, Measure> {
322
+ /** The component that paints the region. */
323
+ render: ComponentType<Props>;
324
+ /**
325
+ * Returns the region's reserved size. Receives the region's formatted data plus a
326
+ * {@link SlotMeasureContext} (`measureText`, `textScale`) for sizing from real text metrics.
327
+ */
328
+ measure: Measure;
329
+ }
330
+
273
331
  /**
274
332
  * Creates a font-ready, cached text measurer and shares it with descendants via context.
275
333
  * Renders nothing until the measurer resolves, so consumers reading the context always
@@ -294,10 +352,13 @@ declare interface TextMeasurerProviderProps {
294
352
  measurer?: TextMeasurer;
295
353
  }
296
354
 
355
+ /** The name of a single theme token. */
297
356
  export declare type ThemeKey = keyof ThemeValues;
298
357
 
358
+ /** A partial set of token values layered over a base theme — the shape of the `themeOverrides` prop. */
299
359
  export declare type ThemeOverrides = Partial<ThemeValues>;
300
360
 
361
+ /** Resolves the base theme plus per-chart `themeOverrides` into token values and publishes them to the subtree. */
301
362
  export declare const ThemeProvider: ({ theme, themeOverrides, appearance, children }: ThemeProviderProps) => JSX.Element;
302
363
 
303
364
  declare interface ThemeProviderProps {
@@ -307,6 +368,7 @@ declare interface ThemeProviderProps {
307
368
  children: ReactNode;
308
369
  }
309
370
 
371
+ /** Every theme token mapped to its resolved CSS string value. */
310
372
  export declare type ThemeValues = Record<keyof typeof vars, string>;
311
373
 
312
374
  export declare interface TooltipSlotProps {
@@ -329,6 +391,7 @@ export declare interface TooltipSlotProps {
329
391
  */
330
392
  export declare const useCompiledSelector: <Selected>(selector: (compiled: CompiledSpec) => Selected) => Selected;
331
393
 
394
+ /** Returns the dispatcher for applying {@link Command}s to the provider's live spec. */
332
395
  export declare const useGraphCommandDispatcher: () => ((command: Command) => void);
333
396
 
334
397
  /**
@@ -336,8 +399,10 @@ export declare const useGraphCommandDispatcher: () => ((command: Command) => voi
336
399
  */
337
400
  export declare function useHoverState<T>(selector: (state: HoverStoreState) => T): T;
338
401
 
402
+ /** Returns the {@link TextMeasurer} from context; throws outside a `<TextMeasurerProvider>`. */
339
403
  export declare const useTextMeasurer: () => TextMeasurer;
340
404
 
405
+ /** CSS custom-property references for every theme token; read at paint sites as `vars.tooltipBackground`, etc. */
341
406
  export declare const vars: {
342
407
  white: `var(--${string})`;
343
408
  black: `var(--${string})`;
@@ -410,8 +475,10 @@ export declare const vars: {
410
475
  gridLineWidth: `var(--${string})`;
411
476
  gridLineDash: `var(--${string})`;
412
477
  tooltipBorderRadius: `var(--${string})`;
478
+ tooltipBorderWidth: `var(--${string})`;
413
479
  tooltipPaddingBlock: `var(--${string})`;
414
480
  tooltipPaddingInline: `var(--${string})`;
481
+ tooltipRowGap: `var(--${string})`;
415
482
  tooltipShadow: `var(--${string})`;
416
483
  tickLabelOffset: `var(--${string})`;
417
484
  legendItemGap: `var(--${string})`;