body {
  font: 400 10px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #5d6263;
  shape-rendering: crispEdges;
}

.x.axis path {
  display: none;
}

.line {
  stroke: #5d6263;
  fill: none;
  stroke-width: 0.75px;
}

.line.education {
  stroke: #47c0be;
}

.line.water {
  stroke: #97d3c9;
}

.line.climate {
  stroke: #fcb749;
}

.line.food {
  stroke: #b0d256;
}

.line.government {
  stroke: #2da9e1;
}

.line.health {
  stroke: #ca3a28;
}

.line.job {
  stroke: #e8168b;
}

.line.transport {
  stroke: #fbe792;
}

.line.equality {
  stroke: #c84699;
}

.line.discrimination {
  stroke: #dec0ca;
}

.line.phone {
  stroke: #7cb5d6;
}

.line.politicalfreedoms {
  stroke: #723390;
}

.line.forests {
  stroke: #71be45;
}

.line.crime {
  stroke: #387195;
}

.line.energy {
  stroke: #a01c40;
}

.line.support {
  stroke: #233884;
}

.overlay {
  fill: none;
  pointer-events: all;
}

.focus circle.education {
  stroke: #47c0be;
  fill: #47c0be;
}

.focus circle.water {
  stroke: #97d3c9;
  fill: #97d3c9;
}

.focus circle.climate {
  stroke: #fcb749;
  fill: #fcb749;
}

.focus circle.food {
  stroke: #b0d256;
  fill: #b0d256;
}

.focus circle.government {
  stroke: #2da9e1;
  fill: #2da9e1;
}

.focus circle.health {
  stroke: #ca3a28;
  fill: #ca3a28;
}

.focus circle.job {
  stroke: #e8168b;
  fill: #e8168b;
}

.focus circle.transport {
  stroke: #fbe792;
  fill: #fbe792;
}

.focus circle.equality {
  stroke: #c84699;
  fill: #c84699;
}

.focus circle.discrimination {
  stroke: #dec0ca;
  fill: #dec0ca;
}

.focus circle.phone {
  stroke: #7cb5d6;
  fill: #7cb5d6;
}

.focus circle.politicalfreedoms {
  stroke: #723390;
  fill: #723390;
}

.focus circle.forests {
  stroke: #71be45;
  fill: #71be45;
}

.focus circle.crime {
  stroke: #387195;
  fill: #387195;
}

.focus circle.energy {
  stroke: #a01c40;
  fill: #a01c40;
}

.focus circle.support {
  stroke: #233884;
  fill: #233884;
}

.focus line {
  stroke: purple;
  shape-rendering: crispEdges;
}

.focus line.education {
  stroke: #47c0be;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.focus line.water {
  stroke: #97d3c9;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.focus line.climate {
  stroke: #fcb749;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.focus line.food {
  stroke: #b0d256;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.focus line.government {
  stroke: #2da9e1;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.focus line.health {
  stroke: #ca3a28;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.focus line.job {
  stroke: #e8168b;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.focus line.transport {
  stroke: #fbe792;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.focus line.equality {
  stroke: #c84699;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.focus line.discrimination {
  stroke: #dec0ca;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.focus line.phone {
  stroke: #7cb5d6;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.focus line.politicalfreedoms {
  stroke: #723390;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.focus line.forests {
  stroke: #71be45;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.focus line.crime {
  stroke: #387195;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.focus line.energy {
  stroke: #a01c40;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.focus line.support {
  stroke: #233884;
  stroke-dasharray: 3 3;
  opacity: .5;
}

.brush .extent {
  stroke: #fff;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}