.polopoly_embed {
  max-width: 100%;
}

.pop-chart {
  font-family: "CTVSans-Regular", sans-serif;
  font-weight: normal;
  line-height: 1.2;
  width: 300px;
  margin: 20px auto;
}

.chart-container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.pop-chart select {
  width: 100%;
  margin: 10px auto;
  background: #f8f8f8;
  font-size: 16px;
  border: none;
  border: 1px solid #ddd;
  padding: 3px 5px;
  font-family: "CTVSans-Regular", sans-serif;
}

.pop-chart h3 {
  font-family: "CTVSans-Bold", sans-serif;
  font-weight: normal;
  padding-left: 5px !important;
  font-size: 16px;
  margin: 0;
}

.pop-chart p {
  font-size: 13px;
  padding-left: 5px;
  margin: 0;
}

.pop-chart a {
  font-size: 9px;
  padding-left: 5px;
  margin: 0;
}

.pop-chart svg {
  margin-top: 5px;
  background-color: #fafafa;
}

.pop-chart svg path {
  fill: none;
  stroke: #222;
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pop-chart svg path.undef {
  fill: none;
  stroke: #888;
  stroke-width: 3px;
  stroke-linecap: butt;
  stroke-linejoin: round;
  stroke-dasharray: 4, 3;
}

.pop-chart svg line.grid {
  fill: none;
  stroke: #ddd;
  stroke-width: 1px;
  stroke-linecap: butt;
  stroke-linejoin: butt;
  stroke-dasharray: 5, 5;
  shape-rendering: crispEdges;
}

.pop-chart svg line.grid.zero {
  stroke: #bbb;
  stroke-width: 1px;
  stroke-dasharray: none;
}

.pop-chart svg text.axis-label {
  fill: #777;
  font-size: 11px;
}

.pop-chart svg text.axis-label.month {
  fill: #777;
  font-size: 9px;
}