.charts2-host{position:relative}.charts2-scrollable-heatmap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.charts2-scrollable-heatmap .charts2-heatmap-chart{max-width:none}:root{--charts-label-color:#3a3a3c;--charts-secondary-label-color:#6e6e73;--charts-axis-line-color:#e5e5ea;--charts-tooltip-bg:#fffffff5;--charts-tooltip-value:#1d1d1f;--charts-focus-ring:#007aff;--charts-mark-separator:#fff;--charts-point-fill:#fff}.charts2-chart{max-width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:block;overflow:visible}.charts2-title{fill:var(--charts-label-color,#3a3a3c);font-size:15px;font-weight:600}.charts2-axis{stroke:var(--charts-axis-line-color,#f4f5f6);stroke-width:1px;vector-effect:non-scaling-stroke}.charts2-line{stroke-width:var(--charts-stroke-width,2px);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.charts2-grid{fill:none;stroke:var(--charts-axis-line-color,#f4f5f6);stroke-width:1px;vector-effect:non-scaling-stroke;shape-rendering:crispedges}.charts2-radar{stroke-width:2px;vector-effect:non-scaling-stroke}.charts2-polar-area,.charts2-pie-slice,.charts2-donut-slice,.charts2-percentage-segment{stroke:var(--charts-mark-separator);stroke-width:1.5px;vector-effect:non-scaling-stroke}.charts2-label,.charts2-legend,.charts2-annotation{fill:var(--charts-label-color,#313b44);font:11px/1.25 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}.charts2-annotation{font-variant-numeric:tabular-nums;pointer-events:none;opacity:.58;font-size:12px;font-weight:500}.charts2-direct-value{fill:var(--charts-label-color);font:600 15px/1 -apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.charts2-marker{stroke:var(--charts-secondary-label-color);stroke-width:1px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.charts2-slice-label{pointer-events:none;fill:#fff;font:600 10px system-ui,sans-serif}.charts2-mark{cursor:default;transform-origin:50%;transform-box:fill-box;outline:none}.charts2-selectable-mark{cursor:pointer}.charts2-x-hit{fill:#0000;stroke:#0000;stroke-width:1px;vector-effect:non-scaling-stroke}.charts2-x-hit.is-hovered,.charts2-x-hit.is-active{fill:var(--charts-focus-ring);fill-opacity:.08}.charts2-interactive-mark.is-hovered,.charts2-visual-mark.is-hovered{filter:brightness(.96)saturate(1.08)}.charts2-interactive-mark:focus-visible{filter:drop-shadow(0 0 1px var(--charts-tooltip-bg)) drop-shadow(0 0 2px var(--charts-focus-ring))}.charts2-interactive-mark.is-active{filter:brightness(.92) saturate(1.12) drop-shadow(0 0 2px var(--charts-focus-ring))}.charts2-interactive-mark.is-pressed{opacity:.72}.charts2-point-hit{stroke-width:2px;vector-effect:non-scaling-stroke}.charts2-point-hit.is-hovered,.charts2-point-hit.is-active{fill:var(--charts-focus-ring);fill-opacity:.08;stroke:currentColor;stroke-opacity:.42}@media (hover:hover) and (pointer:fine){.charts2-x-hit:hover{fill:var(--charts-focus-ring);fill-opacity:.08}.charts2-previewable-mark:hover{filter:brightness(.96)saturate(1.08)}.charts2-point-hit:hover{fill:var(--charts-focus-ring);fill-opacity:.08;stroke:currentColor;stroke-opacity:.42}}.charts2-point-halo{pointer-events:none;fill:var(--charts-point-fill);stroke:var(--charts-point-fill);stroke-width:5px;vector-effect:non-scaling-stroke}.charts2-point,.charts2-scatter{stroke-width:3px;vector-effect:non-scaling-stroke}.charts2-legend-group{pointer-events:none}.charts2-legend-swatch{vector-effect:non-scaling-stroke}.charts2-line.charts2-series-1{stroke-dasharray:8 4}.charts2-line.charts2-series-2{stroke-dasharray:2 3}.charts2-line.charts2-series-3{stroke-dasharray:10 3 2 3}.charts2-heat-cell{stroke:var(--charts-mark-separator);stroke-width:1px}.charts2-timesheet-bar{vector-effect:non-scaling-stroke}.charts2-tooltip{z-index:20;box-sizing:border-box;width:max-content;max-width:min(280px,100% - 16px);max-height:min(240px,100% - 8px);color:var(--charts-tooltip-value,#1d1d1f);overflow-wrap:anywhere;white-space:normal;pointer-events:none;background:var(--charts-tooltip-bg,#fffffff5);border:1px solid #00000014;border-radius:8px;padding:8px 10px;font:500 12px/1.3 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:absolute;overflow:hidden;transform:translate(-50%,-100%);box-shadow:0 4px 14px #0000001f}.charts2-tooltip[hidden]{display:none}.charts2-tooltip-heading{color:var(--charts-secondary-label-color);text-wrap:balance;margin-bottom:6px;font-weight:500}.charts2-tooltip-row{grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:160px;display:grid}.charts2-tooltip-row+.charts2-tooltip-row{margin-top:4px}.charts2-tooltip-row .charts2-series-swatch{border-radius:50%;width:8px;height:8px}.charts2-tooltip-row span{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.charts2-tooltip-row strong{font-variant-numeric:tabular-nums;font-weight:600}@media (prefers-reduced-motion:no-preference){.charts2-mark{transition:filter .16s,opacity .16s,transform .16s,stroke-width .16s}}@media (prefers-reduced-motion:reduce){.charts2-mark{transition:none!important}}@media (prefers-color-scheme:dark){:root{--charts-label-color:#f2f2f7;--charts-secondary-label-color:#aeaeb2;--charts-axis-line-color:#3a3a3c;--charts-tooltip-bg:#2c2c2ef5;--charts-tooltip-value:#fff;--charts-mark-separator:#1c1c1e;--charts-point-fill:#1c1c1e}}@media (prefers-contrast:more){:root{--charts-axis-line-color:#8e8e93}.charts2-interactive-mark:focus-visible,.charts2-interactive-mark.is-active{filter:drop-shadow(0 0 3px var(--charts-focus-ring))}.charts2-annotation{font-weight:600}}@media (forced-colors:active){.charts2-annotation{fill:canvastext!important}}:root{font-synthesis:none;color:#1c2226;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:var(--charts2-demo-background);--charts2-demo-blue:#4f5d69;--charts2-demo-blue-hover:#1c2226;--charts2-demo-blue-soft:#e0e6eb;--charts2-demo-coral:#d9785e;--charts2-demo-ink:#1c2226;--charts2-demo-muted:#4f5d69;--charts2-demo-purple:#8267aa;--charts2-demo-purple-soft:#ece6f5;--charts2-demo-border:#c6d0d8;--charts2-demo-surface:#edf1f4;--charts2-demo-background:#e0e6eb;--charts2-demo-elevated:#fff;--charts2-demo-shadow:0 18px 50px #1c22261c, 0 2px 8px #1c22260f;--charts2-demo-shadow-hover:0 24px 60px #1c222626, 0 3px 10px #1c222614;--charts-label-color:var(--charts2-demo-ink);--charts-secondary-label-color:var(--charts2-demo-muted);--charts-axis-line-color:#d3dce3;--charts-tooltip-bg:#fffffff5;--charts-tooltip-value:var(--charts2-demo-ink);--charts-focus-ring:var(--charts2-demo-blue);--charts-mark-separator:var(--charts2-demo-elevated);--charts-point-fill:var(--charts2-demo-elevated);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--charts2-demo-background);min-height:100vh;margin:0}main{width:min(1200px,100% - 56px);margin:auto}h1,h2,h3,.brand,article header strong,.preview-library strong,.preview-summary strong{font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}h1,h2,h3{text-wrap:balance}.site-header{justify-content:space-between;align-items:center;min-height:86px;padding:18px 0;display:flex}.site-header nav{align-items:center;gap:24px;display:flex}.site-header a{color:var(--charts2-demo-muted);font-size:14px;text-decoration:none}.site-header a:hover{color:var(--charts2-demo-blue)}.brand{letter-spacing:-.6px;align-items:center;gap:10px;font-weight:750;display:inline-flex;color:var(--charts2-demo-ink)!important;font-size:22px!important}.brand-mark{width:32px;height:32px;color:var(--charts2-demo-ink);fill:currentColor}.site-header .header-cta{color:#fff;background:var(--charts2-demo-blue);border-radius:9px;min-height:40px;padding:10px 15px;font-weight:650;box-shadow:0 4px 12px #1c222629}.site-header .header-cta:hover{color:#fff;background:var(--charts2-demo-blue-hover)}.hero{grid-template-columns:minmax(320px,.78fr) minmax(610px,1.22fr);align-items:stretch;gap:clamp(32px,4.4vw,64px);max-width:none;min-height:650px;padding:18px 0 72px;display:grid}.hero-rail{flex-direction:column;justify-content:center;min-width:0;padding:6px 0 8px;display:flex}.hero-copy{text-align:left;min-width:0;max-width:470px}h1{letter-spacing:-2.2px;margin:0 0 22px;font-size:clamp(40px,4vw,52px);font-weight:740;line-height:1.08}h1 em{color:var(--charts2-demo-blue);font-style:normal}.lede{max-width:460px;color:var(--charts2-demo-muted);margin:0;font-size:17px;line-height:1.6}.actions{align-items:center;gap:18px;margin-top:28px;display:flex}.primary-action,button{min-height:44px;font:inherit;padding:12px 19px;font-size:14px;font-weight:600}.primary-action{color:#fff;background:var(--charts2-demo-blue);border:1px solid #1c222629;border-radius:11px;align-items:center;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #1c22262e}.primary-action:hover{background:var(--charts2-demo-blue-hover);transform:translateY(-1px)}.text-action{color:var(--charts2-demo-muted);cursor:pointer;box-shadow:none;background:0 0;border:0;padding:8px 0}.text-action:hover{color:var(--charts2-demo-blue);background:0 0;transform:none}button:focus-visible{outline:3px solid color-mix(in srgb, var(--charts2-demo-blue) 38%, transparent);outline-offset:2px}code{color:var(--charts2-demo-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hero-preview{background:var(--charts2-demo-elevated);border:1px solid var(--charts2-demo-border);min-width:0;box-shadow:var(--charts2-demo-shadow);border-radius:18px;overflow:hidden}.preview-toolbar,.preview-summary,.preview-footer{align-items:center;display:flex}.preview-toolbar{background:var(--charts2-demo-elevated);border-bottom:1px solid var(--charts2-demo-border);gap:12px;min-height:48px;padding:0 16px;font-size:12px}.preview-toolbar>strong{font-weight:650}.preview-dots{gap:5px;display:inline-flex}.preview-dots i{background:#d7d2cb;border-radius:50%;width:8px;height:8px}.preview-dots i:first-child{background:#e78668}.preview-dots i:nth-child(2){background:#e9b957}.preview-dots i:last-child{background:#69ae71}.preview-live{color:#287450;text-transform:uppercase;letter-spacing:.5px;background:#e4f3e9;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:10px;font-weight:700}.preview-workspace{grid-template-columns:126px minmax(0,1fr);min-height:596px;display:grid}.preview-sidebar{color:#74808b;background:var(--charts2-demo-surface);border-right:1px solid var(--charts2-demo-border);flex-direction:column;gap:4px;padding:22px 12px;font-size:11px;display:flex}.preview-sidebar strong{color:var(--charts2-demo-ink);padding:0 9px 12px;font-size:13px}.preview-sidebar span{border-radius:7px;align-items:center;gap:8px;padding:8px 9px;display:flex}.preview-sidebar span i{background:#c7d0da;border-radius:2px;width:8px;height:8px}.preview-sidebar span.is-active{color:var(--charts2-demo-blue);background:color-mix(in srgb, var(--charts2-demo-blue) 14%, var(--charts2-demo-surface));font-weight:650}.preview-sidebar span.is-active i{background:var(--charts2-demo-blue)}.preview-sidebar small{color:#9aa4ae;text-transform:uppercase;letter-spacing:.5px;padding:19px 9px 4px;font-size:9px;font-weight:700}.preview-main{background:var(--charts2-demo-surface);min-width:0;padding:22px}.preview-heading{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.preview-heading small,.preview-heading strong{display:block}.preview-heading small{color:var(--charts2-demo-muted);margin-bottom:4px;font-size:10px}.preview-heading strong{letter-spacing:-.5px;font-size:21px}.preview-heading>span{color:var(--charts2-demo-muted);background:var(--charts2-demo-elevated);border:1px solid var(--charts2-demo-border);border-radius:7px;padding:7px 9px;font-size:9px}.preview-summary{justify-content:space-between;padding:0 2px 14px}.preview-summary span,.preview-summary strong{display:block}.preview-summary span{color:var(--charts2-demo-muted);margin-bottom:5px;font-size:12px}.preview-summary strong{letter-spacing:-1px;font-size:28px}.preview-summary small{color:#287450;background:#e4f3e9;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:650}.preview-chart-card{background:var(--charts2-demo-elevated);border:1px solid var(--charts2-demo-border);border-radius:12px;padding:14px 14px 8px}.preview-chart-title{justify-content:space-between;align-items:baseline;padding:0 3px;font-size:10px;display:flex}.preview-chart-title strong{font-size:11px}.preview-chart-title span{color:var(--charts2-demo-muted)}#hero-revenue{margin:-2px -4px 0}.preview-footer{color:var(--charts2-demo-muted);border-top:1px solid var(--charts2-demo-border);gap:14px;padding:8px 2px 0;font-size:11px}.preview-insights{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px;display:grid}.preview-insights div{background:var(--charts2-demo-elevated);border:1px solid var(--charts2-demo-border);border-radius:10px;padding:12px}.preview-insights span,.preview-insights strong,.preview-insights small{display:block}.preview-insights span{color:var(--charts2-demo-muted);font-size:9px}.preview-insights strong{margin:5px 0 3px;font-size:15px}.preview-insights small{color:#4f8b67;font-size:8px}.preview-library{color:var(--charts2-demo-muted);background:color-mix(in srgb, var(--charts2-demo-elevated) 64%, transparent);border:1px solid var(--charts2-demo-border);border-radius:8px;grid-template-columns:1.45fr repeat(3,.72fr) 1.35fr;align-items:center;margin-top:10px;display:grid;overflow:hidden}.preview-library>*{min-width:0;padding:8px 9px;font-size:7px;line-height:1.25}.preview-library>*+*{border-left:1px solid var(--charts2-demo-border)}.preview-library strong{color:var(--charts2-demo-ink);letter-spacing:-.1px;font-size:8px}.preview-library b{color:var(--charts2-demo-ink);margin-bottom:2px;font-size:10px;font-weight:650;display:block}.preview-library-bundle b,.preview-library-bundle small{white-space:nowrap;display:inline}.preview-library-bundle small{margin-left:2px;font-size:6px}.preview-library-bundle i{margin-top:2px;font-style:normal;display:block}.preview-footer>span{align-items:center;gap:6px;display:inline-flex}.preview-footer small{color:var(--charts2-demo-muted);margin-left:auto}.preview-key{border-radius:50%;width:8px;height:8px}.preview-key-current{background:var(--charts2-demo-blue)}.preview-key-plan{background:var(--charts2-demo-coral)}.support-overview{padding:0 0 88px;scroll-margin-top:24px}.support-overview-header{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:20px;margin-bottom:28px;display:grid}.support-overview-header>div{grid-column:1/7}.support-overview-header h2{letter-spacing:-1.25px;margin:0;font-size:36px;line-height:1.12}.support-overview-header>p{max-width:520px;color:var(--charts2-demo-muted);grid-column:8/13;margin:0;font-size:14px;line-height:1.6}.support-families{background:var(--charts2-demo-elevated);border:1px solid var(--charts2-demo-border);border-radius:16px;grid-template-columns:minmax(0,7fr) minmax(0,5fr) minmax(104px,1.7fr) minmax(104px,1.7fr);display:grid;overflow:hidden;box-shadow:0 10px 36px #32485e0d}.support-family{min-width:0;padding:20px}.support-family+.support-family{border-inline-start:1px solid var(--charts2-demo-border)}.support-family>header{align-items:baseline;margin-bottom:14px;display:flex}.support-family h3{letter-spacing:-.1px;margin:0;font-size:14px}.support-types{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:8px;display:grid}.support-family-cartesian .support-types{grid-template-columns:repeat(7,minmax(0,1fr))}.support-family-radial .support-types{grid-template-columns:repeat(5,61px);justify-content:center;gap:5px}.support-family-small .support-types{grid-template-columns:61px;justify-content:center}.support-types a{min-width:0;color:var(--charts2-demo-muted);text-align:center;border-radius:12px;padding:9px 3px 7px;text-decoration:none;transition:color .14s,transform .14s}.support-types a:hover{color:var(--charts2-demo-blue);background:var(--charts2-demo-blue-soft);transform:translateY(-1px)}.support-types a:focus-visible{outline:3px solid color-mix(in srgb, var(--charts2-demo-blue) 38%, transparent);outline-offset:1px}.support-types svg{fill:none;stroke:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;width:54px;max-width:100%;height:34px;margin:0 auto 8px;display:block;overflow:visible}.support-types .support-guide{fill:none;stroke:var(--charts2-demo-border);stroke-width:1.25px}.support-types .support-guide-fill{fill:var(--charts2-demo-border);stroke:none}.support-types .support-primary{fill:none;stroke:var(--charts2-demo-blue);stroke-width:2px}.support-types .support-secondary{fill:none;stroke:var(--charts2-demo-purple);stroke-width:1.75px}.support-types .support-primary-fill{fill:var(--charts2-demo-blue-soft);stroke:var(--charts2-demo-blue);stroke-width:1.5px}.support-types .support-primary-soft-fill{opacity:.62;fill:var(--charts2-demo-blue-soft);stroke:var(--charts2-demo-blue);stroke-width:1px}.support-types .support-secondary-fill{fill:var(--charts2-demo-purple-soft);stroke:var(--charts2-demo-purple);stroke-width:1.5px}.support-types .support-mark circle{fill:var(--charts2-demo-elevated);stroke:var(--charts2-demo-blue);stroke-width:1.75px}.support-types .support-secondary-mark circle{fill:var(--charts2-demo-elevated);stroke:var(--charts2-demo-purple);stroke-width:1.5px}.support-types .support-guide-ring,.support-types .support-primary-ring,.support-types .support-secondary-ring{fill:none;transform-origin:50%;transform:rotate(-90deg)}.support-types .support-guide-ring{stroke:var(--charts2-demo-border);stroke-width:6px}.support-types .support-primary-ring{stroke:var(--charts2-demo-blue);stroke-width:6px;stroke-dasharray:56 44}.support-types .support-secondary-ring{stroke:var(--charts2-demo-purple);stroke-width:6px;stroke-dasharray:23 77;stroke-dashoffset:-59px}.support-types .support-thin-ring{stroke-width:1px}.support-types .support-heatmap rect{fill:var(--charts2-demo-blue);stroke:none}.support-types .support-heatmap .level-1{opacity:.2}.support-types .support-heatmap .level-2{opacity:.42}.support-types .support-heatmap .level-3{opacity:.68}.support-types .support-heatmap .level-4{opacity:1}.support-types a>span{min-height:27px;color:inherit;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.2;display:block}.gallery{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;padding-bottom:88px;display:grid}.gallery>article{grid-column:span 6}.showcase-group+.showcase-group{border-top:1px solid var(--charts2-demo-border);padding-top:72px}.showcase-group-header{width:min(100%,510px);margin-bottom:28px}.showcase-group-compare .showcase-group-header{margin-left:auto}.showcase-group-compose .showcase-group-header{margin-left:16.666%}.showcase-group-header h3{letter-spacing:-.9px;margin:0;font-size:30px;line-height:1.12}article{background:var(--charts2-demo-elevated);border:1px solid var(--charts2-demo-border);border-radius:16px;min-width:0;padding:26px;box-shadow:0 2px 12px #1c22260f}.spotlight-card{background:linear-gradient(135deg, color-mix(in srgb, var(--charts2-demo-blue) 8%, var(--charts2-demo-elevated)), transparent 42%), var(--charts2-demo-elevated)}article.wide{grid-column:1/-1}.showcase-group-trends .gallery>article:first-child{grid-column:2/13}.showcase-group-trends .gallery>article:nth-child(2){grid-column:1/7}.showcase-group-trends .gallery>article:nth-child(3){grid-column:7/13}.showcase-group-trends .gallery>article:nth-child(4){grid-column:2/8}.showcase-group-trends .gallery>article:nth-child(5){grid-column:8/13}.showcase-group-trends .gallery>article:nth-child(6){grid-column:1/7}.showcase-group-trends .gallery>article:nth-child(7){grid-column:7/13}.showcase-group-compare .gallery>article:first-child{grid-column:1/8}.showcase-group-compare .gallery>article:nth-child(2){grid-column:8/13}.showcase-group-compare .gallery>article:nth-child(3){grid-column:2/7}.showcase-group-compare .gallery>article:nth-child(4){grid-column:7/13}.showcase-group-compare .gallery>article:nth-child(5){grid-column:1/7}.showcase-group-compare .gallery>article:nth-child(6){grid-column:7/12}.showcase-group-compose .gallery>article:first-child{grid-column:1/7}.showcase-group-compose .gallery>article:nth-child(2){grid-column:7/13}.showcase-group-compose .gallery>article:nth-child(3){grid-column:2/8}.showcase-group-compose .gallery>article:nth-child(4){grid-column:8/13}.showcase-group-compose .gallery>article:nth-child(5){grid-column:1/12}.percentage-card{align-self:start}article header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.tag{min-height:0;color:var(--charts2-demo-muted);text-transform:uppercase;letter-spacing:.65px;background:0 0;padding:0;font-size:10px;font-weight:700;display:block}article h2{letter-spacing:-.2px;margin:5px 0 0;font-size:19px;font-weight:680}article header strong{font-size:23px;font-weight:700}.selection-status{min-height:18px;color:var(--charts2-demo-muted);margin:8px 4px 0;font-size:12px;line-height:1.45}.selection-status:empty{display:none}#heatmap{width:100%;max-width:100%}.spark-section{border-top:1px solid var(--charts2-demo-border);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:20px;padding:88px 0 104px;display:grid}.spark-section>.section-copy{grid-column:1/5;margin-bottom:0}.section-copy{max-width:560px;margin-bottom:32px}.section-copy h2{letter-spacing:-1.5px;margin:0 0 12px;font-size:42px}.section-copy p:last-child{color:var(--charts2-demo-muted)}.spark-grid{grid-column:5/13;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.spark-grid article:nth-child(2){transform:translateY(22px)}.spark-grid article:nth-child(3){transform:translateY(44px)}.spark-grid article header{color:var(--charts2-demo-muted);justify-content:flex-start;gap:4px}.spark-grid article header>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.spark-grid article strong{color:var(--charts2-demo-ink);order:3;margin-left:auto}.spark-grid .example-code-actions{order:2;margin-left:0}.snippet{border-top:1px solid var(--charts2-demo-border);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:20px;padding:96px 0 120px;display:grid}.snippet>*{min-width:0}.snippet>div{grid-column:1/5}.snippet>pre{grid-column:5/13}.snippet h2{letter-spacing:-1.3px;margin:0 0 18px;font-size:42px;line-height:1.1}.snippet>div>p:last-child{max-width:420px;color:var(--charts2-demo-muted);line-height:1.65}.snippet-actions{flex-flow:wrap;align-items:center;gap:16px;margin-top:26px;display:flex}.snippet-actions>a:last-child{color:var(--charts2-demo-muted);font-size:14px;font-weight:650;text-decoration:none}.snippet-actions>a:last-child:hover{color:var(--charts2-demo-blue)}.snippet-actions>a:last-child:focus-visible{outline:3px solid color-mix(in srgb, var(--charts2-demo-blue) 38%, transparent);outline-offset:3px}pre{width:100%;max-width:100%;box-shadow:var(--charts2-demo-shadow);background:#1c2226;border:1px solid #ffffff14;border-radius:20px;margin:0;padding:28px;overflow:auto}pre code{color:#edf1f4;width:max-content;line-height:1.75;display:block}.site-footer{width:min(1180px,100% - 48px);color:var(--charts2-demo-muted);border-top:1px solid var(--charts2-demo-border);justify-content:space-between;align-items:center;margin:auto;padding:24px 0 36px;font-size:12px;display:flex}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--charts2-demo-blue)}.site-footer a:focus-visible{outline:3px solid color-mix(in srgb, var(--charts2-demo-blue) 38%, transparent);outline-offset:2px}@media (width<=960px){.hero{grid-template-columns:1fr;gap:48px;min-height:0}.hero-preview{width:min(100%,760px)}.support-families{grid-template-columns:repeat(2,minmax(0,1fr))}.support-family+.support-family{border-inline-start:0}.support-family:nth-child(2n){border-inline-start:1px solid var(--charts2-demo-border)}.support-family:nth-child(n+3){border-top:1px solid var(--charts2-demo-border)}.support-family-small .support-types{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.support-family-cartesian .support-types,.support-family-radial .support-types{grid-template-columns:repeat(auto-fit,minmax(61px,1fr));gap:8px}}@media (width<=760px){main{width:min(100% - 28px,1180px)}.site-header{min-height:68px;padding:10px 0}.site-header nav{gap:12px}.site-header nav a:first-child,.site-header nav a[href^="https://github.com"]{display:none}.brand{font-size:19px!important}.brand-mark{width:28px;height:28px}.hero{gap:40px;padding:28px 0 52px}h1{letter-spacing:-2px;font-size:40px}.lede{font-size:17px}.gallery,.spark-section,.spark-grid,.snippet{grid-template-columns:1fr}.gallery>article,article.wide,.showcase-group-trends .gallery>article:nth-child(n),.showcase-group-compare .gallery>article:nth-child(n),.showcase-group-compose .gallery>article:nth-child(n),.spark-section>.section-copy,.spark-grid,.snippet>div,.snippet>pre,.support-overview-header>div,.support-overview-header>p{grid-column:auto}.showcase-group-compose .showcase-group-header{margin-left:0}.spark-grid article:nth-child(n){transform:none}.actions{flex-flow:wrap;align-items:center}.site-footer{flex-direction:column;align-items:flex-start;gap:12px;width:min(100% - 28px,1180px)}.support-overview{padding-bottom:56px}.support-overview-header,.support-families{grid-template-columns:1fr}.support-family:nth-child(2n){border-inline-start:0}.support-family+.support-family{border-top:1px solid var(--charts2-demo-border)}.support-overview-header{gap:12px}.support-types{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.support-family-cartesian .support-types,.support-family-radial .support-types{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-preview{border-radius:14px;margin-top:44px}.preview-workspace{grid-template-columns:1fr;min-height:0}.preview-sidebar{display:none}.preview-main{padding:16px 12px}.preview-summary{align-items:flex-end}.preview-summary strong{font-size:25px}.preview-summary small{font-size:10px}.preview-footer{flex-wrap:wrap}.preview-footer small{flex-basis:100%;margin:2px 0 0}.preview-insights{grid-template-columns:1fr;gap:6px}.preview-insights div{padding:10px 8px}.preview-insights div:nth-child(n+2){display:none}.preview-library{grid-template-columns:repeat(3,1fr)}.preview-library>*{border-top:1px solid var(--charts2-demo-border);border-left:0}.preview-library>strong{border-top:0;grid-column:1/3}.preview-library-bundle{border-top:0;grid-area:1/3}.preview-library>:nth-child(3),.preview-library>:nth-child(4),.preview-library-bundle{border-left:1px solid var(--charts2-demo-border)}article{border-radius:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}article,button,.support-types a{transition:none}}@media (prefers-color-scheme:dark){:root{color:#fff;--charts2-demo-ink:#fff;--charts2-demo-muted:#b8c2ca;--charts2-demo-border:#4f5d69;--charts2-demo-surface:#252c31;--charts2-demo-background:#1c2226;--charts2-demo-elevated:#252c31;--charts2-demo-blue:#e0e6eb;--charts2-demo-blue-hover:#fff;--charts2-demo-blue-soft:#4f5d69;--charts2-demo-purple:#b09ad1;--charts2-demo-purple-soft:#443b50;--charts2-demo-shadow:0 18px 50px #0003, 0 2px 8px #0000002e;--charts2-demo-shadow-hover:0 24px 60px #00000047, 0 3px 10px #00000038;--charts-axis-line-color:#4f5d69;--charts-tooltip-bg:#1c2226f5}body{background:var(--charts2-demo-background)}.site-header .header-cta,.site-header .header-cta:hover,.primary-action,.primary-action:hover{color:#1c2226}.support-families{background:#252c31d1}.preview-toolbar,.preview-main{background:#252c31}.preview-sidebar{color:#b8c2ca;background:#1c2226}.preview-sidebar strong,.preview-heading strong{color:var(--charts2-demo-ink)}.preview-heading>span,.preview-chart-card,.preview-insights div{background:#303940}.spotlight-card{background:linear-gradient(135deg, #4f5d6980, transparent 42%), var(--charts2-demo-elevated)}.preview-live,.preview-summary small{color:#8ad5a8;background:#1c3e2c}pre{border:1px solid var(--charts2-demo-border);background:#1c2226}}.example-code-actions{flex:none;align-items:center;gap:6px;margin-left:12px;display:flex}.example-code-copy{width:28px;min-width:28px;height:28px;min-height:28px;color:var(--charts2-demo-muted);cursor:pointer;opacity:.55;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;padding:0;transition:color .14s,background .14s,border-color .14s,opacity .14s;display:inline-grid}.example-code-copy svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.example-code-copy:hover{color:var(--charts2-demo-ink);background:color-mix(in srgb, var(--charts2-demo-surface) 72%, transparent);border-color:color-mix(in srgb, var(--charts2-demo-border) 65%, transparent);opacity:1}.example-code-copy.is-copied{color:var(--charts2-demo-blue);opacity:1}.example-code-copy:focus-visible{outline:3px solid color-mix(in srgb, var(--charts2-demo-blue) 28%, transparent);outline-offset:2px;opacity:1}