[data-tone=dark]{--line-chart-strong:var(--color-on-dark);--line-chart-body:var(--color-on-dark-body);--line-chart-muted:var(--color-on-dark-muted)}figure.line-chart{gap:var(--space-2);min-width:0;color:var(--line-chart-body);font-size:var(--text-small);line-height:var(--text-small-leading);flex-direction:column;margin:0;display:flex}figure.line-chart>.head{gap:var(--space-1) var(--space-3);flex-wrap:wrap;align-items:center;display:flex}figure.line-chart>.head>.title{color:var(--line-chart-strong);font-family:var(--font-heading);font-weight:var(--weight-heading);overflow-wrap:anywhere;margin-inline-end:auto}figure.line-chart>.head>.target{color:var(--line-chart-muted)}figure.line-chart>.legend,figure.line-chart>.plot>.y,figure.line-chart>.plot>.x{margin:0;padding:0;list-style:none}figure.line-chart>.legend{gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}figure.line-chart>.legend>li{gap:var(--space-2);overflow-wrap:anywhere;align-items:center;min-width:0;display:inline-flex}figure.line-chart>.legend>li>.swatch{inline-size:var(--space-5);block-size:var(--space-2);flex:none;overflow:visible}figure.line-chart>.plot>.y,figure.line-chart>.plot>.x{color:var(--line-chart-muted);font-family:var(--font-body);font-size:var(--text-caps);font-weight:var(--weight-chrome);line-height:var(--text-caps-leading);letter-spacing:var(--text-caps-tracking);white-space:nowrap}figure.line-chart>.plot{column-gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}figure.line-chart>.plot[data-y]{grid-template-columns:auto minmax(0,1fr)}figure.line-chart>.plot>.y{margin-block:calc(var(--text-caps) * var(--text-caps-leading) / -2);text-align:end;flex-direction:column;grid-row:1;justify-content:space-between;display:flex}figure.line-chart>.plot>.canvas{block-size:calc(3 * var(--space-8));grid-area:1/-2;grid-template-rows:minmax(0,1fr);display:grid}figure.line-chart[data-spark]>.plot>.canvas{block-size:var(--space-8)}figure.line-chart>.plot>.canvas>svg{grid-area:1/1;block-size:100%;inline-size:100%;overflow:visible}figure.line-chart>.plot>.x{grid-area:2/-2;justify-content:space-between;margin-block-start:var(--space-2);display:flex}figure.line-chart>.plot>.x>li[data-thin]{visibility:hidden;inline-size:0;overflow:hidden}@media (width>=48rem){figure.line-chart>.plot>.x>li[data-thin]{visibility:visible;inline-size:auto;overflow:visible}}figure.line-chart line,figure.line-chart polyline{fill:none;stroke-width:calc(2 * var(--line-width));stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}figure.line-chart>.plot>.canvas>svg>.grid{stroke:var(--fill-quiet);stroke-width:var(--line-width)}figure.line-chart>.plot>.canvas>svg>.area{fill:var(--fill-alt)}figure.line-chart>.plot>.canvas>svg>.target{stroke:var(--fill-strong);stroke-width:var(--line-width);stroke-dasharray:var(--space-1) var(--space-1);stroke-linecap:butt}figure.line-chart [data-line="0"]{stroke:var(--mark-emphasis);stroke-width:calc(3 * var(--line-width))}figure.line-chart [data-line="1"]{stroke:var(--fill-strong)}figure.line-chart [data-line="2"]{stroke:var(--fill-alt-strong);stroke-dasharray:var(--space-2) var(--space-1)}figure.line-chart [data-line="3"]{stroke:var(--fill-strong);stroke-dasharray:var(--line-width) var(--space-1)}figure.line-chart [data-line="4"]{stroke:var(--fill-alt-strong);stroke-dasharray:var(--space-3) var(--space-1) var(--line-width) var(--space-1)}figure.line-chart [data-line="5"]{stroke:var(--mark-emphasis);stroke-dasharray:var(--space-1) var(--space-1)}figure.line-chart>.said{inline-size:var(--line-width);block-size:var(--line-width);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){figure.line-chart[data-play-once=waiting]>.plot>.canvas>.over{clip-path:inset(0 100% 0 0)}figure.line-chart[data-play-once=played]>.plot>.canvas>.over{animation-name:line-chart-draw;animation-duration:var(--dur-800);animation-timing-function:var(--ease);animation-fill-mode:backwards}}@keyframes line-chart-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}