.responsive-svg-container {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  /* max-width: 800px; */
}

.grid-lines {
  color: lightgray
}

.axis-x text, .axis-y text {
  font-family: Roboto, sans-serif;
  font-size: 12px;
}

.axis-label {
  text-anchor: middle;
  font-weight: bold;
  font-family: Roboto, sans-serif;
  font-size: 12px;
}

.currency-line {
  fill: none;
  stroke-width: 1;
  stroke: orange;
}

.currency-area {
  fill: orange;
  fill-opacity: 0.5;
}

.hodl-area {
  fill: darkkhaki;
}

.dca-area {
  fill: tan;
}

.chart-label {
  font-family: Roboto, sans-serif;
  font-weight: bold;
  font-size: 20px;
}

.noUi-handle {
  background: #0078D4;
}

.noUi-marker-normal {
    display: none;
}

.noUi-target {
  color: black;
  border-color: black;
}

.noUi-connect {
  background-color: lightcyan;
}

.noUi-value-large {
  color: black;
}