.vui-chart{--surface-page:var(--vui-surface-page);--text-primary:var(--vui-text-primary);--accent:var(--vui-accent);--font-mono:var(--vui-font-sans);--duration-fast:var(--vui-duration-fast);--ease-out:var(--vui-ease-out);--space-1:var(--vui-space-1);--space-2:var(--vui-space-2);--space-3:var(--vui-space-3);--radius-sm:var(--vui-radius-sm);--shadow-md:var(--vui-shadow-md);--text-caption:var(--vui-text-caption);--weight-medium:var(--vui-weight-medium);--leading-snug:var(--vui-leading-snug);--focus:var(--vui-focus)}.has-chart-hover{position:relative}.chart-hover__hit{fill:#0000}.chart-hover__ind{opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out)}.chart-hover__ind.is-on{opacity:1}.chart-hover__band{fill:color-mix(in oklch, var(--ch-figure) 7%, transparent)}.chart-hover__rule{stroke:color-mix(in oklch, var(--ch-figure) 30%, transparent);stroke-width:1px}.has-chart-hover [data-cg=dots][data-i],.has-chart-hover [data-cg=dot-images][data-i]{transition:opacity var(--duration-fast) var(--ease-out), fill-opacity var(--duration-fast) var(--ease-out)}.has-chart-hover [data-hover=lift] .chart-hover__band{fill:color-mix(in oklch, var(--ch-figure) 4%, transparent)}.has-chart-hover [data-cg=dots][data-i].is-lit{fill-opacity:1}.has-chart-hover [data-cg=dot-images][data-i].is-lit{opacity:1}.vui-chart__cursor{opacity:0;pointer-events:none}.vui-chart__cursor.is-on{opacity:1}.vui-chart__cursor-rule{stroke:color-mix(in oklch, var(--ch-figure) 45%, transparent);stroke-width:1px;stroke-dasharray:4 4}.vui-chart__cursor-tag{fill:var(--ch-figure)}.vui-chart__cursor-text{fill:var(--ch-ground)}.chart-hover__dot{fill:var(--ch-figure);stroke:var(--ch-ground);stroke-width:2px}.chart-tip{z-index:2;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);position:absolute;top:0;left:0}.chart-tip:not(.chart-tip--ink){gap:var(--space-1);min-width:max-content;padding:var(--chart-tip-pad,var(--space-1) var(--space-2));background:var(--chart-tip-panel,var(--ch-ground));color:var(--chart-tip-ink,var(--ch-figure));border:1px solid var(--chart-tip-edge,transparent);box-shadow:var(--chart-tip-shadow,none);border-radius:var(--chart-tip-radius,var(--radius-sm));font-family:var(--chart-tip-font,var(--chart-tip-figure-font));font-size:var(--chart-tip-size,var(--chart-tip-figure-size));font-weight:var(--chart-tip-weight,inherit);line-height:var(--chart-tip-leading,inherit);display:grid}.chart-tip.is-on{opacity:1}.chart-tip__note{max-width:var(--chart-tip-max,16rem);white-space:normal}.chart-tip:before{content:"";left:var(--chart-tip-arrow-x,50%);background:inherit;width:8px;height:8px;display:var(--chart-tip-arrow,none);position:absolute;bottom:-4px;transform:translate(-50%)rotate(45deg)}.chart-tip--below:before{top:-4px;bottom:auto}.chart-tip--ink{--vui-tooltip-fill:var(--ch-figure);--chart-tip-arrow:block}.chart-tip__cat{color:var(--chart-tip-ink,var(--chart-tip-figure-axis))}.chart-tip__cat--caps{letter-spacing:.06em;text-transform:uppercase}.chart-tip__name{color:var(--chart-tip-ink,var(--chart-tip-figure-note))}.chart-tip__row{gap:var(--space-2);align-items:center;display:flex}.chart-tip__swatch{width:var(--chart-tip-swatch,12px);height:var(--chart-tip-swatch,12px);border-radius:calc(var(--chart-tip-swatch,12px) / 4);flex:none}.chart-tip__val{color:var(--chart-tip-ink,var(--ch-figure));font-variant-numeric:tabular-nums;margin-inline-start:auto}.chart-tip__title{font-weight:600}.chart-tip__titled{gap:var(--space-2);align-items:center;display:flex}.chart-tip__image{border-radius:50%;flex:none;width:20px;height:20px}.chart-tip__table{display:grid}.chart-tip__line{justify-content:space-between;gap:var(--space-3);font-weight:400;display:flex}.chart-tip__label{opacity:.7}.chart-tip__fig--strong{font-weight:600}@media (prefers-reduced-motion:reduce){.chart-hover__ind,.chart-tip{transition:none}}.chart-press{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.chart-press__btn,.chart-press__dot{appearance:none;pointer-events:none;background:0 0;border:0;margin:0;padding:0;position:absolute}.chart-press__btn:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.chart-press__dot:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-radius:50%}.vui-chart-fluid svg{width:100%;height:auto;display:block;overflow:visible}