.viz {
  --viz-serie: #2a78d6;
  --viz-serie-attiva: #1c5cab;
  --viz-griglia: #e9ecef;
  --viz-asse: #ced4da;
  --viz-testo: #6c757d;
  --viz-testo-forte: #212529;
}
.viz-scorrimento { overflow-x: auto; }
.viz svg { display: block; width: 100%; min-width: 560px; height: auto; }
.viz-griglia { stroke: var(--viz-griglia); stroke-width: 1; shape-rendering: crispEdges; }
.viz-asse { stroke: var(--viz-asse); stroke-width: 1; shape-rendering: crispEdges; }
.viz-testo { fill: var(--viz-testo); font-size: 11px; font-variant-numeric: tabular-nums; }
.viz-valore { fill: var(--viz-testo-forte); font-size: 11px; font-weight: 600; }
.viz-colonna-area { fill: transparent; }
.viz-colonna-barra { fill: var(--viz-serie); }
.viz-colonna { cursor: default; outline: none; }
.viz-colonna:hover .viz-colonna-barra,
.viz-colonna:focus .viz-colonna-barra { fill: var(--viz-serie-attiva); }
.viz-colonna:focus-visible .viz-colonna-area { stroke: var(--viz-serie-attiva); stroke-width: 1; }
.statistica-valore { font-size: 2rem; font-weight: 600; line-height: 1.1; }
.numeri { font-variant-numeric: tabular-nums; }
.dettagli-json { white-space: pre-wrap; word-break: break-word; font-size: .8rem; margin: 0; }