CSDN和Typora的Markdown插入思维导图

• 前言
• 在Markdown中画（流程）图
• Mermaid
• • Sequence Diagrams（UML图）
  • Flowcharts
  • 另一种Flowcharts
  • Gantt图（甘特图）
  • Class图（类图）
  • State 图
• 饼图
• 参考文献

 ```mermaidsequenceDiagramAlice->>Bob: Hello Bob, how are you?Note right of Bob: Bob thinksBob-->>Alice: I am good thanks!```

#mermaid-svg-exjcxPvNgZQHBEoy .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-exjcxPvNgZQHBEoy .label text{fill:#333}#mermaid-svg-exjcxPvNgZQHBEoy .node rect,#mermaid-svg-exjcxPvNgZQHBEoy .node circle,#mermaid-svg-exjcxPvNgZQHBEoy .node ellipse,#mermaid-svg-exjcxPvNgZQHBEoy .node polygon,#mermaid-svg-exjcxPvNgZQHBEoy .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-exjcxPvNgZQHBEoy .node .label{text-align:center;fill:#333}#mermaid-svg-exjcxPvNgZQHBEoy .node.clickable{cursor:pointer}#mermaid-svg-exjcxPvNgZQHBEoy .arrowheadPath{fill:#333}#mermaid-svg-exjcxPvNgZQHBEoy .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-exjcxPvNgZQHBEoy .flowchart-link{stroke:#333;fill:none}#mermaid-svg-exjcxPvNgZQHBEoy .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-exjcxPvNgZQHBEoy .edgeLabel rect{opacity:0.9}#mermaid-svg-exjcxPvNgZQHBEoy .edgeLabel span{color:#333}#mermaid-svg-exjcxPvNgZQHBEoy .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-exjcxPvNgZQHBEoy .cluster text{fill:#333}#mermaid-svg-exjcxPvNgZQHBEoy div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-exjcxPvNgZQHBEoy .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-exjcxPvNgZQHBEoy text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-exjcxPvNgZQHBEoy .actor-line{stroke:grey}#mermaid-svg-exjcxPvNgZQHBEoy .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-exjcxPvNgZQHBEoy .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-exjcxPvNgZQHBEoy #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-exjcxPvNgZQHBEoy .sequenceNumber{fill:#fff}#mermaid-svg-exjcxPvNgZQHBEoy #sequencenumber{fill:#333}#mermaid-svg-exjcxPvNgZQHBEoy #crosshead path{fill:#333;stroke:#333}#mermaid-svg-exjcxPvNgZQHBEoy .messageText{fill:#333;stroke:#333}#mermaid-svg-exjcxPvNgZQHBEoy .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-exjcxPvNgZQHBEoy .labelText,#mermaid-svg-exjcxPvNgZQHBEoy .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-exjcxPvNgZQHBEoy .loopText,#mermaid-svg-exjcxPvNgZQHBEoy .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-exjcxPvNgZQHBEoy .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-exjcxPvNgZQHBEoy .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-exjcxPvNgZQHBEoy .noteText,#mermaid-svg-exjcxPvNgZQHBEoy .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-exjcxPvNgZQHBEoy .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-exjcxPvNgZQHBEoy .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-exjcxPvNgZQHBEoy .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-exjcxPvNgZQHBEoy .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-exjcxPvNgZQHBEoy .section{stroke:none;opacity:0.2}#mermaid-svg-exjcxPvNgZQHBEoy .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-exjcxPvNgZQHBEoy .section2{fill:#fff400}#mermaid-svg-exjcxPvNgZQHBEoy .section1,#mermaid-svg-exjcxPvNgZQHBEoy .section3{fill:#fff;opacity:0.2}#mermaid-svg-exjcxPvNgZQHBEoy .sectionTitle0{fill:#333}#mermaid-svg-exjcxPvNgZQHBEoy .sectionTitle1{fill:#333}#mermaid-svg-exjcxPvNgZQHBEoy .sectionTitle2{fill:#333}#mermaid-svg-exjcxPvNgZQHBEoy .sectionTitle3{fill:#333}#mermaid-svg-exjcxPvNgZQHBEoy .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-exjcxPvNgZQHBEoy .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-exjcxPvNgZQHBEoy .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-exjcxPvNgZQHBEoy .grid path{stroke-width:0}#mermaid-svg-exjcxPvNgZQHBEoy .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-exjcxPvNgZQHBEoy .task{stroke-width:2}#mermaid-svg-exjcxPvNgZQHBEoy .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-exjcxPvNgZQHBEoy .taskText:not([font-size]){font-size:11px}#mermaid-svg-exjcxPvNgZQHBEoy .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-exjcxPvNgZQHBEoy .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-exjcxPvNgZQHBEoy .task.clickable{cursor:pointer}#mermaid-svg-exjcxPvNgZQHBEoy .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-exjcxPvNgZQHBEoy .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-exjcxPvNgZQHBEoy .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-exjcxPvNgZQHBEoy .taskText0,#mermaid-svg-exjcxPvNgZQHBEoy .taskText1,#mermaid-svg-exjcxPvNgZQHBEoy .taskText2,#mermaid-svg-exjcxPvNgZQHBEoy .taskText3{fill:#fff}#mermaid-svg-exjcxPvNgZQHBEoy .task0,#mermaid-svg-exjcxPvNgZQHBEoy .task1,#mermaid-svg-exjcxPvNgZQHBEoy .task2,#mermaid-svg-exjcxPvNgZQHBEoy .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-exjcxPvNgZQHBEoy .taskTextOutside0,#mermaid-svg-exjcxPvNgZQHBEoy .taskTextOutside2{fill:#000}#mermaid-svg-exjcxPvNgZQHBEoy .taskTextOutside1,#mermaid-svg-exjcxPvNgZQHBEoy .taskTextOutside3{fill:#000}#mermaid-svg-exjcxPvNgZQHBEoy .active0,#mermaid-svg-exjcxPvNgZQHBEoy .active1,#mermaid-svg-exjcxPvNgZQHBEoy .active2,#mermaid-svg-exjcxPvNgZQHBEoy .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-exjcxPvNgZQHBEoy .activeText0,#mermaid-svg-exjcxPvNgZQHBEoy .activeText1,#mermaid-svg-exjcxPvNgZQHBEoy .activeText2,#mermaid-svg-exjcxPvNgZQHBEoy .activeText3{fill:#000 !important}#mermaid-svg-exjcxPvNgZQHBEoy .done0,#mermaid-svg-exjcxPvNgZQHBEoy .done1,#mermaid-svg-exjcxPvNgZQHBEoy .done2,#mermaid-svg-exjcxPvNgZQHBEoy .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-exjcxPvNgZQHBEoy .doneText0,#mermaid-svg-exjcxPvNgZQHBEoy .doneText1,#mermaid-svg-exjcxPvNgZQHBEoy .doneText2,#mermaid-svg-exjcxPvNgZQHBEoy .doneText3{fill:#000 !important}#mermaid-svg-exjcxPvNgZQHBEoy .crit0,#mermaid-svg-exjcxPvNgZQHBEoy .crit1,#mermaid-svg-exjcxPvNgZQHBEoy .crit2,#mermaid-svg-exjcxPvNgZQHBEoy .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-exjcxPvNgZQHBEoy .activeCrit0,#mermaid-svg-exjcxPvNgZQHBEoy .activeCrit1,#mermaid-svg-exjcxPvNgZQHBEoy .activeCrit2,#mermaid-svg-exjcxPvNgZQHBEoy .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-exjcxPvNgZQHBEoy .doneCrit0,#mermaid-svg-exjcxPvNgZQHBEoy .doneCrit1,#mermaid-svg-exjcxPvNgZQHBEoy .doneCrit2,#mermaid-svg-exjcxPvNgZQHBEoy .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-exjcxPvNgZQHBEoy .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-exjcxPvNgZQHBEoy .milestoneText{font-style:italic}#mermaid-svg-exjcxPvNgZQHBEoy .doneCritText0,#mermaid-svg-exjcxPvNgZQHBEoy .doneCritText1,#mermaid-svg-exjcxPvNgZQHBEoy .doneCritText2,#mermaid-svg-exjcxPvNgZQHBEoy .doneCritText3{fill:#000 !important}#mermaid-svg-exjcxPvNgZQHBEoy .activeCritText0,#mermaid-svg-exjcxPvNgZQHBEoy .activeCritText1,#mermaid-svg-exjcxPvNgZQHBEoy .activeCritText2,#mermaid-svg-exjcxPvNgZQHBEoy .activeCritText3{fill:#000 !important}#mermaid-svg-exjcxPvNgZQHBEoy .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-exjcxPvNgZQHBEoy g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-exjcxPvNgZQHBEoy g.classGroup text .title{font-weight:bolder}#mermaid-svg-exjcxPvNgZQHBEoy g.clickable{cursor:pointer}#mermaid-svg-exjcxPvNgZQHBEoy g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-exjcxPvNgZQHBEoy g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-exjcxPvNgZQHBEoy .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-exjcxPvNgZQHBEoy .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-exjcxPvNgZQHBEoy .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-exjcxPvNgZQHBEoy .dashed-line{stroke-dasharray:3}#mermaid-svg-exjcxPvNgZQHBEoy #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-exjcxPvNgZQHBEoy #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-exjcxPvNgZQHBEoy #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-exjcxPvNgZQHBEoy #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-exjcxPvNgZQHBEoy #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-exjcxPvNgZQHBEoy #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-exjcxPvNgZQHBEoy #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-exjcxPvNgZQHBEoy #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-exjcxPvNgZQHBEoy .commit-id,#mermaid-svg-exjcxPvNgZQHBEoy .commit-msg,#mermaid-svg-exjcxPvNgZQHBEoy .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-exjcxPvNgZQHBEoy .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-exjcxPvNgZQHBEoy .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-exjcxPvNgZQHBEoy g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-exjcxPvNgZQHBEoy g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-exjcxPvNgZQHBEoy g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-exjcxPvNgZQHBEoy g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-exjcxPvNgZQHBEoy g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-exjcxPvNgZQHBEoy g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-exjcxPvNgZQHBEoy .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-exjcxPvNgZQHBEoy .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-exjcxPvNgZQHBEoy .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-exjcxPvNgZQHBEoy .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-exjcxPvNgZQHBEoy .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-exjcxPvNgZQHBEoy .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-exjcxPvNgZQHBEoy .edgeLabel text{fill:#333}#mermaid-svg-exjcxPvNgZQHBEoy .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-exjcxPvNgZQHBEoy .node circle.state-start{fill:black;stroke:black}#mermaid-svg-exjcxPvNgZQHBEoy .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-exjcxPvNgZQHBEoy #statediagram-barbEnd{fill:#9370db}#mermaid-svg-exjcxPvNgZQHBEoy .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-exjcxPvNgZQHBEoy .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-exjcxPvNgZQHBEoy .statediagram-state .divider{stroke:#9370db}#mermaid-svg-exjcxPvNgZQHBEoy .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-exjcxPvNgZQHBEoy .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-exjcxPvNgZQHBEoy .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-exjcxPvNgZQHBEoy .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-exjcxPvNgZQHBEoy .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-exjcxPvNgZQHBEoy .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-exjcxPvNgZQHBEoy .note-edge{stroke-dasharray:5}#mermaid-svg-exjcxPvNgZQHBEoy .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-exjcxPvNgZQHBEoy .error-icon{fill:#522}#mermaid-svg-exjcxPvNgZQHBEoy .error-text{fill:#522;stroke:#522}#mermaid-svg-exjcxPvNgZQHBEoy .edge-thickness-normal{stroke-width:2px}#mermaid-svg-exjcxPvNgZQHBEoy .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-exjcxPvNgZQHBEoy .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-exjcxPvNgZQHBEoy .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-exjcxPvNgZQHBEoy .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-exjcxPvNgZQHBEoy .marker{fill:#333}#mermaid-svg-exjcxPvNgZQHBEoy .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-exjcxPvNgZQHBEoy {color: rgba(0, 0, 0, 0.75);font: ;}AliceBobHello Bob, how are you?Bob thinksI am good thanks!AliceBob

 ```mermaidflowchatst=>start: Startop=>operation: Your Operationcond=>condition: Yes or No?e=>endst->op->condcond(yes)->econd(no)->op```

