:root{--mermaid-node-bg-primary:hsl(var(--hue), 15%, 95%);--mermaid-node-bg-secondary:hsl(var(--hue), 20%, 70%);--mermaid-node-text-primary:hsl(var(--hue), 80%, 15%);--mermaid-node-text-secondary:hsl(var(--hue), 75%, 30%);--mermaid-node-border-primary:hsl(var(--hue), 30%, 80%);--mermaid-node-border-secondary:hsl(var(--hue), 35%, 10%);--mermaid-line-primary:hsl(var(--hue), 40%, 40%);--mermaid-line-secondary:hsl(var(--hue), 80%, 40%);--mermaid-text-primary:#333;--mermaid-text-secondary:#555;--mermaid-text-contrast:#000;--mermaid-text-contrast-reverse:#fff;--mermaid-container-primary:hsl(var(--hue), 5%, 98%);--mermaid-gantt-exclude:hsl(var(--hue), 50%, 90%);--mermaid-gantt-section:#0003;--mermaid-quadrant-1:color-mix(in hsl, var(--mermaid-node-bg-primary), black 15%);--mermaid-quadrant-2:color-mix(in hsl, var(--mermaid-node-bg-primary), black 20%);--mermaid-quadrant-3:color-mix(in hsl, var(--mermaid-node-bg-primary), black 25%);--mermaid-quadrant-4:color-mix(in hsl, var(--mermaid-node-bg-primary), black 30%)}.dark{--mermaid-node-bg-primary:hsl(var(--hue), 20%, 15%);--mermaid-node-bg-secondary:hsl(var(--hue), 20%, 50%);--mermaid-node-text-primary:hsl(var(--hue), 10%, 90%);--mermaid-node-text-secondary:hsl(var(--hue), 5%, 80%);--mermaid-node-border-primary:hsl(var(--hue), 25%, 30%);--mermaid-node-border-secondary:hsl(var(--hue), 20%, 70%);--mermaid-line-primary:hsl(var(--hue), 30%, 65%);--mermaid-line-secondary:hsl(var(--hue), 55%, 40%);--mermaid-text-primary:#eee;--mermaid-text-secondary:#bbb;--mermaid-text-contrast:#fff;--mermaid-text-contrast-reverse:#000;--mermaid-container-primary:hsl(var(--hue), 20%, 10%);--mermaid-gantt-exclude:hsl(var(--hue), 95%, 5%);--mermaid-gantt-section:#fffc}svg[id^=mermaid-]{height:auto;margin:2rem auto;display:block}svg[aria-roledescription=flowchart-v2] .label-container,svg[aria-roledescription=flowchart-v2] .node circle,svg[aria-roledescription=flowchart-v2] .node path{fill:var(--mermaid-node-bg-primary)!important;stroke:var(--mermaid-node-border-primary)!important;stroke-width:1.5px!important}svg[aria-roledescription=flowchart-v2] .nodeLabel{color:var(--mermaid-node-text-primary)!important}svg[aria-roledescription=flowchart-v2] .labelBkg p{background-color:var(--card-bg)!important}svg[aria-roledescription=flowchart-v2] .edgeLabel{color:var(--mermaid-node-text-primary)!important}svg[aria-roledescription=flowchart-v2] .edgePaths path{stroke:var(--mermaid-line-primary)!important}svg[aria-roledescription=flowchart-v2] marker path,svg[aria-roledescription=flowchart-v2] marker circle{fill:var(--mermaid-line-primary);stroke:var(--mermaid-line-primary)}svg[aria-roledescription=flowchart-v2] .cluster rect{fill:var(--mermaid-container-primary)!important;stroke:var(--mermaid-line-primary)!important;stroke-width:.5px!important}svg[aria-roledescription=swimlane] .label-container,svg[aria-roledescription=swimlane] .label-container path{fill:var(--mermaid-node-bg-primary)!important;stroke:var(--mermaid-node-border-primary)!important}svg[aria-roledescription=swimlane] .swimlane-title,svg[aria-roledescription=swimlane] .swimlane-body{fill:var(--mermaid-container-primary)!important}svg[aria-roledescription=swimlane] .edgePath path{stroke:var(--mermaid-line-primary)!important}svg[aria-roledescription=swimlane] .marker{fill:var(--mermaid-line-primary)!important}svg[aria-roledescription=swimlane] .edgeLabel p{background-color:var(--card-bg)!important}svg[aria-roledescription=swimlane] .nodeLabel{color:var(--mermaid-node-text-primary)!important}svg[aria-roledescription=sequence] .messageText,svg[aria-roledescription=sequence] .sectionTitle,svg[aria-roledescription=sequence] .actor-man tspan,svg[aria-roledescription=sequence] .text tspan{fill:var(--mermaid-text-primary)!important}svg[aria-roledescription=sequence] .loopText tspan,svg[aria-roledescription=sequence] .sectionTitle{fill:var(--mermaid-text-secondary)!important}svg[aria-roledescription=sequence] .labelBox{fill:var(--mermaid-node-bg-secondary)!important;stroke:var(--mermaid-node-border-secondary)!important}svg[aria-roledescription=sequence] .labelText{fill:var(--mermaid-node-text-secondary)!important}svg[aria-roledescription=sequence] g rect.actor,svg[aria-roledescription=sequence] .actor circle,svg[aria-roledescription=sequence] g .actor,svg[aria-roledescription=sequence] .actor g,svg[aria-roledescription=sequence] g .note{fill:var(--mermaid-node-bg-primary)!important;stroke:var(--mermaid-node-border-primary)!important}svg[aria-roledescription=sequence] .actor-box tspan,svg[aria-roledescription=sequence] .noteText tspan{fill:var(--mermaid-node-text-primary)!important}svg[aria-roledescription=sequence] rect[class^=activation]{stroke-width:2px;fill:var(--mermaid-node-bg-secondary)!important;stroke:var(--mermaid-node-border-primary)!important}svg[aria-roledescription=sequence] .actor-line,svg[aria-roledescription=sequence] line[class^=messageLine]{stroke:var(--mermaid-line-primary)!important}svg[aria-roledescription=sequence] .loopLine,svg[aria-roledescription=sequence] path[class^=messageLine]{stroke:var(--mermaid-line-secondary)!important}svg[aria-roledescription=sequence] marker path{fill:var(--mermaid-line-primary)!important;stroke:var(--mermaid-line-primary)!important}svg[aria-roledescription=sequence] .actor-man circle,svg[aria-roledescription=sequence] .actor-man line,svg[aria-roledescription=sequence] .actor-man path{fill:var(--mermaid-node-bg-primary)!important;stroke:var(--mermaid-text-secondary)!important}svg[aria-roledescription=sequence] .actor line{stroke:var(--mermaid-text-secondary)}svg[aria-roledescription=sequence] g circle,svg[aria-roledescription=sequence] marker circle{fill:var(--mermaid-node-bg-secondary)}svg[aria-roledescription=sequence] .sequenceNumber{fill:var(--mermaid-text-primary)!important}svg[aria-roledescription=class] .label-container path{fill:var(--mermaid-node-bg-primary)!important;stroke:var(--mermaid-node-border-primary)!important}svg[aria-roledescription=class] .divider path{stroke:var(--mermaid-node-border-secondary)!important}svg[aria-roledescription=class] .nodeLabel p{color:var(--mermaid-text-primary)}svg[aria-roledescription=class] .undefined .markdown-node-label p{color:#222}svg[aria-roledescription=class] .edgePaths path{stroke:var(--mermaid-line-primary)!important}svg[aria-roledescription=class] .extension path,svg[aria-roledescription=class] .aggregation path,svg[aria-roledescription=class] .lollipop circle{fill:none;stroke:var(--mermaid-line-primary)}svg[aria-roledescription=class] .composition path,svg[aria-roledescription=class] .dependency path{fill:var(--mermaid-line-primary)}svg[aria-roledescription=class] .edgeLabel p{background-color:var(--card-bg);color:var(--mermaid-text-primary)}svg[aria-roledescription=class] .cluster rect{fill:var(--mermaid-container-primary)!important;stroke:var(--mermaid-node-border-secondary)!important}svg[aria-roledescription=class] .classDiagramTitleText{fill:var(--mermaid-text-primary)}svg[aria-roledescription=stateDiagram] .node rect{fill:var(--mermaid-node-bg-primary)!important;stroke:var(--mermaid-node-border-primary)!important}svg[aria-roledescription=stateDiagram] .nodeLabel{color:var(--mermaid-text-primary)!important}svg[aria-roledescription=stateDiagram] .statediagram-state path,svg[aria-roledescription=stateDiagram] .statediagram-state path{fill:var(--mermaid-line-primary);stroke:var(--mermaid-line-primary)}svg[aria-roledescription=stateDiagram] [id*=state-if] path{fill:none;stroke:var(--mermaid-node-border-primary)}svg[aria-roledescription=stateDiagram] .label-container path{fill:var(--mermaid-node-bg-secondary);stroke:var(--mermaid-node-border-secondary)}svg[aria-roledescription=stateDiagram] .edgePaths path{stroke:var(--mermaid-line-primary)!important}svg[aria-roledescription=stateDiagram] marker,svg[aria-roledescription=stateDiagram] .state-start{fill:var(--mermaid-line-primary)!important}svg[aria-roledescription=stateDiagram] [id*=_end-] .outer-path>path{fill:none;stroke:var(--mermaid-line-primary)}svg[aria-roledescription=stateDiagram] [id*=_end-] .outer-path g path{fill:var(--mermaid-line-primary);stroke:var(--mermaid-line-primary)}svg[aria-roledescription=stateDiagram] .edgeLabel{color:var(--mermaid-text-primary)!important}svg[aria-roledescription=stateDiagram] .edgeLabel p{background-color:var(--card-bg)!important}svg[aria-roledescription=stateDiagram] .statediagramTitleText{fill:var(--mermaid-text-primary)!important}svg[aria-roledescription=stateDiagram] .statediagram-cluster .inner{fill:var(--mermaid-node-bg-primary)!important;stroke:var(--mermaid-node-border-primary)!important}svg[aria-roledescription=stateDiagram] .statediagram-cluster .outer{fill:var(--mermaid-node-bg-secondary)!important;stroke:var(--mermaid-node-border-secondary)!important}svg[aria-roledescription=stateDiagram] .statediagram-cluster-alt .inner{fill:var(--mermaid-container-primary)!important}svg[aria-roledescription=er] .outer-path path,svg[aria-roledescription=er] .label-container{fill:var(--mermaid-node-border-primary)!important}svg[aria-roledescription=er] .row-rect-odd path{fill:var(--mermaid-node-bg-primary)}svg[aria-roledescription=er] .row-rect-even path{fill:var(--mermaid-node-bg-secondary)}svg[aria-roledescription=er] .edgePaths path{stroke:var(--mermaid-line-primary)!important}svg[aria-roledescription=er] .edgeLabel p{background-color:var(--card-bg);color:var(--mermaid-text-primary)}svg[aria-roledescription=er] .marker path{stroke:var(--mermaid-line-primary)}svg[aria-roledescription=er] .marker circle{fill:var(--mermaid-line-primary)}svg[aria-roledescription=er] .nodeLabel{color:var(--mermaid-text-primary)}svg[aria-roledescription=journey] .legend tspan,svg[aria-roledescription=journey] text{fill:var(--mermaid-text-primary)}svg[aria-roledescription=journey] line{stroke:var(--mermaid-text-primary)!important}svg[aria-roledescription=journey] marker path{fill:var(--mermaid-text-primary)}svg[aria-roledescription=gantt] .titleText,svg[aria-roledescription=gantt] .sectionTitle tspan,svg[aria-roledescription=gantt] .grid .tick text,svg[aria-roledescription=gantt] .taskTextOutsideRight{fill:var(--mermaid-text-primary)!important}svg[aria-roledescription=gantt] .grid .tick line{stroke-width:1.6px}svg[aria-roledescription=gantt] g rect.exclude-range{fill:var(--mermaid-gantt-exclude)!important}svg[aria-roledescription=gantt] g .section[class$="0"],svg[aria-roledescription=gantt] g .section[class$="2"],svg[aria-roledescription=gantt] g .section[class$="4"],svg[aria-roledescription=gantt] g .section[class$="6"],svg[aria-roledescription=gantt] g .section[class$="8"],svg[aria-roledescription=gantt] g .section[class$="10"],svg[aria-roledescription=gantt] g .section[class$="12"],svg[aria-roledescription=gantt] g .section[class$="14"],svg[aria-roledescription=gantt] g .section[class$="16"]{fill:var(--mermaid-gantt-section)!important}svg[aria-roledescription=pie] .pieTitleText,svg[aria-roledescription=pie] .legend text{fill:var(--mermaid-text-primary)!important}svg[aria-roledescription=pie] .legend rect{stroke:var(--mermaid-text-primary)!important}svg[aria-roledescription=quadrantChart] .title text,svg[aria-roledescription=quadrantChart] .label text{fill:var(--mermaid-text-primary)}svg[aria-roledescription=quadrantChart] .quadrants text{fill:var(--mermaid-text-secondary)}svg[aria-roledescription=quadrantChart] .quadrants .quadrant:first-child rect{fill:var(--mermaid-quadrant-1)}svg[aria-roledescription=quadrantChart] .quadrants .quadrant:nth-child(2) rect{fill:var(--mermaid-quadrant-2)}svg[aria-roledescription=quadrantChart] .quadrants .quadrant:nth-child(3) rect{fill:var(--mermaid-quadrant-3)}svg[aria-roledescription=quadrantChart] .quadrants .quadrant:nth-child(4) rect{fill:var(--mermaid-quadrant-4)}svg[aria-roledescription=quadrantChart] .border line{stroke:var(--mermaid-line-primary)!important}svg[aria-roledescription=quadrantChart] .data-point text,svg[aria-roledescription=quadrantChart] .data-point circle{fill:var(--mermaid-text-primary)}svg[aria-roledescription=requirement] .label-container path{fill:var(--mermaid-node-bg-primary);stroke:var(--mermaid-node-border-primary)}svg[aria-roledescription=requirement] .nodeLabel{color:var(--mermaid-text-primary)!important}svg[aria-roledescription=requirement] .divider path{stroke:var(--mermaid-node-border-secondary)}svg[aria-roledescription=requirement] .edgeLabel p{background-color:var(--card-bg);color:var(--mermaid-text-primary)}svg[aria-roledescription=requirement] .edgePaths path{stroke:var(--mermaid-line-primary)!important}svg[aria-roledescription=requirement] marker g,svg[aria-roledescription=requirement] marker path{stroke:var(--mermaid-line-primary)}svg[aria-roledescription=c4] text,svg[aria-roledescription=timeline]>text{fill:var(--mermaid-text-primary)}svg[aria-roledescription=timeline] .lineWrapper line{stroke:var(--mermaid-text-primary)!important}svg[aria-roledescription=timeline] marker path,svg[aria-roledescription=sankey] text{fill:var(--mermaid-text-primary)}svg[aria-roledescription=xychart] .plot path{stroke:#7f7}svg[aria-roledescription=xychart] .plot text[dominant-baseline=middle]{fill:#55d}svg[aria-roledescription=block] .node polygon,svg[aria-roledescription=block] .node rect,svg[aria-roledescription=block] .node circle,svg[aria-roledescription=block] .node path{fill:var(--mermaid-node-bg-primary)!important;stroke:var(--mermaid-node-border-primary)!important}svg[aria-roledescription=block] .nodeLabel p{color:var(--mermaid-text-primary)!important}svg[aria-roledescription=block] rect.cluster{fill:var(--mermaid-container-primary)!important;stroke:var(--mermaid-node-border-secondary)!important}svg[aria-roledescription=block] .edgeLabel{background-color:var(--card-bg)!important}svg[aria-roledescription=block] .edgeLabel p{color:var(--mermaid-text-primary)!important}svg[aria-roledescription=block] .edge-thickness-normal{stroke:var(--mermaid-line-primary)!important}svg[aria-roledescription=block] .arrowMarkerPath{fill:var(--mermaid-line-primary)}svg[aria-roledescription=packet] .packetBlock{fill:var(--mermaid-node-bg-primary)!important;stroke:var(--mermaid-node-border-primary)!important}svg[aria-roledescription=packet] .packetLabel{fill:var(--mermaid-node-text-primary)!important}svg[aria-roledescription=packet]>text,svg[aria-roledescription=packet] .packetByte{fill:var(--mermaid-text-primary)!important}svg[aria-roledescription=architecture] tspan{fill:var(--mermaid-text-primary)}svg[aria-roledescription=architecture] .node-bkg,svg[aria-roledescription=architecture] .architecture-edges path{stroke:var(--mermaid-text-secondary)!important}svg[aria-roledescription=architecture] .arrow{stroke:var(--mermaid-text-secondary);fill:var(--mermaid-text-secondary)!important}svg[aria-roledescription=radar] text{fill:var(--mermaid-text-primary)}svg[aria-roledescription=eventmodeling] .em-swimlane rect{fill:#999;stroke:#999}svg[aria-roledescription=eventmodeling] .em-relation{stroke:#ccc;stroke-width:2px}svg[aria-roledescription=eventmodeling] marker polygon{fill:#ccc}svg[aria-roledescription=eventmodeling] text{fill:#fff}svg[aria-roledescription=eventmodeling] b{color:#111}svg[aria-roledescription=venn] .venn-intersection tspan{fill:var(--mermaid-text-primary)}svg[aria-roledescription=venn] .venn-text-node{color:var(--mermaid-text-secondary)!important}svg[aria-roledescription=ishikawa] .ishikawa-label-box,svg[aria-roledescription=ishikawa] .ishikawa-head{fill:var(--mermaid-node-bg-primary)!important;stroke:var(--mermaid-node-border-primary)!important}svg[aria-roledescription=ishikawa] tspan{fill:var(--mermaid-text-primary)}svg[aria-roledescription=ishikawa] .ishikawa-spine,svg[aria-roledescription=ishikawa] .ishikawa-branch,svg[aria-roledescription=ishikawa] .ishikawa-sub-branch{stroke:var(--mermaid-line-primary)!important}svg[aria-roledescription=ishikawa] .ishikawa-arrow{fill:var(--mermaid-line-primary)!important}svg[aria-roledescription=cynefin] .cynefinTitle{fill:var(--mermaid-text-primary)!important}svg[aria-roledescription=cynefin] .cynefinDomainLabel,svg[aria-roledescription=cynefin] .cynefinSubtitle,svg[aria-roledescription=cynefin] .cynefinArrowLabel,svg[aria-roledescription=cynefin] .cynefinItemText{fill:#fff!important}svg[aria-roledescription=cynefin] .cynefin-backgrounds .cynefinDomain{fill-opacity:.8}svg[aria-roledescription=cynefin] .cynefin-backgrounds .cynefinDomain:first-child{fill:#1b361f}svg[aria-roledescription=cynefin] .cynefin-backgrounds .cynefinDomain:nth-child(2){fill:#152d53}svg[aria-roledescription=cynefin] .cynefin-backgrounds .cynefinDomain:nth-child(3){fill:#5d2617}svg[aria-roledescription=cynefin] .cynefin-backgrounds .cynefinDomain:nth-child(4){fill:#72431c}svg[aria-roledescription=cynefin] .cynefinConfusion{fill:#449;stroke:#fff!important}svg[aria-roledescription=cynefin] .cynefinItem{fill:#000;fill-opacity:.2!important;stroke:#fff!important}svg[aria-roledescription=cynefin] .cynefinBoundary,svg[aria-roledescription=cynefin] .cynefinArrowLine{stroke:#fff!important}svg[aria-roledescription=cynefin] .cynefinArrowHead{fill:#fff!important}svg[aria-roledescription=treeView] .treeView-node-label{fill:var(--mermaid-text-primary)!important}svg[aria-roledescription=treeView] .treeView-node-line{stroke:var(--mermaid-text-primary)!important}