@graphysdk/react-renderer 0.0.1-alpha.20260714170734 → 0.0.1-alpha.6
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.
- package/dist/index.cjs +2 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +6 -95
- package/dist/index.mjs +2492 -2976
- package/package.json +17 -32
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;}._1d8mpa10{overflow:visible}._324dw20{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}._2qyyu60{display:block;flex-shrink:0;overflow:visible}._1bs9o1n0{padding:16px;border:1px solid #F3C2C2;background:#fdf2f2;border-radius:8px;color:#e14b49;font-family:system-ui,sans-serif;font-size:1.3rem}._1bs9o1n1{font-weight:600}._1bs9o1n2{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}._1bs9o1n3{display:flex;flex-direction:column}._1bs9o1n4{font-family:ui-monospace,monospace;font-weight:600;font-size:1.1rem;opacity:.9}._1bs9o1n5{margin:2px 0 0;white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:1.2rem}._1bs9o1n6{margin:2px 0 0;font-style:italic;opacity:.85}._18wdpym0{position:fixed;pointer-events:none;z-index:5}.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}._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) 20%);--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-data-label-text-color: var(--graphy-text-primary);--graphy-data-label-inside-text-color: var(--graphy-white);--graphy-stack-total-text-color: var(--graphy-text-primary);--graphy-stack-total-background: var(--graphy-grey-100);--graphy-stack-total-stroke: var(--graphy-grey-60);--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-grid-line-dotted: 1 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-category-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-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) 20%);--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-data-label-text-color: var(--graphy-text-primary);--graphy-data-label-inside-text-color: var(--graphy-white);--graphy-stack-total-text-color: var(--graphy-text-primary);--graphy-stack-total-background: var(--graphy-grey-100);--graphy-stack-total-stroke: var(--graphy-grey-60);--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-grid-line-dotted: 1 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-category-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-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}.ph8bdc0{pointer-events:none}.ph8bdc1{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;gap:5px;padding:4px 7px;background:var(--graphy-tooltip-background);border:1px solid var(--graphy-tooltip-border-color);border-radius:6px;box-shadow:0 2px 6px #0000001f;white-space:nowrap;user-select:none}.ph8bdc2{display:flex;flex-shrink:0;align-items:center}.ph8bdc3{font:var(--graphy-font-mini-tooltip-label);color:var(--graphy-tooltip-value-text-color)}._1agclyl0{pointer-events:none}._1agclyl1{pointer-events:none;fill:var(--graphy-data-label-outside-background)}._1agclyl2{pointer-events:none;fill:var(--graphy-stack-total-background);stroke:var(--graphy-stack-total-stroke);stroke-width:1}._1agclyl3{pointer-events:none;font:var(--graphy-font-data-label);fill:var(--graphy-data-label-text-color);font-variant-numeric:tabular-nums}._1agclyl4{fill:var(--graphy-data-label-inside-text-color)}._1agclyl6{font:var(--graphy-font-category-label);fill:var(--graphy-data-label-inside-text-color)}._1agclyl7{font:var(--graphy-font-category-label)}._1agclyl8{font:var(--graphy-font-stack-total);fill:var(--graphy-stack-total-text-color)}._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;stroke-linecap:round}.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;}._1d8mpa10{overflow:visible}._324dw20{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}._2qyyu60{display:block;flex-shrink:0;overflow:visible}._1bs9o1n0{padding:16px;border:1px solid #F3C2C2;background:#fdf2f2;border-radius:8px;color:#e14b49;font-family:system-ui,sans-serif;font-size:1.3rem}._1bs9o1n1{font-weight:600}._1bs9o1n2{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}._1bs9o1n3{display:flex;flex-direction:column}._1bs9o1n4{font-family:ui-monospace,monospace;font-weight:600;font-size:1.1rem;opacity:.9}._1bs9o1n5{margin:2px 0 0;white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:1.2rem}._1bs9o1n6{margin:2px 0 0;font-style:italic;opacity:.85}._18wdpym0{position:fixed;pointer-events:none;z-index:5}.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}._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) 20%);--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-graph-padding: 24px;--graphy-grid-line-width: 1px;--graphy-grid-line-dash: 2 3;--graphy-grid-line-dotted: 1 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) 20%);--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-graph-padding: 24px;--graphy-grid-line-width: 1px;--graphy-grid-line-dash: 2 3;--graphy-grid-line-dotted: 1 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}.ph8bdc0{pointer-events:none}.ph8bdc1{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;gap:5px;padding:4px 7px;background:var(--graphy-tooltip-background);border:1px solid var(--graphy-tooltip-border-color);border-radius:6px;box-shadow:0 2px 6px #0000001f;white-space:nowrap;user-select:none}.ph8bdc2{display:flex;flex-shrink:0;align-items:center}.ph8bdc3{font:var(--graphy-font-mini-tooltip-label);color:var(--graphy-tooltip-value-text-color)}._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
|
@@ -30,7 +30,6 @@ import { HoverHit } from '@graphysdk/viz-engine';
|
|
|
30
30
|
import { HoverState } from '@graphysdk/viz-engine';
|
|
31
31
|
import { JSX } from 'react/jsx-runtime';
|
|
32
32
|
import { LayoutEdge } from '@graphysdk/viz-engine';
|
|
33
|
-
import { LineStyleType } from '@graphysdk/viz-engine';
|
|
34
33
|
import { Locale } from '@graphysdk/viz-engine';
|
|
35
34
|
import { MeasuredText } from '@graphysdk/viz-engine';
|
|
36
35
|
import { Observation } from '@graphysdk/viz-engine';
|
|
@@ -149,15 +148,12 @@ export declare const darkTheme: string;
|
|
|
149
148
|
/** Default paint for the footer region — caption and source line. */
|
|
150
149
|
export declare const DefaultFooter: ({ ref, footerRect, mode, caption, isCaptionVisible, source, isSourceVisible, }: FooterSlotProps) => JSX.Element | null;
|
|
151
150
|
|
|
152
|
-
/** Default paint for the grid region — per-tick gridlines, drawn inside the panel
|
|
151
|
+
/** Default paint for the grid region — panel border and per-tick gridlines, drawn inside the panel rect. */
|
|
153
152
|
export declare const DefaultGrid: ({ axes, panel, panelFrameRect, panelRect }: GridSlotProps) => JSX.Element;
|
|
154
153
|
|
|
155
154
|
/** Default paint for the header region — title and subtitle. */
|
|
156
155
|
export declare const DefaultHeader: ({ ref, headerRect, mode, title, isTitleVisible, subtitle, isSubtitleVisible, }: HeaderSlotProps) => JSX.Element | null;
|
|
157
156
|
|
|
158
|
-
/** The built-in glyph for each {@link SwatchShape}. */
|
|
159
|
-
export declare const DefaultSwatch: ({ shape, color, lineType, width, height, }: Omit<SwatchSlotProps, "surface" | "label">) => JSX.Element;
|
|
160
|
-
|
|
161
157
|
/**
|
|
162
158
|
* Default tooltip body. Paints the box, header, and rows from the formatted {@link content}, and
|
|
163
159
|
* resolves each row's swatch shape off its geom's render contract for the active coord system.
|
|
@@ -202,38 +198,11 @@ export declare interface DevToolsPanelProps {
|
|
|
202
198
|
className?: string;
|
|
203
199
|
}
|
|
204
200
|
|
|
205
|
-
declare const FONT_STYLES: readonly ["normal", "italic", "oblique"];
|
|
206
|
-
|
|
207
|
-
/**
|
|
208
|
-
* A CSS length keeping its unit so measurement can treat it like CSS paint does: em scales with
|
|
209
|
-
* `textScale` (see `emToPx`), px stays absolute.
|
|
210
|
-
*/
|
|
211
|
-
export declare interface FontLength {
|
|
212
|
-
value: number;
|
|
213
|
-
unit: 'px' | 'em';
|
|
214
|
-
}
|
|
215
|
-
|
|
216
201
|
export declare type FontListInput = Array<{
|
|
217
202
|
id: string;
|
|
218
203
|
fontFamily: string;
|
|
219
204
|
}>;
|
|
220
205
|
|
|
221
|
-
export declare type FontStyle = (typeof FONT_STYLES)[number];
|
|
222
|
-
|
|
223
|
-
/**
|
|
224
|
-
* A structured override of a measured font token. Omitted fields keep the token's default (which
|
|
225
|
-
* still cascades from the leaf tokens, e.g. `fontSizeXs`), so `{ weight: 600 }` changes only the
|
|
226
|
-
* weight.
|
|
227
|
-
*/
|
|
228
|
-
export declare interface FontTokenOverride {
|
|
229
|
-
family?: string;
|
|
230
|
-
weight?: number;
|
|
231
|
-
style?: FontStyle;
|
|
232
|
-
size?: FontLength;
|
|
233
|
-
/** Unitless multiplier; sizes HTML line boxes (legend band). Canvas measurement ignores it. */
|
|
234
|
-
lineHeight?: number;
|
|
235
|
-
}
|
|
236
|
-
|
|
237
206
|
/**
|
|
238
207
|
* Props for the Footer slot, overridable via `slots.Footer` on `GraphRenderer`. Caption editing in
|
|
239
208
|
* `editable` mode is internal to this default; an override replacing the region opts out of it.
|
|
@@ -324,14 +293,6 @@ export declare interface GeomRenderContract<G extends GeomName | string = string
|
|
|
324
293
|
* that owns its pointer events (force-directed), with the wiring on `input.overlay`.
|
|
325
294
|
*/
|
|
326
295
|
render: GeomRender<G, C>;
|
|
327
|
-
/**
|
|
328
|
-
* Optional repaint of the matched subset for the highlight overlay. Omit it and the highlight layer
|
|
329
|
-
* falls back to {@link render}. A geom overrides it when the plain column-grouped render would
|
|
330
|
-
* misrepresent a matched subset — a bar repaints each matched observation as an isolated stack segment
|
|
331
|
-
* (from its compiled stack cap), so a lone mid-stack match keeps its square-edged silhouette and
|
|
332
|
-
* single-width border instead of regrouping into a standalone rounded, boxed bar.
|
|
333
|
-
*/
|
|
334
|
-
renderHighlight?: (input: HighlightRenderInput<G, C>) => ReactNode;
|
|
335
296
|
renderHover: (input: HoverRenderInput<G, C>) => ReactNode;
|
|
336
297
|
renderHoverCompanions: (input: HoverCompanionsRenderInput<G>) => ReactNode;
|
|
337
298
|
/**
|
|
@@ -520,9 +481,8 @@ export declare type GraphSizing = {
|
|
|
520
481
|
* still owns whether a region exists and what data it receives, and an override gets the same
|
|
521
482
|
* render-ready props as its default.
|
|
522
483
|
*
|
|
523
|
-
* Layout-safe regions (`Header`, `Footer`, `Tooltip`, `Grid
|
|
524
|
-
*
|
|
525
|
-
* Layout-coupled regions (`AxisTicks`, `AxisLabel`, `Legend`, `Headline`) are
|
|
484
|
+
* Layout-safe regions (`Header`, `Footer`, `Tooltip`, `Grid`) are bare components — DOM-measured or
|
|
485
|
+
* reserving no edge space. Layout-coupled regions (`AxisTicks`, `AxisLabel`, `Legend`, `Headline`) are
|
|
526
486
|
* {@link SlotOverride}s that also declare their reserved size via `measure`, else paint and the
|
|
527
487
|
* reserved band desync. The tick and title bands are separate slots so overriding one leaves the other
|
|
528
488
|
* on its default.
|
|
@@ -532,7 +492,6 @@ export declare interface GraphSlots {
|
|
|
532
492
|
Footer?: ComponentType<FooterSlotProps>;
|
|
533
493
|
Tooltip?: ComponentType<TooltipSlotProps>;
|
|
534
494
|
Grid?: ComponentType<GridSlotProps>;
|
|
535
|
-
Swatch?: ComponentType<SwatchSlotProps>;
|
|
536
495
|
Legend?: SlotOverride<LegendSlotProps, (legend: FormattedLegend, ctx: SlotMeasureContext) => number>;
|
|
537
496
|
Headline?: SlotOverride<HeadlineSlotProps, HeadlineMeasurer>;
|
|
538
497
|
AxisTicks?: SlotOverride<AxisTicksSlotProps, (axis: FormattedAxis, ctx: SlotMeasureContext) => number>;
|
|
@@ -584,16 +543,6 @@ export declare interface HeadlineSlotProps {
|
|
|
584
543
|
visibleItemCount: number;
|
|
585
544
|
}
|
|
586
545
|
|
|
587
|
-
/**
|
|
588
|
-
* The input a geom's {@link GeomRenderContract.renderHighlight} receives: the matched-subset layer plus
|
|
589
|
-
* the panel rect, so a geom that repaints matched observations in absolute panel pixels (bars drawing
|
|
590
|
-
* isolated stack segments) has the frame it needs. A superset of {@link GeomRenderInput}, so a geom that
|
|
591
|
-
* doesn't override `renderHighlight` still paints through the plain `render`.
|
|
592
|
-
*/
|
|
593
|
-
declare interface HighlightRenderInput<G extends GeomName | string = string, C extends CoordKind = CoordKind> extends GeomRenderInput<G, C> {
|
|
594
|
-
panelRect: GraphLayout['panel'];
|
|
595
|
-
}
|
|
596
|
-
|
|
597
546
|
declare interface HoverCompanionsRenderInput<G extends GeomName | string = string> {
|
|
598
547
|
layer: CompiledLayerOf<G>;
|
|
599
548
|
primary: HoverHit;
|
|
@@ -683,13 +632,6 @@ export declare const lightenCss: (colorString: string, amount: number) => string
|
|
|
683
632
|
/** vanilla-extract class that binds the light token values; the default theme. */
|
|
684
633
|
export declare const lightTheme: string;
|
|
685
634
|
|
|
686
|
-
/**
|
|
687
|
-
* The element font tokens JS measurement reproduces. Overridden structurally
|
|
688
|
-
* ({@link FontTokenOverride}); the CSS variable's shorthand is serialized from the same object
|
|
689
|
-
* measurement reads, so paint and layout move together.
|
|
690
|
-
*/
|
|
691
|
-
export declare type MeasuredFontTokenKey = 'fontDataLabel' | 'fontStackTotal' | 'fontCategoryLabel' | 'fontTickLabel' | 'fontAxisLabel' | 'fontLegendLabel' | 'fontGoalLineLabel';
|
|
692
|
-
|
|
693
635
|
/**
|
|
694
636
|
* Anchor point in normalized [0,1] coord-space where a highlight overlay marker
|
|
695
637
|
* should be painted for one observation. Renderer turns [0,1] into pixels.
|
|
@@ -775,26 +717,6 @@ export declare interface SlotOverride<Props, Measure> {
|
|
|
775
717
|
*/
|
|
776
718
|
export declare type SwatchShape = 'square' | 'line' | 'circle' | 'area' | 'slice';
|
|
777
719
|
|
|
778
|
-
/**
|
|
779
|
-
* Props for the Swatch slot (`slots.Swatch` on `GraphRenderer`). An override must paint inside the
|
|
780
|
-
* `width` × `height` box it receives.
|
|
781
|
-
*
|
|
782
|
-
* Switch on `shape`, `surface` or `label` and delegate the rest to
|
|
783
|
-
* {@link DefaultSwatch}.
|
|
784
|
-
*/
|
|
785
|
-
export declare interface SwatchSlotProps {
|
|
786
|
-
shape: SwatchShape;
|
|
787
|
-
color: string;
|
|
788
|
-
surface: SwatchSurface;
|
|
789
|
-
label?: string;
|
|
790
|
-
lineType?: LineStyleType;
|
|
791
|
-
width?: number;
|
|
792
|
-
height?: number;
|
|
793
|
-
}
|
|
794
|
-
|
|
795
|
-
/** The UI surface a swatch is painted on. Lets a Swatch slot restyle one surface and delegate the rest. */
|
|
796
|
-
export declare type SwatchSurface = 'legend' | 'tooltip' | 'headline' | 'callout' | 'rule-label';
|
|
797
|
-
|
|
798
720
|
/**
|
|
799
721
|
* Creates a font-ready, cached text measurer and shares it with descendants via context.
|
|
800
722
|
* Renders nothing until the measurer resolves, so consumers reading the context always
|
|
@@ -822,14 +744,8 @@ declare interface TextMeasurerProviderProps {
|
|
|
822
744
|
/** The name of a single theme token. */
|
|
823
745
|
export declare type ThemeKey = keyof ThemeValues;
|
|
824
746
|
|
|
825
|
-
/**
|
|
826
|
-
|
|
827
|
-
* prop. Measured font tokens take a {@link FontTokenOverride}; every other token takes its CSS
|
|
828
|
-
* string value.
|
|
829
|
-
*/
|
|
830
|
-
export declare type ThemeOverrides = Partial<Omit<ThemeValues, MeasuredFontTokenKey>> & {
|
|
831
|
-
[Key in MeasuredFontTokenKey]?: FontTokenOverride;
|
|
832
|
-
};
|
|
747
|
+
/** A partial set of token values layered over a base theme — the shape of the `themeOverrides` prop. */
|
|
748
|
+
export declare type ThemeOverrides = Partial<ThemeValues>;
|
|
833
749
|
|
|
834
750
|
/** Resolves the base theme plus per-graph `themeOverrides` into token values and publishes them to the subtree. */
|
|
835
751
|
export declare const ThemeProvider: ({ theme, themeOverrides, appearance, children }: ThemeProviderProps) => JSX.Element;
|
|
@@ -1002,11 +918,7 @@ export declare const vars: {
|
|
|
1002
918
|
annotationMenuTriggerIconColor: `var(--${string})`;
|
|
1003
919
|
heatmapEmptyTileBackground: `var(--${string})`;
|
|
1004
920
|
dataLabelOutsideBackground: `var(--${string})`;
|
|
1005
|
-
|
|
1006
|
-
dataLabelInsideTextColor: `var(--${string})`;
|
|
1007
|
-
stackTotalTextColor: `var(--${string})`;
|
|
1008
|
-
stackTotalBackground: `var(--${string})`;
|
|
1009
|
-
stackTotalStroke: `var(--${string})`;
|
|
921
|
+
graphPadding: `var(--${string})`;
|
|
1010
922
|
gridLineWidth: `var(--${string})`;
|
|
1011
923
|
gridLineDash: `var(--${string})`;
|
|
1012
924
|
gridLineDotted: `var(--${string})`;
|
|
@@ -1104,7 +1016,6 @@ export declare const vars: {
|
|
|
1104
1016
|
fontAxisLabel: `var(--${string})`;
|
|
1105
1017
|
fontDataLabel: `var(--${string})`;
|
|
1106
1018
|
fontStackTotal: `var(--${string})`;
|
|
1107
|
-
fontCategoryLabel: `var(--${string})`;
|
|
1108
1019
|
fontLegendLabel: `var(--${string})`;
|
|
1109
1020
|
fontSeriesLabel: `var(--${string})`;
|
|
1110
1021
|
fontTooltipLabel: `var(--${string})`;
|