:where(article div:has(>:is(svg.flowchart,svg.statediagram,svg[role=graphics-document]))){margin-top:1.5rem;overflow-x:auto;padding-block:.5rem}:where(article div:has(>:is(svg.flowchart,svg.statediagram,svg[role=graphics-document])))>:is(svg.flowchart,svg.statediagram,svg[role=graphics-document]){margin:0 auto}:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .node path),:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .node polygon),:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .node rect),:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .state path),:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .state polygon),:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .state rect){fill:#eff6ff!important;stroke:#2563eb!important}:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .rough-node .label-container path:first-of-type){opacity:.45;stroke:#bfdbfe!important}:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .rough-node .label-container path:nth-of-type(2)){opacity:1;stroke:#2563eb!important}:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .edgePaths path),:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .flowchart-link),:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .transition){stroke:#334155!important}:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) marker path){fill:#334155!important;stroke:#334155!important}:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .label),:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .nodeLabel),:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) foreignObject span),:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) text){color:#111827!important;fill:#111827!important}:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .edgeLabel p),:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .edgeLabel),:where(article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .labelBkg){background-color:#fafafa!important;color:#111827!important}:where(html.dark article div:has(>:is(svg.flowchart,svg.statediagram,svg[role=graphics-document]))),:where(html[data-theme=dark] article div:has(>:is(svg.flowchart,svg.statediagram,svg[role=graphics-document]))){background:transparent}:where(html.dark article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .rough-node .label-container path:first-of-type),:where(html[data-theme=dark] article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .rough-node .label-container path:first-of-type){opacity:.18;stroke:#60a5fa!important}:where(html.dark article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .rough-node .label-container path:nth-of-type(2)),:where(html[data-theme=dark] article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .rough-node .label-container path:nth-of-type(2)){stroke:#93c5fd!important}:where(html.dark article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .edgePaths path),:where(html.dark article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .flowchart-link),:where(html.dark article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .transition),:where(html[data-theme=dark] article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .edgePaths path),:where(html[data-theme=dark] article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .flowchart-link),:where(html[data-theme=dark] article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .transition){stroke:#93c5fd!important}:where(html.dark article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) marker path),:where(html[data-theme=dark] article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) marker path){fill:#93c5fd!important;stroke:#93c5fd!important}:where(html.dark article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .label),:where(html.dark article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .nodeLabel),:where(html.dark article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) foreignObject span),:where(html.dark article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) text),:where(html[data-theme=dark] article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .label),:where(html[data-theme=dark] article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .nodeLabel),:where(html[data-theme=dark] article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) foreignObject span),:where(html[data-theme=dark] article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) text){color:#f8fafc!important;fill:#f8fafc!important}:where(html.dark article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .edgeLabel p),:where(html.dark article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .edgeLabel),:where(html.dark article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .labelBkg),:where(html[data-theme=dark] article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .edgeLabel p),:where(html[data-theme=dark] article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .edgeLabel),:where(html[data-theme=dark] article :is(svg.flowchart,svg.statediagram,svg[role=graphics-document]) .labelBkg){background-color:#111111!important;color:#f8fafc!important}:where(html.dark article svg.statediagram .statediagram-state .nodeLabel),:where(html.dark article svg.statediagram .statediagram-state foreignObject span),:where(html[data-theme=dark] article svg.statediagram .statediagram-state .nodeLabel),:where(html[data-theme=dark] article svg.statediagram .statediagram-state foreignObject span){color:#111827!important;fill:#111827!important}:where(article .theme-image){margin:1.5rem 0}:where(article .theme-image img){display:block;height:auto;width:100%}:where(article .theme-image-dark){display:none}:where(html.dark article .theme-image-light),:where(html[data-theme=dark] article .theme-image-light){display:none}:where(html.dark article .theme-image-dark),:where(html[data-theme=dark] article .theme-image-dark){display:block}:where(article .theme-image.has-highlight){position:relative}:where(article .highlight-box){position:absolute;border:3px solid #f59e0b;border-radius:12px;box-shadow:0 0 0 3px rgba(245,158,11,.25),0 0 30px 6px rgba(245,158,11,.5);pointer-events:none}