.mermaid-diagram {
    font-family: Proba Pro;
    font-size: 32px;
    fill: #000000;
}

.mermaid-diagram .error-icon {
    fill: #552222;
}

.mermaid-diagram .error-text {
    fill: #552222;
    stroke: #552222;
}

.mermaid-diagram .edge-thickness-normal {
    stroke-width: 2px;
}

.mermaid-diagram .edge-thickness-thick {
    stroke-width: 3.5px;
}

.mermaid-diagram .edge-pattern-solid {
    stroke-dasharray: 0;
}

.mermaid-diagram .edge-pattern-dashed {
    stroke-dasharray: 3;
}

.mermaid-diagram .edge-pattern-dotted {
    stroke-dasharray: 2;
}

.mermaid-diagram .marker {
    fill: #666;
    stroke: #666;
}

.mermaid-diagram .marker.cross {
    stroke: #666;
}

.mermaid-diagram svg {
    font-family: Proba Pro;
    font-size: 32px;
}

.mermaid-diagram .label {
    font-family: Proba Pro;
    color: #000000;
}

.mermaid-diagram .cluster-label text {
    fill: #333;
}

.mermaid-diagram .cluster-label span, .mermaid-diagram p {
    color: #333;
}

.mermaid-diagram .label text, .mermaid-diagram span, .mermaid-diagram p {
    fill: #000000;
    color: #000000;
}

.mermaid-diagram .node rect, .mermaid-diagram .node circle, .mermaid-diagram .node ellipse, .mermaid-diagram .node polygon, .mermaid-diagram .node path {
    fill: #eee;
    stroke: #999;
    stroke-width: 1px;
}

.mermaid-diagram .flowchart-label text {
    text-anchor: middle;
}

.mermaid-diagram .node .label {
    text-align: center;
}

.mermaid-diagram .node.clickable {
    cursor: pointer;
}

.mermaid-diagram .arrowheadPath {
    fill: #333333;
}

.mermaid-diagram .edgePath .path {
    stroke: #666;
    stroke-width: 2.0px;
}

.mermaid-diagram .flowchart-link {
    stroke: #666;
    fill: none;
}

.mermaid-diagram .edgeLabel {
    background-color: white;
    text-align: center;
}

.mermaid-diagram .edgeLabel rect {
    opacity: 0.5;
    background-color: white;
    fill: white;
}

.mermaid-diagram .cluster rect {
    fill: hsl(0, 0%, 98.9215686275%);
    /*stroke: #707070;*/
    stroke-width: 1px;
}

.mermaid-diagram .cluster text {
    fill: #333;
}

.mermaid-diagram .cluster span, .mermaid-diagram p {
    color: #333;
}

.mermaid-diagram div.mermaidTooltip {
    position: absolute;
    text-align: center;
    max-width: 200px;
    padding: 2px;
    font-family: Proba Pro;
    font-size: 12px;
    background: hsl(-160, 0%, 93.3333333333%);
    border: 1px solid #707070;
    border-radius: 2px;
    pointer-events: none;
    z-index: 100;
}

.mermaid-diagram .flowchartTitleText {
    text-anchor: middle;
    font-size: 18px;
    fill: #000000;
}

.mermaid-diagram :root {
    --mermaid-font-family: Proba Pro;
}

.mermaid-diagram .bold span {
    font-weight: bold !important;
}

.mermaid-diagram .italic span {
    font-style: italic !important;
}

.mermaid-diagram .title span {
    stroke: #eee !important;
    stroke-width: 4px !important;
    font-size: 32px !important;
}

.mermaid-diagram .empty span {
    fill: transparent !important;
    stroke-width: 0 !important;
}