.flow-chart{position:relative}
.flow-chart-interaction{position:absolute;z-index:3;inset:0 0 40px;display:grid;grid-template-columns:repeat(12,1fr)}
.flow-chart-interaction button{border:0;background:transparent;cursor:crosshair;padding:0;outline:0}
.flow-chart-interaction button:hover,.flow-chart-interaction button:focus{background:#c7932612}
.flow-chart-tooltip{position:absolute;z-index:4;top:8px;width:224px;padding:12px 14px;background:#fff;border:1px solid #d7c9a8;border-radius:9px;box-shadow:0 8px 22px #2b251a24;pointer-events:none}
.flow-chart-tooltip b{display:block;margin-bottom:9px}
.flow-chart-tooltip span{display:grid;grid-template-columns:8px 1fr auto;gap:6px;align-items:center;margin-top:7px;font-size:11px}
.flow-chart-tooltip i{width:7px;height:7px;border-radius:1px}.flow-chart-tooltip i.revenue{background:#078ed2}.flow-chart-tooltip i.expense{background:#ed3d45}.flow-chart-tooltip i.balance{background:#7558ff}.flow-chart-tooltip strong{font-size:11px}