.clado-links path {
  fill: none;
  stroke: var(--bg-color-yellow);
  stroke-width: 2;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

.clado-nodes a {
  cursor: pointer;
  text-decoration: none;
}

.clado-nodes text {
  color: var(--text-color-light);
  font-family: var(--font-family);
  /* font-size: 2rem; */
}

.clado-nodes circle {
  fill: var(--bg-color-yellow);
  stroke: none;
}

.clado-nodes a:hover .clado-name {
  fill: var(--bg-color-orange);
}

.clado-sci-name {
  font-size: 0.8rem;
  fill: var(--text-color-grey);
  inset-block-start: 5px;
}

.clado-name {
  font-size: 1rem;
  fill: var(--text-color-light);
}

.clado-img {
  opacity: 1;
  image-rendering: pixelated;
  height: 64px;
  width: 64px;
}

.clado-img-hover {
  opacity: 0;
  image-rendering: pixelated;
  height: 64px;
  width: 64px;
}

.clado-nodes a:hover .clado-img {
  opacity: 0;
}

.clado-nodes a:hover .clado-img-hover {
  opacity: 1;
}