:root {
  --axis-lines: #485e5c;
  /* --axis-text: #95ada9; */
  --axis-text: var(-- --green-300);
}

.data {
  width: 100%;
}
#plotConsulate {
  width: 100%;
}
/* axis */

.plot h3 {
  position: absolute;
  top: 90px;
  left: 128px;
}

.axis-y .tick line {
  stroke-dasharray: 2px 4px;
}

.axis .tick line,
.axis .domain {
  stroke-width: 1px;
  stroke: var(--axis-lines);
}

.axis .tick text {
  color: var(--axis-text);
  font-family: var(--font-sans);
  font-size: 0.875rem;
  font-weight: 400;
}

/* lines */
.bkg-line {
  stroke-width: 1px;
  stroke: var(--green-500);
  fill: none;
}

.highlighted-line path {
  stroke-width: 3px;
  stroke: var(--yellow);
  fill: none;
  filter: drop-shadow(0px 3px 2px var(--green-700))
    drop-shadow(0px -3px 2px var(--green-700));
}

.highlighted-line circle {
  stroke-width: 3px;
  stroke: var(--yellow);
  fill: var(--green-700);
}