.chart-readout{gap:6px;padding:2px 12px;display:grid}.chart-readout p{margin:0}.chart-readout__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.chart-readout__label{font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans);color:var(--muted)}.chart-readout__value{font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans);color:var(--text);font-variant-numeric:tabular-nums}.chart-readout__bar{background:var(--chart-grid);border-radius:999px;height:10px;display:flex;overflow:hidden}.chart-readout__segment{flex:var(--chart-readout-size,0) 1 0;min-width:0;transition:flex-grow .25s}.chart-readout__segment:not(.chart-readout__segment--empty)~.chart-readout__segment:not(.chart-readout__segment--empty){border-left:2px solid var(--surface)}.chart-readout__segment--start{background:var(--chart-start)}.chart-readout__segment--contrib{background:var(--chart-contrib)}.chart-readout__segment--interest{background:var(--chart-interest)}.chart-readout__segment--line{background:var(--chart-line)}.chart-readout__segment--neutral{background:var(--chart-neutral)}.chart-readout__segment--profit{background:var(--chart-profit)}.chart-readout__segment--loss{background:var(--chart-loss)}.chart-readout__note,.chart-readout__parts{font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);color:var(--muted)}.chart-readout__note strong{color:var(--text);font-variant-numeric:tabular-nums}.chart-readout__parts{white-space:nowrap;gap:14px;display:flex;overflow:hidden}.chart-readout__part{text-overflow:ellipsis;min-width:0;overflow:hidden}.chart-readout__part-label{margin-right:2px}.chart-readout__part-value{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.chart-readout__swatches{margin-right:5px}.chart-readout__swatch{vertical-align:0;border-radius:3px;width:9px;height:9px;display:inline-block}.chart-readout__swatch+.chart-readout__swatch{margin-left:-2px}.chart-readout__swatch--start{background:var(--chart-start)}.chart-readout__swatch--contrib{background:var(--chart-contrib)}.chart-readout__swatch--interest{background:var(--chart-interest)}.chart-readout__swatch--line{background:var(--chart-line)}.chart-readout__swatch--neutral{background:var(--chart-neutral)}.chart-readout__swatch--profit{background:var(--chart-profit)}.chart-readout__swatch--loss{background:var(--chart-loss)}@media (prefers-reduced-motion:reduce){.chart-readout__segment{transition:none}}.chart-slider{padding:4px 12px 10px}.chart-slider__control{gap:2px;display:grid}.chart-slider__input{width:100%;height:28px;accent-color:var(--primary-btn);cursor:pointer;touch-action:pan-y;margin:0}.chart-slider__caption,.chart-slider__hint{font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;margin:0}.chart-slider__hint{display:none}@media (min-width:761px) and (hover:hover){.chart-slider__hint{display:block}.chart-slider__control:not(:focus-within){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media print{.chart-slider{display:none}}.chart-legend{padding:2px 12px 0;container-type:inline-size}.chart-legend__list{font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin:0;padding:0;list-style:none;display:grid}@container (width>=400px){.chart-legend__list{flex-wrap:wrap;justify-content:center;gap:4px 20px;display:flex}}.chart-legend__item{align-items:center;gap:7px;min-width:0;display:flex}.chart-legend__key{flex-shrink:0}.chart-legend__key--shape-area{border-radius:3px;width:10px;height:10px}.chart-legend__key--shape-line{border-radius:2px;width:14px;height:3px}.chart-legend__key--start{background:var(--chart-start)}.chart-legend__key--contrib{background:var(--chart-contrib)}.chart-legend__key--interest{background:var(--chart-interest)}.chart-legend__key--line{background:var(--chart-line)}.chart-legend__key--neutral{background:var(--chart-neutral)}.chart-legend__key--profit{background:var(--chart-profit)}.chart-legend__key--loss{background:var(--chart-loss)}