          %%{init: {"look": "neo", "theme": "neo","fontFamily": "Arial"} }%%
    flowchart
          A[A really really really super long node] --> B & C
          subgraph apa
            D --> E
          end

    %%{init: {"look": "neo", "theme": "forest","fontFamily": "Arial",         "themeVariables": {
              "useGradient": true,
              "gradientStart": '#fff',
              "gradientStop": '#ccc'
            }} }%%
    stateDiagram-v2
        stateId

    flowchart LR
        id1(Start)-->id2(Stop)
        style id1 fill:#f9f,stroke:#333,stroke-width:4px
        style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5

          flowchart LR
        A:::foo & B:::bar --> C:::foobar
        classDef foo stroke:#f00
        classDef bar stroke:#0f0
        classDef ash color:red
        class C ash
        style C stroke:#00f, fill:black

    flowchart TB
        c1-->a2
        subgraph one
        a1-->a2
        end
        subgraph two
        b1-->b2
        end
        subgraph three
        c1-->c2
        end

    stateDiagram-v2
        [*] --> First
        state First {
            [*] --> second
            second --> [*]
        }