Created with Raphaël 2.3.0StartYour OperationYes or No?Endyesno

 ```  flow...```

 ```mermaidgraph LRA[Hard edge] -->B(Round edge)B --> C{Decision}C -->|One| D[Result one]C -->|Two| E[Result two]```

#mermaid-svg-vCBab5BoW6MLuMkK .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-vCBab5BoW6MLuMkK .label text{fill:#333}#mermaid-svg-vCBab5BoW6MLuMkK .node rect,#mermaid-svg-vCBab5BoW6MLuMkK .node circle,#mermaid-svg-vCBab5BoW6MLuMkK .node ellipse,#mermaid-svg-vCBab5BoW6MLuMkK .node polygon,#mermaid-svg-vCBab5BoW6MLuMkK .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-vCBab5BoW6MLuMkK .node .label{text-align:center;fill:#333}#mermaid-svg-vCBab5BoW6MLuMkK .node.clickable{cursor:pointer}#mermaid-svg-vCBab5BoW6MLuMkK .arrowheadPath{fill:#333}#mermaid-svg-vCBab5BoW6MLuMkK .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-vCBab5BoW6MLuMkK .flowchart-link{stroke:#333;fill:none}#mermaid-svg-vCBab5BoW6MLuMkK .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-vCBab5BoW6MLuMkK .edgeLabel rect{opacity:0.9}#mermaid-svg-vCBab5BoW6MLuMkK .edgeLabel span{color:#333}#mermaid-svg-vCBab5BoW6MLuMkK .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-vCBab5BoW6MLuMkK .cluster text{fill:#333}#mermaid-svg-vCBab5BoW6MLuMkK div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-vCBab5BoW6MLuMkK .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-vCBab5BoW6MLuMkK text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-vCBab5BoW6MLuMkK .actor-line{stroke:grey}#mermaid-svg-vCBab5BoW6MLuMkK .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-vCBab5BoW6MLuMkK .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-vCBab5BoW6MLuMkK #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-vCBab5BoW6MLuMkK .sequenceNumber{fill:#fff}#mermaid-svg-vCBab5BoW6MLuMkK #sequencenumber{fill:#333}#mermaid-svg-vCBab5BoW6MLuMkK #crosshead path{fill:#333;stroke:#333}#mermaid-svg-vCBab5BoW6MLuMkK .messageText{fill:#333;stroke:#333}#mermaid-svg-vCBab5BoW6MLuMkK .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-vCBab5BoW6MLuMkK .labelText,#mermaid-svg-vCBab5BoW6MLuMkK .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-vCBab5BoW6MLuMkK .loopText,#mermaid-svg-vCBab5BoW6MLuMkK .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-vCBab5BoW6MLuMkK .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-vCBab5BoW6MLuMkK .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-vCBab5BoW6MLuMkK .noteText,#mermaid-svg-vCBab5BoW6MLuMkK .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-vCBab5BoW6MLuMkK .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-vCBab5BoW6MLuMkK .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-vCBab5BoW6MLuMkK .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-vCBab5BoW6MLuMkK .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vCBab5BoW6MLuMkK .section{stroke:none;opacity:0.2}#mermaid-svg-vCBab5BoW6MLuMkK .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-vCBab5BoW6MLuMkK .section2{fill:#fff400}#mermaid-svg-vCBab5BoW6MLuMkK .section1,#mermaid-svg-vCBab5BoW6MLuMkK .section3{fill:#fff;opacity:0.2}#mermaid-svg-vCBab5BoW6MLuMkK .sectionTitle0{fill:#333}#mermaid-svg-vCBab5BoW6MLuMkK .sectionTitle1{fill:#333}#mermaid-svg-vCBab5BoW6MLuMkK .sectionTitle2{fill:#333}#mermaid-svg-vCBab5BoW6MLuMkK .sectionTitle3{fill:#333}#mermaid-svg-vCBab5BoW6MLuMkK .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vCBab5BoW6MLuMkK .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-vCBab5BoW6MLuMkK .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vCBab5BoW6MLuMkK .grid path{stroke-width:0}#mermaid-svg-vCBab5BoW6MLuMkK .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-vCBab5BoW6MLuMkK .task{stroke-width:2}#mermaid-svg-vCBab5BoW6MLuMkK .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vCBab5BoW6MLuMkK .taskText:not([font-size]){font-size:11px}#mermaid-svg-vCBab5BoW6MLuMkK .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vCBab5BoW6MLuMkK .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-vCBab5BoW6MLuMkK .task.clickable{cursor:pointer}#mermaid-svg-vCBab5BoW6MLuMkK .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-vCBab5BoW6MLuMkK .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-vCBab5BoW6MLuMkK .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-vCBab5BoW6MLuMkK .taskText0,#mermaid-svg-vCBab5BoW6MLuMkK .taskText1,#mermaid-svg-vCBab5BoW6MLuMkK .taskText2,#mermaid-svg-vCBab5BoW6MLuMkK .taskText3{fill:#fff}#mermaid-svg-vCBab5BoW6MLuMkK .task0,#mermaid-svg-vCBab5BoW6MLuMkK .task1,#mermaid-svg-vCBab5BoW6MLuMkK .task2,#mermaid-svg-vCBab5BoW6MLuMkK .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-vCBab5BoW6MLuMkK .taskTextOutside0,#mermaid-svg-vCBab5BoW6MLuMkK .taskTextOutside2{fill:#000}#mermaid-svg-vCBab5BoW6MLuMkK .taskTextOutside1,#mermaid-svg-vCBab5BoW6MLuMkK .taskTextOutside3{fill:#000}#mermaid-svg-vCBab5BoW6MLuMkK .active0,#mermaid-svg-vCBab5BoW6MLuMkK .active1,#mermaid-svg-vCBab5BoW6MLuMkK .active2,#mermaid-svg-vCBab5BoW6MLuMkK .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-vCBab5BoW6MLuMkK .activeText0,#mermaid-svg-vCBab5BoW6MLuMkK .activeText1,#mermaid-svg-vCBab5BoW6MLuMkK .activeText2,#mermaid-svg-vCBab5BoW6MLuMkK .activeText3{fill:#000 !important}#mermaid-svg-vCBab5BoW6MLuMkK .done0,#mermaid-svg-vCBab5BoW6MLuMkK .done1,#mermaid-svg-vCBab5BoW6MLuMkK .done2,#mermaid-svg-vCBab5BoW6MLuMkK .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-vCBab5BoW6MLuMkK .doneText0,#mermaid-svg-vCBab5BoW6MLuMkK .doneText1,#mermaid-svg-vCBab5BoW6MLuMkK .doneText2,#mermaid-svg-vCBab5BoW6MLuMkK .doneText3{fill:#000 !important}#mermaid-svg-vCBab5BoW6MLuMkK .crit0,#mermaid-svg-vCBab5BoW6MLuMkK .crit1,#mermaid-svg-vCBab5BoW6MLuMkK .crit2,#mermaid-svg-vCBab5BoW6MLuMkK .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-vCBab5BoW6MLuMkK .activeCrit0,#mermaid-svg-vCBab5BoW6MLuMkK .activeCrit1,#mermaid-svg-vCBab5BoW6MLuMkK .activeCrit2,#mermaid-svg-vCBab5BoW6MLuMkK .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-vCBab5BoW6MLuMkK .doneCrit0,#mermaid-svg-vCBab5BoW6MLuMkK .doneCrit1,#mermaid-svg-vCBab5BoW6MLuMkK .doneCrit2,#mermaid-svg-vCBab5BoW6MLuMkK .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-vCBab5BoW6MLuMkK .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-vCBab5BoW6MLuMkK .milestoneText{font-style:italic}#mermaid-svg-vCBab5BoW6MLuMkK .doneCritText0,#mermaid-svg-vCBab5BoW6MLuMkK .doneCritText1,#mermaid-svg-vCBab5BoW6MLuMkK .doneCritText2,#mermaid-svg-vCBab5BoW6MLuMkK .doneCritText3{fill:#000 !important}#mermaid-svg-vCBab5BoW6MLuMkK .activeCritText0,#mermaid-svg-vCBab5BoW6MLuMkK .activeCritText1,#mermaid-svg-vCBab5BoW6MLuMkK .activeCritText2,#mermaid-svg-vCBab5BoW6MLuMkK .activeCritText3{fill:#000 !important}#mermaid-svg-vCBab5BoW6MLuMkK .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vCBab5BoW6MLuMkK g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-vCBab5BoW6MLuMkK g.classGroup text .title{font-weight:bolder}#mermaid-svg-vCBab5BoW6MLuMkK g.clickable{cursor:pointer}#mermaid-svg-vCBab5BoW6MLuMkK g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-vCBab5BoW6MLuMkK g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-vCBab5BoW6MLuMkK .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-vCBab5BoW6MLuMkK .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-vCBab5BoW6MLuMkK .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-vCBab5BoW6MLuMkK .dashed-line{stroke-dasharray:3}#mermaid-svg-vCBab5BoW6MLuMkK #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vCBab5BoW6MLuMkK #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vCBab5BoW6MLuMkK #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-vCBab5BoW6MLuMkK #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-vCBab5BoW6MLuMkK #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vCBab5BoW6MLuMkK #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vCBab5BoW6MLuMkK #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vCBab5BoW6MLuMkK #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vCBab5BoW6MLuMkK .commit-id,#mermaid-svg-vCBab5BoW6MLuMkK .commit-msg,#mermaid-svg-vCBab5BoW6MLuMkK .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vCBab5BoW6MLuMkK .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vCBab5BoW6MLuMkK .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vCBab5BoW6MLuMkK g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vCBab5BoW6MLuMkK g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-vCBab5BoW6MLuMkK g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-vCBab5BoW6MLuMkK g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-vCBab5BoW6MLuMkK g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-vCBab5BoW6MLuMkK g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-vCBab5BoW6MLuMkK .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-vCBab5BoW6MLuMkK .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-vCBab5BoW6MLuMkK .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-vCBab5BoW6MLuMkK .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-vCBab5BoW6MLuMkK .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-vCBab5BoW6MLuMkK .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-vCBab5BoW6MLuMkK .edgeLabel text{fill:#333}#mermaid-svg-vCBab5BoW6MLuMkK .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vCBab5BoW6MLuMkK .node circle.state-start{fill:black;stroke:black}#mermaid-svg-vCBab5BoW6MLuMkK .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-vCBab5BoW6MLuMkK #statediagram-barbEnd{fill:#9370db}#mermaid-svg-vCBab5BoW6MLuMkK .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-vCBab5BoW6MLuMkK .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-vCBab5BoW6MLuMkK .statediagram-state .divider{stroke:#9370db}#mermaid-svg-vCBab5BoW6MLuMkK .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-vCBab5BoW6MLuMkK .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-vCBab5BoW6MLuMkK .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-vCBab5BoW6MLuMkK .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-vCBab5BoW6MLuMkK .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-vCBab5BoW6MLuMkK .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-vCBab5BoW6MLuMkK .note-edge{stroke-dasharray:5}#mermaid-svg-vCBab5BoW6MLuMkK .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-vCBab5BoW6MLuMkK .error-icon{fill:#522}#mermaid-svg-vCBab5BoW6MLuMkK .error-text{fill:#522;stroke:#522}#mermaid-svg-vCBab5BoW6MLuMkK .edge-thickness-normal{stroke-width:2px}#mermaid-svg-vCBab5BoW6MLuMkK .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-vCBab5BoW6MLuMkK .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-vCBab5BoW6MLuMkK .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-vCBab5BoW6MLuMkK .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-vCBab5BoW6MLuMkK .marker{fill:#333}#mermaid-svg-vCBab5BoW6MLuMkK .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-vCBab5BoW6MLuMkK {color: rgba(0, 0, 0, 0.75);font: ;}

