.L1 {
    margin-left: 2em;
}

.L2 {
    margin-left: 3em;
}
#graph-div {
font-family: "Inclusive Sans", sans-serif;
font-size:12px;
fill:#333;
}

#graph-div .error-icon {
fill:hsl(60,90%,100%);
}

#graph-div .error-text {
fill:#000;
stroke:#000;
}

#graph-div .edge-thickness-normal {
stroke-width:2px;
}

#graph-div .edge-thickness-thick {
stroke-width:3.5px;
}

#graph-div .edge-pattern-solid {
stroke-dasharray:0;
}

#graph-div .edge-pattern-dashed {
stroke-dasharray:3;
}

#graph-div .edge-pattern-dotted {
stroke-dasharray:2;
}

#graph-div .marker {
fill:#0b0b0b;
stroke:#0b0b0b;
}

#graph-div .marker.cross {
stroke:#0b0b0b;
}

#graph-div svg {
font-size:12px;
}

#graph-div .label {
color:#333;
}

#graph-div .label text,#graph-div span,#graph-div p {
fill:#333;
color:#333;
}

#graph-div .node rect,#graph-div .node circle,#graph-div .node ellipse,#graph-div .node polygon,#graph-div .node path {
fill:#ECECFE;
stroke:#BCBCFB;
stroke-width:1px;
}

#graph-div .flowchart-label text {
text-anchor:middle;
}

#graph-div .node .katex path {
fill:#000;
stroke:#000;
stroke-width:1px;
}

#graph-div .node .label {
text-align:center;
}

#graph-div .node.clickable {
cursor:pointer;
}

#graph-div .arrowheadPath {
fill:#0b0b0b;
}

#graph-div .edgePath .path {
stroke:#0b0b0b;
stroke-width:2px;
}

#graph-div .flowchart-link {
stroke:#0b0b0b;
fill:none;
}

#graph-div .edgeLabel {
background-color:#E9E9F1;
text-align:center;
}

#graph-div .edgeLabel rect {
opacity:.5;
background-color:#E9E9F1;
fill:#E9E9F1;
}

#graph-div .labelBkg {
background-color:rgba(233,233,241,0.5);
}

#graph-div .cluster rect {
fill:hsl(60,90%,100%);
stroke:hsl(60,50%,90%);
stroke-width:1px;
}

#graph-div div.mermaidTooltip {
position:absolute;
text-align:center;
max-width:200px;
font-family:"trebuchet ms",verdana,arial,sans-serif;
font-size:12px;
background:hsl(60,90%,100%);
border:1px solid hsl(60,50%,90%);
border-radius:2px;
pointer-events:none;
z-index:100;
padding:2px;
}

#graph-div .flowchartTitleText {
text-anchor:middle;
font-size:18px;
fill:#333;
}

#graph-div :root {
--mermaid-font-family:"Inclusive Sans",verdana,arial,sans-serif;
}

#graph-div .cluster-label text,#graph-div .cluster text {
fill:#000;
}

#graph-div .cluster-label span,#graph-div p,#graph-div .cluster span,#graph-div p {
color:#000;
}

#graph-div .nodeLabel {
text-anchor:middle;
font-size:11px;
}
#graph-div .nodeLabel:hover {
color:darkblue;
backdrop-filter: brightness(130%);
}