.axis text { font: 10px sans-serif; }
.chartTitle { font-size: 12px; font-weight: bold; text-anchor: middle; }
.axis .title { font-weight: bold; text-anchor: middle; }
.axis { fill: none; stroke: none; }
.nav .area { fill: lightgrey; stroke-width: 0px; }
.nav .line { fill: none; stroke: darkgrey; stroke-width: 1px; }
.viewport { stroke: grey; fill: black; fill-opacity: 0.3; }
.viewport .extent { fill: green; }
#viz-container { background: var(--bs-body-bg); padding: 1rem; border-radius: 0.5rem; }