asd123 --> d
      </pre>
      <pre class="mermaid2" style="width: 50%; height: 20%">
stateDiagram-v2
  state A {
    B1 --> B2: ok
  }
  A --> C: sert
  C --> D
  B1 --> D
  A --> D: asd123
      </pre>
    </div>
    <pre class="mermaid2" style="width: 50%; height: 20%">
        %%{init: {'theme': 'base', 'themeVariables': { 'primaryColor': '#ff0000'}}}%%
flowchart LR
  a -->b
  subgraph A
  B
  end
  subgraph B
  b
  end
    </pre>
    <pre class="mermaid" style="width: 50%; height: 20%">
flowchart TB
 