/* SPDX-License-Identifier: MIT
 *
 * spark.css - SL_05C Part B. The server's sparkline (app/chart/svg.py) and its upgrade.
 *
 * One series class per mark, mapped to its token: the line, the area under it (the same token,
 * faint) and a year alone between gaps (a dot). No colour is chosen by which way a line goes.
 */
stonelane-spark { display: inline-block; line-height: 0; vertical-align: middle; }
.spark { display: block; }
.spark .area { stroke: none; opacity: 0.14; }
.spark .area.s-lca { fill: var(--series-lca); }
.spark .area.s-perm { fill: var(--series-perm); }
.spark .area.s-warn { fill: var(--series-warn); }
.spark circle.series { stroke: none; }
.spark circle.series.s-lca { fill: var(--series-lca); }
.spark circle.series.s-perm { fill: var(--series-perm); }
.spark circle.series.s-warn { fill: var(--series-warn); }

/* Upgraded: out of SIGHT, still in the accessibility tree with its <title> (SL_05A-2b's rule,
   for this component too). Two compounds, so it beats `.spark` above whatever the order; off to
   the left, so a replaced element that lays itself out from its viewBox cannot widen a page. */
svg.spark.visually-hidden {
  position: absolute; left: -10000px; top: auto;
  width: 1px; height: 1px; overflow: hidden;
}

/* The row's own window, under its line. */
.spark-window { display: block; margin-top: 0.15rem; font-size: 0.7rem; line-height: 1.2; color: var(--ink-2); }