
.swatch {
  width: 10px;
  height: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: inline-block;
  margin-right: 3px;
  border-radius: 2px;
}

.legend {
display: inline-block;
vertical-align: top;
}

.charts {
display: inline-block;
position: relative;
background-color: white;
}

text {
  font: 12px sans-serif;
  pointer-events: none;
}

text.shadow {
  stroke: #fff;
  stroke-width: 3px;
  stroke-opacity: .8;
}


.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

circle {
  fill-opacity: .8;
  stroke: #fff;
}

path {
	stroke: none;
	stroke-width: 1;
	fill: none;
}
.axis {
  shape-rendering: crispEdges;
}
.x.axis line {
  stroke: lightgrey;
}
.x.axis .minor {
  stroke-opacity: .5;
}
.x.axis path {
  display: none;
}
.y.axis line, .y.axis path {
  fill: none;
  stroke: #000;
}
