@springernature/nn-charts/dist/css/knowledge-graph.css

Visualization for DAS products

.knowledge-graph-container .nodes .node {
  stroke-width: 0;
  /** INFO - country_array is a key name which is coming from data 
  and hence the class name is not following BEM convention **/
}
.knowledge-graph-container .nodes .node--highlighted, .knowledge-graph-container .nodes .node--adjacent-highlighted, .knowledge-graph-container .nodes .node--root {
  stroke-width: 3px;
}
.knowledge-graph-container .nodes .node--highlighted-country_array {
  fill: #7681FC;
}
.knowledge-graph-container .legend-container {
  flex-direction: column;
  justify-content: flex-end;
  width: 20rem;
  border-radius: 0.5rem;
  padding: 0.75rem;
  gap: 0.5rem;
  position: relative;
  bottom: 9.25rem;
  margin-left: auto;
  margin-right: -0.75rem;
  box-shadow: 0px 4px 16px 0px rgba(20, 20, 20, 0.08);
}
.knowledge-graph-container .legend-container .legend-header--uppercase {
  text-transform: uppercase;
  color: #A3A3A2;
}
.knowledge-graph-container .legend-container .legend-body ul {
  list-style: none;
}
.knowledge-graph-container .legend-container .legend-body ul .legend-item {
  display: flex;
  align-items: center;
}
.knowledge-graph-container .legend-container .legend-body ul .legend-item .swatch {
  width: 1rem;
  margin-right: 0.75rem;
  display: inline-block;
  border-width: 1px;
  flex-shrink: 0;
}

.tooltip-container {
  box-shadow: 0px 4px 24px 0px rgba(20, 20, 20, 0.8);
  background-color: white;
  border: 1px solid black;
  border-radius: 0.25rem;
  padding: 0.5rem;
  width: 15rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: absolute;
}
.tooltip-container .tooltip-header {
  gap: 2px;
  display: flex;
  flex-direction: column;
  color: #272727;
}
.tooltip-container .tooltip-header__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.25rem;
}
.tooltip-container .tooltip-header__subtitle {
  font-weight: 400;
  font-size: 12px;
  line-height: 1rem;
}
.tooltip-container .tooltip-footer button {
  display: flex;
  align-items: center;
  padding: 2px 0;
  width: 5.5rem;
  height: 1.25rem;
  font-weight: 600;
  font-size: 12px;
  line-height: 1rem;
  color: #BF4815;
  pointer-events: auto;
}

.semi-transparent {
  opacity: 0.1;
}

/*# sourceMappingURL=knowledge-graph.css.map */