.mermaid-container{width:100%;overflow-x:auto;overflow-y:visible}.mermaid-container svg{max-width:100%;height:auto}.node text{fill:var(--sl-color-text)}.node circle.state-start{fill:var(--sl-color-text);stroke:var(--sl-color-text)}html[data-theme=dark] .node circle.state-start{fill:var(--sl-color-text);stroke:var(--sl-color-text)}.state-diagram-v2 g.state-node path,g[class*=state] path:not([class*=active]){fill:transparent!important;stroke:var(--sl-color-accent-high)!important;stroke-width:2px!important}html[data-theme=dark] .state-diagram-v2 g.state-node path,html[data-theme=dark] g[class*=state] path:not([class*=active]){fill:transparent!important;stroke:var(--sl-color-accent-high)!important;stroke-width:2px!important}.state text,.state-diagram-v2 text,g[class*=state] text,.state span,.state-diagram-v2 span,g[class*=state] span,.state p,.state-diagram-v2 p,g[class*=state] p{fill:var(--sl-color-text)!important;color:var(--sl-color-text)!important}div[id^=mermaid-] .state-highlight path,div[id^=mermaid-] .state-highlight rect,div[id^=mermaid-] .mermaid-active-state path,div[id^=mermaid-] .mermaid-active-state rect{fill:var(--sl-color-text-accent)!important;stroke:var(--sl-color-text-accent)!important}div[id^=mermaid-] .state-highlight span.nodeLabel,div[id^=mermaid-] .state-highlight span.nodeLabel p,div[id^=mermaid-] .state-highlight .state p,div[id^=mermaid-] .state-highlight .state-diagram-v2 p,div[id^=mermaid-] .state-highlight g[class*=state] p,div[id^=mermaid-] .state-highlight span>p,div[id^=mermaid-] .state-highlight foreignObject p,div[id^=mermaid-] .state-highlight text{color:var(--sl-color-bg)!important;fill:var(--sl-color-bg)!important}.node rect{fill:transparent!important;stroke:var(--sl-color-accent-high)!important;stroke-width:2px!important;rx:5;ry:5}.node text,.node p{fill:var(--sl-color-text)!important;color:var(--sl-color-text)!important}.statediagram-cluster rect,.statediagram-cluster.statediagram-cluster .inner rect,.statediagram-cluster .inner rect,#mermaid-1 .statediagram-cluster rect,#mermaid-1 .statediagram-cluster .inner rect{fill:transparent!important;background:transparent!important}html[data-theme=dark] .statediagram-cluster rect,html[data-theme=dark] .statediagram-cluster .inner rect,html[data-theme=dark] .statediagram-cluster.statediagram-cluster .inner rect,html[data-theme=dark] #mermaid-1 .statediagram-cluster rect,html[data-theme=dark] #mermaid-1 .statediagram-cluster .inner rect{fill:transparent!important;background:transparent!important}.edgeLabel text{fill:var(--sl-color-text)!important}.edgeLabel rect{fill:var(--sl-color-gray-2)!important;stroke:var(--sl-color-gray-4)!important}.edgeLabel p{border:none!important;white-space:nowrap!important;overflow:visible!important}html[data-theme=dark] .edgeLabel rect{fill:var( --sl-color-gray-3 )!important;stroke:var(--sl-color-gray-6)!important}#mermaid-1 html[data-theme=dark] .edgeLabel text,#mermaid-1 html[data-theme=dark] .edgeLabel p,div[id^=mermaid-] html[data-theme=dark] .edgeLabel text,div[id^=mermaid-] html[data-theme=dark] .edgeLabel p{fill:var( --sl-color-text )!important;color:var(--sl-color-text)!important}.transition,.flowchart-link{stroke:var(--sl-color-text)!important}.edge-active{background-color:var(--sl-color-gray-5)!important;color:var(--sl-color-accent-high)!important;font-weight:600!important}.edge-ancestor{color:var(--sl-color-accent-high)!important;font-weight:400!important}.edge-inactive{background-color:var(--sl-color-bg)!important;cursor:default!important;opacity:.7!important}html[data-theme=dark] .edge-inactive{color:#d1d5db!important}.edge-interactive{text-decoration:underline!important;cursor:pointer!important;position:relative;z-index:10!important}.edge-ancestor.edge-interactive:hover{background-color:var(--sl-color-accent-high)!important;color:var(--sl-color-text-invert)!important}.edge-active.edge-interactive:hover{background-color:var(--sl-color-accent)!important;color:var(--sl-color-text-invert)!important}html[data-theme=dark] .edge-inactive{background-color:var(--sl-color-gray-3)!important;color:#e5e7eb!important}html[data-theme=dark] .edge-ancestor.edge-interactive:hover{background-color:var(--sl-color-accent-high)!important;color:#1f2937!important}html[data-theme=dark] .edge-active.edge-interactive:hover{background-color:var(--sl-color-accent)!important;color:#1f2937!important}.edgeLabel p,.edgeLabel span,.edgeLabel text{font-weight:500!important;text-rendering:optimizeLegibility!important;overflow:visible!important;white-space:nowrap!important}.state text,.state-diagram-v2 text,g[class*=state] text,.state span,.state-diagram-v2 span,g[class*=state] span,.state p,.state-diagram-v2 p,g[class*=state] p{fill:var(--sl-color-text)!important;color:var(--sl-color-text)!important;overflow:visible!important;white-space:nowrap!important}.state-diagram-v2 g.state-node.state-highlight path,g[class*=state].state-highlight path:not([class*=active]){fill:var(--sl-color-accent-high)!important;stroke:var(--sl-color-accent-high)!important;stroke-width:2px!important}html[data-theme=dark] .node.active path,html[data-theme=dark] .node.active path[style]{fill:#9370db!important;stroke:#a78bfa!important;stroke-width:2px!important}html:not([data-theme=dark]) .node.active path{fill:#9370db!important;stroke:#9370db!important}html[data-theme=dark] .node.active text,html[data-theme=dark] .node.active p{fill:#1f2937!important;color:#1f2937!important}html:not([data-theme=dark]) .node.active text,html:not([data-theme=dark]) .node.active p{fill:#fff!important;color:#fff!important}html[data-theme=dark] .node.active rect,html[data-theme=dark] .node.active circle,html[data-theme=dark] .node.active ellipse,html[data-theme=dark] .node.active polygon{fill:#9370db!important;stroke:#a78bfa!important;stroke-width:2px!important}html:not([data-theme=dark]) .node.active rect,html:not([data-theme=dark]) .node.active circle,html:not([data-theme=dark]) .node.active ellipse,html:not([data-theme=dark]) .node.active polygon{fill:#9370db!important;stroke:#9370db!important}html[data-theme=dark] .react-flow__controls-button{background:#1f2937!important;border-bottom:1px solid #374151!important;color:#f9fafb!important}html[data-theme=dark] .react-flow__controls-button:hover{background:#374151!important;color:#f9fafb!important}html[data-theme=dark] .react-flow__minimap{background:#1f2937!important}html[data-theme=dark] .react-flow{--xy-background-pattern-dots-color: #4b5563;--xy-background-pattern-line-color: #4b5563;--xy-background-pattern-cross-color: #4b5563}html[data-theme=light] .react-flow{--xy-background-pattern-dots-color: #9ca3af;--xy-background-pattern-line-color: #9ca3af;--xy-background-pattern-cross-color: #9ca3af}html[data-theme=dark] .react-flow__attribution{background:#1f2937cc!important}html[data-theme=dark] .react-flow__selection{background:#3b82f614!important;border:1px dotted rgba(59,130,246,.8)!important}html[data-theme=dark] .react-flow__resize{background:#4b5563!important}html[data-theme=dark] .react-flow__handle{background:#374151!important;border:1px solid #6b7280!important}html[data-theme=dark] .react-flow__node{color:#f9fafb!important}html[data-theme=light] .react-flow__node{color:#111827!important}html[data-theme=dark] .react-flow__edge-text{fill:#d1d5db!important}html[data-theme=light] .react-flow__edge-text{fill:#374151!important}html[data-theme=dark] .react-flow__edge[data-is-clickable=true] .react-flow__edge-text{fill:#60a5fa!important;cursor:pointer!important;transition:fill .2s ease!important}html[data-theme=light] .react-flow__edge[data-is-clickable=true] .react-flow__edge-text{fill:#2563eb!important;cursor:pointer!important;transition:fill .2s ease!important}html[data-theme=dark] .react-flow__edge[data-is-clickable=true]:hover .react-flow__edge-text{fill:#93c5fd!important;font-weight:600!important}html[data-theme=light] .react-flow__edge[data-is-clickable=true]:hover .react-flow__edge-text{fill:#1d4ed8!important;font-weight:600!important}html[data-theme=dark] .react-flow__edge[data-is-clickable=true]:hover{stroke:#60a5fa!important;stroke-width:3px!important;filter:drop-shadow(0 0 8px rgba(96,165,250,.4))!important;transition:all .2s ease!important}html[data-theme=light] .react-flow__edge[data-is-clickable=true]:hover{stroke:#2563eb!important;stroke-width:3px!important;filter:drop-shadow(0 0 8px rgba(37,99,235,.4))!important;transition:all .2s ease!important}html[data-theme=dark] .react-flow__edge[data-is-transition-from-previous=true]:hover{stroke:#60a5fa!important;stroke-width:4px!important;filter:drop-shadow(0 0 12px rgba(96,165,250,.6))!important}html[data-theme=light] .react-flow__edge[data-is-transition-from-previous=true]:hover{stroke:#2563eb!important;stroke-width:4px!important;filter:drop-shadow(0 0 12px rgba(37,99,235,.6))!important}html[data-theme=dark] .react-flow__edge[data-is-transition-from-previous=true] .react-flow__edge-text{fill:#60a5fa!important;font-weight:600!important}html[data-theme=light] .react-flow__edge[data-is-transition-from-previous=true] .react-flow__edge-text{fill:#2563eb!important;font-weight:600!important}.node.active-container path,.node.active-container rect{stroke:var(--sl-color-accent-high)!important;stroke-width:2px!important;fill-opacity:.15!important}html[data-theme=dark] .node.active-container path,html[data-theme=dark] .node.active-container rect{fill-opacity:.25!important}.state-container-highlight rect{stroke:var(--sl-color-accent-high)!important;stroke-width:2px!important;fill:var(--sl-color-accent-high)!important;fill-opacity:.15!important}html[data-theme=dark] .state-container-highlight rect{fill-opacity:.25!important}