.mermaid {
  font-family: "Helvetica Neue", Arial, PingFang SC, "Microsoft YaHei", sans-serif;
  font-size: 13px;
}

.mermaid .label {
  color: #333;
}
.mermaid .node rect,
.mermaid .node circle,
.mermaid .node ellipse,
.mermaid .node polygon {
  fill: #eee;
  stroke: #999;
  stroke-width: 1px;
}
.mermaid .node.clickable {
  cursor: pointer;
}
.mermaid .arrowheadPath {
  fill: #333;
}
.mermaid .edgePath .path {
  stroke: #666;
  stroke-width: 1.5px;
}
.mermaid .edgeLabel {
  background-color: #fff;
}
.mermaid .cluster rect {
  fill: #eaf2fb !important;
  stroke: #26a !important;
  stroke-width: 1px !important;
}
.mermaid .cluster text {
  fill: #333;
}
.mermaid div.mermaidTooltip {
  position: absolute;
  text-align: center;
  max-width: 200px;
  padding: 2px;
  font-family: "Helvetica Neue", Arial, PingFang SC, "Microsoft YaHei", sans-serif;
  font-size: 12px;
  background: #eaf2fb;
  border: 1px solid #26a;
  border-radius: 2px;
  pointer-events: none;
  z-index: 100;
}