Mon 06Mon 13Mon 20Completed task Active task Future task Future task2 Completed task in the critical line Implement parser and jison Create tests for parser Future task in critical line Create tests for renderer Add to mermaid Describe gantt syntax Add gantt diagram to demo page Add another diagram to demo page Describe gantt syntax Add gantt diagram to demo page Add another diagram to demo page A sectionCritical tasksDocumentationLast sectionAdding GANTT diagram functionality to mermaid

 ```mermaidclassDiagramAnimal <|-- DuckAnimal <|-- FishAnimal <|-- ZebraAnimal : +int ageAnimal : +String genderAnimal: +isMammal()Animal: +mate()class Duck{+String beakColor+swim()+quack()}class Fish{-int sizeInFeet-canEat()}class Zebra{+bool is_wild+run()}```

#mermaid-svg-n9ZkyVu3NxFVwhKX .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX .label text{fill:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX .node rect,#mermaid-svg-n9ZkyVu3NxFVwhKX .node circle,#mermaid-svg-n9ZkyVu3NxFVwhKX .node ellipse,#mermaid-svg-n9ZkyVu3NxFVwhKX .node polygon,#mermaid-svg-n9ZkyVu3NxFVwhKX .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-n9ZkyVu3NxFVwhKX .node .label{text-align:center;fill:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX .node.clickable{cursor:pointer}#mermaid-svg-n9ZkyVu3NxFVwhKX .arrowheadPath{fill:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-n9ZkyVu3NxFVwhKX .flowchart-link{stroke:#333;fill:none}#mermaid-svg-n9ZkyVu3NxFVwhKX .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-n9ZkyVu3NxFVwhKX .edgeLabel rect{opacity:0.9}#mermaid-svg-n9ZkyVu3NxFVwhKX .edgeLabel span{color:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-n9ZkyVu3NxFVwhKX .cluster text{fill:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-n9ZkyVu3NxFVwhKX .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-n9ZkyVu3NxFVwhKX text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-n9ZkyVu3NxFVwhKX .actor-line{stroke:grey}#mermaid-svg-n9ZkyVu3NxFVwhKX .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX .sequenceNumber{fill:#fff}#mermaid-svg-n9ZkyVu3NxFVwhKX #sequencenumber{fill:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX #crosshead path{fill:#333;stroke:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX .messageText{fill:#333;stroke:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-n9ZkyVu3NxFVwhKX .labelText,#mermaid-svg-n9ZkyVu3NxFVwhKX .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-n9ZkyVu3NxFVwhKX .loopText,#mermaid-svg-n9ZkyVu3NxFVwhKX .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-n9ZkyVu3NxFVwhKX .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-n9ZkyVu3NxFVwhKX .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-n9ZkyVu3NxFVwhKX .noteText,#mermaid-svg-n9ZkyVu3NxFVwhKX .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-n9ZkyVu3NxFVwhKX .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-n9ZkyVu3NxFVwhKX .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-n9ZkyVu3NxFVwhKX .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-n9ZkyVu3NxFVwhKX .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-n9ZkyVu3NxFVwhKX .section{stroke:none;opacity:0.2}#mermaid-svg-n9ZkyVu3NxFVwhKX .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-n9ZkyVu3NxFVwhKX .section2{fill:#fff400}#mermaid-svg-n9ZkyVu3NxFVwhKX .section1,#mermaid-svg-n9ZkyVu3NxFVwhKX .section3{fill:#fff;opacity:0.2}#mermaid-svg-n9ZkyVu3NxFVwhKX .sectionTitle0{fill:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX .sectionTitle1{fill:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX .sectionTitle2{fill:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX .sectionTitle3{fill:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-n9ZkyVu3NxFVwhKX .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-n9ZkyVu3NxFVwhKX .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-n9ZkyVu3NxFVwhKX .grid path{stroke-width:0}#mermaid-svg-n9ZkyVu3NxFVwhKX .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-n9ZkyVu3NxFVwhKX .task{stroke-width:2}#mermaid-svg-n9ZkyVu3NxFVwhKX .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-n9ZkyVu3NxFVwhKX .taskText:not([font-size]){font-size:11px}#mermaid-svg-n9ZkyVu3NxFVwhKX .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-n9ZkyVu3NxFVwhKX .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-n9ZkyVu3NxFVwhKX .task.clickable{cursor:pointer}#mermaid-svg-n9ZkyVu3NxFVwhKX .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-n9ZkyVu3NxFVwhKX .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-n9ZkyVu3NxFVwhKX .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-n9ZkyVu3NxFVwhKX .taskText0,#mermaid-svg-n9ZkyVu3NxFVwhKX .taskText1,#mermaid-svg-n9ZkyVu3NxFVwhKX .taskText2,#mermaid-svg-n9ZkyVu3NxFVwhKX .taskText3{fill:#fff}#mermaid-svg-n9ZkyVu3NxFVwhKX .task0,#mermaid-svg-n9ZkyVu3NxFVwhKX .task1,#mermaid-svg-n9ZkyVu3NxFVwhKX .task2,#mermaid-svg-n9ZkyVu3NxFVwhKX .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-n9ZkyVu3NxFVwhKX .taskTextOutside0,#mermaid-svg-n9ZkyVu3NxFVwhKX .taskTextOutside2{fill:#000}#mermaid-svg-n9ZkyVu3NxFVwhKX .taskTextOutside1,#mermaid-svg-n9ZkyVu3NxFVwhKX .taskTextOutside3{fill:#000}#mermaid-svg-n9ZkyVu3NxFVwhKX .active0,#mermaid-svg-n9ZkyVu3NxFVwhKX .active1,#mermaid-svg-n9ZkyVu3NxFVwhKX .active2,#mermaid-svg-n9ZkyVu3NxFVwhKX .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-n9ZkyVu3NxFVwhKX .activeText0,#mermaid-svg-n9ZkyVu3NxFVwhKX .activeText1,#mermaid-svg-n9ZkyVu3NxFVwhKX .activeText2,#mermaid-svg-n9ZkyVu3NxFVwhKX .activeText3{fill:#000 !important}#mermaid-svg-n9ZkyVu3NxFVwhKX .done0,#mermaid-svg-n9ZkyVu3NxFVwhKX .done1,#mermaid-svg-n9ZkyVu3NxFVwhKX .done2,#mermaid-svg-n9ZkyVu3NxFVwhKX .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-n9ZkyVu3NxFVwhKX .doneText0,#mermaid-svg-n9ZkyVu3NxFVwhKX .doneText1,#mermaid-svg-n9ZkyVu3NxFVwhKX .doneText2,#mermaid-svg-n9ZkyVu3NxFVwhKX .doneText3{fill:#000 !important}#mermaid-svg-n9ZkyVu3NxFVwhKX .crit0,#mermaid-svg-n9ZkyVu3NxFVwhKX .crit1,#mermaid-svg-n9ZkyVu3NxFVwhKX .crit2,#mermaid-svg-n9ZkyVu3NxFVwhKX .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-n9ZkyVu3NxFVwhKX .activeCrit0,#mermaid-svg-n9ZkyVu3NxFVwhKX .activeCrit1,#mermaid-svg-n9ZkyVu3NxFVwhKX .activeCrit2,#mermaid-svg-n9ZkyVu3NxFVwhKX .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-n9ZkyVu3NxFVwhKX .doneCrit0,#mermaid-svg-n9ZkyVu3NxFVwhKX .doneCrit1,#mermaid-svg-n9ZkyVu3NxFVwhKX .doneCrit2,#mermaid-svg-n9ZkyVu3NxFVwhKX .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-n9ZkyVu3NxFVwhKX .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-n9ZkyVu3NxFVwhKX .milestoneText{font-style:italic}#mermaid-svg-n9ZkyVu3NxFVwhKX .doneCritText0,#mermaid-svg-n9ZkyVu3NxFVwhKX .doneCritText1,#mermaid-svg-n9ZkyVu3NxFVwhKX .doneCritText2,#mermaid-svg-n9ZkyVu3NxFVwhKX .doneCritText3{fill:#000 !important}#mermaid-svg-n9ZkyVu3NxFVwhKX .activeCritText0,#mermaid-svg-n9ZkyVu3NxFVwhKX .activeCritText1,#mermaid-svg-n9ZkyVu3NxFVwhKX .activeCritText2,#mermaid-svg-n9ZkyVu3NxFVwhKX .activeCritText3{fill:#000 !important}#mermaid-svg-n9ZkyVu3NxFVwhKX .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-n9ZkyVu3NxFVwhKX g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-n9ZkyVu3NxFVwhKX g.classGroup text .title{font-weight:bolder}#mermaid-svg-n9ZkyVu3NxFVwhKX g.clickable{cursor:pointer}#mermaid-svg-n9ZkyVu3NxFVwhKX g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-n9ZkyVu3NxFVwhKX g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-n9ZkyVu3NxFVwhKX .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-n9ZkyVu3NxFVwhKX .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-n9ZkyVu3NxFVwhKX .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-n9ZkyVu3NxFVwhKX .dashed-line{stroke-dasharray:3}#mermaid-svg-n9ZkyVu3NxFVwhKX #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-n9ZkyVu3NxFVwhKX #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-n9ZkyVu3NxFVwhKX #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-n9ZkyVu3NxFVwhKX #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-n9ZkyVu3NxFVwhKX #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-n9ZkyVu3NxFVwhKX #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-n9ZkyVu3NxFVwhKX #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-n9ZkyVu3NxFVwhKX #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-n9ZkyVu3NxFVwhKX .commit-id,#mermaid-svg-n9ZkyVu3NxFVwhKX .commit-msg,#mermaid-svg-n9ZkyVu3NxFVwhKX .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-n9ZkyVu3NxFVwhKX .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-n9ZkyVu3NxFVwhKX .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-n9ZkyVu3NxFVwhKX g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-n9ZkyVu3NxFVwhKX g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-n9ZkyVu3NxFVwhKX g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-n9ZkyVu3NxFVwhKX g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-n9ZkyVu3NxFVwhKX g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-n9ZkyVu3NxFVwhKX .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-n9ZkyVu3NxFVwhKX .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-n9ZkyVu3NxFVwhKX .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-n9ZkyVu3NxFVwhKX .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-n9ZkyVu3NxFVwhKX .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-n9ZkyVu3NxFVwhKX .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-n9ZkyVu3NxFVwhKX .edgeLabel text{fill:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-n9ZkyVu3NxFVwhKX .node circle.state-start{fill:black;stroke:black}#mermaid-svg-n9ZkyVu3NxFVwhKX .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-n9ZkyVu3NxFVwhKX #statediagram-barbEnd{fill:#9370db}#mermaid-svg-n9ZkyVu3NxFVwhKX .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-n9ZkyVu3NxFVwhKX .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-n9ZkyVu3NxFVwhKX .statediagram-state .divider{stroke:#9370db}#mermaid-svg-n9ZkyVu3NxFVwhKX .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-n9ZkyVu3NxFVwhKX .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-n9ZkyVu3NxFVwhKX .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-n9ZkyVu3NxFVwhKX .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-n9ZkyVu3NxFVwhKX .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-n9ZkyVu3NxFVwhKX .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-n9ZkyVu3NxFVwhKX .note-edge{stroke-dasharray:5}#mermaid-svg-n9ZkyVu3NxFVwhKX .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-n9ZkyVu3NxFVwhKX .error-icon{fill:#522}#mermaid-svg-n9ZkyVu3NxFVwhKX .error-text{fill:#522;stroke:#522}#mermaid-svg-n9ZkyVu3NxFVwhKX .edge-thickness-normal{stroke-width:2px}#mermaid-svg-n9ZkyVu3NxFVwhKX .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-n9ZkyVu3NxFVwhKX .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-n9ZkyVu3NxFVwhKX .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-n9ZkyVu3NxFVwhKX .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-n9ZkyVu3NxFVwhKX .marker{fill:#333}#mermaid-svg-n9ZkyVu3NxFVwhKX .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-n9ZkyVu3NxFVwhKX {color: rgba(0, 0, 0, 0.75);font: ;}Animal+int age+String gender+isMammal()+mate()Duck+String beakColor+swim()+quack()Fish-int sizeInFeet-canEat()Zebra+bool is_wild+run()

 ```mermaidstateDiagram[*] --> AA --> BB --> Cstate B {a --> b}B --> D```

 ```mermaidpietitle Pie Chart"Dogs" : 386"Cats" : 85"Rats" : 150 ```

