.chart--pan {
  cursor: grab;
}

.node:hover {
  cursor: pointer;
}
.node__text {
  font: 10px sans-serif;
}
.node__background-rect {
  fill: #272727;
  stroke: #FFFFFF;
  stroke-width: 0;
}
.node__label {
  fill: #fff;
  font-size: 14px;
  font-weight: 500;
}
.node__label:hover {
  cursor: pointer;
}
.node circle {
  fill: #d9d9d9;
}

.chart-container {
  position: relative;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
  opacity: 1;
}
.link--highlighted {
  stroke: #f00;
  stroke-width: 3px;
}

.node__circle.node.node__circle--selected,
.link.link--highlighted {
  stroke-width: 3px;
}

.zoom-controls-container {
  stroke-width: 1;
  stroke: #404040;
  fill: rgba(0, 0, 0, 0.5);
}
.zoom-controls-container .zoom-controls {
  cursor: pointer;
}
.zoom-controls-container .zoom-controls .line,
.zoom-controls-container .zoom-controls .circle {
  stroke: #ffffff;
}

/*# sourceMappingURL=tree-chart.css.map */