.node circle {
  stroke: #d0cbc4;
  stroke-width: 4px;
  fill-opacity: 1.0;
}

.node text {
  font: 18px monospace;
}

.node--internal text {
  font: 18px monospace;
  text-shadow: -4px 0 #00020f, 0 4px #00020f, 4px 0 #00020f, 0 -4px #00020f;
}

.link {
  fill: none;
  stroke: #d0cbc4;
  stroke-width: 2px;
}

.slider1,
.slider2,
.slider3 {
  -webkit-appearance: none;
}

.slider1,
.slider2,
.slider3:focus {
  outline: none;
}

.slider1::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #d0cbc4;
  border: none;
  border-radius: 3px;
}

.slider1::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #d0cbc4;
  margin-top: -7px;
}

.slider1:focus::-webkit-slider-runnable-track {
  background: #d0cbc4;
}

.slider2::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #098CF2;
  border: none;
  border-radius: 3px;
}

.slider2::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #098CF2;
  margin-top: -7px;
}

.slider2:focus::-webkit-slider-runnable-track {
  background: #098CF2;
}

.slider3::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #EF3B24;
  border: none;
  border-radius: 3px;
}

.slider3::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #EF3B24;
  margin-top: -7px;
}

.slider3:focus::-webkit-slider-runnable-track {
  background: #EF3B24;
}