#mermaid-svg-JMKiRcry7oJJuXGq .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-JMKiRcry7oJJuXGq .label text{fill:#333}#mermaid-svg-JMKiRcry7oJJuXGq .node rect,#mermaid-svg-JMKiRcry7oJJuXGq .node circle,#mermaid-svg-JMKiRcry7oJJuXGq .node ellipse,#mermaid-svg-JMKiRcry7oJJuXGq .node polygon,#mermaid-svg-JMKiRcry7oJJuXGq .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-JMKiRcry7oJJuXGq .node .label{text-align:center;fill:#333}#mermaid-svg-JMKiRcry7oJJuXGq .node.clickable{cursor:pointer}#mermaid-svg-JMKiRcry7oJJuXGq .arrowheadPath{fill:#333}#mermaid-svg-JMKiRcry7oJJuXGq .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-JMKiRcry7oJJuXGq .flowchart-link{stroke:#333;fill:none}#mermaid-svg-JMKiRcry7oJJuXGq .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-JMKiRcry7oJJuXGq .edgeLabel rect{opacity:0.9}#mermaid-svg-JMKiRcry7oJJuXGq .edgeLabel span{color:#333}#mermaid-svg-JMKiRcry7oJJuXGq .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-JMKiRcry7oJJuXGq .cluster text{fill:#333}#mermaid-svg-JMKiRcry7oJJuXGq div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-JMKiRcry7oJJuXGq .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-JMKiRcry7oJJuXGq text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-JMKiRcry7oJJuXGq .actor-line{stroke:grey}#mermaid-svg-JMKiRcry7oJJuXGq .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-JMKiRcry7oJJuXGq .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-JMKiRcry7oJJuXGq #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-JMKiRcry7oJJuXGq .sequenceNumber{fill:#fff}#mermaid-svg-JMKiRcry7oJJuXGq #sequencenumber{fill:#333}#mermaid-svg-JMKiRcry7oJJuXGq #crosshead path{fill:#333;stroke:#333}#mermaid-svg-JMKiRcry7oJJuXGq .messageText{fill:#333;stroke:#333}#mermaid-svg-JMKiRcry7oJJuXGq .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-JMKiRcry7oJJuXGq .labelText,#mermaid-svg-JMKiRcry7oJJuXGq .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-JMKiRcry7oJJuXGq .loopText,#mermaid-svg-JMKiRcry7oJJuXGq .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-JMKiRcry7oJJuXGq .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-JMKiRcry7oJJuXGq .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-JMKiRcry7oJJuXGq .noteText,#mermaid-svg-JMKiRcry7oJJuXGq .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-JMKiRcry7oJJuXGq .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-JMKiRcry7oJJuXGq .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-JMKiRcry7oJJuXGq .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-JMKiRcry7oJJuXGq .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JMKiRcry7oJJuXGq .section{stroke:none;opacity:0.2}#mermaid-svg-JMKiRcry7oJJuXGq .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-JMKiRcry7oJJuXGq .section2{fill:#fff400}#mermaid-svg-JMKiRcry7oJJuXGq .section1,#mermaid-svg-JMKiRcry7oJJuXGq .section3{fill:#fff;opacity:0.2}#mermaid-svg-JMKiRcry7oJJuXGq .sectionTitle0{fill:#333}#mermaid-svg-JMKiRcry7oJJuXGq .sectionTitle1{fill:#333}#mermaid-svg-JMKiRcry7oJJuXGq .sectionTitle2{fill:#333}#mermaid-svg-JMKiRcry7oJJuXGq .sectionTitle3{fill:#333}#mermaid-svg-JMKiRcry7oJJuXGq .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JMKiRcry7oJJuXGq .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-JMKiRcry7oJJuXGq .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JMKiRcry7oJJuXGq .grid path{stroke-width:0}#mermaid-svg-JMKiRcry7oJJuXGq .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-JMKiRcry7oJJuXGq .task{stroke-width:2}#mermaid-svg-JMKiRcry7oJJuXGq .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JMKiRcry7oJJuXGq .taskText:not([font-size]){font-size:11px}#mermaid-svg-JMKiRcry7oJJuXGq .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JMKiRcry7oJJuXGq .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-JMKiRcry7oJJuXGq .task.clickable{cursor:pointer}#mermaid-svg-JMKiRcry7oJJuXGq .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-JMKiRcry7oJJuXGq .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-JMKiRcry7oJJuXGq .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-JMKiRcry7oJJuXGq .taskText0,#mermaid-svg-JMKiRcry7oJJuXGq .taskText1,#mermaid-svg-JMKiRcry7oJJuXGq .taskText2,#mermaid-svg-JMKiRcry7oJJuXGq .taskText3{fill:#fff}#mermaid-svg-JMKiRcry7oJJuXGq .task0,#mermaid-svg-JMKiRcry7oJJuXGq .task1,#mermaid-svg-JMKiRcry7oJJuXGq .task2,#mermaid-svg-JMKiRcry7oJJuXGq .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-JMKiRcry7oJJuXGq .taskTextOutside0,#mermaid-svg-JMKiRcry7oJJuXGq .taskTextOutside2{fill:#000}#mermaid-svg-JMKiRcry7oJJuXGq .taskTextOutside1,#mermaid-svg-JMKiRcry7oJJuXGq .taskTextOutside3{fill:#000}#mermaid-svg-JMKiRcry7oJJuXGq .active0,#mermaid-svg-JMKiRcry7oJJuXGq .active1,#mermaid-svg-JMKiRcry7oJJuXGq .active2,#mermaid-svg-JMKiRcry7oJJuXGq .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-JMKiRcry7oJJuXGq .activeText0,#mermaid-svg-JMKiRcry7oJJuXGq .activeText1,#mermaid-svg-JMKiRcry7oJJuXGq .activeText2,#mermaid-svg-JMKiRcry7oJJuXGq .activeText3{fill:#000 !important}#mermaid-svg-JMKiRcry7oJJuXGq .done0,#mermaid-svg-JMKiRcry7oJJuXGq .done1,#mermaid-svg-JMKiRcry7oJJuXGq .done2,#mermaid-svg-JMKiRcry7oJJuXGq .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-JMKiRcry7oJJuXGq .doneText0,#mermaid-svg-JMKiRcry7oJJuXGq .doneText1,#mermaid-svg-JMKiRcry7oJJuXGq .doneText2,#mermaid-svg-JMKiRcry7oJJuXGq .doneText3{fill:#000 !important}#mermaid-svg-JMKiRcry7oJJuXGq .crit0,#mermaid-svg-JMKiRcry7oJJuXGq .crit1,#mermaid-svg-JMKiRcry7oJJuXGq .crit2,#mermaid-svg-JMKiRcry7oJJuXGq .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-JMKiRcry7oJJuXGq .activeCrit0,#mermaid-svg-JMKiRcry7oJJuXGq .activeCrit1,#mermaid-svg-JMKiRcry7oJJuXGq .activeCrit2,#mermaid-svg-JMKiRcry7oJJuXGq .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-JMKiRcry7oJJuXGq .doneCrit0,#mermaid-svg-JMKiRcry7oJJuXGq .doneCrit1,#mermaid-svg-JMKiRcry7oJJuXGq .doneCrit2,#mermaid-svg-JMKiRcry7oJJuXGq .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-JMKiRcry7oJJuXGq .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-JMKiRcry7oJJuXGq .milestoneText{font-style:italic}#mermaid-svg-JMKiRcry7oJJuXGq .doneCritText0,#mermaid-svg-JMKiRcry7oJJuXGq .doneCritText1,#mermaid-svg-JMKiRcry7oJJuXGq .doneCritText2,#mermaid-svg-JMKiRcry7oJJuXGq .doneCritText3{fill:#000 !important}#mermaid-svg-JMKiRcry7oJJuXGq .activeCritText0,#mermaid-svg-JMKiRcry7oJJuXGq .activeCritText1,#mermaid-svg-JMKiRcry7oJJuXGq .activeCritText2,#mermaid-svg-JMKiRcry7oJJuXGq .activeCritText3{fill:#000 !important}#mermaid-svg-JMKiRcry7oJJuXGq .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JMKiRcry7oJJuXGq g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-JMKiRcry7oJJuXGq g.classGroup text .title{font-weight:bolder}#mermaid-svg-JMKiRcry7oJJuXGq g.clickable{cursor:pointer}#mermaid-svg-JMKiRcry7oJJuXGq g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-JMKiRcry7oJJuXGq g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-JMKiRcry7oJJuXGq .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-JMKiRcry7oJJuXGq .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-JMKiRcry7oJJuXGq .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-JMKiRcry7oJJuXGq .dashed-line{stroke-dasharray:3}#mermaid-svg-JMKiRcry7oJJuXGq #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-JMKiRcry7oJJuXGq #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-JMKiRcry7oJJuXGq #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-JMKiRcry7oJJuXGq #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-JMKiRcry7oJJuXGq #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-JMKiRcry7oJJuXGq #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-JMKiRcry7oJJuXGq #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-JMKiRcry7oJJuXGq #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-JMKiRcry7oJJuXGq .commit-id,#mermaid-svg-JMKiRcry7oJJuXGq .commit-msg,#mermaid-svg-JMKiRcry7oJJuXGq .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JMKiRcry7oJJuXGq .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JMKiRcry7oJJuXGq .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JMKiRcry7oJJuXGq g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JMKiRcry7oJJuXGq g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-JMKiRcry7oJJuXGq g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-JMKiRcry7oJJuXGq g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-JMKiRcry7oJJuXGq g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-JMKiRcry7oJJuXGq g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-JMKiRcry7oJJuXGq .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-JMKiRcry7oJJuXGq .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-JMKiRcry7oJJuXGq .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-JMKiRcry7oJJuXGq .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-JMKiRcry7oJJuXGq .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-JMKiRcry7oJJuXGq .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-JMKiRcry7oJJuXGq .edgeLabel text{fill:#333}#mermaid-svg-JMKiRcry7oJJuXGq .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JMKiRcry7oJJuXGq .node circle.state-start{fill:black;stroke:black}#mermaid-svg-JMKiRcry7oJJuXGq .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-JMKiRcry7oJJuXGq #statediagram-barbEnd{fill:#9370db}#mermaid-svg-JMKiRcry7oJJuXGq .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-JMKiRcry7oJJuXGq .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-JMKiRcry7oJJuXGq .statediagram-state .divider{stroke:#9370db}#mermaid-svg-JMKiRcry7oJJuXGq .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-JMKiRcry7oJJuXGq .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-JMKiRcry7oJJuXGq .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-JMKiRcry7oJJuXGq .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-JMKiRcry7oJJuXGq .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-JMKiRcry7oJJuXGq .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-JMKiRcry7oJJuXGq .note-edge{stroke-dasharray:5}#mermaid-svg-JMKiRcry7oJJuXGq .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-JMKiRcry7oJJuXGq .error-icon{fill:#522}#mermaid-svg-JMKiRcry7oJJuXGq .error-text{fill:#522;stroke:#522}#mermaid-svg-JMKiRcry7oJJuXGq .edge-thickness-normal{stroke-width:2px}#mermaid-svg-JMKiRcry7oJJuXGq .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-JMKiRcry7oJJuXGq .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-JMKiRcry7oJJuXGq .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-JMKiRcry7oJJuXGq .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-JMKiRcry7oJJuXGq .marker{fill:#333}#mermaid-svg-JMKiRcry7oJJuXGq .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-JMKiRcry7oJJuXGq {color: rgba(0, 0, 0, 0.75);font: ;}62%14%24%Pie ChartDogsCatsRats